button {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
}

.bg-image img,
.bg-image picture,
.bg-image picture img, .covered, .cover-bg {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    top: 0;
    pointer-events: none;
}

.covered-pointer {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    top: 0;
}

.d-flex-cc,
.d-flex-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

body {
    font-size: 16px;
    line-height: 1.5;
}

.text--180 {
    font-size: 180px;
    line-height: 0.9;
    letter-spacing: -0.05em;
}
@media (min-width: 1920px) {
    .text--180 {
        font-size: 220px;
    }
}
@media only screen and (max-width: 1439px) {
    .text--180 {
        font-size: 150px;
    }
}
@media only screen and (max-width: 1200px) {
    .text--180 {
        font-size: 120px;
        line-height: 1;
    }
}
@media only screen and (max-width: 1022px) {
    .text--180 {
        font-size: 100px;
        letter-spacing: -0.04em;
    }
}
@media only screen and (max-width: 767px) {
    .text--180 {
        font-size: 12vw;
    }
}

.text--128 {
    font-size: 128px;
    line-height: 1;
    letter-spacing: -0.06em;
}
@media only screen and (max-width: 1439px) {
    .text--128 {
        font-size: 96px;
        letter-spacing: 0;
    }
}

.text--48 {
    font-size: 48px;
    line-height: 1;
    letter-spacing: -0.01em;
}
@media only screen and (max-width: 1439px) {
    .text--48 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 1022px) {
    .text--48 {
        font-size: 30px;
    }
}

.text--40 {
    font-size: 40px;
    line-height: 1;
    letter-spacing: -0.04em;
}
@media only screen and (max-width: 1439px) {
    .text--40 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 1022px) {
    .text--40 {
        font-size: 30px;
    }
}

.text--36 {
    font-size: 36px;
    line-height: 1;
}

.text--24 {
    font-size: 24px;
    line-height: 1;
}

.text--20 {
    font-size: 20px;
}

.text--18 {
    font-size: 18px;
    line-height: 1;
}

.text--16 {
    font-size: 16px;
}

.text--14 {
    font-size: 14px;
}

.text--12 {
    font-size: 12px;
    line-height: 1.5;
}

.text--10 {
    font-size: 10px;
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.focus-visible:focus-visible,
.focus-within:focus-visible {
    outline-color: var(--color-focus);
    outline-style: solid;
    outline-offset: 0;
    outline-width: 2px;
    transition: outline-offset 0.2s linear;
}

.text *,
.title *,
.title-main * {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-transform: inherit;
    text-align: inherit;
    font-style: inherit;
    font-family: inherit;
}

.overflow-backface {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.bg-video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #000;
}

@media only screen and (max-width: 767px) {
    .swiper-scrollbar .swiper-scrollbar-drag {
        display: none;
    }
}
.swiper-scrollbar .swiper-scrollbar-thumb {
    height: 2px;
    width: 50px;
    position: relative;
    top: 0;
    cursor: pointer;
    background-color: var(--color-gray-200);
    will-change: left;
}
@media only screen and (min-width: 768px) {
    .swiper-scrollbar .swiper-scrollbar-thumb {
        display: none;
    }
}
.swiper-scrollbar .swiper-scrollbar-thumb::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scaleY(8);
}
@media only screen and (max-width: 767px) {
    .swiper-scrollbar-lock.swiper-scrollbar {
        display: block;
    }
}

:root {
    --color-white: #fff;
    --color-black: #000;
    --color-font-color: #93847c;
    --color-yellow: #fff200;
    --color-yellow-hover: #ffe900;
    --color-warm-yellow: #ffdf03;
    --color-cold-yellow: #ffff00;
    --color-gray-50: #f6f5f4;
    --color-gray-100: #eceae8;
    --color-gray-200: #d8d4d0;
    --color-gray-300: #bfb8b2;
    --color-gray-400: #a59a92;
    --color-gray-500: #93847c;
    --color-gray-600: #867770;
    --color-gray-700: #70625e;
    --color-gray-800: #5d524f;
    --color-gray-900: #4c4342;
    --color-gray-950: #282322;
    --color-blue: #00aeef;
    --color-green: #0db14b;
    --color-red: #ed1c24;
    --color-red-50: rgba(237, 28, 36, 0.05);
    --color-orange: #f26522;
    --color-pink: #facacc;
    --color-magenta: #ee3d8a;
    --color-focus: #6495ed;
    --color-validation-failed: #ff3b30;
    --color-yellow-gradient: linear-gradient(99.23deg, #fff200 0%, #ffe900 100%);
    --color-yellow-gradient-2: linear-gradient(98.64deg, #fff200 0%, #ffe900 119.6%);
    --font-primary: Apfel Grotezk, sans-serif;
    --easing-default: cubic-bezier(0.16, 1, 0.3, 1);
    --easing-slow: cubic-bezier(0.25, 0.1, 0.25, 1);
    --easing-spring-slow: cubic-bezier(0.25, 0.1, 0.25, 1);
    --shadow-default: 0px 3px 6px 0px rgba(0, 0, 0, 0.03), 0px 11px 11px 0px rgba(0, 0, 0, 0.03), 0px 25px 15px 0px rgba(0, 0, 0, 0.02), 0px 44px 18px 0px rgba(0, 0, 0, 0.01), 0px 69px 19px 0px rgba(0, 0, 0, 0.01);
    --border-white: 0.5px solid rgba(255, 255, 255, 0.3);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    text-align: left;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 1rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: 700;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    text-decoration: none;
    background-color: transparent;
}
a:hover, a:focus {
    text-decoration: none;
}

a:not([href]):not([tabindex]) {
    text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
    outline: 0;
}

pre,
code,
kbd,
samp {
    font-family: monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 1rem;
}

button {
    border-radius: 0;
    text-transform: none;
    cursor: pointer;
    -webkit-appearance: button;
}

input,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

select {
    word-wrap: normal;
    text-transform: none;
}

input {
    overflow: visible;
}

[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

@media (min-width: 320px) {
    .text-xs-center {
        text-align: center;
    }
    .text-xs-left {
        text-align: left;
    }
    .text-xs-right {
        text-align: right;
    }
    .d-xs-none {
        display: none !important;
    }
    .d-xs-inline-block {
        display: inline-block !important;
    }
    .d-xs-block {
        display: block !important;
    }
    .d-xs-flex {
        display: flex !important;
    }
    .d-xs-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 768px) {
    .text-sm-center {
        text-align: center;
    }
    .text-sm-left {
        text-align: left;
    }
    .text-sm-right {
        text-align: right;
    }
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1023px) {
    .text-md-center {
        text-align: center;
    }
    .text-md-left {
        text-align: left;
    }
    .text-md-right {
        text-align: right;
    }
    .d-md-none {
        display: none !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1201px) {
    .text-lg-center {
        text-align: center;
    }
    .text-lg-left {
        text-align: left;
    }
    .text-lg-right {
        text-align: right;
    }
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1439px) {
    .text-xl-center {
        text-align: center;
    }
    .text-xl-left {
        text-align: left;
    }
    .text-xl-right {
        text-align: right;
    }
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
}

.container {
    display: block;
    margin: 0 auto;
    max-width: calc(100% - 32px);
    padding: 0;
    width: 100%;
}

.row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

.row.reverse {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}

.col.reverse {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
}

[class*=col-] {
    padding-left: 8px;
    padding-right: 8px;
}

.col-xs {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.666667%;
    flex-basis: 16.666667%;
    max-width: 16.666667%;
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.col-xs-offset-1 {
    margin-left: 8.333%;
}

.col-xs-offset-2 {
    margin-left: 16.666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.333%;
}

.col-xs-offset-5 {
    margin-left: 41.667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.333%;
}

.col-xs-offset-8 {
    margin-left: 66.667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.333%;
}

.col-xs-offset-11 {
    margin-left: 91.667%;
}

.start-xs {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
}

.center-xs {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.end-xs {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
}

.top-xs {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
}

.middle-xs {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.bottom-xs {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.between-xs {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.first-xs {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
}

.last-xs {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
}

@media only screen and (min-width: 768px) {
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .container {
        max-width: calc(100% - 40px);
    }
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
    }
    [class*=col-] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-sm {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }
    .col-sm-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }
    .col-sm-2 {
        -ms-flex-preferred-size: 16.666667%;
        flex-basis: 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
    .col-sm-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }
    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }
    .col-sm-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }
    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }
    .col-sm-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }
    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
    .col-sm-offset-1 {
        margin-left: 8.333%;
    }
    .col-sm-offset-2 {
        margin-left: 16.666667%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-4 {
        margin-left: 33.333%;
    }
    .col-sm-offset-5 {
        margin-left: 41.667%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-7 {
        margin-left: 58.333%;
    }
    .col-sm-offset-8 {
        margin-left: 66.667%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-10 {
        margin-left: 83.333%;
    }
    .col-sm-offset-11 {
        margin-left: 91.667%;
    }
    .start-sm {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }
    .center-sm {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .end-sm {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }
    .top-sm {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }
    .middle-sm {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .bottom-sm {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .between-sm {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .first-sm {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }
    .last-sm {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}
@media only screen and (min-width: 1023px) {
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .container {
        max-width: 990px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
    }
    [class*=col-] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-md {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }
    .col-md-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }
    .col-md-2 {
        -ms-flex-preferred-size: 16.666667%;
        flex-basis: 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .col-md-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
    .col-md-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }
    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }
    .col-md-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }
    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .col-md-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }
    .col-md-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }
    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
    .col-md-offset-1 {
        margin-left: 8.333%;
    }
    .col-md-offset-2 {
        margin-left: 16.666667%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-4 {
        margin-left: 33.333%;
    }
    .col-md-offset-5 {
        margin-left: 41.667%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-7 {
        margin-left: 58.333%;
    }
    .col-md-offset-8 {
        margin-left: 66.667%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-10 {
        margin-left: 83.333%;
    }
    .col-md-offset-11 {
        margin-left: 91.667%;
    }
    .start-md {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }
    .center-md {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .end-md {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }
    .top-md {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }
    .middle-md {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .bottom-md {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .between-md {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .first-md {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }
    .last-md {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}
@media only screen and (min-width: 1201px) {
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .container {
        max-width: 1240px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
    }
    [class*=col-] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-lg {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }
    .col-lg-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }
    .col-lg-2 {
        -ms-flex-preferred-size: 16.666667%;
        flex-basis: 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
    .col-lg-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }
    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }
    .col-lg-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }
    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }
    .col-lg-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }
    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
    .col-lg-offset-1 {
        margin-left: 8.333%;
    }
    .col-lg-offset-2 {
        margin-left: 16.666667%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-4 {
        margin-left: 33.333%;
    }
    .col-lg-offset-5 {
        margin-left: 41.667%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-7 {
        margin-left: 58.333%;
    }
    .col-lg-offset-8 {
        margin-left: 66.667%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-10 {
        margin-left: 83.333%;
    }
    .col-lg-offset-11 {
        margin-left: 91.667%;
    }
    .start-lg {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }
    .center-lg {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .end-lg {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }
    .top-lg {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }
    .middle-lg {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .bottom-lg {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .between-lg {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .first-lg {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }
    .last-lg {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}
@media only screen and (min-width: 1440px) {
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .container {
        max-width: 1412px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-xl,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
    }
    [class*=col-] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-xl {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }
    .col-xl-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }
    .col-xl-2 {
        -ms-flex-preferred-size: 16.666667%;
        flex-basis: 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
    .col-xl-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }
    .col-xl-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }
    .col-xl-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }
    .col-xl-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }
    .col-xl-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }
    .col-xl-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .col-xl-offset-0 {
        margin-left: 0;
    }
    .col-xl-offset-1 {
        margin-left: 8.333%;
    }
    .col-xl-offset-2 {
        margin-left: 16.666667%;
    }
    .col-xl-offset-3 {
        margin-left: 25%;
    }
    .col-xl-offset-4 {
        margin-left: 33.333%;
    }
    .col-xl-offset-5 {
        margin-left: 41.667%;
    }
    .col-xl-offset-6 {
        margin-left: 50%;
    }
    .col-xl-offset-7 {
        margin-left: 58.333%;
    }
    .col-xl-offset-8 {
        margin-left: 66.667%;
    }
    .col-xl-offset-9 {
        margin-left: 75%;
    }
    .col-xl-offset-10 {
        margin-left: 83.333%;
    }
    .col-xl-offset-11 {
        margin-left: 91.667%;
    }
    .start-xl {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }
    .center-xl {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .end-xl {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }
    .top-xl {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }
    .middle-xl {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .bottom-xl {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    .around-xl {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .between-xl {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .first-xl {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }
    .last-xl {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}
:focus {
    outline: none;
}

.animate-fade.is-visible {
    opacity: 1;
    transition: opacity 250ms linear;
}
.animate-fade.is-hidden {
    opacity: 0;
    transition: opacity 250ms linear;
    pointer-events: none;
}

@keyframes headerHeart {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.8);
    }
    75% {
        transform: scale(1.25);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes newCartItem {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.06);
    }
    100% {
        transform: scale(1);
    }
}
.mt-240 {
    margin-top: 240px;
}
@media only screen and (max-width: 1439px) {
    .mt-240 {
        margin-top: 200px;
    }
}
@media only screen and (max-width: 1200px) {
    .mt-240 {
        margin-top: 160px;
    }
}
@media only screen and (max-width: 1022px) {
    .mt-240 {
        margin-top: 128px;
    }
}
.mt-160 {
    margin-top: 160px;
}
@media only screen and (max-width: 1200px) {
    .mt-160 {
        margin-top: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .mt-160 {
        margin-top: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .mt-160 {
        margin-top: 60px;
    }
}
.mt-150 {
    margin-top: 150px;
}
@media only screen and (max-width: 1200px) {
    .mt-150 {
        margin-top: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .mt-150 {
        margin-top: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .mt-150 {
        margin-top: 60px;
    }
}
.mt-128 {
    margin-top: 128px;
}
@media only screen and (max-width: 1200px) {
    .mt-128 {
        margin-top: 80px;
    }
}
.mt-120 {
    margin-top: 120px;
}
@media only screen and (max-width: 1439px) {
    .mt-120 {
        margin-top: 100px;
    }
}
@media only screen and (max-width: 1200px) {
    .mt-120 {
        margin-top: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .mt-120 {
        margin-top: 60px;
    }
}
.mt-100 {
    margin-top: 100px;
}
@media only screen and (max-width: 1200px) {
    .mt-100 {
        margin-top: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .mt-100 {
        margin-top: 60px;
    }
}
.mt-96 {
    margin-top: 96px;
}
@media only screen and (max-width: 1200px) {
    .mt-96 {
        margin-top: 80px;
    }
}
.mt-90 {
    margin-top: 90px;
}
@media only screen and (max-width: 1200px) {
    .mt-90 {
        margin-top: 60px;
    }
}
@media only screen and (max-width: 767px) {
    .mt-90 {
        margin-top: 40px;
    }
}
.mt-80 {
    margin-top: 80px;
}
@media only screen and (max-width: 1200px) {
    .mt-80 {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 1022px) {
    .mt-80 {
        margin-top: 40px;
    }
}
.mt-70 {
    margin-top: 70px;
}
@media only screen and (max-width: 1200px) {
    .mt-70 {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 1022px) {
    .mt-70 {
        margin-top: 40px;
    }
}
.mt-64 {
    margin-top: 64px;
}
@media only screen and (max-width: 1200px) {
    .mt-64 {
        margin-top: 48px;
    }
}
.mt-60 {
    margin-top: 60px;
}
@media only screen and (max-width: 1200px) {
    .mt-60 {
        margin-top: 40px;
    }
}
@media only screen and (max-width: 1022px) {
    .mt-60 {
        margin-top: 30px;
    }
}
.mt-50 {
    margin-top: 50px;
}
@media only screen and (max-width: 1200px) {
    .mt-50 {
        margin-top: 40px;
    }
}
@media only screen and (max-width: 1022px) {
    .mt-50 {
        margin-top: 30px;
    }
}
.mt-44 {
    margin-top: 44px;
}
@media only screen and (max-width: 1022px) {
    .mt-44 {
        margin-top: 32px;
    }
}
.mt-40 {
    margin-top: 40px;
}
@media only screen and (max-width: 1200px) {
    .mt-40 {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 1022px) {
    .mt-40 {
        margin-top: 20px;
    }
}
.mt-36 {
    margin-top: 36px;
}
@media only screen and (max-width: 767px) {
    .mt-36 {
        margin-top: 34px;
    }
}
.mt-32 {
    margin-top: 32px;
}
@media only screen and (max-width: 1200px) {
    .mt-32 {
        margin-top: 20px;
    }
}
.mt-30 {
    margin-top: 30px;
}
@media only screen and (max-width: 1200px) {
    .mt-30 {
        margin-top: 20px;
    }
}
.mt-24 {
    margin-top: 24px;
}
@media only screen and (max-width: 1200px) {
    .mt-24 {
        margin-top: 15px;
    }
}
.mt-20 {
    margin-top: 20px;
}
@media only screen and (max-width: 767px) {
    .mt-20 {
        margin-top: 12px;
    }
}
.mt-16 {
    margin-top: 16px;
}
@media only screen and (max-width: 767px) {
    .mt-16 {
        margin-top: 8px;
    }
}
.mt-12 {
    margin-top: 12px;
}

.mb-240 {
    margin-bottom: 240px;
}
@media only screen and (max-width: 1439px) {
    .mb-240 {
        margin-bottom: 200px;
    }
}
@media only screen and (max-width: 1200px) {
    .mb-240 {
        margin-bottom: 160px;
    }
}
@media only screen and (max-width: 1022px) {
    .mb-240 {
        margin-bottom: 128px;
    }
}
.mb-160 {
    margin-bottom: 160px;
}
@media only screen and (max-width: 1200px) {
    .mb-160 {
        margin-bottom: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .mb-160 {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .mb-160 {
        margin-bottom: 60px;
    }
}
.mb-150 {
    margin-bottom: 150px;
}
@media only screen and (max-width: 1200px) {
    .mb-150 {
        margin-bottom: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .mb-150 {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .mb-150 {
        margin-bottom: 60px;
    }
}
.mb-128 {
    margin-bottom: 128px;
}
@media only screen and (max-width: 1200px) {
    .mb-128 {
        margin-bottom: 80px;
    }
}
.mb-120 {
    margin-bottom: 120px;
}
@media only screen and (max-width: 1200px) {
    .mb-120 {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .mb-120 {
        margin-bottom: 60px;
    }
}
.mb-100 {
    margin-bottom: 100px;
}
@media only screen and (max-width: 1200px) {
    .mb-100 {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .mb-100 {
        margin-bottom: 60px;
    }
}
.mb-96 {
    margin-bottom: 96px;
}
@media only screen and (max-width: 1200px) {
    .mb-96 {
        margin-bottom: 80px;
    }
}
.mb-90 {
    margin-bottom: 90px;
}
@media only screen and (max-width: 1200px) {
    .mb-90 {
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 767px) {
    .mb-90 {
        margin-bottom: 40px;
    }
}
.mb-80 {
    margin-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
    .mb-80 {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 1022px) {
    .mb-80 {
        margin-bottom: 40px;
    }
}
.mb-70 {
    margin-bottom: 70px;
}
@media only screen and (max-width: 1200px) {
    .mb-70 {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 1022px) {
    .mb-70 {
        margin-bottom: 40px;
    }
}
.mb-64 {
    margin-bottom: 64px;
}
@media only screen and (max-width: 1200px) {
    .mb-64 {
        margin-bottom: 48px;
    }
}
.mb-60 {
    margin-bottom: 60px;
}
@media only screen and (max-width: 1200px) {
    .mb-60 {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 1022px) {
    .mb-60 {
        margin-bottom: 30px;
    }
}
.mb-50 {
    margin-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
    .mb-50 {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 1022px) {
    .mb-50 {
        margin-bottom: 30px;
    }
}
.mb-44 {
    margin-bottom: 44px;
}
@media only screen and (max-width: 1200px) {
    .mb-44 {
        margin-bottom: 32px;
    }
}
.mb-40 {
    margin-bottom: 40px;
}
@media only screen and (max-width: 1200px) {
    .mb-40 {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 1022px) {
    .mb-40 {
        margin-bottom: 20px;
    }
}
.mb-36 {
    margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
    .mb-36 {
        margin-bottom: 34px;
    }
}
.mb-32 {
    margin-bottom: 32px;
}
@media only screen and (max-width: 1200px) {
    .mb-32 {
        margin-bottom: 20px;
    }
}
.mb-30 {
    margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
    .mb-30 {
        margin-bottom: 20px;
    }
}
.mb-24 {
    margin-bottom: 24px;
}
@media only screen and (max-width: 1200px) {
    .mb-24 {
        margin-bottom: 15px;
    }
}
.mb-20 {
    margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
    .mb-20 {
        margin-bottom: 12px;
    }
}
.mb-16 {
    margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
    .mb-16 {
        margin-bottom: 8px;
    }
}
.mb-12 {
    margin-bottom: 12px;
}
.mb-0 {
    margin-bottom: 0px;
}

/* stylelint-disable */
/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */
:root {
    --swiper-theme-color: #007aff;
    /*
     --swiper-preloader-color: var(--swiper-theme-color);
     --swiper-wrapper-transition-timing-function: initial;
     */
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
    display: block;
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}

:root {
    --swiper-navigation-size: 44px;
    /*
     --swiper-navigation-top-offset: 50%;
     --swiper-navigation-sides-offset: 4px;
     --swiper-navigation-color: var(--swiper-theme-color);
     */
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
}

.swiper-button-lock {
    display: none;
}

.swiper-button-prev,
.swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
}

.swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
}
.swiper-button-prev .swiper-navigation-icon {
    transform: rotate(180deg);
}

.swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
}

.swiper-horizontal .swiper-button-prev,
.swiper-horizontal .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    margin-left: 0;
}
.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
}
.swiper-horizontal .swiper-button-next, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
}
.swiper-horizontal .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon {
    transform: rotate(180deg);
}
.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
    transform: rotate(0deg);
}

.swiper-vertical .swiper-button-prev,
.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-prev,
.swiper-vertical ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - var(--swiper-navigation-size) / 2);
    margin-top: 0;
}
.swiper-vertical .swiper-button-prev,
.swiper-vertical ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
}
.swiper-vertical .swiper-button-prev .swiper-navigation-icon,
.swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon {
    transform: rotate(-90deg);
}
.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
}
.swiper-vertical .swiper-button-next .swiper-navigation-icon,
.swiper-vertical ~ .swiper-button-next .swiper-navigation-icon {
    transform: rotate(90deg);
}

:root {
    /*
     --swiper-pagination-color: var(--swiper-theme-color);
     --swiper-pagination-left: auto;
     --swiper-pagination-right: 8px;
     --swiper-pagination-bottom: 8px;
     --swiper-pagination-top: auto;
     --swiper-pagination-fraction-color: inherit;
     --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
     --swiper-pagination-progressbar-size: 4px;
     --swiper-pagination-bullet-size: 8px;
     --swiper-pagination-bullet-width: 8px;
     --swiper-pagination-bullet-height: 8px;
     --swiper-pagination-bullet-border-radius: 50%;
     --swiper-pagination-bullet-inactive-color: #000;
     --swiper-pagination-bullet-inactive-opacity: 0.2;
     --swiper-pagination-bullet-opacity: 1;
     --swiper-pagination-bullet-horizontal-gap: 4px;
     --swiper-pagination-bullet-vertical-gap: 6px;
     */
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button .swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}

:root {
    /*
     --swiper-scrollbar-border-radius: 10px;
     --swiper-scrollbar-top: auto;
     --swiper-scrollbar-bottom: 4px;
     --swiper-scrollbar-left: auto;
     --swiper-scrollbar-right: 4px;
     --swiper-scrollbar-sides-offset: 1%;
     --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
     --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
     --swiper-scrollbar-size: 4px;
     */
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Zoom container styles end */
.swiper-slide-zoomed {
    cursor: move;
    touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-thumbs .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-fade .swiper-slide-active {
    pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper.swiper-cube {
    overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
}

/* Cube slide shadows end */
.swiper.swiper-flip {
    overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
}

/* Slide styles end */
/* stylelint-enable */
/* stylelint-disable */
.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
}

.noUi-base, .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect, .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-horizontal {
    height: 18px;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}

.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
    border-radius: 3px;
}

.noUi-connect {
    background: #3FB8AF;
}

.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:after, .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-sub {
    background: #AAA;
}

.noUi-marker-large {
    background: #AAA;
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px;
}

/* stylelint-enable */
@font-face {
    font-family: "Apfel Grotezk";
    src: local("Apfel Grotezk Regular"), local("ApfelGrotezk-Regular"), url("../fonts/ApfelGrotezk-Regular.woff2") format("woff2"), url("../fonts/ApfelGrotezk-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Apfel Grotezk";
    src: local("Apfel Grotezk Mittel"), local("ApfelGrotezk-Mittel"), url("../fonts/ApfelGrotezk-Mittel.woff2") format("woff2"), url("../fonts/ApfelGrotezk-Mittel.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Apfel Grotezk";
    src: local("Apfel Grotezk Fett"), local("ApfelGrotezk-Fett"), url("../fonts/ApfelGrotezk-Fett.woff2") format("woff2"), url("../fonts/ApfelGrotezk-Fett.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.cover-bg {
    background-size: cover;
    background-position: center center;
}
.cover-bg img {
    display: none;
}

.covered {
    max-height: initial;
}
.bg-image img,
.bg-image picture,
.bg-image picture img {
    max-height: initial;
}
.bg-video video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.bg-white {
    background-color: var(--color-white);
}
.bg-gray-100 {
    background-color: var(--color-gray-100);
}
.bg-gray-950 {
    background-color: var(--color-gray-950);
}
.bg-gray-50 {
    background-color: var(--color-gray-50);
}
.bg-yellow-gradient {
    background: var(--color-yellow-gradient);
}
.bg-yellow-gradient-2 {
    background: var(--color-yellow-gradient-2);
}

.overflow-h {
    overflow: hidden;
}

.p-none {
    pointer-events: none;
}

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

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

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

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

@media only screen and (max-width: 767px) {
    .text--16 {
        font-size: 14px;
    }
}
.text--white {
    color: var(--color-white);
}
.text--green {
    color: var(--color-green);
}
.text--gray {
    color: var(--color-gray);
}
.text--gray-300 {
    color: var(--color-gray-300);
}
.text--gray-400 {
    color: var(--color-gray-400);
}
.text--gray-500 {
    color: var(--color-gray-500);
}
.text--gray-800 {
    color: var(--color-gray-800);
}
.text--gray-950 {
    color: var(--color-gray-950);
}
.text--lt {
    font-weight: 300;
}
.text--md {
    font-weight: 500;
}
.text--rg {
    font-weight: 400;
}
.text--sb {
    font-weight: 600;
}
.text--bd {
    font-weight: 700;
}
.text--bk {
    font-weight: 800;
}
.text--uppercase {
    text-transform: uppercase;
}

.stretched-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: all;
    font-size: 0;
    line-height: 0;
    opacity: 0;
    z-index: 3;
}

[data-indicator-wrapper] {
    position: relative;
}

.active-indicator {
    background-color: var(--color-gray-950);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    min-width: 1px;
    pointer-events: none;
    border-radius: 100px;
    transition: transform 0.3s var(--easing-slow), width 0.3s var(--easing-slow), height 0.3s var(--easing-slow);
}

@media only screen and (max-width: 767px) {
    .hidden-mobile {
        display: none;
    }
}
@media only screen and (max-width: 1022px) {
    .hidden-tablet-p {
        display: none;
    }
}

.visible-mobile {
    display: none;
}
@media only screen and (max-width: 767px) {
    .visible-mobile {
        display: block;
    }
}
.visible-tablet-p {
    display: none;
}
@media only screen and (max-width: 1022px) {
    .visible-tablet-p {
        display: block;
    }
}

.d-none,
.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.mx-auto {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.d-flex {
    display: flex;
}

.f-auto {
    flex: auto;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1600px) {
    .container {
        max-width: 2184px;
        padding-left: 100px;
        padding-right: 100px;
    }
}
@media (min-width: 1968px) {
    .container {
        padding-left: 0;
        padding-right: 0;
        max-width: 1920px;
    }
}
.container--large {
    width: 100%;
    display: block;
    margin: 0 auto;
    max-width: calc(100% - 24px);
    padding: 0;
}
@media only screen and (max-width: 1200px) {
    .container--large {
        max-width: calc(100% - 12px);
    }
}
@media only screen and (max-width: 1022px) {
    .container--full-mobile {
        max-width: calc(100% - 12px);
    }
}

.border-gray-50 {
    border: 0.5px solid var(--color-gray-50);
}
.border-gray-100 {
    border: 0.5px solid var(--color-gray-100);
}
.border-gray-200 {
    border: 0.5px solid var(--color-gray-200);
}
.border-gray-300 {
    border: 0.5px solid var(--color-gray-300);
}
.border-gray-900 {
    border: 1px solid var(--color-gray-900);
}

.shadow-sm {
    box-shadow: var(--shadow-default);
}

.rounded-8 {
    border-radius: 8px;
}
.rounded-16 {
    border-radius: 16px;
}
.rounded-20 {
    border-radius: 20px;
}
.rounded-24 {
    border-radius: 24px;
}
@media only screen and (max-width: 1022px) {
    .rounded-24 {
        border-radius: 14px;
    }
}
.rounded-32 {
    border-radius: 32px;
}
@media only screen and (max-width: 767px) {
    .rounded-32 {
        border-radius: 24px;
    }
}
.rounded-36 {
    border-radius: 36px;
}
@media only screen and (max-width: 1022px) {
    .rounded-36 {
        border-radius: 20px;
    }
}
.rounded-48 {
    border-radius: 48px;
}
@media only screen and (max-width: 1022px) {
    .rounded-48 {
        border-radius: 24px;
    }
}

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

.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination {
    position: relative;
    bottom: 0;
    top: 0;
    width: 100%;
    line-height: normal;
    display: flex;
    justify-content: center;
    gap: 12px;
}
.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet,
.swiper-pagination .swiper-pagination-bullet {
    margin: 0;
}
.swiper-pagination-bullets.swiper-pagination-horizontal-bullet,
.swiper-pagination-bullet {
    height: 5px;
    width: 5px;
    border: 0;
    outline: 0;
    border-radius: 100%;
    margin: 0;
    opacity: 1;
    background-color: var(--color-gray-500);
    transition: background-color 0.3s ease, opacity 0.3s ease;
}
.swiper-pagination-bullets.swiper-pagination-horizontal-bullet-active,
.swiper-pagination-bullet-active {
    background-color: var(--color-white);
}
@media only screen and (min-width: 1023px) {
    .swiper-pagination-bullets.swiper-pagination-horizontal-bullet:hover,
    .swiper-pagination-bullet:hover {
        background-color: var(--color-white);
    }
}

.swiper-horizontal .swiper-button-prev,
.swiper-horizontal .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next {
    margin: 0;
    top: 0;
    right: initial;
    left: 0;
}
.swiper-horizontal .swiper-button-prev svg,
.swiper-horizontal .swiper-button-next svg,
.swiper-horizontal ~ .swiper-button-prev svg,
.swiper-horizontal ~ .swiper-button-next svg {
    display: none;
}

.slider-nav.d-none {
    display: none;
}
.slider-nav__arrow {
    position: absolute;
    z-index: 11;
    top: 50%;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    flex-shrink: 0;
    transform: translate(0, -50%);
    border: 0.5px solid var(--color-gray-100);
    color: var(--color-gray-950);
    pointer-events: all;
    background-color: var(--color-white);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1019607843), 0px 4px 4px 0px rgba(0, 0, 0, 0.0901960784), 0px 9px 6px 0px rgba(0, 0, 0, 0.0509803922), 0px 17px 7px 0px rgba(0, 0, 0, 0.0117647059), 0px 26px 7px 0px rgba(0, 0, 0, 0);
    margin-top: 0;
    transition: background-color 0.3s var(--easing-spring-slow), opacity 0.3s var(--easing-spring-slow);
    opacity: 0;
}
.page-loaded .slider-nav__arrow {
    opacity: 1;
}
.slider-nav__arrow .icon {
    width: 20px;
    height: 20px;
}
.slider-nav__arrow .icon::before {
    background-color: currentColor;
}
.slider-nav__arrow.arrow-left {
    left: 0;
}
.slider-nav__arrow.arrow-right {
    right: 0;
    left: initial;
}
.slider-nav__arrow:hover {
    background-color: var(--color-gray-50);
}
.slider-nav__arrow svg {
    display: none;
}
.slider-nav__arrow.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal,
.swiper-scrollbar {
    height: 2px;
    background-color: var(--color-gray-50);
    position: relative;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    margin-top: 24px;
    width: 100%;
}

.swiper-scrollbar-drag {
    cursor: grab;
    background-color: var(--color-gray-950);
}
.swiper-scrollbar-drag::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scaleY(2);
}

.swiper-scrollbar.swiper-scrollbar-vertical {
    width: 2px;
    position: relative;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    margin-top: 0;
    height: 100%;
    border-radius: 4px;
    background-color: var(--color-gray-100);
}
.swiper-scrollbar.swiper-scrollbar-vertical .swiper-scrollbar-drag {
    border-radius: 4px;
    background-color: var(--color-gray-950);
}
.swiper-scrollbar.swiper-scrollbar-vertical .swiper-scrollbar-drag::before {
    transform: scaleX(2);
}

.p-0 {
    padding: 0 !important;
}

.p-relative {
    position: relative;
}

.mx-content {
    max-width: 826px;
    width: 100%;
    margin: 0 auto;
}

.h-100 {
    height: 100%;
}

.info-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 4px;
    flex-wrap: wrap;
}
.info-list__item {
    display: flex;
    align-items: center;
    gap: 4px;
}
.info-list__item:not(:last-child)::after {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 100%;
    display: block;
    flex-shrink: 0;
    background-color: currentColor;
}

.bottom-svg-line strong {
    position: relative;
}
.bottom-svg-line strong::before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 115%;
    height: 20px;
    background: var(--data-highlight) no-repeat center/100% 100%;
    bottom: -10px;
}
@media only screen and (max-width: 1022px) {
    .bottom-svg-line strong::before {
        height: 14px;
    }
}

@media only screen and (min-width: 1023px) {
    [data-slider-parent] .swiper {
        overflow: visible;
    }
}
@media only screen and (max-width: 1022px) {
    [data-slider-parent] .swiper {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
    }
}
@media only screen and (max-width: 767px) {
    [data-slider-parent] .swiper {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        display: flex;
        overflow: auto;
        min-width: 0;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    [data-slider-parent] .swiper::-webkit-scrollbar {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    [data-slider-parent] .swiper-wrapper {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        width: auto;
    }
}
@media only screen and (max-width: 767px) {
    [data-slider-parent] .swiper:not(.swiper-initialized) .swiper-pagination, [data-slider-parent] .swiper:not(.swiper-initialized) .swiper-slide:not(:first-of-type) {
        display: block !important;
    }
}
[data-slider-parent]:has(.arrow-right.swiper-button-disabled) .swiper::after, [data-slider-parent]:has(.arrow-left.swiper-button-disabled) .swiper::before {
    opacity: 0;
}
[data-slider-parent]:has(.slider-nav__arrow) .swiper::before, [data-slider-parent]:has(.slider-nav__arrow) .swiper::after {
    visibility: visible;
}

.gray-container {
    background-color: var(--color-gray-50);
    border-radius: 32px;
    border: 0.5px solid var(--color-gray-100);
    padding: 32px;
}
@media only screen and (max-width: 1022px) {
    .gray-container {
        border-radius: 16px;
        padding: 16px;
    }
}
.gray-container .mod-input__field {
    background-color: var(--color-white);
}

.animated-price-static-char, .animated-price-char {
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 30px;
    text-align: center;
    width: var(--digit-width, auto);
}
.animated-price-static-char {
    position: relative;
    width: auto;
}
.animated-price-static-char:last-child {
    margin-left: 8px;
}
.animated-price-wheel {
    position: relative;
    top: 0;
    left: 0;
    pointer-events: none;
    transition: transform 500ms ease;
}
.animated-price-wheel-item {
    position: absolute;
    width: var(--digit-width, auto);
    height: 30px;
    line-height: 30px;
}

html,
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection {
    background-color: var(--color-black);
    color: var(--color-white);
}

body {
    color: var(--color-gray-500);
    font-family: var(--font-primary);
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    align-items: flex-start;
}
body.icv__body, body.body-scroll-locked, body.is-open-menu, body.is-open-search, body.is-open-mega-menu, body.noscroll {
    overflow: hidden;
    padding-right: var(--scroll-width, 0px);
}

.noselect,
.noselect * {
    -webkit-user-select: none;
    user-select: none;
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
}

a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease, border 0.3s ease;
}

i,
em {
    font-style: italic;
}

/* stylelint-disable-next-line */
h1 {
    font-weight: inherit;
    font-size: inherit;
    margin: 0;
}

/* stylelint-disable-next-line */
h2 {
    font-weight: inherit;
    font-size: inherit;
    margin: 0;
}

/* stylelint-disable-next-line */
h3 {
    font-weight: inherit;
    font-size: inherit;
    margin: 0;
}

/* stylelint-disable-next-line */
h4 {
    font-weight: inherit;
    font-size: inherit;
    margin: 0;
}

/* stylelint-disable-next-line */
h5 {
    font-weight: inherit;
    font-size: inherit;
    margin: 0;
}

/* stylelint-disable-next-line */
h6 {
    font-weight: inherit;
    font-size: inherit;
    margin: 0;
}

img {
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    object-fit: cover;
}

figure img {
    margin: 0;
}

.sc-general {
    width: 100%;
    position: relative;
}

.swiper:not(.swiper-initialized) .swiper-pagination,
.swiper:not(.swiper-initialized) .swiper-slide:not(:first-of-type) {
    display: none !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 0 !important;
}

form select::-ms-expand {
    display: none;
}

input,
select,
textarea {
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--color-white) inset !important;
    -webkit-text-fill-color: var(--color-dark-gray) !important;
}
input:auto-fill,
select:auto-fill,
textarea:auto-fill {
    color: var(--color-dark-gray) !important;
    background-color: var(--color-white) !important;
}

input,
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

input:invalid:not(:focus) {
    outline: none;
}

textarea::-ms-clear,
input::-ms-clear {
    display: none;
}

main {
    width: 100%;
    flex: 1 0 auto;
    padding-top: calc(var(--header-height, 164px) + 15px);
    transition: padding 300ms var(--easing-slow) 0.1s;
}
@media only screen and (max-width: 1022px) {
    main {
        padding-top: calc(var(--header-height, 94px) + 16px);
    }
}
:has(.header-main--homepage) main {
    padding-top: calc(var(--header-height, 164px) + var(--sub-menu-height, 188px) + 22px);
}
@media only screen and (max-width: 1022px) {
    :has(.header-main--homepage) main {
        padding-top: calc(var(--header-height, 94px) + 16px + 60px);
    }
}
:has(.sc-article-card-list) main {
    padding-top: calc(var(--header-height, 164px));
}
@media only screen and (max-width: 1022px) {
    :has(.sc-article-card-list) main {
        padding-top: calc(var(--header-height, 94px));
    }
}

.sdt-env__badge {
    position: fixed;
    display: block;
    right: 40px; /* same as height */
    height: 40px;
    line-height: 40px;
    transform-origin: 100% 0;
    background-color: #1a2e44;
    padding: 0 35px;
    border-radius: 15px 15px 0 0;
    transform: rotate(270deg);
    z-index: 99999;
    font-weight: bold;
    color: white;
    font-size: 13px;
    font-family: sans-serif;
}
.sdt-env__badge .icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDAuNjMiIGhlaWdodD0iMTU5LjQ0IiB2aWV3Qm94PSIwIDAgMTQwLjYzIDE1OS40NCI+PHBhdGggZD0iTTI1LjUxLDI5LjgzYy00LjMtMi40OC0yLjQ4LTMuNTMsMS4yNC01LjczUzY0LjQ1LDIuNjIsNjcuMjIsMS4xczQuMzktMS42Miw4LjU5LC43NiwzNy40MiwyMS4zOCw0MC4xOSwyMi44MiwyLjQ4LDMuMTUsMCw0LjU4LTguNzgsNS4xNS0xMC45OCw2LjExLTYuNzgsLjY3LTkuNjQtMS4wNS0xNC43LTguNS0xOC45LTExLjM2LTcuMzUtMi42Ny0xMi4zMSwuMTktMTcuMjgsMTAuMDItMjAuMDUsMTEuNDYtNi40OSwyLjM5LTEwLjEyLC40OC04LjUtNS4yNS04LjUtNS4yNVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTI0Ljk4LDY0LjQ5YzIuNzcsMS40MywzNS45OSwyMC40Myw0MC4xOSwyMi44MnM1LjgyLDIuMjksOC41OSwuNzYsMzYuNzUtMjAuODEsNDAuNDgtMjMuMDFsNy4wNS0zLjY3djQ3LjM1czExLjQ2LDYuMzYsMTQuNzYsOC41NCw0LjU4LS45LDQuNTgtNC4yMVY0Ni4xMmMwLTEwLjE4LTguNC0xMi4yMi0xNS4yNy04LjY2cy0yOC40OSwxNy4xLTI4LjQ5LDE3LjFjLTIuNzcsMS40My0xNS4wOCw4LjU5LTIwLjA1LDExLjQ2cy04LjExLDMuMDUtMTIuMzEsLjE5LTE2LjA0LTkuNjQtMTguOS0xMS4zNmMwLDAtMjAuOC0xMi41NS0yOC42OS0xNi42MlMuMTEsMzcuNDcsLjExLDQ1LjM2LS4xNCwxMDguNzUsLjExLDExMi41NnMyLjA1LDYuMDgsNi44NywzLjU2YzcuMjItMy43NiwxMi43My03LjM4LDEyLjczLTcuMzhsLjc2LTQ2LjU5LDQuNTEsMi4zM1oiIHN0eWxlPSJmaWxsOiMyMmQxNzI7Ii8+PHBhdGggZD0iTTEyNS40OCwxMjMuNjFjNC4zLDIuNDgsMi40OCwzLjUzLTEuMjQsNS43M3MtNDcuNzEsMjcuNDgtNTAuNDgsMjkuMDEtNC4zOSwxLjYyLTguNTktLjc2LTQ3LjQyLTI3LjM4LTUwLjE5LTI4LjgyLTIuNDgtMy4xNSwwLTQuNTgsOC43OC01LjE1LDEwLjk4LTYuMTEsNi43OC0uNjcsOS42NCwxLjA1LDI0LjcsMTQuNSwyOC45LDE3LjM2LDcuMzUsMi42NywxMi4zMS0uMTksMjcuMjgtMTYuMDIsMzAuMDUtMTcuNDYsNi40OS0yLjM5LDEwLjEyLS40OCw4LjUsNS4yNSw4LjUsNS4yNVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9zdmc+") !important;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    float: right;
    width: 20px;
    height: 30px;
    margin-left: 10px;
}
.sdt-env__badge .icon::before {
    background-color: transparent;
}
.sdt-env__badge .mailtrap-unread-email {
    display: inline-block;
    box-sizing: border-box;
    margin: 12px 0 0 25px;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #d63638;
    color: #fff;
    font-size: 11px;
    line-height: 1.6;
    text-align: center;
    z-index: 26;
}
.sdt-env__badge.local {
    background-color: #fdb833;
    color: #2b2b2b;
}
.sdt-env__badge.staging {
    background-color: #ea3546;
}
.sdt-env__badge.production {
    background-color: #1789fc;
}

img.lazyload,
img.lazyloaded {
    transition: opacity 0.3s ease, transform 0.3s ease, scale 0.3s ease !important;
}

.grecaptcha-badge,
.g-captcha,
.g-recaptcha {
    position: absolute !important;
    right: 100vw !important;
    top: -100vh !important;
}

html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}

.ios-status-bottom,
.ios-status-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 10px;
    background: var(--color-black);
    z-index: 9999999;
    pointer-events: none;
    transition: opacity 0.2s var(--easing-spring-slow);
    display: none;
}
.ios-status-bottom.is-active,
.ios-status-overlay.is-active {
    opacity: 0;
    background: var(--color-white);
}
@media only screen and (max-width: 1022px) {
    .ios-status-bottom.is-active,
    .ios-status-overlay.is-active {
        display: block;
    }
}
body:has(.info-bar) .ios-status-bottom.is-active,
body:has(.info-bar) .ios-status-overlay.is-active {
    background: var(--color-yellow);
}
@media only screen and (max-width: 1022px) {
    .modal-open .ios-status-bottom,
    .modal-open .ios-status-overlay {
        display: block;
    }
}

@media only screen and (max-width: 1022px) {
    body:has(.filter-modal.is-open-modal) .ios-status-overlay {
        display: none;
    }
}
@media only screen and (max-width: 1022px) {
    body:has(.filter-modal.is-closed) .ios-status-overlay.is-active {
        display: none;
    }
}

.ios-status-bottom {
    background-color: var(--color-white);
    bottom: 0;
    top: initial;
    width: 100%;
    z-index: 9999999;
    display: none;
    opacity: 1;
}
@media only screen and (max-width: 1022px) {
    .show-bottom-bar .ios-status-bottom {
        display: block;
    }
}
.modal-open .ios-status-bottom {
    background-color: var(--color-black);
}
body:has(.filter-modal.is-open-modal) .ios-status-bottom {
    background-color: var(--color-white);
}
@media only screen and (max-width: 1022px) {
    body:has(.site-loader.is-loading) .ios-status-bottom, :has(.product-module) .ios-status-bottom {
        display: block;
    }
}
@media only screen and (max-width: 1022px) {
    body:has(.age-confirmation.is-open) .ios-status-bottom {
        height: 1px;
        background: var(--color-yellow);
        display: block;
    }
}

#wp-admin-bar-sp-role-switcher span.on {
    background-color: #d63638;
    display: inline-block;
    box-sizing: border-box;
    margin: 1px 0 -1px 2px;
    padding: 0 5px;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    color: #fff;
    font-size: 11px;
    line-height: 1.6;
    text-align: center;
    z-index: 26;
}
#wp-admin-bar-sp-role-switcher span.on:before {
    content: "\f177";
    font-family: "Dashicons"; /* stylelint-disable-line */
}
#wp-admin-bar-sp-role-switcher span.off:before {
    content: "\f530";
    font-family: Dashicons; /* stylelint-disable-line */
}

#wp-admin-bar-sp-role-switcher.menupop.hover ul li.sp-switch-back a {
    color: #d63638;
}

.editable-section {
    position: relative;
    cursor: pointer;
    outline: 1px dashed rgba(80, 80, 80, 0.4);
    background-color: rgba(0, 0, 0, 0.02);
    transition: background-color 0.5s ease, outline-color 0.5s ease;
}
.editable-section:hover {
    background-color: rgba(0, 0, 0, 0.04);
}
.editable-section:hover::before {
    content: "Edit this module";
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(3px);
    font-size: 0.95rem;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
    pointer-events: none;
    z-index: 1000;
    text-align: center;
    border-radius: 4px;
    opacity: 0;
    animation: classyFade 0.6s ease forwards;
}

@keyframes classyFade {
    from {
        opacity: 0;
        transform: scale(0.985);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.development-error--active {
    overflow: hidden;
}

.development-error__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    z-index: 100000000000000000;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10vh 15px 0;
}
@media (max-height: 812px) {
    .development-error__wrapper {
        padding: 15px 15px 0;
    }
}
.development-error__wrapper.is-hidden {
    display: none;
}

.development-error {
    --size-gap-half: 4px;
    --size-gap: 8px;
    --size-gap-double: 16px;
    --size-gap-triple: 24px;
    --size-gap-quad: 32px;
    --size-font-small: 14px;
    --size-font: 16px;
    --size-font-big: 20px;
    --size-font-bigger: 24px;
    --color-accents-1: #808080;
    --color-accents-2: #222222;
    --color-accents-3: #404040;
    --font-stack-monospace: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    --color-ansi-selection: rgba(95, 126, 151, 0.48);
    --color-ansi-bg: #111111;
    --color-ansi-fg: #cccccc;
    --color-ansi-white: #777777;
    --color-ansi-black: #141414;
    --color-ansi-blue: #00aaff;
    --color-ansi-cyan: #88ddff;
    --color-ansi-green: #98ec65;
    --color-ansi-magenta: #aa88ff;
    --color-ansi-red: #ff5555;
    --color-ansi-yellow: #ffcc33;
    --color-ansi-bright-white: #ffffff;
    --color-ansi-bright-black: #777777;
    --color-ansi-bright-blue: #33bbff;
    --color-ansi-bright-cyan: #bbecff;
    --color-ansi-bright-green: #b6f292;
    --color-ansi-bright-magenta: #cebbff;
    --color-ansi-bright-red: #ff8888;
    --color-ansi-bright-yellow: #ffd966;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    outline: none;
    background: white;
    border-radius: var(--size-gap);
    box-shadow: 0 var(--size-gap-half) var(--size-gap-double) rgba(0, 0, 0, 0.25);
    max-height: calc(100% - 56px);
    overflow-y: hidden;
}
@media (min-width: 576px) {
    .development-error {
        max-width: 540px;
        box-shadow: 0 var(--size-gap) var(--size-gap-quad) rgba(0, 0, 0, 0.25);
    }
}
@media (min-width: 768px) {
    .development-error {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .development-error {
        max-width: 960px;
    }
}
.development-error small {
    font-size: 80%;
    color: #757575;
}
.development-error__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(17, 17, 17, 0.2);
    pointer-events: all;
    cursor: not-allowed;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    z-index: -1;
}
.development-error__banner {
    z-index: 2;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    border-top-width: var(--size-gap-half);
    border-bottom-width: 0;
    border-top-style: solid;
    border-bottom-style: solid;
    border-color: var(--color-ansi-red);
}
.development-error__header {
    position: relative;
    margin-bottom: var(--size-gap-double);
}
.development-error__header button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 20px 0 20px 20px;
    font-size: 24px;
}
.development-error__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    padding: 0;
}
.development-error__content {
    position: relative;
    overflow-y: auto;
    border: none;
    margin: 0;
    padding: calc(var(--size-gap-double) + var(--size-gap-half)) var(--size-gap-double);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.development-error__body {
    position: relative;
    flex: 1 1 auto;
}
.development-error__terminal {
    border-radius: var(--size-gap-half);
    background-color: var(--color-ansi-bg);
    color: var(--color-ansi-fg);
}
.development-error__terminal * {
    color: inherit;
    background-color: transparent;
    font-family: var(--font-stack-monospace);
}
.development-error__terminal > * {
    margin: 0;
    padding: calc(var(--size-gap) + var(--size-gap-half)) calc(var(--size-gap-double) + var(--size-gap-half));
}
.development-error__terminal pre {
    white-space: pre-wrap;
    word-break: break-word;
}
.development-error__terminal pre b {
    color: var(--color-ansi-cyan);
}
.development-error footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--size-gap);
}
.development-error footer button small {
    color: black;
    font-weight: 500;
}
.development-error footer small span {
    color: black;
}
.btn {
    cursor: pointer;
    font-family: var(--font-primary);
    font-size: 14px;
    min-height: 38px;
    line-height: 1.2;
    padding: 4px 20px;
    display: inline-flex;
    text-align: center;
    align-items: center;
    font-weight: 500;
    justify-content: center;
    gap: 8px;
    color: var(--color-gray-950);
    border-radius: 100px;
    background-color: var(--color-yellow);
    border: none;
    position: relative;
    transition: background-color 45ms ease-out, color 45ms ease-out, transform 50ms var(--easing-slow);
}
.btn__text {
    display: block;
    pointer-events: none;
    position: relative;
    z-index: 3;
    transition: opacity 0.3s var(--easing-default);
}
.btn:active {
    transform: scale(0.95);
}
.btn:focus-visible {
    outline-color: var(--color-black);
}
.btn__icon {
    flex-shrink: 0;
    position: relative;
    pointer-events: none;
    transition: opacity 0.3s var(--easing-default);
}
.btn:active, .btn:hover {
    background-color: var(--color-yellow-hover);
}
.btn__loader {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s var(--easing-default);
}
.btn__loader:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 4px solid rgba(40, 35, 34, 0.2);
    border-top: 4px solid currentColor;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    animation: btnSpin 1s linear infinite;
    pointer-events: none;
}
@keyframes btnSpin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.btn.is-loading {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
}
.btn.is-loading .btn__loader {
    opacity: 1;
}
.btn.is-loading .icon,
.btn.is-loading .btn__text {
    position: relative;
    display: flex;
    align-items: center;
    opacity: 0;
}
.btn--gray {
    background-color: var(--color-gray-50);
}
.btn--gray:active, .btn--gray:hover {
    background-color: var(--color-gray-100);
}
.btn--gray:focus-visible {
    outline-color: var(--color-yellow);
}
.btn--white {
    background-color: var(--color-white);
}
.btn--white:active, .btn--white:hover {
    background-color: var(--color-gray-100);
}
.btn--white:focus-visible {
    outline-color: var(--color-yellow);
}
.btn--dark {
    color: var(--color-white);
    background-color: var(--color-gray-950);
}
.btn--dark:active, .btn--dark:hover {
    background-color: var(--color-black);
}
.btn--dark:focus-visible {
    outline-color: var(--color-yellow);
}
.btn--dark.is-loading .btn__loader::after {
    border: 4px solid rgba(255, 255, 255, 0.2);
    border-top: 4px solid currentColor;
}
.btn--left-icon .btn__icon {
    order: -1;
}
.btn--small {
    padding: 8px 24px;
    min-height: 40px;
    font-size: 16px;
    gap: 16px;
}
.btn--small .btn__icon {
    width: 32px;
    height: 32px;
}
.btn--small:has(.btn__icon) {
    padding: 3px 3px 3px 24px;
}
.btn--large {
    min-height: 44px;
}
.btn--outline {
    background-color: var(--color-beige);
    border: 0.5px solid var(--color-gray-300);
}
.btn--outline:focus-visible {
    outline-color: var(--color-yellow);
}
.btn--outline:active, .btn--outline:hover {
    border-color: currentColor;
}
.btn--cart {
    position: relative;
    overflow: hidden;
    transition: background-color 45ms ease-out, color 45ms ease-out, transform 50ms var(--easing-slow), padding 180ms var(--easing-slow);
}
.btn--cart .btn__icon {
    position: absolute;
    right: -24px;
    filter: blur(5px);
    transition: 180ms var(--easing-slow);
}
.btn--cart:hover {
    padding-right: 48px;
}
.btn--cart:hover .btn__icon {
    right: 20px;
    filter: blur(0px);
}
.btn--cart:focus-visible {
    outline-color: var(--color-black);
}
.btn--only-icon {
    padding: 8px;
    min-width: 36px;
    min-height: 36px;
}
.btn[disabled], .btn--disabled {
    cursor: not-allowed;
    transition: none;
    pointer-events: none;
    opacity: 0.5;
}
.btn[disabled] .btn__icon, .btn--disabled .btn__icon {
    transform: none !important;
}
.btn.hide, .btn.d-none {
    display: none;
}
.checkbox input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    visibility: inherit;
    clip: rect(0, 0, 0, 0);
}

.checkbox {
    user-select: none;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}
.checkbox__label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    margin: 0;
    display: block;
    color: var(--color-gray-950);
}
.checkbox__label-text {
    display: block;
}
.checkbox__label::after, .checkbox__label:before {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    pointer-events: none;
    width: 20px;
    height: 20px;
    border-radius: 6px;
}
.checkbox__label:before {
    border: 0.5px solid var(--color-gray-100);
    background-color: var(--color-white);
    transition: background-color 0.3s ease, border 0.3s ease;
}
.checkbox__label::after {
    transform: scale(0);
    transition: transform 0.3s ease, opacity 0.3s ease;
    background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='m13.667 8-4.584 4.583L7 10.5'/%3E%3C/svg%3E") no-repeat center/20px;
}
@media only screen and (min-width: 1023px) {
    .checkbox__label:hover::before {
        border-color: var(--color-gray-600);
    }
}
.checkbox input:checked ~ label::before {
    background-color: var(--color-yellow);
    border-color: var(--color-yellow-hover);
}
.checkbox input:checked ~ label::after {
    transform: scale(1);
}
.checkbox a {
    text-decoration: underline;
}
.checkbox a:hover {
    color: var(--color-gray-950);
    text-decoration: none;
}
.checkbox__cards {
    font-size: 4px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 5px;
    padding-left: 16px;
    margin-left: auto;
}
.checkbox__cards img {
    height: 20px;
    width: auto;
    object-fit: contain;
}
.checkbox.is-validation-failed .checkbox__label::before, .is-validation-failed .checkbox .checkbox__label::before {
    background-color: rgba(255, 59, 48, 0.3);
    border-color: var(--color-validation-failed);
}
.checkbox .fv-plugins-message-container {
    text-align: left;
    padding-left: 28px;
}
.checkbox.is-disabled {
    pointer-events: none;
}
.checkbox.is-disabled input {
    pointer-events: none;
}
.checkbox.is-disabled .checkbox__label::before {
    border-color: var(--color-gray-300);
    background-color: var(--color-gray-200);
}
.checkbox.is-disabled .checkbox__label,
.checkbox.is-disabled .checkbox__text {
    color: var(--color-gray-400);
}
.dropdown {
    width: 100%;
    position: relative;
    user-select: none;
    font-weight: 500;
}
.dropdown__label {
    position: relative;
    margin: 0 0 6px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    z-index: 4;
    font-weight: 400;
}
.dropdown__count {
    min-width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 2px solid var(--color-white);
    z-index: 3;
    position: absolute;
    right: -1px;
    top: -2px;
    background-color: var(--color-gray-950);
    color: var(--color-white);
    font-size: 10px;
    line-height: 8px;
    text-align: center;
    padding: 2px;
    font-weight: 700;
}
.dropdown__placeholder {
    position: relative;
    width: 100%;
    height: 36px;
    border: 0;
    background-color: var(--color-gray-50);
    border-radius: 50px;
    outline: none;
    z-index: 1;
    cursor: pointer;
    padding: 6px 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    color: var(--color-gray-950);
    transition: border-color 50ms var(--easing-slow), background-color 50ms var(--easing-slow), color 45ms ease-out, transform 50ms var(--easing-slow);
}
.dropdown__placeholder img {
    width: 24px;
    margin-right: 12px;
    height: 12px;
}
.dropdown__placeholder .icon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    pointer-events: none;
    transition: transform 100ms var(--easing-slow);
}
.dropdown__placeholder-text {
    transition: transform 0.3s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-right: 30px;
    display: block;
    pointer-events: none;
}
.dropdown__placeholder:hover {
    background-color: var(--color-gray-100);
}
.dropdown__placeholder:active {
    transform: scale(0.98);
}
.dropdown__placeholder-modal {
    display: none;
}
.dropdown__list {
    position: absolute;
    top: 100%;
    width: calc(100% + 8px);
    z-index: 9;
    margin-top: 10px;
    left: -4px;
    overflow: hidden;
    background-color: var(--color-gray-50);
    border: 0.5px solid var(--color-gray-100);
    border-radius: 16px;
    opacity: 0;
    pointer-events: none;
    transition: transform 0.3s var(--easing-default), opacity 0.3s var(--easing-default);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.0196078431), 0px 11px 11px 0px rgba(0, 0, 0, 0.0196078431), 0px 25px 15px 0px rgba(0, 0, 0, 0.0117647059), 0px 44px 18px 0px rgba(0, 0, 0, 0), 0px 69px 19px 0px rgba(0, 0, 0, 0);
    padding: 4px 0;
    font-size: 14px;
}
@media only screen and (max-width: 1022px) {
    .dropdown__list {
        width: 100%;
        left: 0;
    }
}
.dropdown__list-item {
    position: relative;
}
.dropdown__list-inner {
    overflow: auto;
    max-height: 336px;
    padding: 0 4px;
}
@media (min-width: 1024px) and (max-height: 550px) {
    .dropdown__list-inner {
        max-height: calc(100vh - 178px);
        min-height: 160px;
    }
}
@media only screen and (max-width: 767px) {
    .dropdown__list-inner {
        max-height: 246px;
    }
}
@media only screen and (min-width: 1023px) {
    .dropdown__list-inner {
        scrollbar-track-color: #a59a92;
        scrollbar-face-color: #636363;
        scrollbar-arrow-color: #636363;
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */
    }
    .dropdown__list-inner::-webkit-scrollbar {
        width: 2px;
    }
    .dropdown__list-inner ::-webkit-scrollbar-track {
        -webkit-border-radius: 8px;
        border-radius: 8px;
        background: #a59a92;
    }
    .dropdown__list-inner ::-webkit-scrollbar-thumb:window-inactive {
        background: #847f7b;
    }
    .dropdown__list-inner::-webkit-scrollbar-thumb {
        background: #636363;
        width: 2px;
        border-radius: 8px;
    }
    .dropdown__list-inner::-webkit-scrollbar-thumb:hover {
        background: #706e6c;
    }
    .dropdown__list-inner ::-webkit-scrollbar {
        width: 2px;
    }
}
.dropdown__list-inner input:not([type=submit]):not(.input-field__input) {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.dropdown__list-inner input:not([type=submit]):not(.input-field__input):checked + .dropdown__list-option::before {
    background-color: var(--color-yellow);
    border-color: var(--color-yellow-hover);
}
.dropdown--secondary .dropdown__list-inner input:not([type=submit]):not(.input-field__input):checked + .dropdown__list-option::before {
    background-color: transparent;
    border-color: transparent;
}
.dropdown__list-inner input:not([type=submit]):not(.input-field__input):checked + .dropdown__list-option::after {
    transform: translateY(-50%) scale(1);
}
.dropdown__list-option {
    position: relative;
    cursor: pointer;
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 10px 10px 40px;
    border-radius: 12px;
    color: var(--color-gray-950);
    font-weight: 500;
    background-color: transparent;
    transition: color 0.3s var(--easing-default), background-color 0.3s var(--easing-default);
}
.dropdown__list-option::before, .dropdown__list-option::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 0.5px solid var(--color-gray-100);
    transition: background-color 0.3s var(--easing-default), border-color 0.3s var(--easing-default), transform 0.3s var(--easing-default);
}
.dropdown__list-option::before {
    background-color: var(--color-white);
}
.dropdown__list-option::after {
    border: 0;
    transform: translateY(-50%) scale(0);
    background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='m13.667 8-4.584 4.583L7 10.5'/%3E%3C/svg%3E") no-repeat center/20px;
}
@media only screen and (min-width: 1023px) {
    .dropdown__list-option:hover {
        background-color: var(--color-gray-100);
    }
}
.dropdown__list-option.is-disabled {
    background-color: var(--color-gray-200);
    pointer-events: none;
}
.dropdown__search {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 8px;
    z-index: 3;
    opacity: 0;
    pointer-events: none;
    background-color: var(--color-gray-50);
}
.dropdown__search input {
    background-color: var(--color-white);
    width: 100%;
    height: 36px;
    border-radius: 30px;
    padding: 0 15px;
    outline: none;
    color: var(--color-gray-950);
    font-weight: 400;
    font-size: 16px;
    border: 0.5px solid var(--color-gray-100);
    transition: border-color 0.3s var(--easing-default);
}
.dropdown__search input:focus {
    border-color: var(--color-gray-800);
}
@media only screen and (max-width: 767px) {
    .dropdown--secondary .dropdown__placeholder {
        height: 44px;
    }
}
.dropdown--secondary .dropdown__list-option {
    padding: 10px 40px 10px 10px;
}
.dropdown--secondary .dropdown__list-option::after, .dropdown--secondary .dropdown__list-option::before {
    left: initial;
    right: 10px;
    border-radius: 0;
}
.dropdown--secondary .dropdown__list-option::before {
    background-color: transparent;
    border: 0;
}
.dropdown--secondary .dropdown__list-option::after {
    background: url("data:image/svg+xml, %3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6693 5L7.5026 14.1667L3.33594 10' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/20px;
}
.dropdown.is-open .icon {
    transform: scaleY(-1);
}
.dropdown.is-open .dropdown__list {
    opacity: 1;
    pointer-events: all;
}
.dropdown--search .dropdown__list-inner {
    padding-top: 55px;
    max-height: 390px;
}
@media (min-width: 1024px) and (max-height: 550px) {
    .dropdown--search .dropdown__list-inner {
        max-height: calc(100vh - 178px);
        min-height: 160px;
    }
}
@media only screen and (max-width: 767px) {
    .dropdown--search .dropdown__list-inner {
        max-height: 300px;
    }
}
.dropdown--search .dropdown__search {
    opacity: 1;
    pointer-events: all;
}
.dropdown.is-validation-failed .dropdown__placeholder {
    border-color: var(--color-validation-failed);
}
.dropdown--large .dropdown__placeholder {
    height: 44px;
    color: var(--color-gray-400);
    font-weight: 400;
}
@media only screen and (max-width: 767px) {
    .dropdown--large .dropdown__placeholder {
        font-size: 16px;
    }
}
.dropdown--large.is-selected .dropdown__placeholder {
    color: var(--color-gray-950);
}
.gift {
    width: 94px;
    height: 94px;
    border-radius: 12px;
    border: 0.5px solid var(--color-gray-100);
    background-color: var(--color-white);
    padding: 15px;
    position: relative;
    box-shadow: var(--shadow-default);
}
.gift .tag {
    position: absolute;
    z-index: 2;
    top: 5px;
    left: 5px;
    padding: 2px 5px;
}
.gift img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.gift-wrapping {
    position: relative;
}
.gift-wrapping .tag {
    padding-right: 36px;
    box-shadow: var(--shadow-default);
}
.gift-wrapping img {
    width: 44px;
    height: 72px;
    position: absolute;
    z-index: 2;
    right: -14px;
    top: -27px;
    max-width: 44px;
    max-height: 72px;
}
.icon::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.icon {
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
}
.icon::before {
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: background-color 0.3s ease;
}
.icon-arrow-right::before, .icon-arrow-left::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16406 9.99984H15.8307M15.8307 9.99984L9.9974 4.1665M15.8307 9.99984L9.9974 15.8332' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16406 9.99984H15.8307M15.8307 9.99984L9.9974 4.1665M15.8307 9.99984L9.9974 15.8332' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-arrow-right-fancy, .icon-arrow-left-fancy {
    width: 58px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAAqCAYAAABvAA/nAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAZDSURBVHgB7VpBc9NGFH5vJQczk8FyEgY6w0FNYMaZHiJuveHeuJHcuJX8A3LrjfALILfeSH9BzC8gvpVTxIHBUzAotx5cohw6iNra7Xsru0mNHUuOZJrpfjOJ5PWutNa3773vvZUFBrmjVqu5S5XKk6XFxePOx48BzAAIBrnCdV3nsi1eKAUef0bAhgJ4HsVxIwiCEAqCBQa54vpi9Wci73s6LfebavS3bgtxfenatVfz8/MQhmEEOcMQmTM6R2FjacFZJVv0hr7yQMYPS4jlpYWF6/OVymGehBoiC4Amc7HKYav+xZcIbK1eSeBPRGiNrbTT6Zzb5ZoYWSBWV1b2FKj1s/oQAaEC3DpvDDUWWSCuLix8psP9Cd04lnoUQ+9erVadztHRS5gChsgCQaS0Fherx2R1dyd0dejPJfOsEZnfkrttZXW3hsiC8cfHo18pFh7S6XqK7o6OoXF8TGQGWcg0RM4AZJn+WPEzCkj9pHRuVCrNsuOU06hbAQazQU/uKsRG+gHqQWSJg8uWVU/T21jkjNAhs7p6pfKSTKc6IsccB46d95eqVbbq5lkdDZEzBJN5o+Ls9wR8k4FM7WopzrpURGiOc7OGyBnjdyJiqeL4YOExpI2ZCaiIILiA8HKUCDJEfgVoy7xS8XtCcJXHzTC0RiLIIzKbw2RemMoO7yqUbduLej1/0DZNJeS7W7e812/f+rfoaHW7oVUqObFSjoUYxpYVRlEUFrlLMTyXWMonJGzqkA27rfb7zdMNUxPJe258lN2up80alatA+KDUjzQxbnC5/MRf8TaOPiAeIkhPcRBXGFDbHeofkABAOroSRINk9L2TySmHBj1XqNZQcUxRdE30JfUVeLKSFcIOypNxfCuFgkpf6hX1P9AtSj5EFL5SykMEn9rp2hDSPdZVIipOP5T+vJEXDc9zn9qOVankt1qtgBdVXmR7dK3PlvgwPIc+AhhnsQq2Iyl3BvMYSeTwRPlm3VLJpdXjMWE06N5gv61/kQFhDlwQDObMmGLeAf3+kBZTky5E5xjSIg3AtgMmGqbA6s3lg9PPNA1oQW69eff+qT7nf9ptlcsOdLt1RLIChWtkBSFZgdNfwQ51dC4SUV8DugBO3iHqyadZLbZGJIAlXkCmmIn75Tje8OleyC4Su38dGJLygyWs2xyH2ZP5GQjVbxeMd7MjQSFi40273bCh13MNifmBrbIn4wery8sfork51gapiaQqzjOK65m4UCLhziY5e4fvzgIgq482+AKBJGGHpbmnl0j9kjJKTWJtZfnZ0N5lAJPdbADdeJ9PbBCiSdL7tlRxnejc4UYi9Z6OjSYuZgDuAsa/oF3OLHhqy8uP6PBgqNmdPBIftygY67Mzb3DzZp3TBT6XClxEXOOUgGTe/9odJ94LfbKgY8GqtScbgweaFeSCn5BAegjZEQCKzda7d/t6TjAlWCTJbuQJtNeIZp0H0uXu6C9ZiuvPmaoW/wkkr15Qfon6FYyQFm1ASv4Vpxj83ac43s8rh1xdWaEcVu1BVih4bFlWgwUVnMy7GLBii9hqbdvtk6pdNiXzh2zZ/7Ql7jvJQyk3Q0EPjNy6ROQk3OkXBfiBgk6NJK1fxMrA7dMYn8fQ4HqfBPYUQfLrMBi08XXIqzQ1QYo/0zX6BFlC+PxQ8kz0J0G7U4TtLGPOer/nq5bo+MHxkf+dlumDB6pzK14IvV4A5TJAFEHUJ50+OYPzEhUr5uj4Z7cbzIqI82BKSwyiWN4e9/vMW3Qzhi6+0IYxZAg7SaFBbAzi4SjYYDAzJCRae1wzTjWAwguHFCHE1ul4OArmVY8Z4rIQj9LudOhaMAktihubk0js9zeYBbKKG05xPvXkD2ljviFyBkj2HeODNH37ytQnZbqRRbiZGFkwWHkTiekUKsVElbjTxxDHkAWGyIKBQuyptAqVcmvaOdl6PcWephE7BULni5h+IwIV7KQRNiPHgkEhyLhR/K+66TQwrrUoWJxqTCZRlxjn5jamfUVkAGORBWDCC1UDBHobqt3ehRxgLLIARLbtgZJjSSSCdz7HcjvPurAhsgio0SU4zhFjwM3f2u0G5AxDZM7ob9/xvmwAp2OkwM03b/Nxo6NgYmRBSLaqZPIOTunS9nnFzCT8DdI+2ADDpOS1AAAAAElFTkSuQmCC) no-repeat center/contain;
}
.icon-arrow-right-fancy::before, .icon-arrow-left-fancy::before {
    display: none;
}
.icon-chevron-up:before, .icon-chevron-down:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-chevron-left:before, .icon-chevron-right:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 15L12.5 10L7.5 5' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 15L12.5 10L7.5 5' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-chevron-left-fancy, .icon-chevron-right-fancy {
    width: 4px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAYAAACJxx+AAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgBXZDNDcIwDIX9Qg8cGSENEpRbRygbsEInACag3YARugFsQJkAjhUCkRE4cmmN+yei5BDJ9rM/PyOahwURmOomr6y15D1FNWfElNBEvZcmvC203rgCtF+ktSalLhLpIV9862YvAz8YlaKZTSc4SU8ypKxg1/CZLQZA3EdcBm4xMuYgmPi/AK7wilnfKONVk1ZPW3aClTFbBh1d9mgZnQOxODLFdureI4BSu4b5zuD88bJnf+kfU5FFOoDLytYAAAAASUVORK5CYII=) no-repeat center/contain;
}
.icon-chevron-left-fancy:before, .icon-chevron-right-fancy:before {
    display: none;
}
.icon-panel-left:before, .icon-chevron-left-fancy:before, .icon-chevron-up:before, .icon-chevron-left:before, .icon-arrow-left:before {
    transform: scale(-1);
}
.icon-search:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 17.5L13.8833 13.8833M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 17.5L13.8833 13.8833M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-close:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 5L5 15M5 5L15 15' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 5L5 15M5 5L15 15' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-check:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6693 5L7.5026 14.1667L3.33594 10' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6693 5L7.5026 14.1667L3.33594 10' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-cart:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_237_3906)'%3E%3Cpath d='M1.71094 1.7085H3.3776L5.59427 12.0585C5.67559 12.4375 5.8865 12.7764 6.1907 13.0167C6.4949 13.257 6.87336 13.3838 7.26094 13.3752H15.4109C15.7902 13.3745 16.158 13.2446 16.4535 13.0067C16.7489 12.7688 16.9544 12.4373 17.0359 12.0668L18.4109 5.87516H4.26927M7.5026 17.5002C7.5026 17.9604 7.12951 18.3335 6.66927 18.3335C6.20903 18.3335 5.83594 17.9604 5.83594 17.5002C5.83594 17.0399 6.20903 16.6668 6.66927 16.6668C7.12951 16.6668 7.5026 17.0399 7.5026 17.5002ZM16.6693 17.5002C16.6693 17.9604 16.2962 18.3335 15.8359 18.3335C15.3757 18.3335 15.0026 17.9604 15.0026 17.5002C15.0026 17.0399 15.3757 16.6668 15.8359 16.6668C16.2962 16.6668 16.6693 17.0399 16.6693 17.5002Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_237_3906'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_237_3906)'%3E%3Cpath d='M1.71094 1.7085H3.3776L5.59427 12.0585C5.67559 12.4375 5.8865 12.7764 6.1907 13.0167C6.4949 13.257 6.87336 13.3838 7.26094 13.3752H15.4109C15.7902 13.3745 16.158 13.2446 16.4535 13.0067C16.7489 12.7688 16.9544 12.4373 17.0359 12.0668L18.4109 5.87516H4.26927M7.5026 17.5002C7.5026 17.9604 7.12951 18.3335 6.66927 18.3335C6.20903 18.3335 5.83594 17.9604 5.83594 17.5002C5.83594 17.0399 6.20903 16.6668 6.66927 16.6668C7.12951 16.6668 7.5026 17.0399 7.5026 17.5002ZM16.6693 17.5002C16.6693 17.9604 16.2962 18.3335 15.8359 18.3335C15.3757 18.3335 15.0026 17.9604 15.0026 17.5002C15.0026 17.0399 15.3757 16.6668 15.8359 16.6668C16.2962 16.6668 16.6693 17.0399 16.6693 17.5002Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_237_3906'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-user:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8307 17.5V15.8333C15.8307 14.9493 15.4795 14.1014 14.8544 13.4763C14.2293 12.8512 13.3815 12.5 12.4974 12.5H7.4974C6.61334 12.5 5.76549 12.8512 5.14037 13.4763C4.51525 14.1014 4.16406 14.9493 4.16406 15.8333V17.5M13.3307 5.83333C13.3307 7.67428 11.8383 9.16667 9.9974 9.16667C8.15645 9.16667 6.66406 7.67428 6.66406 5.83333C6.66406 3.99238 8.15645 2.5 9.9974 2.5C11.8383 2.5 13.3307 3.99238 13.3307 5.83333Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8307 17.5V15.8333C15.8307 14.9493 15.4795 14.1014 14.8544 13.4763C14.2293 12.8512 13.3815 12.5 12.4974 12.5H7.4974C6.61334 12.5 5.76549 12.8512 5.14037 13.4763C4.51525 14.1014 4.16406 14.9493 4.16406 15.8333V17.5M13.3307 5.83333C13.3307 7.67428 11.8383 9.16667 9.9974 9.16667C8.15645 9.16667 6.66406 7.67428 6.66406 5.83333C6.66406 3.99238 8.15645 2.5 9.9974 2.5C11.8383 2.5 13.3307 3.99238 13.3307 5.83333Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-shopping-basket:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4974 9.16683L11.6641 16.6668M15.8307 9.16683L12.4974 3.3335M1.66406 9.16683H18.3307M2.91406 9.16683L4.2474 15.3335C4.32531 15.7156 4.53477 16.0583 4.8393 16.3019C5.14383 16.5456 5.52415 16.6747 5.91406 16.6668H14.0807C14.4706 16.6747 14.851 16.5456 15.1555 16.3019C15.46 16.0583 15.6695 15.7156 15.7474 15.3335L17.1641 9.16683M3.7474 12.9168H16.2474M4.16406 9.16683L7.4974 3.3335M7.4974 9.16683L8.33073 16.6668' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4974 9.16683L11.6641 16.6668M15.8307 9.16683L12.4974 3.3335M1.66406 9.16683H18.3307M2.91406 9.16683L4.2474 15.3335C4.32531 15.7156 4.53477 16.0583 4.8393 16.3019C5.14383 16.5456 5.52415 16.6747 5.91406 16.6668H14.0807C14.4706 16.6747 14.851 16.5456 15.1555 16.3019C15.46 16.0583 15.6695 15.7156 15.7474 15.3335L17.1641 9.16683M3.7474 12.9168H16.2474M4.16406 9.16683L7.4974 3.3335M7.4974 9.16683L8.33073 16.6668' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-shopping-cart:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.71094 1.7085H3.3776L5.59427 12.0585C5.67559 12.4375 5.8865 12.7764 6.1907 13.0167C6.4949 13.257 6.87336 13.3838 7.26094 13.3752H15.4109C15.7902 13.3745 16.158 13.2446 16.4535 13.0067C16.7489 12.7688 16.9544 12.4373 17.0359 12.0668L18.4109 5.87516H4.26927M7.5026 17.5002C7.5026 17.9604 7.12951 18.3335 6.66927 18.3335C6.20903 18.3335 5.83594 17.9604 5.83594 17.5002C5.83594 17.0399 6.20903 16.6668 6.66927 16.6668C7.12951 16.6668 7.5026 17.0399 7.5026 17.5002ZM16.6693 17.5002C16.6693 17.9604 16.2962 18.3335 15.8359 18.3335C15.3757 18.3335 15.0026 17.9604 15.0026 17.5002C15.0026 17.0399 15.3757 16.6668 15.8359 16.6668C16.2962 16.6668 16.6693 17.0399 16.6693 17.5002Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.71094 1.7085H3.3776L5.59427 12.0585C5.67559 12.4375 5.8865 12.7764 6.1907 13.0167C6.4949 13.257 6.87336 13.3838 7.26094 13.3752H15.4109C15.7902 13.3745 16.158 13.2446 16.4535 13.0067C16.7489 12.7688 16.9544 12.4373 17.0359 12.0668L18.4109 5.87516H4.26927M7.5026 17.5002C7.5026 17.9604 7.12951 18.3335 6.66927 18.3335C6.20903 18.3335 5.83594 17.9604 5.83594 17.5002C5.83594 17.0399 6.20903 16.6668 6.66927 16.6668C7.12951 16.6668 7.5026 17.0399 7.5026 17.5002ZM16.6693 17.5002C16.6693 17.9604 16.2962 18.3335 15.8359 18.3335C15.3757 18.3335 15.0026 17.9604 15.0026 17.5002C15.0026 17.0399 15.3757 16.6668 15.8359 16.6668C16.2962 16.6668 16.6693 17.0399 16.6693 17.5002Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-add-to-cart:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7942 16.6634H8.1276M15.6276 9.16341L12.2943 3.33008M1.46094 9.16341H18.1276M2.71094 9.16341L4.04427 15.3301C4.12219 15.7122 4.33164 16.0549 4.63617 16.2985C4.94071 16.5422 5.32103 16.6713 5.71094 16.6634H8.1276M3.54427 12.9134H11.2109M3.96094 9.16341L7.29427 3.33008M7.29427 9.16341L8.1276 16.6634M13.5443 14.1634H18.5443M16.0443 11.6634V16.6634' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7942 16.6634H8.1276M15.6276 9.16341L12.2943 3.33008M1.46094 9.16341H18.1276M2.71094 9.16341L4.04427 15.3301C4.12219 15.7122 4.33164 16.0549 4.63617 16.2985C4.94071 16.5422 5.32103 16.6713 5.71094 16.6634H8.1276M3.54427 12.9134H11.2109M3.96094 9.16341L7.29427 3.33008M7.29427 9.16341L8.1276 16.6634M13.5443 14.1634H18.5443M16.0443 11.6634V16.6634' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-bottle:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1693 10.8332C14.1693 9.75132 13.8184 8.69865 13.1693 7.83317L12.6693 7.1665C12.0202 6.30102 11.6693 5.24835 11.6693 4.1665V2.49984C11.6693 2.27882 11.5815 2.06686 11.4252 1.91058C11.2689 1.7543 11.057 1.6665 10.8359 1.6665H9.16927C8.94826 1.6665 8.7363 1.7543 8.58002 1.91058C8.42373 2.06686 8.33594 2.27882 8.33594 2.49984V4.1665C8.33594 5.24835 7.98505 6.30102 7.33594 7.1665L6.83594 7.83317C6.18683 8.69865 5.83594 9.75132 5.83594 10.8332V17.4998C5.83594 17.7209 5.92374 17.9328 6.08002 18.0891C6.2363 18.2454 6.44826 18.3332 6.66927 18.3332H13.3359C13.557 18.3332 13.7689 18.2454 13.9252 18.0891C14.0815 17.9328 14.1693 17.7209 14.1693 17.4998V10.8332ZM14.1693 10.8332H10.8359C10.6149 10.8332 10.403 10.921 10.2467 11.0772C10.0904 11.2335 10.0026 11.4455 10.0026 11.6665V14.1665C10.0026 14.3875 10.0904 14.5995 10.2467 14.7558C10.403 14.912 10.6149 14.9998 10.8359 14.9998H14.1693' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1693 10.8332C14.1693 9.75132 13.8184 8.69865 13.1693 7.83317L12.6693 7.1665C12.0202 6.30102 11.6693 5.24835 11.6693 4.1665V2.49984C11.6693 2.27882 11.5815 2.06686 11.4252 1.91058C11.2689 1.7543 11.057 1.6665 10.8359 1.6665H9.16927C8.94826 1.6665 8.7363 1.7543 8.58002 1.91058C8.42373 2.06686 8.33594 2.27882 8.33594 2.49984V4.1665C8.33594 5.24835 7.98505 6.30102 7.33594 7.1665L6.83594 7.83317C6.18683 8.69865 5.83594 9.75132 5.83594 10.8332V17.4998C5.83594 17.7209 5.92374 17.9328 6.08002 18.0891C6.2363 18.2454 6.44826 18.3332 6.66927 18.3332H13.3359C13.557 18.3332 13.7689 18.2454 13.9252 18.0891C14.0815 17.9328 14.1693 17.7209 14.1693 17.4998V10.8332ZM14.1693 10.8332H10.8359C10.6149 10.8332 10.403 10.921 10.2467 11.0772C10.0904 11.2335 10.0026 11.4455 10.0026 11.6665V14.1665C10.0026 14.3875 10.0904 14.5995 10.2467 14.7558C10.403 14.912 10.6149 14.9998 10.8359 14.9998H14.1693' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-sparkles:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.417' d='M14.166 1.417V4.25m1.416-1.417H12.75m-4.946-.84a.708.708 0 0 1 1.392 0L9.94 5.93a1.416 1.416 0 0 0 1.129 1.13l3.937.744a.708.708 0 0 1 0 1.392l-3.937.745a1.416 1.416 0 0 0-1.13 1.129l-.744 3.937a.708.708 0 0 1-1.392 0l-.745-3.937A1.417 1.417 0 0 0 5.93 9.94l-3.937-.744a.708.708 0 0 1 0-1.392l3.937-.745A1.417 1.417 0 0 0 7.06 5.93l.744-3.937ZM4.249 14.167a1.417 1.417 0 1 1-2.833 0 1.417 1.417 0 0 1 2.833 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h17v17H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.417' d='M14.166 1.417V4.25m1.416-1.417H12.75m-4.946-.84a.708.708 0 0 1 1.392 0L9.94 5.93a1.416 1.416 0 0 0 1.129 1.13l3.937.744a.708.708 0 0 1 0 1.392l-3.937.745a1.416 1.416 0 0 0-1.13 1.129l-.744 3.937a.708.708 0 0 1-1.392 0l-.745-3.937A1.417 1.417 0 0 0 5.93 9.94l-3.937-.744a.708.708 0 0 1 0-1.392l3.937-.745A1.417 1.417 0 0 0 7.06 5.93l.744-3.937ZM4.249 14.167a1.417 1.417 0 1 1-2.833 0 1.417 1.417 0 0 1 2.833 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h17v17H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-square-star:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.19583 6.40833C9.25089 6.23945 9.35847 6.09257 9.50289 5.98914C9.6473 5.8857 9.82098 5.83112 9.9986 5.83335C10.1762 5.83559 10.3485 5.89452 10.4902 6.00155C10.632 6.10858 10.7359 6.25812 10.7867 6.42833L11.4008 7.63833C11.4606 7.75596 11.5474 7.85771 11.6542 7.93522C11.761 8.01273 11.8846 8.06378 12.015 8.08417L13.3767 8.2975C13.552 8.29818 13.7227 8.35416 13.8643 8.45746C14.006 8.56075 14.1115 8.70611 14.1658 8.87284C14.2201 9.03957 14.2204 9.21917 14.1667 9.38608C14.113 9.55299 14.008 9.69871 13.8667 9.8025L12.89 10.7758C12.7965 10.8689 12.7264 10.9829 12.6856 11.1084C12.6447 11.2338 12.6342 11.3672 12.655 11.4975L12.8708 12.8417C12.9302 13.0101 12.9339 13.1932 12.8813 13.364C12.8287 13.5347 12.7227 13.684 12.5788 13.7899C12.4349 13.8957 12.2608 13.9526 12.0822 13.952C11.9036 13.9514 11.7299 13.8935 11.5867 13.7867L10.3658 13.1617C10.2482 13.1014 10.118 13.07 9.98583 13.07C9.85369 13.07 9.72344 13.1014 9.60583 13.1617L8.385 13.7867C8.24182 13.8926 8.06847 13.9498 7.89037 13.95C7.71228 13.9502 7.5388 13.8934 7.39538 13.7878C7.25196 13.6822 7.14613 13.5334 7.09343 13.3633C7.04072 13.1932 7.0439 13.0107 7.1025 12.8425L7.3175 11.4983C7.33826 11.368 7.32778 11.2347 7.28693 11.1092C7.24607 10.9837 7.17601 10.8698 7.0825 10.7767L6.11917 9.81583C5.97305 9.7146 5.86313 9.5693 5.80546 9.40115C5.7478 9.233 5.74542 9.05082 5.79866 8.88122C5.85191 8.71163 5.95799 8.5635 6.10141 8.45848C6.24483 8.35346 6.41807 8.29705 6.59583 8.2975L7.95667 8.08417C8.08702 8.06378 8.21067 8.01273 8.31745 7.93522C8.42422 7.85771 8.51107 7.75596 8.57083 7.63833L9.19583 6.40833Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8333 2.5H4.16667C3.24619 2.5 2.5 3.24619 2.5 4.16667V15.8333C2.5 16.7538 3.24619 17.5 4.16667 17.5H15.8333C16.7538 17.5 17.5 16.7538 17.5 15.8333V4.16667C17.5 3.24619 16.7538 2.5 15.8333 2.5Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.19583 6.40833C9.25089 6.23945 9.35847 6.09257 9.50289 5.98914C9.6473 5.8857 9.82098 5.83112 9.9986 5.83335C10.1762 5.83559 10.3485 5.89452 10.4902 6.00155C10.632 6.10858 10.7359 6.25812 10.7867 6.42833L11.4008 7.63833C11.4606 7.75596 11.5474 7.85771 11.6542 7.93522C11.761 8.01273 11.8846 8.06378 12.015 8.08417L13.3767 8.2975C13.552 8.29818 13.7227 8.35416 13.8643 8.45746C14.006 8.56075 14.1115 8.70611 14.1658 8.87284C14.2201 9.03957 14.2204 9.21917 14.1667 9.38608C14.113 9.55299 14.008 9.69871 13.8667 9.8025L12.89 10.7758C12.7965 10.8689 12.7264 10.9829 12.6856 11.1084C12.6447 11.2338 12.6342 11.3672 12.655 11.4975L12.8708 12.8417C12.9302 13.0101 12.9339 13.1932 12.8813 13.364C12.8287 13.5347 12.7227 13.684 12.5788 13.7899C12.4349 13.8957 12.2608 13.9526 12.0822 13.952C11.9036 13.9514 11.7299 13.8935 11.5867 13.7867L10.3658 13.1617C10.2482 13.1014 10.118 13.07 9.98583 13.07C9.85369 13.07 9.72344 13.1014 9.60583 13.1617L8.385 13.7867C8.24182 13.8926 8.06847 13.9498 7.89037 13.95C7.71228 13.9502 7.5388 13.8934 7.39538 13.7878C7.25196 13.6822 7.14613 13.5334 7.09343 13.3633C7.04072 13.1932 7.0439 13.0107 7.1025 12.8425L7.3175 11.4983C7.33826 11.368 7.32778 11.2347 7.28693 11.1092C7.24607 10.9837 7.17601 10.8698 7.0825 10.7767L6.11917 9.81583C5.97305 9.7146 5.86313 9.5693 5.80546 9.40115C5.7478 9.233 5.74542 9.05082 5.79866 8.88122C5.85191 8.71163 5.95799 8.5635 6.10141 8.45848C6.24483 8.35346 6.41807 8.29705 6.59583 8.2975L7.95667 8.08417C8.08702 8.06378 8.21067 8.01273 8.31745 7.93522C8.42422 7.85771 8.51107 7.75596 8.57083 7.63833L9.19583 6.40833Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8333 2.5H4.16667C3.24619 2.5 2.5 3.24619 2.5 4.16667V15.8333C2.5 16.7538 3.24619 17.5 4.16667 17.5H15.8333C16.7538 17.5 17.5 16.7538 17.5 15.8333V4.16667C17.5 3.24619 16.7538 2.5 15.8333 2.5Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-circle-star:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_237_3901)'%3E%3Cpath d='M9.20656 6.3465C9.26162 6.17762 9.3692 6.03074 9.51361 5.92731C9.65803 5.82387 9.83171 5.76929 10.0093 5.77152C10.187 5.77376 10.3592 5.83269 10.501 5.93972C10.6427 6.04675 10.7466 6.19629 10.7974 6.3665L11.4116 7.5765C11.4713 7.69413 11.5582 7.79588 11.6649 7.87339C11.7717 7.9509 11.8954 8.00195 12.0257 8.02234L13.3874 8.23567C13.5627 8.23636 13.7334 8.29233 13.8751 8.39563C14.0168 8.49892 14.1223 8.64428 14.1765 8.81101C14.2308 8.97774 14.2311 9.15734 14.1774 9.32425C14.1237 9.49117 14.0187 9.63688 13.8774 9.74067L12.9007 10.714C12.8072 10.8071 12.7372 10.9211 12.6963 11.0465C12.6554 11.172 12.645 11.3054 12.6657 11.4357L12.8816 12.7798C12.9409 12.9483 12.9446 13.1314 12.892 13.3021C12.8394 13.4728 12.7334 13.6221 12.5895 13.728C12.4457 13.8339 12.2716 13.8907 12.0929 13.8902C11.9143 13.8896 11.7406 13.8316 11.5974 13.7248L10.3766 13.0998C10.259 13.0396 10.1287 13.0082 9.99656 13.0082C9.86442 13.0082 9.73417 13.0396 9.61656 13.0998L8.39573 13.7248C8.25255 13.8307 8.0792 13.888 7.9011 13.8882C7.72301 13.8884 7.54953 13.8315 7.40611 13.726C7.26269 13.6204 7.15686 13.4716 7.10416 13.3015C7.05145 13.1314 7.05463 12.9488 7.11323 12.7807L7.32823 11.4365C7.34913 11.3061 7.33872 11.1725 7.29786 11.0469C7.257 10.9213 7.18686 10.8072 7.09323 10.714L6.1299 9.754C5.98378 9.65277 5.87386 9.50747 5.81619 9.33932C5.75853 9.17117 5.75615 8.98899 5.80939 8.81939C5.86264 8.6498 5.96872 8.50167 6.11214 8.39665C6.25556 8.29163 6.4288 8.23522 6.60656 8.23567L7.9674 8.02234C8.09775 8.00195 8.2214 7.9509 8.32818 7.87339C8.43495 7.79588 8.52179 7.69413 8.58156 7.5765L9.20656 6.3465Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.9974 18.3332C14.5998 18.3332 18.3307 14.6022 18.3307 9.99984C18.3307 5.39746 14.5998 1.6665 9.9974 1.6665C5.39502 1.6665 1.66406 5.39746 1.66406 9.99984C1.66406 14.6022 5.39502 18.3332 9.9974 18.3332Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_237_3901'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_237_3901)'%3E%3Cpath d='M9.20656 6.3465C9.26162 6.17762 9.3692 6.03074 9.51361 5.92731C9.65803 5.82387 9.83171 5.76929 10.0093 5.77152C10.187 5.77376 10.3592 5.83269 10.501 5.93972C10.6427 6.04675 10.7466 6.19629 10.7974 6.3665L11.4116 7.5765C11.4713 7.69413 11.5582 7.79588 11.6649 7.87339C11.7717 7.9509 11.8954 8.00195 12.0257 8.02234L13.3874 8.23567C13.5627 8.23636 13.7334 8.29233 13.8751 8.39563C14.0168 8.49892 14.1223 8.64428 14.1765 8.81101C14.2308 8.97774 14.2311 9.15734 14.1774 9.32425C14.1237 9.49117 14.0187 9.63688 13.8774 9.74067L12.9007 10.714C12.8072 10.8071 12.7372 10.9211 12.6963 11.0465C12.6554 11.172 12.645 11.3054 12.6657 11.4357L12.8816 12.7798C12.9409 12.9483 12.9446 13.1314 12.892 13.3021C12.8394 13.4728 12.7334 13.6221 12.5895 13.728C12.4457 13.8339 12.2716 13.8907 12.0929 13.8902C11.9143 13.8896 11.7406 13.8316 11.5974 13.7248L10.3766 13.0998C10.259 13.0396 10.1287 13.0082 9.99656 13.0082C9.86442 13.0082 9.73417 13.0396 9.61656 13.0998L8.39573 13.7248C8.25255 13.8307 8.0792 13.888 7.9011 13.8882C7.72301 13.8884 7.54953 13.8315 7.40611 13.726C7.26269 13.6204 7.15686 13.4716 7.10416 13.3015C7.05145 13.1314 7.05463 12.9488 7.11323 12.7807L7.32823 11.4365C7.34913 11.3061 7.33872 11.1725 7.29786 11.0469C7.257 10.9213 7.18686 10.8072 7.09323 10.714L6.1299 9.754C5.98378 9.65277 5.87386 9.50747 5.81619 9.33932C5.75853 9.17117 5.75615 8.98899 5.80939 8.81939C5.86264 8.6498 5.96872 8.50167 6.11214 8.39665C6.25556 8.29163 6.4288 8.23522 6.60656 8.23567L7.9674 8.02234C8.09775 8.00195 8.2214 7.9509 8.32818 7.87339C8.43495 7.79588 8.52179 7.69413 8.58156 7.5765L9.20656 6.3465Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.9974 18.3332C14.5998 18.3332 18.3307 14.6022 18.3307 9.99984C18.3307 5.39746 14.5998 1.6665 9.9974 1.6665C5.39502 1.6665 1.66406 5.39746 1.66406 9.99984C1.66406 14.6022 5.39502 18.3332 9.9974 18.3332Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_237_3901'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-party:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_237_4352)'%3E%3Cpath d='M4.83073 9.4165L1.66406 18.3332L10.5807 15.1748M3.33073 2.49984H3.33906M18.3307 6.6665H18.3391M12.4974 1.6665H12.5057M18.3307 16.6665H18.3391M18.3307 1.6665L16.4641 2.2915C15.9327 2.46849 15.4793 2.82454 15.1814 3.29877C14.8835 3.77301 14.7595 4.336 14.8307 4.8915C14.9141 5.60817 14.3557 6.24984 13.6224 6.24984H13.3057C12.5891 6.24984 11.9724 6.74984 11.8391 7.44984L11.6641 8.33317M18.3307 10.8332L17.6474 10.5582C16.9307 10.2748 16.1307 10.7248 15.9974 11.4832C15.9057 12.0665 15.3974 12.4998 14.8057 12.4998H14.1641M9.16406 1.6665L9.43906 2.34984C9.7224 3.0665 9.2724 3.8665 8.51406 3.99984C7.93073 4.08317 7.4974 4.59984 7.4974 5.1915V5.83317M9.16406 10.8332C10.7724 12.4415 11.5224 14.3082 10.8307 14.9998C10.1391 15.6915 8.2724 14.9415 6.66406 13.3332C5.05573 11.7248 4.30573 9.85817 4.9974 9.1665C5.68906 8.47484 7.55573 9.22484 9.16406 10.8332Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_237_4352'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_237_4352)'%3E%3Cpath d='M4.83073 9.4165L1.66406 18.3332L10.5807 15.1748M3.33073 2.49984H3.33906M18.3307 6.6665H18.3391M12.4974 1.6665H12.5057M18.3307 16.6665H18.3391M18.3307 1.6665L16.4641 2.2915C15.9327 2.46849 15.4793 2.82454 15.1814 3.29877C14.8835 3.77301 14.7595 4.336 14.8307 4.8915C14.9141 5.60817 14.3557 6.24984 13.6224 6.24984H13.3057C12.5891 6.24984 11.9724 6.74984 11.8391 7.44984L11.6641 8.33317M18.3307 10.8332L17.6474 10.5582C16.9307 10.2748 16.1307 10.7248 15.9974 11.4832C15.9057 12.0665 15.3974 12.4998 14.8057 12.4998H14.1641M9.16406 1.6665L9.43906 2.34984C9.7224 3.0665 9.2724 3.8665 8.51406 3.99984C7.93073 4.08317 7.4974 4.59984 7.4974 5.1915V5.83317M9.16406 10.8332C10.7724 12.4415 11.5224 14.3082 10.8307 14.9998C10.1391 15.6915 8.2724 14.9415 6.66406 13.3332C5.05573 11.7248 4.30573 9.85817 4.9974 9.1665C5.68906 8.47484 7.55573 9.22484 9.16406 10.8332Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_237_4352'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-heart:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66406 7.50695C1.66408 6.57962 1.94539 5.6741 2.47084 4.91C2.99629 4.1459 3.74116 3.55917 4.60707 3.22728C5.47298 2.8954 6.41919 2.83399 7.32074 3.05115C8.22229 3.26832 9.03675 3.75385 9.65656 4.44362C9.70022 4.4903 9.753 4.52751 9.81163 4.55295C9.87026 4.57839 9.93348 4.59152 9.9974 4.59152C10.0613 4.59152 10.1245 4.57839 10.1832 4.55295C10.2418 4.52751 10.2946 4.4903 10.3382 4.44362C10.9561 3.74937 11.7707 3.25976 12.6738 3.03995C13.5768 2.82015 14.5253 2.88057 15.3931 3.21319C16.2609 3.5458 17.0069 4.13483 17.5317 4.90187C18.0564 5.66891 18.3352 6.57758 18.3307 7.50695C18.3307 9.41528 17.0807 10.8403 15.8307 12.0903L11.2541 16.5178C11.0988 16.6961 10.9073 16.8394 10.6924 16.938C10.4775 17.0367 10.2441 17.0885 10.0076 17.09C9.77118 17.0915 9.5371 17.0426 9.32097 16.9467C9.10483 16.8508 8.91159 16.71 8.75406 16.5336L4.16406 12.0903C2.91406 10.8403 1.66406 9.42362 1.66406 7.50695Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66406 7.50695C1.66408 6.57962 1.94539 5.6741 2.47084 4.91C2.99629 4.1459 3.74116 3.55917 4.60707 3.22728C5.47298 2.8954 6.41919 2.83399 7.32074 3.05115C8.22229 3.26832 9.03675 3.75385 9.65656 4.44362C9.70022 4.4903 9.753 4.52751 9.81163 4.55295C9.87026 4.57839 9.93348 4.59152 9.9974 4.59152C10.0613 4.59152 10.1245 4.57839 10.1832 4.55295C10.2418 4.52751 10.2946 4.4903 10.3382 4.44362C10.9561 3.74937 11.7707 3.25976 12.6738 3.03995C13.5768 2.82015 14.5253 2.88057 15.3931 3.21319C16.2609 3.5458 17.0069 4.13483 17.5317 4.90187C18.0564 5.66891 18.3352 6.57758 18.3307 7.50695C18.3307 9.41528 17.0807 10.8403 15.8307 12.0903L11.2541 16.5178C11.0988 16.6961 10.9073 16.8394 10.6924 16.938C10.4775 17.0367 10.2441 17.0885 10.0076 17.09C9.77118 17.0915 9.5371 17.0426 9.32097 16.9467C9.10483 16.8508 8.91159 16.71 8.75406 16.5336L4.16406 12.0903C2.91406 10.8403 1.66406 9.42362 1.66406 7.50695Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-heart-solid:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='15' fill='none'%3E%3Cpath fill='%23B03B3B' d='M8.5 14.285a.799.799 0 0 1-.567-.232l-6.202-6.21a4.199 4.199 0 0 1 0-5.907 4.183 4.183 0 0 1 5.907 0l.862.862.862-.862a4.183 4.183 0 0 1 5.907 0 4.199 4.199 0 0 1 0 5.907l-6.202 6.21a.797.797 0 0 1-.567.232Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='15' fill='none'%3E%3Cpath fill='%23B03B3B' d='M8.5 14.285a.799.799 0 0 1-.567-.232l-6.202-6.21a4.199 4.199 0 0 1 0-5.907 4.183 4.183 0 0 1 5.907 0l.862.862.862-.862a4.183 4.183 0 0 1 5.907 0 4.199 4.199 0 0 1 0 5.907l-6.202 6.21a.797.797 0 0 1-.567.232Z'/%3E%3C/svg%3E");
}
.icon-badge-check:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4987 10.0002L9.16536 11.6669L12.4987 8.33358M3.20703 7.18358C3.0854 6.63568 3.10407 6.06595 3.26133 5.52719C3.41858 4.98844 3.70932 4.49811 4.10659 4.10168C4.50385 3.70524 4.99479 3.41553 5.53387 3.25941C6.07295 3.10328 6.64272 3.0858 7.19036 3.20858C7.49179 2.73716 7.90703 2.34921 8.39782 2.08048C8.88861 1.81175 9.43915 1.6709 9.9987 1.6709C10.5582 1.6709 11.1088 1.81175 11.5996 2.08048C12.0904 2.34921 12.5056 2.73716 12.807 3.20858C13.3555 3.08526 13.9263 3.10267 14.4662 3.25917C15.0061 3.41568 15.4977 3.70619 15.8952 4.10371C16.2927 4.50122 16.5833 4.9928 16.7398 5.53275C16.8963 6.07269 16.9137 6.64344 16.7904 7.19191C17.2618 7.49334 17.6497 7.90858 17.9185 8.39937C18.1872 8.89016 18.328 9.4407 18.328 10.0002C18.328 10.5598 18.1872 11.1103 17.9185 11.6011C17.6497 12.0919 17.2618 12.5072 16.7904 12.8086C16.9131 13.3562 16.8957 13.926 16.7395 14.4651C16.5834 15.0042 16.2937 15.4951 15.8973 15.8924C15.5008 16.2896 15.0105 16.5804 14.4717 16.7376C13.933 16.8949 13.3633 16.9135 12.8154 16.7919C12.5143 17.2651 12.0988 17.6547 11.6071 17.9247C11.1155 18.1946 10.5637 18.3361 10.0029 18.3361C9.44201 18.3361 8.89022 18.1946 8.39859 17.9247C7.90696 17.6547 7.49139 17.2651 7.19036 16.7919C6.64272 16.9147 6.07295 16.8972 5.53387 16.7411C4.99479 16.585 4.50385 16.2952 4.10659 15.8988C3.70932 15.5024 3.41858 15.012 3.26133 14.4733C3.10407 13.9345 3.0854 13.3648 3.20703 12.8169C2.73199 12.5163 2.34071 12.1004 2.06957 11.6079C1.79843 11.1155 1.65625 10.5624 1.65625 10.0002C1.65625 9.43807 1.79843 8.88503 2.06957 8.39257C2.34071 7.9001 2.73199 7.48421 3.20703 7.18358Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4987 10.0002L9.16536 11.6669L12.4987 8.33358M3.20703 7.18358C3.0854 6.63568 3.10407 6.06595 3.26133 5.52719C3.41858 4.98844 3.70932 4.49811 4.10659 4.10168C4.50385 3.70524 4.99479 3.41553 5.53387 3.25941C6.07295 3.10328 6.64272 3.0858 7.19036 3.20858C7.49179 2.73716 7.90703 2.34921 8.39782 2.08048C8.88861 1.81175 9.43915 1.6709 9.9987 1.6709C10.5582 1.6709 11.1088 1.81175 11.5996 2.08048C12.0904 2.34921 12.5056 2.73716 12.807 3.20858C13.3555 3.08526 13.9263 3.10267 14.4662 3.25917C15.0061 3.41568 15.4977 3.70619 15.8952 4.10371C16.2927 4.50122 16.5833 4.9928 16.7398 5.53275C16.8963 6.07269 16.9137 6.64344 16.7904 7.19191C17.2618 7.49334 17.6497 7.90858 17.9185 8.39937C18.1872 8.89016 18.328 9.4407 18.328 10.0002C18.328 10.5598 18.1872 11.1103 17.9185 11.6011C17.6497 12.0919 17.2618 12.5072 16.7904 12.8086C16.9131 13.3562 16.8957 13.926 16.7395 14.4651C16.5834 15.0042 16.2937 15.4951 15.8973 15.8924C15.5008 16.2896 15.0105 16.5804 14.4717 16.7376C13.933 16.8949 13.3633 16.9135 12.8154 16.7919C12.5143 17.2651 12.0988 17.6547 11.6071 17.9247C11.1155 18.1946 10.5637 18.3361 10.0029 18.3361C9.44201 18.3361 8.89022 18.1946 8.39859 17.9247C7.90696 17.6547 7.49139 17.2651 7.19036 16.7919C6.64272 16.9147 6.07295 16.8972 5.53387 16.7411C4.99479 16.585 4.50385 16.2952 4.10659 15.8988C3.70932 15.5024 3.41858 15.012 3.26133 14.4733C3.10407 13.9345 3.0854 13.3648 3.20703 12.8169C2.73199 12.5163 2.34071 12.1004 2.06957 11.6079C1.79843 11.1155 1.65625 10.5624 1.65625 10.0002C1.65625 9.43807 1.79843 8.88503 2.06957 8.39257C2.34071 7.9001 2.73199 7.48421 3.20703 7.18358Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-martini:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66406 18.3333H13.3307M9.9974 9.16667V18.3333M9.9974 9.16667L15.8307 2.5H4.16406L9.9974 9.16667Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66406 18.3333H13.3307M9.9974 9.16667V18.3333M9.9974 9.16667L15.8307 2.5H4.16406L9.9974 9.16667Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-wine:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66927 18.3332H13.3359M5.83594 8.33317H14.1693M5.83594 8.33317C5.83594 6.6665 6.2526 4.99984 7.5026 1.6665H12.5026C13.7526 4.99984 14.1693 6.6665 14.1693 8.33317M5.83594 8.33317C5.83594 9.43824 6.27492 10.498 7.05633 11.2794C7.83773 12.0609 8.89754 12.4998 10.0026 12.4998M14.1693 8.33317C14.1693 9.43824 13.7303 10.498 12.9489 11.2794C12.1675 12.0609 11.1077 12.4998 10.0026 12.4998M10.0026 12.4998V18.3332' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66927 18.3332H13.3359M5.83594 8.33317H14.1693M5.83594 8.33317C5.83594 6.6665 6.2526 4.99984 7.5026 1.6665H12.5026C13.7526 4.99984 14.1693 6.6665 14.1693 8.33317M5.83594 8.33317C5.83594 9.43824 6.27492 10.498 7.05633 11.2794C7.83773 12.0609 8.89754 12.4998 10.0026 12.4998M14.1693 8.33317C14.1693 9.43824 13.7303 10.498 12.9489 11.2794C12.1675 12.0609 11.1077 12.4998 10.0026 12.4998M10.0026 12.4998V18.3332' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-water:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.999 10C5.72023 9.45907 6.59746 9.16667 7.499 9.16667C8.40054 9.16667 9.27776 9.45907 9.999 10C10.7202 10.5409 11.5975 10.8333 12.499 10.8333C13.4005 10.8333 14.2778 10.5409 14.999 10M4.26233 3.42C4.25019 3.30393 4.26257 3.1866 4.29866 3.07562C4.33476 2.96463 4.39376 2.86247 4.47185 2.77574C4.54993 2.68901 4.64537 2.61965 4.75197 2.57215C4.85857 2.52465 4.97396 2.50007 5.09066 2.5H14.9073C15.0241 2.50006 15.1396 2.52466 15.2462 2.57221C15.3529 2.61976 15.4484 2.68919 15.5265 2.77602C15.6046 2.86284 15.6636 2.96511 15.6996 3.07619C15.7356 3.18728 15.7479 3.3047 15.7357 3.42083L14.324 16.8417C14.2808 17.2513 14.0874 17.6304 13.7811 17.9058C13.4749 18.1812 13.0775 18.3336 12.6657 18.3333H7.33233C6.91902 18.3356 6.5196 18.1842 6.21161 17.9086C5.90363 17.633 5.70906 17.2527 5.66566 16.8417L4.26233 3.42Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.999 10C5.72023 9.45907 6.59746 9.16667 7.499 9.16667C8.40054 9.16667 9.27776 9.45907 9.999 10C10.7202 10.5409 11.5975 10.8333 12.499 10.8333C13.4005 10.8333 14.2778 10.5409 14.999 10M4.26233 3.42C4.25019 3.30393 4.26257 3.1866 4.29866 3.07562C4.33476 2.96463 4.39376 2.86247 4.47185 2.77574C4.54993 2.68901 4.64537 2.61965 4.75197 2.57215C4.85857 2.52465 4.97396 2.50007 5.09066 2.5H14.9073C15.0241 2.50006 15.1396 2.52466 15.2462 2.57221C15.3529 2.61976 15.4484 2.68919 15.5265 2.77602C15.6046 2.86284 15.6636 2.96511 15.6996 3.07619C15.7356 3.18728 15.7479 3.3047 15.7357 3.42083L14.324 16.8417C14.2808 17.2513 14.0874 17.6304 13.7811 17.9058C13.4749 18.1812 13.0775 18.3336 12.6657 18.3333H7.33233C6.91902 18.3356 6.5196 18.1842 6.21161 17.9086C5.90363 17.633 5.70906 17.2527 5.66566 16.8417L4.26233 3.42Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-trash:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33333 9.1665V14.1665M11.6667 9.1665V14.1665M15.8333 4.99984V16.6665C15.8333 17.1085 15.6577 17.5325 15.3452 17.845C15.0326 18.1576 14.6087 18.3332 14.1667 18.3332H5.83333C5.39131 18.3332 4.96738 18.1576 4.65482 17.845C4.34226 17.5325 4.16667 17.1085 4.16667 16.6665V4.99984M2.5 4.99984H17.5M6.66667 4.99984V3.33317C6.66667 2.89114 6.84226 2.46722 7.15482 2.15466C7.46738 1.8421 7.89131 1.6665 8.33333 1.6665H11.6667C12.1087 1.6665 12.5326 1.8421 12.8452 2.15466C13.1577 2.46722 13.3333 2.89114 13.3333 3.33317V4.99984' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33333 9.1665V14.1665M11.6667 9.1665V14.1665M15.8333 4.99984V16.6665C15.8333 17.1085 15.6577 17.5325 15.3452 17.845C15.0326 18.1576 14.6087 18.3332 14.1667 18.3332H5.83333C5.39131 18.3332 4.96738 18.1576 4.65482 17.845C4.34226 17.5325 4.16667 17.1085 4.16667 16.6665V4.99984M2.5 4.99984H17.5M6.66667 4.99984V3.33317C6.66667 2.89114 6.84226 2.46722 7.15482 2.15466C7.46738 1.8421 7.89131 1.6665 8.33333 1.6665H11.6667C12.1087 1.6665 12.5326 1.8421 12.8452 2.15466C13.1577 2.46722 13.3333 2.89114 13.3333 3.33317V4.99984' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-truck:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6641 15.0002V5.00016C11.6641 4.55814 11.4885 4.13421 11.1759 3.82165C10.8633 3.50909 10.4394 3.3335 9.9974 3.3335H3.33073C2.8887 3.3335 2.46478 3.50909 2.15222 3.82165C1.83966 4.13421 1.66406 4.55814 1.66406 5.00016V14.1668C1.66406 14.3878 1.75186 14.5998 1.90814 14.7561C2.06442 14.9124 2.27638 15.0002 2.4974 15.0002H4.16406M4.16406 15.0002C4.16406 15.9206 4.91025 16.6668 5.83073 16.6668C6.7512 16.6668 7.4974 15.9206 7.4974 15.0002M4.16406 15.0002C4.16406 14.0797 4.91025 13.3335 5.83073 13.3335C6.7512 13.3335 7.4974 14.0797 7.4974 15.0002M12.4974 15.0002H7.4974M12.4974 15.0002C12.4974 15.9206 13.2436 16.6668 14.1641 16.6668C15.0845 16.6668 15.8307 15.9206 15.8307 15.0002M12.4974 15.0002C12.4974 14.0797 13.2436 13.3335 14.1641 13.3335C15.0845 13.3335 15.8307 14.0797 15.8307 15.0002M15.8307 15.0002H17.4974C17.7184 15.0002 17.9304 14.9124 18.0867 14.7561C18.2429 14.5998 18.3307 14.3878 18.3307 14.1668V11.1252C18.3304 10.936 18.2657 10.7527 18.1474 10.6052L15.2474 6.98016C15.1695 6.88256 15.0706 6.80373 14.9581 6.74949C14.8456 6.69526 14.7223 6.66701 14.5974 6.66683H11.6641' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6641 15.0002V5.00016C11.6641 4.55814 11.4885 4.13421 11.1759 3.82165C10.8633 3.50909 10.4394 3.3335 9.9974 3.3335H3.33073C2.8887 3.3335 2.46478 3.50909 2.15222 3.82165C1.83966 4.13421 1.66406 4.55814 1.66406 5.00016V14.1668C1.66406 14.3878 1.75186 14.5998 1.90814 14.7561C2.06442 14.9124 2.27638 15.0002 2.4974 15.0002H4.16406M4.16406 15.0002C4.16406 15.9206 4.91025 16.6668 5.83073 16.6668C6.7512 16.6668 7.4974 15.9206 7.4974 15.0002M4.16406 15.0002C4.16406 14.0797 4.91025 13.3335 5.83073 13.3335C6.7512 13.3335 7.4974 14.0797 7.4974 15.0002M12.4974 15.0002H7.4974M12.4974 15.0002C12.4974 15.9206 13.2436 16.6668 14.1641 16.6668C15.0845 16.6668 15.8307 15.9206 15.8307 15.0002M12.4974 15.0002C12.4974 14.0797 13.2436 13.3335 14.1641 13.3335C15.0845 13.3335 15.8307 14.0797 15.8307 15.0002M15.8307 15.0002H17.4974C17.7184 15.0002 17.9304 14.9124 18.0867 14.7561C18.2429 14.5998 18.3307 14.3878 18.3307 14.1668V11.1252C18.3304 10.936 18.2657 10.7527 18.1474 10.6052L15.2474 6.98016C15.1695 6.88256 15.0706 6.80373 14.9581 6.74949C14.8456 6.69526 14.7223 6.66701 14.5974 6.66683H11.6641' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-mail:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3346 5.8335L10.8421 10.606C10.5879 10.7537 10.2991 10.8315 10.0051 10.8315C9.71102 10.8315 9.42222 10.7537 9.16797 10.606L1.66797 5.8335M3.33464 3.3335H16.668C17.5884 3.3335 18.3346 4.07969 18.3346 5.00016V15.0002C18.3346 15.9206 17.5884 16.6668 16.668 16.6668H3.33464C2.41416 16.6668 1.66797 15.9206 1.66797 15.0002V5.00016C1.66797 4.07969 2.41416 3.3335 3.33464 3.3335Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3346 5.8335L10.8421 10.606C10.5879 10.7537 10.2991 10.8315 10.0051 10.8315C9.71102 10.8315 9.42222 10.7537 9.16797 10.606L1.66797 5.8335M3.33464 3.3335H16.668C17.5884 3.3335 18.3346 4.07969 18.3346 5.00016V15.0002C18.3346 15.9206 17.5884 16.6668 16.668 16.6668H3.33464C2.41416 16.6668 1.66797 15.9206 1.66797 15.0002V5.00016C1.66797 4.07969 2.41416 3.3335 3.33464 3.3335Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-sort-down:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 13.3335L5.83333 16.6668M5.83333 16.6668L9.16667 13.3335M5.83333 16.6668V3.3335M9.16667 3.3335H17.5M9.16667 6.66683H15M9.16667 10.0002H12.5' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 13.3335L5.83333 16.6668M5.83333 16.6668L9.16667 13.3335M5.83333 16.6668V3.3335M9.16667 3.3335H17.5M9.16667 6.66683H15M9.16667 10.0002H12.5' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-sort-up:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.25 6.66683L5.58333 3.3335M5.58333 3.3335L8.91667 6.66683M5.58333 3.3335V16.6668M8.91667 10.0002H17.25M8.91667 13.3335H14.75M8.91667 16.6668H12.25' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.25 6.66683L5.58333 3.3335M5.58333 3.3335L8.91667 6.66683M5.58333 3.3335V16.6668M8.91667 10.0002H17.25M8.91667 13.3335H14.75M8.91667 16.6668H12.25' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-filter:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33333 4.16667H2.5M10 15.8333H2.5M11.6667 2.5V5.83333M13.3333 14.1667V17.5M17.5 10H10M17.5 15.8333H13.3333M17.5 4.16667H11.6667M6.66667 8.33333V11.6667M6.66667 10H2.5' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33333 4.16667H2.5M10 15.8333H2.5M11.6667 2.5V5.83333M13.3333 14.1667V17.5M17.5 10H10M17.5 15.8333H13.3333M17.5 4.16667H11.6667M6.66667 8.33333V11.6667M6.66667 10H2.5' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-play:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33203 4.16667C3.33194 3.87342 3.40924 3.58533 3.5561 3.3315C3.70297 3.07767 3.91421 2.86708 4.16849 2.721C4.42277 2.57492 4.7111 2.49853 5.00436 2.49952C5.29761 2.50052 5.58541 2.57887 5.8387 2.72667L15.8362 8.55834C16.0885 8.70474 16.298 8.91479 16.4436 9.16751C16.5893 9.42023 16.6661 9.70675 16.6664 9.99845C16.6666 10.2902 16.5903 10.5768 16.4451 10.8298C16.2998 11.0828 16.0907 11.2932 15.8387 11.44L5.8387 17.2733C5.58541 17.4211 5.29761 17.4995 5.00436 17.5005C4.7111 17.5015 4.42277 17.4251 4.16849 17.279C3.91421 17.1329 3.70297 16.9223 3.5561 16.6685C3.40924 16.4147 3.33194 16.1266 3.33203 15.8333V4.16667Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33203 4.16667C3.33194 3.87342 3.40924 3.58533 3.5561 3.3315C3.70297 3.07767 3.91421 2.86708 4.16849 2.721C4.42277 2.57492 4.7111 2.49853 5.00436 2.49952C5.29761 2.50052 5.58541 2.57887 5.8387 2.72667L15.8362 8.55834C16.0885 8.70474 16.298 8.91479 16.4436 9.16751C16.5893 9.42023 16.6661 9.70675 16.6664 9.99845C16.6666 10.2902 16.5903 10.5768 16.4451 10.8298C16.2998 11.0828 16.0907 11.2932 15.8387 11.44L5.8387 17.2733C5.58541 17.4211 5.29761 17.4995 5.00436 17.5005C4.7111 17.5015 4.42277 17.4251 4.16849 17.279C3.91421 17.1329 3.70297 16.9223 3.5561 16.6685C3.40924 16.4147 3.33194 16.1266 3.33203 15.8333V4.16667Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-play-solid:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33203 4.16667C3.33194 3.87342 3.40924 3.58533 3.5561 3.3315C3.70297 3.07767 3.91421 2.86708 4.16849 2.721C4.42277 2.57492 4.7111 2.49853 5.00436 2.49952C5.29761 2.50052 5.58541 2.57887 5.8387 2.72667L15.8362 8.55834C16.0885 8.70474 16.298 8.91479 16.4436 9.16751C16.5893 9.42023 16.6661 9.70675 16.6664 9.99845C16.6666 10.2902 16.5903 10.5768 16.4451 10.8298C16.2998 11.0828 16.0907 11.2932 15.8387 11.44L5.8387 17.2733C5.58541 17.4211 5.29761 17.4995 5.00436 17.5005C4.7111 17.5015 4.42277 17.4251 4.16849 17.279C3.91421 17.1329 3.70297 16.9223 3.5561 16.6685C3.40924 16.4147 3.33194 16.1266 3.33203 15.8333V4.16667Z' fill='%23282322' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33203 4.16667C3.33194 3.87342 3.40924 3.58533 3.5561 3.3315C3.70297 3.07767 3.91421 2.86708 4.16849 2.721C4.42277 2.57492 4.7111 2.49853 5.00436 2.49952C5.29761 2.50052 5.58541 2.57887 5.8387 2.72667L15.8362 8.55834C16.0885 8.70474 16.298 8.91479 16.4436 9.16751C16.5893 9.42023 16.6661 9.70675 16.6664 9.99845C16.6666 10.2902 16.5903 10.5768 16.4451 10.8298C16.2998 11.0828 16.0907 11.2932 15.8387 11.44L5.8387 17.2733C5.58541 17.4211 5.29761 17.4995 5.00436 17.5005C4.7111 17.5015 4.42277 17.4251 4.16849 17.279C3.91421 17.1329 3.70297 16.9223 3.5561 16.6685C3.40924 16.4147 3.33194 16.1266 3.33203 15.8333V4.16667Z' fill='%23282322' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-panel-left:before, .icon-panel-right:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 2.5V17.5M8.33333 12.5L5.83333 10L8.33333 7.5M4.16667 2.5H15.8333C16.7538 2.5 17.5 3.24619 17.5 4.16667V15.8333C17.5 16.7538 16.7538 17.5 15.8333 17.5H4.16667C3.24619 17.5 2.5 16.7538 2.5 15.8333V4.16667C2.5 3.24619 3.24619 2.5 4.16667 2.5Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 2.5V17.5M8.33333 12.5L5.83333 10L8.33333 7.5M4.16667 2.5H15.8333C16.7538 2.5 17.5 3.24619 17.5 4.16667V15.8333C17.5 16.7538 16.7538 17.5 15.8333 17.5H4.16667C3.24619 17.5 2.5 16.7538 2.5 15.8333V4.16667C2.5 3.24619 3.24619 2.5 4.16667 2.5Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-sort-digit-down:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.91797 13.3335L6.2513 16.6668M6.2513 16.6668L9.58464 13.3335M6.2513 16.6668V3.3335M14.5846 8.3335V3.3335H12.918M12.918 8.3335H16.2513M14.5846 11.6668C15.5051 11.6668 16.2513 12.413 16.2513 13.3335V15.0002C16.2513 15.9206 15.5051 16.6668 14.5846 16.6668C13.6642 16.6668 12.918 15.9206 12.918 15.0002V13.3335C12.918 12.413 13.6642 11.6668 14.5846 11.6668Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.91797 13.3335L6.2513 16.6668M6.2513 16.6668L9.58464 13.3335M6.2513 16.6668V3.3335M14.5846 8.3335V3.3335H12.918M12.918 8.3335H16.2513M14.5846 11.6668C15.5051 11.6668 16.2513 12.413 16.2513 13.3335V15.0002C16.2513 15.9206 15.5051 16.6668 14.5846 16.6668C13.6642 16.6668 12.918 15.9206 12.918 15.0002V13.3335C12.918 12.413 13.6642 11.6668 14.5846 11.6668Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-sort-digit-up:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.25 6.66683L5.58333 3.3335M5.58333 3.3335L8.91667 6.66683M5.58333 3.3335V16.6668M13.9167 8.3335V3.3335H12.25M12.25 8.3335H15.5833M13.9167 11.6668C14.8371 11.6668 15.5833 12.413 15.5833 13.3335V15.0002C15.5833 15.9206 14.8371 16.6668 13.9167 16.6668C12.9962 16.6668 12.25 15.9206 12.25 15.0002V13.3335C12.25 12.413 12.9962 11.6668 13.9167 11.6668Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.25 6.66683L5.58333 3.3335M5.58333 3.3335L8.91667 6.66683M5.58333 3.3335V16.6668M13.9167 8.3335V3.3335H12.25M12.25 8.3335H15.5833M13.9167 11.6668C14.8371 11.6668 15.5833 12.413 15.5833 13.3335V15.0002C15.5833 15.9206 14.8371 16.6668 13.9167 16.6668C12.9962 16.6668 12.25 15.9206 12.25 15.0002V13.3335C12.25 12.413 12.9962 11.6668 13.9167 11.6668Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-sort-alpha-down:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.75 13.3335L6.08333 16.6668M6.08333 16.6668L9.41667 13.3335M6.08333 16.6668V3.3335M16.9167 6.66683H12.75M12.75 8.3335V5.41683C12.75 4.8643 12.9695 4.33439 13.3602 3.94369C13.7509 3.55299 14.2808 3.3335 14.8333 3.3335C15.3859 3.3335 15.9158 3.55299 16.3065 3.94369C16.6972 4.33439 16.9167 4.8643 16.9167 5.41683V8.3335M12.75 11.6668H16.9167L12.75 16.6668H16.9167' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.75 13.3335L6.08333 16.6668M6.08333 16.6668L9.41667 13.3335M6.08333 16.6668V3.3335M16.9167 6.66683H12.75M12.75 8.3335V5.41683C12.75 4.8643 12.9695 4.33439 13.3602 3.94369C13.7509 3.55299 14.2808 3.3335 14.8333 3.3335C15.3859 3.3335 15.9158 3.55299 16.3065 3.94369C16.6972 4.33439 16.9167 4.8643 16.9167 5.41683V8.3335M12.75 11.6668H16.9167L12.75 16.6668H16.9167' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-sort-alpha-up:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.91797 6.66683L6.2513 3.3335M6.2513 3.3335L9.58464 6.66683M6.2513 3.3335V16.6668M17.0846 6.66683H12.918M12.918 8.3335V5.41683C12.918 4.8643 13.1375 4.33439 13.5282 3.94369C13.9189 3.55299 14.4488 3.3335 15.0013 3.3335C15.5538 3.3335 16.0837 3.55299 16.4744 3.94369C16.8651 4.33439 17.0846 4.8643 17.0846 5.41683V8.3335M12.918 11.6668H17.0846L12.918 16.6668H17.0846' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.91797 6.66683L6.2513 3.3335M6.2513 3.3335L9.58464 6.66683M6.2513 3.3335V16.6668M17.0846 6.66683H12.918M12.918 8.3335V5.41683C12.918 4.8643 13.1375 4.33439 13.5282 3.94369C13.9189 3.55299 14.4488 3.3335 15.0013 3.3335C15.5538 3.3335 16.0837 3.55299 16.4744 3.94369C16.8651 4.33439 17.0846 4.8643 17.0846 5.41683V8.3335M12.918 11.6668H17.0846L12.918 16.6668H17.0846' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-flame:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.0026 2C8.44705 3.77778 9.33594 5.22222 10.6693 6.33333C12.0026 7.44444 12.6693 8.66667 12.6693 10C12.6693 11.2377 12.1776 12.4247 11.3024 13.2998C10.4273 14.175 9.24028 14.6667 8.0026 14.6667C6.76493 14.6667 5.57794 14.175 4.70277 13.2998C3.8276 12.4247 3.33594 11.2377 3.33594 10C3.33594 9.27877 3.56986 8.57699 4.0026 8C4.0026 8.44203 4.1782 8.86595 4.49076 9.17851C4.80332 9.49107 5.22724 9.66667 5.66927 9.66667C6.1113 9.66667 6.53522 9.49107 6.84778 9.17851C7.16034 8.86595 7.33594 8.44203 7.33594 8C7.33594 6.66667 6.33594 6 6.33594 4.66667C6.33594 3.77778 6.89149 2.88889 8.0026 2Z' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.0026 2C8.44705 3.77778 9.33594 5.22222 10.6693 6.33333C12.0026 7.44444 12.6693 8.66667 12.6693 10C12.6693 11.2377 12.1776 12.4247 11.3024 13.2998C10.4273 14.175 9.24028 14.6667 8.0026 14.6667C6.76493 14.6667 5.57794 14.175 4.70277 13.2998C3.8276 12.4247 3.33594 11.2377 3.33594 10C3.33594 9.27877 3.56986 8.57699 4.0026 8C4.0026 8.44203 4.1782 8.86595 4.49076 9.17851C4.80332 9.49107 5.22724 9.66667 5.66927 9.66667C6.1113 9.66667 6.53522 9.49107 6.84778 9.17851C7.16034 8.86595 7.33594 8.44203 7.33594 8C7.33594 6.66667 6.33594 6 6.33594 4.66667C6.33594 3.77778 6.89149 2.88889 8.0026 2Z' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-package:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00099 14.6668V8.66683M13.3343 8.66683V11.2468C13.3346 11.4985 13.2657 11.7453 13.1352 11.9605C13.0047 12.1756 12.8176 12.3508 12.5943 12.4668L8.59432 14.5202C8.41105 14.6154 8.20754 14.6651 8.00099 14.6651C7.79444 14.6651 7.59093 14.6154 7.40766 14.5202L3.40766 12.4668C3.18438 12.3508 2.99728 12.1756 2.86678 11.9605C2.73628 11.7453 2.6674 11.4985 2.66766 11.2468V8.66683M10.1143 1.47349C10.2804 1.38066 10.4674 1.33191 10.6577 1.33191C10.8479 1.33191 11.0349 1.38066 11.201 1.47349L14.001 3.04683C14.1993 3.15896 14.3643 3.32174 14.4791 3.51851C14.5938 3.71529 14.6543 3.93902 14.6543 4.16683C14.6543 4.39464 14.5938 4.61836 14.4791 4.81514C14.3643 5.01192 14.1993 5.17469 14.001 5.28683L5.88099 9.86016C5.71446 9.95515 5.52604 10.0051 5.33432 10.0051C5.1426 10.0051 4.95419 9.95515 4.78766 9.86016L2.00099 8.28683C1.80269 8.17469 1.63771 8.01192 1.52293 7.81514C1.40814 7.61836 1.34766 7.39464 1.34766 7.16683C1.34766 6.93902 1.40814 6.71529 1.52293 6.51851C1.63771 6.32174 1.80269 6.15896 2.00099 6.04683L10.1143 1.47349ZM14.001 8.28683C14.1993 8.17469 14.3643 8.01192 14.4791 7.81514C14.5938 7.61836 14.6543 7.39464 14.6543 7.16683C14.6543 6.93902 14.5938 6.71529 14.4791 6.51851C14.3643 6.32174 14.1993 6.15896 14.001 6.04683L5.88766 1.46683C5.72224 1.3721 5.53494 1.32227 5.34432 1.32227C5.15371 1.32227 4.9664 1.3721 4.80099 1.46683L2.00099 3.04683C1.80269 3.15896 1.63771 3.32174 1.52293 3.51851C1.40814 3.71529 1.34766 3.93902 1.34766 4.16683C1.34766 4.39464 1.40814 4.61836 1.52293 4.81514C1.63771 5.01192 1.80269 5.17469 2.00099 5.28683L10.121 9.86016C10.2863 9.95515 10.4737 10.0051 10.6643 10.0051C10.855 10.0051 11.0423 9.95515 11.2077 9.86016L14.001 8.28683Z' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00099 14.6668V8.66683M13.3343 8.66683V11.2468C13.3346 11.4985 13.2657 11.7453 13.1352 11.9605C13.0047 12.1756 12.8176 12.3508 12.5943 12.4668L8.59432 14.5202C8.41105 14.6154 8.20754 14.6651 8.00099 14.6651C7.79444 14.6651 7.59093 14.6154 7.40766 14.5202L3.40766 12.4668C3.18438 12.3508 2.99728 12.1756 2.86678 11.9605C2.73628 11.7453 2.6674 11.4985 2.66766 11.2468V8.66683M10.1143 1.47349C10.2804 1.38066 10.4674 1.33191 10.6577 1.33191C10.8479 1.33191 11.0349 1.38066 11.201 1.47349L14.001 3.04683C14.1993 3.15896 14.3643 3.32174 14.4791 3.51851C14.5938 3.71529 14.6543 3.93902 14.6543 4.16683C14.6543 4.39464 14.5938 4.61836 14.4791 4.81514C14.3643 5.01192 14.1993 5.17469 14.001 5.28683L5.88099 9.86016C5.71446 9.95515 5.52604 10.0051 5.33432 10.0051C5.1426 10.0051 4.95419 9.95515 4.78766 9.86016L2.00099 8.28683C1.80269 8.17469 1.63771 8.01192 1.52293 7.81514C1.40814 7.61836 1.34766 7.39464 1.34766 7.16683C1.34766 6.93902 1.40814 6.71529 1.52293 6.51851C1.63771 6.32174 1.80269 6.15896 2.00099 6.04683L10.1143 1.47349ZM14.001 8.28683C14.1993 8.17469 14.3643 8.01192 14.4791 7.81514C14.5938 7.61836 14.6543 7.39464 14.6543 7.16683C14.6543 6.93902 14.5938 6.71529 14.4791 6.51851C14.3643 6.32174 14.1993 6.15896 14.001 6.04683L5.88766 1.46683C5.72224 1.3721 5.53494 1.32227 5.34432 1.32227C5.15371 1.32227 4.9664 1.3721 4.80099 1.46683L2.00099 3.04683C1.80269 3.15896 1.63771 3.32174 1.52293 3.51851C1.40814 3.71529 1.34766 3.93902 1.34766 4.16683C1.34766 4.39464 1.40814 4.61836 1.52293 4.81514C1.63771 5.01192 1.80269 5.17469 2.00099 5.28683L10.121 9.86016C10.2863 9.95515 10.4737 10.0051 10.6643 10.0051C10.855 10.0051 11.0423 9.95515 11.2077 9.86016L14.001 8.28683Z' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-instagram {
    width: 16px;
    height: 16px;
}
.icon-instagram:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%2393847C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M11.665 4.333h.007m-7.007-3h6.667a3.333 3.333 0 0 1 3.333 3.333v6.667a3.333 3.333 0 0 1-3.333 3.333H4.665a3.333 3.333 0 0 1-3.333-3.333V4.666a3.333 3.333 0 0 1 3.333-3.333Zm6 6.247a2.667 2.667 0 1 1-5.275.782 2.667 2.667 0 0 1 5.275-.782Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%2393847C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M11.665 4.333h.007m-7.007-3h6.667a3.333 3.333 0 0 1 3.333 3.333v6.667a3.333 3.333 0 0 1-3.333 3.333H4.665a3.333 3.333 0 0 1-3.333-3.333V4.666a3.333 3.333 0 0 1 3.333-3.333Zm6 6.247a2.667 2.667 0 1 1-5.275.782 2.667 2.667 0 0 1 5.275-.782Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-youtube {
    width: 16px;
    height: 16px;
}
.icon-youtube:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2393847C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M1.666 11.333a16.08 16.08 0 0 1 0-6.666 1.333 1.333 0 0 1 .933-.934 33.04 33.04 0 0 1 10.8 0 1.334 1.334 0 0 1 .933.934 16.08 16.08 0 0 1 0 6.666 1.334 1.334 0 0 1-.933.934 33.038 33.038 0 0 1-10.8 0 1.334 1.334 0 0 1-.933-.934Z'/%3E%3Cpath stroke='%2393847C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='m6.666 10 3.333-2-3.333-2v4Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2393847C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M1.666 11.333a16.08 16.08 0 0 1 0-6.666 1.333 1.333 0 0 1 .933-.934 33.04 33.04 0 0 1 10.8 0 1.334 1.334 0 0 1 .933.934 16.08 16.08 0 0 1 0 6.666 1.334 1.334 0 0 1-.933.934 33.038 33.038 0 0 1-10.8 0 1.334 1.334 0 0 1-.933-.934Z'/%3E%3Cpath stroke='%2393847C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='m6.666 10 3.333-2-3.333-2v4Z'/%3E%3C/svg%3E");
}
.icon-facebook {
    width: 16px;
    height: 16px;
}
.icon-facebook:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2393847C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M12.001 1.333h-2a3.333 3.333 0 0 0-3.333 3.333v2h-2v2.667h2v5.333h2.667V9.333h2L12 6.666H9.335v-2A.667.667 0 0 1 10 4h2V1.333Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2393847C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M12.001 1.333h-2a3.333 3.333 0 0 0-3.333 3.333v2h-2v2.667h2v5.333h2.667V9.333h2L12 6.666H9.335v-2A.667.667 0 0 1 10 4h2V1.333Z'/%3E%3C/svg%3E");
}
.icon-shapes:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.15 4.9999C4.08554 5.00342 4.02137 4.98905 3.96458 4.95837C3.90778 4.92769 3.86058 4.8819 3.82819 4.82606C3.79579 4.77023 3.77947 4.70652 3.78103 4.64199C3.78258 4.57746 3.80195 4.51461 3.837 4.4604L5.7 1.4999C5.72927 1.44719 5.77167 1.40293 5.82308 1.37142C5.87449 1.33991 5.93317 1.32221 5.99343 1.32005C6.05369 1.31789 6.11349 1.33133 6.16702 1.35907C6.22056 1.38682 6.26602 1.42792 6.299 1.4784L8.15 4.4499C8.18648 4.5023 8.20794 4.56368 8.21205 4.62739C8.21616 4.69111 8.20275 4.75473 8.1733 4.81138C8.14384 4.86803 8.09945 4.91553 8.04493 4.94877C7.99042 4.982 7.92785 4.99968 7.864 4.9999H4.15Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 6.9999H2C1.72386 6.9999 1.5 7.22376 1.5 7.4999V9.9999C1.5 10.276 1.72386 10.4999 2 10.4999H4.5C4.77614 10.4999 5 10.276 5 9.9999V7.4999C5 7.22376 4.77614 6.9999 4.5 6.9999Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.75 10.4999C9.7165 10.4999 10.5 9.7164 10.5 8.7499C10.5 7.7834 9.7165 6.9999 8.75 6.9999C7.7835 6.9999 7 7.7834 7 8.7499C7 9.7164 7.7835 10.4999 8.75 10.4999Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.15 4.9999C4.08554 5.00342 4.02137 4.98905 3.96458 4.95837C3.90778 4.92769 3.86058 4.8819 3.82819 4.82606C3.79579 4.77023 3.77947 4.70652 3.78103 4.64199C3.78258 4.57746 3.80195 4.51461 3.837 4.4604L5.7 1.4999C5.72927 1.44719 5.77167 1.40293 5.82308 1.37142C5.87449 1.33991 5.93317 1.32221 5.99343 1.32005C6.05369 1.31789 6.11349 1.33133 6.16702 1.35907C6.22056 1.38682 6.26602 1.42792 6.299 1.4784L8.15 4.4499C8.18648 4.5023 8.20794 4.56368 8.21205 4.62739C8.21616 4.69111 8.20275 4.75473 8.1733 4.81138C8.14384 4.86803 8.09945 4.91553 8.04493 4.94877C7.99042 4.982 7.92785 4.99968 7.864 4.9999H4.15Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 6.9999H2C1.72386 6.9999 1.5 7.22376 1.5 7.4999V9.9999C1.5 10.276 1.72386 10.4999 2 10.4999H4.5C4.77614 10.4999 5 10.276 5 9.9999V7.4999C5 7.22376 4.77614 6.9999 4.5 6.9999Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.75 10.4999C9.7165 10.4999 10.5 9.7164 10.5 8.7499C10.5 7.7834 9.7165 6.9999 8.75 6.9999C7.7835 6.9999 7 7.7834 7 8.7499C7 9.7164 7.7835 10.4999 8.75 10.4999Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-footprints:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00032 8.5H10.0003M2.00032 6.5H4.00032M2.00032 8V6.81C2.00032 5.75 1.48532 5.25 1.50032 4C1.51532 2.64 2.24532 1 3.75032 1C4.68532 1 5.00032 1.9 5.00032 2.75C5.00032 4.305 4.00032 5.58 4.00032 7.09V8C4.00032 8.26522 3.89496 8.51957 3.70743 8.70711C3.51989 8.89464 3.26554 9 3.00032 9C2.7351 9 2.48075 8.89464 2.29321 8.70711C2.10568 8.51957 2.00032 8.26522 2.00032 8ZM10.0003 10V8.81C10.0003 7.75 10.5153 7.25 10.5003 6C10.4853 4.64 9.75532 3 8.25032 3C7.31532 3 7.00032 3.9 7.00032 4.75C7.00032 6.305 8.00032 7.58 8.00032 9.09V10C8.00032 10.2652 8.10568 10.5196 8.29321 10.7071C8.48075 10.8946 8.7351 11 9.00032 11C9.26554 11 9.51989 10.8946 9.70743 10.7071C9.89496 10.5196 10.0003 10.2652 10.0003 10Z' stroke='%23282322' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00032 8.5H10.0003M2.00032 6.5H4.00032M2.00032 8V6.81C2.00032 5.75 1.48532 5.25 1.50032 4C1.51532 2.64 2.24532 1 3.75032 1C4.68532 1 5.00032 1.9 5.00032 2.75C5.00032 4.305 4.00032 5.58 4.00032 7.09V8C4.00032 8.26522 3.89496 8.51957 3.70743 8.70711C3.51989 8.89464 3.26554 9 3.00032 9C2.7351 9 2.48075 8.89464 2.29321 8.70711C2.10568 8.51957 2.00032 8.26522 2.00032 8ZM10.0003 10V8.81C10.0003 7.75 10.5153 7.25 10.5003 6C10.4853 4.64 9.75532 3 8.25032 3C7.31532 3 7.00032 3.9 7.00032 4.75C7.00032 6.305 8.00032 7.58 8.00032 9.09V10C8.00032 10.2652 8.10568 10.5196 8.29321 10.7071C8.48075 10.8946 8.7351 11 9.00032 11C9.26554 11 9.51989 10.8946 9.70743 10.7071C9.89496 10.5196 10.0003 10.2652 10.0003 10Z' stroke='%23282322' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-file-digit:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 11H9C9.26522 11 9.51957 10.8946 9.70711 10.7071C9.89464 10.5196 10 10.2652 10 10V3.5L7.5 1H3C2.73478 1 2.48043 1.10536 2.29289 1.29289C2.10536 1.48043 2 1.73478 2 2V4M7 1V3C7 3.26522 7.10536 3.51957 7.29289 3.70711C7.48043 3.89464 7.73478 4 8 4H10M5 6H6V9M5 9H7M2 6C2.55228 6 3 6.44772 3 7V8C3 8.55228 2.55228 9 2 9C1.44772 9 1 8.55228 1 8V7C1 6.44772 1.44772 6 2 6Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 11H9C9.26522 11 9.51957 10.8946 9.70711 10.7071C9.89464 10.5196 10 10.2652 10 10V3.5L7.5 1H3C2.73478 1 2.48043 1.10536 2.29289 1.29289C2.10536 1.48043 2 1.73478 2 2V4M7 1V3C7 3.26522 7.10536 3.51957 7.29289 3.70711C7.48043 3.89464 7.73478 4 8 4H10M5 6H6V9M5 9H7M2 6C2.55228 6 3 6.44772 3 7V8C3 8.55228 2.55228 9 2 9C1.44772 9 1 8.55228 1 8V7C1 6.44772 1.44772 6 2 6Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-users-round:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath stroke='%23282322' stroke-linecap='round' stroke-linejoin='round' d='M9 10.5a4 4 0 0 0-4-4m0 0a4 4 0 0 0-4 4m4-4a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm6 3.5c0-1.685-1-3.25-2-4a2.5 2.5 0 0 0-.225-4.15'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath stroke='%23282322' stroke-linecap='round' stroke-linejoin='round' d='M9 10.5a4 4 0 0 0-4-4m0 0a4 4 0 0 0-4 4m4-4a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm6 3.5c0-1.685-1-3.25-2-4a2.5 2.5 0 0 0-.225-4.15'/%3E%3C/svg%3E");
}
.icon-flyer:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.25984 10.0731C8.10058 9.91411 7.91077 9.78903 7.70187 9.70539L1.09354 7.05539C1.01463 7.02373 0.947304 6.9687 0.900584 6.89767C0.853865 6.82664 0.829991 6.74302 0.832168 6.65803C0.834345 6.57304 0.862468 6.49075 0.912762 6.4222C0.963057 6.35366 1.03312 6.30214 1.11354 6.27456L16.9469 0.857894C17.0207 0.831224 17.1006 0.826135 17.1772 0.843221C17.2539 0.860307 17.324 0.898862 17.3796 0.954376C17.4351 1.00989 17.4736 1.08006 17.4907 1.15669C17.5078 1.23332 17.5027 1.31322 17.476 1.38706L12.0594 17.2204C12.0318 17.3008 11.9803 17.3709 11.9117 17.4212C11.8432 17.4715 11.7609 17.4996 11.6759 17.5018C11.5909 17.5039 11.5073 17.4801 11.4363 17.4333C11.3652 17.3866 11.3102 17.3193 11.2785 17.2404L8.62854 10.6304C8.54452 10.4216 8.4191 10.2321 8.25984 10.0731ZM8.25984 10.0731L17.3769 0.957894' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.25984 10.0731C8.10058 9.91411 7.91077 9.78903 7.70187 9.70539L1.09354 7.05539C1.01463 7.02373 0.947304 6.9687 0.900584 6.89767C0.853865 6.82664 0.829991 6.74302 0.832168 6.65803C0.834345 6.57304 0.862468 6.49075 0.912762 6.4222C0.963057 6.35366 1.03312 6.30214 1.11354 6.27456L16.9469 0.857894C17.0207 0.831224 17.1006 0.826135 17.1772 0.843221C17.2539 0.860307 17.324 0.898862 17.3796 0.954376C17.4351 1.00989 17.4736 1.08006 17.4907 1.15669C17.5078 1.23332 17.5027 1.31322 17.476 1.38706L12.0594 17.2204C12.0318 17.3008 11.9803 17.3709 11.9117 17.4212C11.8432 17.4715 11.7609 17.4996 11.6759 17.5018C11.5909 17.5039 11.5073 17.4801 11.4363 17.4333C11.3652 17.3866 11.3102 17.3193 11.2785 17.2404L8.62854 10.6304C8.54452 10.4216 8.4191 10.2321 8.25984 10.0731ZM8.25984 10.0731L17.3769 0.957894' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-message-question-mark:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_694_53310)'%3E%3Cpath d='M7.57604 7.50001C7.77196 6.94307 8.15867 6.47343 8.66767 6.17429C9.17668 5.87514 9.77512 5.76579 10.357 5.8656C10.9389 5.96541 11.4667 6.26795 11.8469 6.71962C12.2272 7.17129 12.4353 7.74295 12.4344 8.33334C12.4344 10 9.93438 10.8333 9.93438 10.8333M10.001 14.1667H10.0094M2.49438 13.6183C2.61691 13.9274 2.64419 14.2661 2.57271 14.5908L1.68521 17.3325C1.65661 17.4715 1.66401 17.6156 1.70669 17.751C1.74937 17.8863 1.82593 18.0086 1.9291 18.1061C2.03227 18.2036 2.15864 18.2731 2.29621 18.3081C2.43379 18.343 2.57801 18.3423 2.71521 18.3058L5.55938 17.4742C5.86581 17.4134 6.18315 17.44 6.47521 17.5508C8.2547 18.3819 10.2705 18.5577 12.167 18.0473C14.0635 17.5369 15.7188 16.3731 16.8408 14.7611C17.9628 13.1492 18.4795 11.1928 18.2996 9.23713C18.1198 7.28142 17.255 5.45207 15.8578 4.07184C14.4606 2.69161 12.6208 1.84921 10.663 1.69326C8.70526 1.5373 6.75532 2.07783 5.15725 3.21946C3.55917 4.36109 2.41565 6.03046 1.92846 7.93304C1.44126 9.83562 1.64169 11.8491 2.49438 13.6183Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_694_53310'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_694_53310)'%3E%3Cpath d='M7.57604 7.50001C7.77196 6.94307 8.15867 6.47343 8.66767 6.17429C9.17668 5.87514 9.77512 5.76579 10.357 5.8656C10.9389 5.96541 11.4667 6.26795 11.8469 6.71962C12.2272 7.17129 12.4353 7.74295 12.4344 8.33334C12.4344 10 9.93438 10.8333 9.93438 10.8333M10.001 14.1667H10.0094M2.49438 13.6183C2.61691 13.9274 2.64419 14.2661 2.57271 14.5908L1.68521 17.3325C1.65661 17.4715 1.66401 17.6156 1.70669 17.751C1.74937 17.8863 1.82593 18.0086 1.9291 18.1061C2.03227 18.2036 2.15864 18.2731 2.29621 18.3081C2.43379 18.343 2.57801 18.3423 2.71521 18.3058L5.55938 17.4742C5.86581 17.4134 6.18315 17.44 6.47521 17.5508C8.2547 18.3819 10.2705 18.5577 12.167 18.0473C14.0635 17.5369 15.7188 16.3731 16.8408 14.7611C17.9628 13.1492 18.4795 11.1928 18.2996 9.23713C18.1198 7.28142 17.255 5.45207 15.8578 4.07184C14.4606 2.69161 12.6208 1.84921 10.663 1.69326C8.70526 1.5373 6.75532 2.07783 5.15725 3.21946C3.55917 4.36109 2.41565 6.03046 1.92846 7.93304C1.44126 9.83562 1.64169 11.8491 2.49438 13.6183Z' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_694_53310'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-card:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66797 8.33366H18.3346M3.33464 4.16699H16.668C17.5884 4.16699 18.3346 4.91318 18.3346 5.83366V14.167C18.3346 15.0875 17.5884 15.8337 16.668 15.8337H3.33464C2.41416 15.8337 1.66797 15.0875 1.66797 14.167V5.83366C1.66797 4.91318 2.41416 4.16699 3.33464 4.16699Z' stroke='%2393847C' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66797 8.33366H18.3346M3.33464 4.16699H16.668C17.5884 4.16699 18.3346 4.91318 18.3346 5.83366V14.167C18.3346 15.0875 17.5884 15.8337 16.668 15.8337H3.33464C2.41416 15.8337 1.66797 15.0875 1.66797 14.167V5.83366C1.66797 4.91318 2.41416 4.16699 3.33464 4.16699Z' stroke='%2393847C' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-shield:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4987 9.99972L9.16536 11.6664L12.4987 8.33306M16.6654 10.8331C16.6654 14.9997 13.7487 17.0831 10.282 18.2914C10.1005 18.3529 9.90331 18.35 9.7237 18.2831C6.2487 17.0831 3.33203 14.9997 3.33203 10.8331V4.99972C3.33203 4.77871 3.41983 4.56675 3.57611 4.41047C3.73239 4.25419 3.94435 4.16639 4.16536 4.16639C5.83203 4.16639 7.91536 3.16639 9.36536 1.89972C9.54191 1.74889 9.76649 1.66602 9.9987 1.66602C10.2309 1.66602 10.4555 1.74889 10.632 1.89972C12.0904 3.17472 14.1654 4.16639 15.832 4.16639C16.053 4.16639 16.265 4.25419 16.4213 4.41047C16.5776 4.56675 16.6654 4.77871 16.6654 4.99972V10.8331Z' stroke='%2393847C' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4987 9.99972L9.16536 11.6664L12.4987 8.33306M16.6654 10.8331C16.6654 14.9997 13.7487 17.0831 10.282 18.2914C10.1005 18.3529 9.90331 18.35 9.7237 18.2831C6.2487 17.0831 3.33203 14.9997 3.33203 10.8331V4.99972C3.33203 4.77871 3.41983 4.56675 3.57611 4.41047C3.73239 4.25419 3.94435 4.16639 4.16536 4.16639C5.83203 4.16639 7.91536 3.16639 9.36536 1.89972C9.54191 1.74889 9.76649 1.66602 9.9987 1.66602C10.2309 1.66602 10.4555 1.74889 10.632 1.89972C12.0904 3.17472 14.1654 4.16639 15.832 4.16639C16.053 4.16639 16.265 4.25419 16.4213 4.41047C16.5776 4.56675 16.6654 4.77871 16.6654 4.99972V10.8331Z' stroke='%2393847C' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-message:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_694_40996)'%3E%3Cpath d='M6.66381 10.0001H6.67214M9.99714 10.0001H10.0055M13.3305 10.0001H13.3388M2.49047 13.6184C2.613 13.9275 2.64028 14.2662 2.56881 14.5909L1.68131 17.3326C1.65271 17.4716 1.6601 17.6156 1.70278 17.751C1.74547 17.8864 1.82202 18.0086 1.92519 18.1061C2.02836 18.2036 2.15473 18.2732 2.2923 18.3081C2.42988 18.3431 2.57411 18.3423 2.71131 18.3059L5.55547 17.4742C5.8619 17.4135 6.17925 17.44 6.4713 17.5509C8.25079 18.3819 10.2666 18.5577 12.1631 18.0473C14.0596 17.5369 15.7149 16.3731 16.8369 14.7612C17.9589 13.1493 18.4756 11.1929 18.2957 9.23719C18.1159 7.28148 17.2511 5.45213 15.8539 4.0719C14.4567 2.69167 12.6169 1.84927 10.6591 1.69332C8.70136 1.53737 6.75142 2.07789 5.15334 3.21952C3.55526 4.36115 2.41175 6.03052 1.92455 7.9331C1.43735 9.83568 1.63778 11.8492 2.49047 13.6184Z' stroke='%2393847C' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_694_40996'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_694_40996)'%3E%3Cpath d='M6.66381 10.0001H6.67214M9.99714 10.0001H10.0055M13.3305 10.0001H13.3388M2.49047 13.6184C2.613 13.9275 2.64028 14.2662 2.56881 14.5909L1.68131 17.3326C1.65271 17.4716 1.6601 17.6156 1.70278 17.751C1.74547 17.8864 1.82202 18.0086 1.92519 18.1061C2.02836 18.2036 2.15473 18.2732 2.2923 18.3081C2.42988 18.3431 2.57411 18.3423 2.71131 18.3059L5.55547 17.4742C5.8619 17.4135 6.17925 17.44 6.4713 17.5509C8.25079 18.3819 10.2666 18.5577 12.1631 18.0473C14.0596 17.5369 15.7149 16.3731 16.8369 14.7612C17.9589 13.1493 18.4756 11.1929 18.2957 9.23719C18.1159 7.28148 17.2511 5.45213 15.8539 4.0719C14.4567 2.69167 12.6169 1.84927 10.6591 1.69332C8.70136 1.53737 6.75142 2.07789 5.15334 3.21952C3.55526 4.36115 2.41175 6.03052 1.92455 7.9331C1.43735 9.83568 1.63778 11.8492 2.49047 13.6184Z' stroke='%2393847C' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_694_40996'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-gift:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23282322' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M10 6.667V17.5m0-10.833c-.301-1.242-.82-2.304-1.49-3.048-.668-.743-1.456-1.133-2.26-1.119a2.083 2.083 0 1 0 0 4.167m3.75 0c.301-1.242.82-2.304 1.49-3.048.668-.743 1.456-1.133 2.26-1.119a2.083 2.083 0 0 1 0 4.167M15.833 10v5.833a1.667 1.667 0 0 1-1.666 1.667H5.833a1.667 1.667 0 0 1-1.666-1.667V10m-.834-3.333h13.334c.46 0 .833.373.833.833v1.667c0 .46-.373.833-.833.833H3.333a.833.833 0 0 1-.833-.833V7.5c0-.46.373-.833.833-.833Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23282322' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M10 6.667V17.5m0-10.833c-.301-1.242-.82-2.304-1.49-3.048-.668-.743-1.456-1.133-2.26-1.119a2.083 2.083 0 1 0 0 4.167m3.75 0c.301-1.242.82-2.304 1.49-3.048.668-.743 1.456-1.133 2.26-1.119a2.083 2.083 0 0 1 0 4.167M15.833 10v5.833a1.667 1.667 0 0 1-1.666 1.667H5.833a1.667 1.667 0 0 1-1.666-1.667V10m-.834-3.333h13.334c.46 0 .833.373.833.833v1.667c0 .46-.373.833-.833.833H3.333a.833.833 0 0 1-.833-.833V7.5c0-.46.373-.833.833-.833Z'/%3E%3C/svg%3E");
}
.icon-bell-dot:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23282322' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M8.557 17.5a1.667 1.667 0 0 0 2.887 0m.153-15.572A5 5 0 0 0 5 6.667c0 3.749-1.176 4.963-2.283 6.106a.834.834 0 0 0 .617 1.394h13.333a.834.834 0 0 0 .617-1.394 7.497 7.497 0 0 1-.488-.555m.704-5.551a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23282322' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M8.557 17.5a1.667 1.667 0 0 0 2.887 0m.153-15.572A5 5 0 0 0 5 6.667c0 3.749-1.176 4.963-2.283 6.106a.834.834 0 0 0 .617 1.394h13.333a.834.834 0 0 0 .617-1.394 7.497 7.497 0 0 1-.488-.555m.704-5.551a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z'/%3E%3C/svg%3E");
}
.icon-minus:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23A59A92' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M3.334 8h9.333'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23A59A92' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M3.334 8h9.333'/%3E%3C/svg%3E");
}
.icon-plus:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23A59A92' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M3.334 8h9.333M8.001 3.333v9.334'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23A59A92' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M3.334 8h9.333M8.001 3.333v9.334'/%3E%3C/svg%3E");
}
.icon-signature:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23282322' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='m17.5 14.167-1.797-1.557a.416.416 0 0 0-.703.307v.416a.833.833 0 0 1-.833.834H12.5a.833.833 0 0 1-.833-.834c0-2.12-3.326-3.308-7.084-3.333a2.083 2.083 0 0 0 0 4.167c3.461 0 3.954-9.413 4.757-11.25a2.083 2.083 0 1 1 2.758 2.736M2.5 17.5h15'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23282322' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='m17.5 14.167-1.797-1.557a.416.416 0 0 0-.703.307v.416a.833.833 0 0 1-.833.834H12.5a.833.833 0 0 1-.833-.834c0-2.12-3.326-3.308-7.084-3.333a2.083 2.083 0 0 0 0 4.167c3.461 0 3.954-9.413 4.757-11.25a2.083 2.083 0 1 1 2.758 2.736M2.5 17.5h15'/%3E%3C/svg%3E");
}
.icon-edit:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-square-pen-icon lucide-square-pen'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-square-pen-icon lucide-square-pen'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z'/%3E%3C/svg%3E");
}
.icon-clock:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M6 3v3l2 1m3-1A5 5 0 1 1 1 6a5 5 0 0 1 10 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M6 3v3l2 1m3-1A5 5 0 1 1 1 6a5 5 0 0 1 10 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-gauge:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='m6 7 2-2M1.67 9.5a5 5 0 1 1 8.66 0'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='m6 7 2-2M1.67 9.5a5 5 0 1 1 8.66 0'/%3E%3C/svg%3E");
}
.icon-youtube-play {
    width: 68px;
    height: 48px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='48' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.25' d='M67.316 10.353s-.663-4.702-2.705-6.775C62.026.862 59.125.851 57.8.688 48.284 0 34.01 0 34.01 0h-.032S19.705 0 10.19.687C8.864.851 5.964.862 3.38 3.578 1.335 5.651.672 10.353.672 10.353S0 15.873 0 21.403v5.183c0 5.52.684 11.04.684 11.04s.663 4.701 2.705 6.774c2.585 2.716 5.985 2.63 7.495 2.913C16.316 47.836 34 48 34 48s14.284-.022 23.8-.71c1.325-.163 4.226-.174 6.81-2.89 2.043-2.073 2.706-6.774 2.706-6.774s.684-5.52.684-11.04v-5.182c0-5.531-.684-11.051-.684-11.051Z'/%3E%3Cpath fill='%23EAEAEA' d='M26.984 13.67v19.177l18.37-9.556-18.37-9.622Z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.icon-youtube-play:before {
    display: none;
}
.icon-sun-moon:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M9.669 1.667v1.667M13.002 10A3.333 3.333 0 0 0 9.67 6.667m5.833-2.5-1.046 1.047M16.336 10h1.666m-5.969 3.655a5 5 0 1 1-6.019-6.019c.52-.122.808.55.596 1.04a3.333 3.333 0 0 0 4.383 4.383c.491-.213 1.163.075 1.04.596Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M9.669 1.667v1.667M13.002 10A3.333 3.333 0 0 0 9.67 6.667m5.833-2.5-1.046 1.047M16.336 10h1.666m-5.969 3.655a5 5 0 1 1-6.019-6.019c.52-.122.808.55.596 1.04a3.333 3.333 0 0 0 4.383 4.383c.491-.213 1.163.075 1.04.596Z'/%3E%3C/svg%3E");
}
.icon-address:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-map-pin-house-icon lucide-map-pin-house'%3E%3Cpath d='M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z'/%3E%3Cpath d='M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2'/%3E%3Cpath d='M18 22v-3'/%3E%3Ccircle cx='10' cy='10' r='3'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-map-pin-house-icon lucide-map-pin-house'%3E%3Cpath d='M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z'/%3E%3Cpath d='M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2'/%3E%3Cpath d='M18 22v-3'/%3E%3Ccircle cx='10' cy='10' r='3'/%3E%3C/svg%3E");
}
.icon-logout:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-log-out-icon lucide-log-out'%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-log-out-icon lucide-log-out'%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E");
}
.icon-download:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-down-icon lucide-file-down'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M12 18v-6'/%3E%3Cpath d='m9 15 3 3 3-3'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-down-icon lucide-file-down'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M12 18v-6'/%3E%3Cpath d='m9 15 3 3 3-3'/%3E%3C/svg%3E");
}
.mod-input {
    width: 100%;
    position: relative;
    color: var(--color-gray-950);
}
.mod-input ::-webkit-input-placeholder {
    color: #a59a92;
    opacity: 1;
    font-weight: 400;
}
.mod-input :-ms-input-placeholder {
    color: #a59a92;
    opacity: 1;
    font-weight: 400;
}
.mod-input ::placeholder {
    color: #a59a92;
    opacity: 1;
    font-weight: 400;
}
.mod-input__label {
    position: relative;
    margin: 0 0 6px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    z-index: 4;
}
.mod-input__field {
    position: relative;
    color: var(--color-gray-950);
    background-color: var(--color-gray-50);
    width: 100%;
    height: 44px;
    border: 0.5px solid var(--color-gray-100);
    outline: none;
    z-index: 1;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 20px;
    border-radius: 50px;
    transition: border-color 0.5s var(--easing-default);
    font-family: var(--font-primary);
}
@media only screen and (max-width: 767px) {
    .mod-input__field {
        font-size: 16px;
    }
}
.mod-input--white .mod-input__field {
    background-color: var(--color-white);
}
.mod-input__field:hover {
    border-color: var(--color-gray-300);
}
.mod-input__field:focus {
    border-color: var(--color-gray-800);
}
.is-validation-failed .mod-input__field, .mod-input__field.is-validation-failed {
    color: var(--color-red);
    border-color: rgba(237, 28, 36, 0.5);
    background-color: rgba(237, 28, 36, 0.1);
}
.mod-input__field:-webkit-autofill {
    color: var(--color-gray-950) !important;
    -webkit-text-fill-color: var(--color-gray-950) !important;
}
.mod-input__field:-webkit-autofill::selection {
    background-color: var(--color-gray-950) !important;
    -webkit-text-fill-color: var(--color-gray-950) !important;
}
.mod-input__inner {
    position: relative;
}
.mod-input textarea {
    resize: vertical;
    min-height: 198px;
    border-radius: 22px;
    padding: 10px 20px;
}
.mod-input.is-disabled {
    opacity: 0.8;
}
.mod-input.is-disabled .mod-input__field {
    background-color: var(--color-gray-100);
    pointer-events: none;
}
.mod-input.is-validation-failed ::-webkit-input-placeholder {
    color: #ed1c24;
    opacity: 1;
    font-weight: 400;
}
.mod-input.is-validation-failed :-ms-input-placeholder {
    color: #ed1c24;
    opacity: 1;
    font-weight: 400;
}
.mod-input.is-validation-failed ::placeholder {
    color: #ed1c24;
    opacity: 1;
    font-weight: 400;
}
.mod-input.is-validation-failed label {
    color: var(--color-red);
}
.mod-input.is-focused .mod-input__password-validation {
    display: grid;
}
.mod-input__max-character {
    margin-top: -2px;
}
.mod-input__password-validation {
    display: none;
    margin: 20px auto 8px;
    font-size: 14px;
    line-height: 2.04;
    grid-gap: 0 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 767px) {
    .mod-input__password-validation {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.mod-input__password-validation-item {
    position: relative;
    padding-left: 12px;
}
.mod-input__password-validation-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: var(--color-warm-yellow);
}
.mod-input__password-validation-item-icon {
    position: absolute;
    top: 11px;
    left: 0;
    width: 8px;
    height: 8px;
}
.mod-input__password-validation-item.is-passed::before, .mod-input__password-validation-item.is-failed::before {
    display: none;
}
.mod-input__password-validation-item.is-failed {
    color: var(--color-red);
}
.mod-input__password-validation-item.is-failed .mod-input__password-validation-item-icon {
    background: url("data:image/svg+xml, %3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.86689 0.13765C5.78187 0.0524383 5.66645 0.00455063 5.54608 0.00455063C5.4257 0.00455063 5.31028 0.0524383 5.22526 0.13765L3 2.35836L0.774744 0.133099C0.689724 0.0478876 0.574297 0 0.453925 0C0.333553 0 0.218126 0.0478876 0.133106 0.133099C-0.0443686 0.310574 -0.0443686 0.597264 0.133106 0.774738L2.35836 3L0.133106 5.22526C-0.0443686 5.40273 -0.0443686 5.68942 0.133106 5.86689C0.31058 6.04437 0.59727 6.04437 0.774744 5.86689L3 3.64164L5.22526 5.86689C5.40273 6.04437 5.68942 6.04437 5.86689 5.86689C6.04437 5.68942 6.04437 5.40273 5.86689 5.22526L3.64164 3L5.86689 0.774738C6.03982 0.601814 6.03982 0.310574 5.86689 0.13765Z' fill='%23CC5743'/%3E%3C/svg%3E%0A") no-repeat center center/6px;
}
.mod-input__password-validation-item.is-passed {
    color: var(--color-green);
}
.mod-input__password-validation-item.is-passed .mod-input__password-validation-item-icon {
    background: url("data:image/svg+xml, %3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.92308 6C2.8547 5.99978 2.78709 5.98552 2.72446 5.95809C2.66183 5.93067 2.60551 5.89067 2.55901 5.84058L0.135187 3.265C0.0445809 3.16854 -0.00395628 3.04009 0.000252564 2.90789C0.00446141 2.77569 0.0610716 2.65058 0.15763 2.56007C0.254188 2.46957 0.382784 2.42108 0.515128 2.42529C0.647473 2.42949 0.772726 2.48604 0.863331 2.58249L2.9181 4.7695L7.11241 0.186247C7.15497 0.133302 7.20792 0.0896077 7.26801 0.0578481C7.32809 0.0260886 7.39405 0.0069343 7.46181 0.00156176C7.52958 -0.00381078 7.59773 0.0047119 7.66208 0.0266062C7.72642 0.0485005 7.78561 0.0833042 7.83601 0.12888C7.8864 0.174455 7.92693 0.22984 7.95512 0.291633C7.9833 0.353426 7.99854 0.420323 7.9999 0.488213C8.00126 0.556104 7.98871 0.623555 7.96302 0.686425C7.93734 0.749294 7.89905 0.806255 7.85053 0.853808L3.29214 5.8356C3.24608 5.88659 3.18996 5.92752 3.12731 5.95581C3.06465 5.9841 2.99682 5.99915 2.92807 6H2.92308Z' fill='%238ABF56'/%3E%3C/svg%3E%0A") no-repeat center center/8px;
}
.mod-input--password.is-focused .fv-plugins-message-container {
    padding-left: 0;
}

.fv-plugins-message-container,
.validation-message {
    color: var(--color-validation-failed);
    position: relative;
    font-size: 12px;
    line-height: 20px;
    padding-left: 20px;
}
.fv-plugins-message-container div,
.validation-message div {
    margin-top: 4px;
}

.validation-message {
    display: none;
}
.is-validation-failed .validation-message {
    display: block;
}

.form-success-message,
.form-error-message {
    margin: 10px 0;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 4px;
    color: var(--color-white);
}
@media only screen and (max-width: 767px) {
    .form-success-message,
    .form-error-message {
        font-size: 14px;
        padding: 5px 10px;
    }
}
.form-success-message.is-hidden,
.form-error-message.is-hidden {
    display: none;
}

.form-error-message {
    background-color: rgba(255, 59, 48, 0.5);
    border: 1px solid var(--color-validation-failed);
}

.form-success-message {
    background-color: rgba(40, 167, 69, 0.5);
    border: 1px solid var(--color-success);
}
.link-with-arrow {
    display: inline-flex;
    font-weight: 500;
    align-items: center;
    gap: 0;
    color: var(--color-gray-950);
    position: relative;
    font-size: 14px;
    line-height: 1;
}
.link-with-arrow__icon {
    flex-shrink: 0;
    transition: transform 0.3s var(--easing-slow);
}
.link-with-arrow:hover .link-with-arrow__icon {
    transform: translate(5px, 0);
}
.mod-loader__spinner {
    border: 5px solid var(--color-gray-950);
    border-radius: 50%;
    border-top: 5px solid transparent;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.mod-loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease 0.2s, visibility 0.3s ease 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: 30;
    background-color: var(--color-white);
}
.mod-loader.is-loading, .is-loading .mod-loader {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.mod-loader svg {
    width: 120px;
    height: 120px;
}
/* stylelint-disable */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* stylelint-enable */
.margin {
    display: block;
    width: 100%;
}
.margin--240 {
    height: 240px;
}
@media only screen and (max-width: 1439px) {
    .margin--240 {
        height: 200px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--240 {
        height: 160px;
    }
}
@media only screen and (max-width: 1022px) {
    .margin--240 {
        height: 128px;
    }
}
.margin--200 {
    height: 200px;
}
@media only screen and (max-width: 1439px) {
    .margin--200 {
        height: 180px;
    }
}
@media only screen and (max-width: 1200px) {
    .margin--200 {
        height: 140px;
    }
}
@media only screen and (max-width: 1022px) {
    .margin--200 {
        height: 128px;
    }
}
.margin--180 {
    height: 180px;
}
@media only screen and (max-width: 1200px) {
    .margin--180 {
        height: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .margin--180 {
        height: 80px;
    }
}
.margin--170 {
    height: 170px;
}
@media only screen and (max-width: 1200px) {
    .margin--170 {
        height: 110px;
    }
}
@media only screen and (max-width: 1022px) {
    .margin--170 {
        height: 70px;
    }
}
.margin--160 {
    height: 160px;
}
@media only screen and (max-width: 1200px) {
    .margin--160 {
        height: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .margin--160 {
        height: 80px;
    }
}
.margin--140 {
    height: 140px;
}
@media only screen and (max-width: 1200px) {
    .margin--140 {
        height: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .margin--140 {
        height: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .margin--140 {
        height: 64px;
    }
}
.margin--150 {
    height: 150px;
}
@media only screen and (max-width: 1200px) {
    .margin--150 {
        height: 120px;
    }
}
@media only screen and (max-width: 1022px) {
    .margin--150 {
        height: 80px;
    }
}
.margin--128 {
    height: 128px;
}
@media only screen and (max-width: 1200px) {
    .margin--128 {
        height: 80px;
    }
}
.margin--120 {
    height: 120px;
}
@media only screen and (max-width: 1200px) {
    .margin--120 {
        height: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .margin--120 {
        height: 60px;
    }
}
.margin--112 {
    height: 112px;
}
@media only screen and (max-width: 1200px) {
    .margin--112 {
        height: 75px;
    }
}
@media only screen and (max-width: 767px) {
    .margin--112 {
        height: 60px;
    }
}
.margin--100 {
    height: 100px;
}
@media only screen and (max-width: 1200px) {
    .margin--100 {
        height: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .margin--100 {
        height: 60px;
    }
}
.margin--96 {
    height: 96px;
}
@media only screen and (max-width: 1200px) {
    .margin--96 {
        height: 80px;
    }
}
.margin--80 {
    height: 80px;
}
@media only screen and (max-width: 1200px) {
    .margin--80 {
        height: 60px;
    }
}
@media only screen and (max-width: 767px) {
    .margin--80 {
        height: 40px;
    }
}
.margin--64 {
    height: 64px;
}
.margin--60 {
    height: 60px;
}
@media only screen and (max-width: 1200px) {
    .margin--60 {
        height: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .margin--60 {
        height: 30px;
    }
}
.margin--50 {
    height: 50px;
}
@media only screen and (max-width: 1200px) {
    .margin--50 {
        height: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .margin--50 {
        height: 32px;
    }
}
.margin--40 {
    height: 40px;
}
@media only screen and (max-width: 1200px) {
    .margin--40 {
        height: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .margin--40 {
        height: 20px;
    }
}
.margin--36 {
    height: 36px;
}
.margin--32 {
    height: 32px;
}
@media only screen and (max-width: 767px) {
    .margin--32 {
        height: 16px;
    }
}
.margin--24 {
    height: 24px;
}
.margin--20 {
    height: 20px;
}
.margin--16 {
    height: 16px;
}
.margin--12 {
    height: 12px;
}
.prow-logo svg {
    width: auto;
    height: auto;
}
.radio-button input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    visibility: inherit;
    clip: rect(0, 0, 0, 0);
}

.radio-button {
    user-select: none;
    line-height: 1.5;
}
.radio-button__label {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    margin: 0;
    min-height: 24px;
    display: block;
}
.radio-button__label::after, .radio-button__label:before {
    content: "";
    left: 0;
    top: 2px;
    position: absolute;
    pointer-events: none;
}
.radio-button__label:before {
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: var(--color-white);
    transition: background-color 0.3s ease, border 0.3s ease;
}
.radio-button__label::after {
    top: 7px;
    left: 5px;
    width: 10px;
    height: 10px;
    transform: scale(0);
    transition: transform 0.3s ease, opacity 0.3s ease;
    background: currentColor;
}
.radio-button input:checked ~ label::after {
    transform: scale(1);
}
.radio-button a {
    text-decoration: underline;
    font-weight: 600;
}
.radio-button a:hover {
    color: var(--color-primary);
}
.radio-button.is-validation-failed .radio-button__label::before, .is-validation-failed .radio-button .radio-button__label::before {
    border-color: var(--color-validation-failed);
}
.radio-button .fv-plugins-message-container {
    text-align: left;
    padding-left: 36px;
}
@media only screen and (max-width: 1022px) {
    .radio-button .fv-plugins-message-container {
        padding-left: 32px;
    }
}

.sort-dropdown {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    margin-left: auto;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-gray-900);
}
.sort-dropdown__placeholder {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 36px;
    min-width: 120px;
    padding: 4px 20px;
    font-weight: 500;
    background-color: var(--color-gray-50);
    font-family: var(--font-primary);
    color: var(--color-gray-950);
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 50ms var(--easing-slow), transform 50ms var(--easing-slow);
}
.sort-dropdown__placeholder:hover {
    background-color: var(--color-gray-100);
}
.sort-dropdown__placeholder:active {
    transform: scale(0.98);
}
.sort-dropdown__placeholder .icon {
    flex-shrink: 0;
}
.sort-dropdown__list {
    position: absolute;
    top: 100%;
    width: 334px;
    z-index: 9;
    margin-top: 10px;
    right: -4px;
    overflow: hidden;
    background-color: var(--color-gray-50);
    border: 0.5px solid var(--color-gray-100);
    border-radius: 16px;
    opacity: 0;
    pointer-events: none;
    transition: transform 0.3s var(--easing-default), opacity 0.3s var(--easing-default);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.0196078431), 0px 11px 11px 0px rgba(0, 0, 0, 0.0196078431), 0px 25px 15px 0px rgba(0, 0, 0, 0.0117647059), 0px 44px 18px 0px rgba(0, 0, 0, 0), 0px 69px 19px 0px rgba(0, 0, 0, 0);
    padding: 4px 0;
    font-size: 14px;
}
@media only screen and (max-width: 767px) {
    .sort-dropdown__list {
        width: calc(100vw - 32px);
        right: 0;
    }
}
.sort-dropdown__list-inner {
    overflow: auto;
    max-height: 336px;
    padding: 0 4px;
}
@media (min-width: 1024px) and (max-height: 550px) {
    .sort-dropdown__list-inner {
        max-height: calc(100vh - 178px);
        min-height: 160px;
    }
}
@media only screen and (max-width: 767px) {
    .sort-dropdown__list-inner {
        max-height: 246px;
    }
}
@media only screen and (min-width: 1023px) {
    .sort-dropdown__list-inner {
        scrollbar-track-color: #a59a92;
        scrollbar-face-color: #636363;
        scrollbar-arrow-color: #636363;
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */
    }
    .sort-dropdown__list-inner::-webkit-scrollbar {
        width: 2px;
    }
    .sort-dropdown__list-inner ::-webkit-scrollbar-track {
        -webkit-border-radius: 8px;
        border-radius: 8px;
        background: #a59a92;
    }
    .sort-dropdown__list-inner ::-webkit-scrollbar-thumb:window-inactive {
        background: #847f7b;
    }
    .sort-dropdown__list-inner::-webkit-scrollbar-thumb {
        background: #636363;
        width: 2px;
        border-radius: 8px;
    }
    .sort-dropdown__list-inner::-webkit-scrollbar-thumb:hover {
        background: #706e6c;
    }
    .sort-dropdown__list-inner ::-webkit-scrollbar {
        width: 2px;
    }
}
.sort-dropdown__list-item {
    position: relative;
}
.sort-dropdown__list input:not([type=submit]):not(.input-field__input) {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.sort-dropdown__list input:not([type=submit]):not(.input-field__input):checked + .sort-dropdown__list-option::after {
    transform: translateY(-50%) scale(1);
}
.sort-dropdown__list-option {
    position: relative;
    cursor: pointer;
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 40px 10px 10px;
    border-radius: 12px;
    color: var(--color-gray-950);
    font-weight: 500;
    background-color: transparent;
    margin-bottom: 0;
    transition: color 0.3s var(--easing-default), background-color 0.3s var(--easing-default);
}
.sort-dropdown__list-option::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(0);
    right: 10px;
    width: 20px;
    height: 20px;
    transition: transform 0.3s var(--easing-default);
    background: url("data:image/svg+xml, %3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6693 5L7.5026 14.1667L3.33594 10' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/20px;
}
.sort-dropdown__list-option .icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    pointer-events: none;
}
@media only screen and (min-width: 1023px) {
    .sort-dropdown__list-option:hover {
        background-color: var(--color-gray-100);
    }
}
.sort-dropdown__list-option.is-disabled {
    background-color: var(--color-gray-200);
    pointer-events: none;
}
.sort-dropdown.is-open .sort-dropdown__list {
    opacity: 1;
    pointer-events: all;
}
.stock-status {
    color: var(--color-green);
    padding-left: 18px;
    position: relative;
    line-height: 1.5;
}
.stock-status::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: currentColor;
}
.stock-status--out-of-stock {
    color: var(--color-red);
}
.tag {
    line-height: 1.2;
    padding: 4px 12px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 8px;
    background-color: var(--color-red);
    color: var(--color-white);
    border-radius: 100px;
    border: 0.5px solid rgba(255, 255, 255, 0.3);
}
.tag .icon {
    height: 16px;
    width: 16px;
}
.tag--black {
    background-color: var(--color-gray-950);
    border-color: var(--color-gray-950);
}
.tag--orange {
    background-color: var(--color-orange);
    border-color: var(--color-orange);
}
.tag--green {
    background-color: var(--color-green);
}
.tag--gray {
    background-color: var(--color-gray-300);
    border-color: var(--color-gray-300);
    color: var(--color-white);
}
.tag--pink {
    background-color: var(--color-magenta);
}
.tag--blue {
    background-color: var(--color-blue);
}
.tag--gray-light {
    background-color: var(--color-gray-50);
    border: 0;
    color: var(--color-gray-950);
}
.tag--prow-package {
    background-color: var(--color-yellow);
    color: var(--color-gray-950);
    gap: 4px;
}
.tag--video {
    min-height: 28px;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--color-white);
    border-radius: 8px;
    gap: 6px;
    border: 0;
    font-size: 12px;
}
.tag--video .icon {
    width: 12px;
    height: 12px;
}
.tag--glass {
    will-change: backdrop-filter;
    color: var(--color-white);
    background-color: rgba(246, 245, 244, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.tag--secondary {
    border-radius: 8px;
    border: 0;
    gap: 6px;
    font-size: 12px;
    min-height: 28px;
}
.tag--secondary .icon {
    width: 12px;
    height: 12px;
}
.tag--smaller {
    min-height: 18px;
    font-size: 10px;
    padding: 2px 8px;
    line-height: 1;
    border: 0;
}
.tag-list {
    display: grid;
    justify-items: flex-start;
    grid-gap: 5px;
}
.tag-list--secondary {
    display: flex;
    align-items: center;
    grid-gap: 0;
    gap: 10px;
}
@media only screen and (max-width: 767px) {
    .tag-list--secondary {
        gap: 5px;
    }
}
canvas {
    z-index: 999999 !important;
}
.title--h6, .title--h5, .title--h4, .title--h3, .title--h2, .title--h1 {
    line-height: 1;
    font-weight: 500;
    color: var(--color-gray-950);
}

.title--h1 {
    font-size: 72px;
    letter-spacing: -0.01em;
}
@media only screen and (max-width: 1439px) {
    .title--h1 {
        font-size: 64px;
    }
}
@media only screen and (max-width: 1200px) {
    .title--h1 {
        font-size: 54px;
    }
}
@media only screen and (max-width: 1022px) {
    .title--h1 {
        font-size: 46px;
    }
}
@media only screen and (max-width: 767px) {
    .title--h1 {
        font-size: 36px;
    }
}

.title--h2 {
    font-size: 60px;
}
@media only screen and (max-width: 1200px) {
    .title--h2 {
        font-size: 50px;
    }
}
@media only screen and (max-width: 1022px) {
    .title--h2 {
        font-size: 42px;
        line-height: 1.2;
    }
}
@media only screen and (max-width: 767px) {
    .title--h2 {
        font-size: 36px;
    }
}

.title--h3 {
    font-size: 48px;
    line-height: 1;
    letter-spacing: -0.01em;
}
@media only screen and (max-width: 1439px) {
    .title--h3 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 1022px) {
    .title--h3 {
        font-size: 30px;
    }
}

.title--h4 {
    font-size: 36px;
}
@media only screen and (max-width: 1022px) {
    .title--h4 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 767px) {
    .title--h4 {
        font-size: 24px;
    }
}

.title--h5 {
    font-size: 30px;
    letter-spacing: 0;
}
@media only screen and (max-width: 1022px) {
    .title--h5 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 767px) {
    .title--h5 {
        font-size: 22px;
    }
}

.title--h6 {
    line-height: 1.2;
    font-size: 20px;
    letter-spacing: 0;
}

.title {
    color: var(--color-gray-950);
    font-weight: 500;
}
.mod-toggle {
    -webkit-user-select: none;
    user-select: none;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}
.mod-toggle__label {
    margin-bottom: 0;
}
.mod-toggle__switch {
    position: relative;
    display: flex;
    align-items: center;
    width: 38px;
    height: 24px;
    cursor: pointer;
}
@media only screen and (max-width: 767px) {
    .mod-toggle__switch {
        width: 30px;
        height: 20px;
    }
}
.mod-toggle__switch::before, .mod-toggle__switch::after {
    position: absolute;
    display: block;
    content: "";
}
.mod-toggle__switch:before {
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-gray-200);
    border-radius: 20px;
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
}
.mod-toggle__switch::after {
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background-color: var(--color-gray-950);
    border-radius: 50%;
    transition: transform 0.3s ease;
}
@media only screen and (max-width: 767px) {
    .mod-toggle__switch::after {
        width: 16px;
        height: 16px;
    }
}
.mod-toggle input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    visibility: inherit;
    clip: rect(0, 0, 0, 0);
}
.mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::after {
    transform: translate(14px, 0);
}
@media only screen and (max-width: 767px) {
    .mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::after {
        transform: translate(10px, 0);
    }
}
.mod-toggle.is-disabled .mod-toggle__switch {
    cursor: not-allowed;
}
.mod-toggle.is-disabled .mod-toggle__switch::before {
    background-color: rgba(0, 0, 0, 0.05);
}
.mod-toggle.is-disabled .mod-toggle__switch::after {
    background-color: rgba(0, 0, 0, 0.3);
}
.wishlist-button {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.wishlist-button .icon {
    width: 20px;
    height: 20px;
    pointer-events: none;
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}
.wishlist-button .icon-heart-solid {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
}
.wishlist-button .icon::before {
    background-color: var(--color-gray-950);
}
.wishlist-button.is-active .icon-heart {
    transform: scale(0.8);
    opacity: 0;
    visibility: hidden;
}
.wishlist-button.is-active .icon-heart-solid {
    opacity: 1;
    visibility: visible;
    animation: heart 500ms cubic-bezier(0.12, 0.4, 1, 0.99);
}
.wishlist-button.secondary {
    height: 36px;
    width: 36px;
    background-color: var(--color-gray-50);
    border-radius: 100%;
}
@media only screen and (max-width: 1022px) {
    .wishlist-button__text {
        display: none;
    }
}
.wishlist-button--with-text {
    width: auto;
    height: auto;
    min-height: 38px;
    padding: 6px 20px;
    border-radius: 30px;
    background-color: var(--color-white);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background-color 45ms ease-out, color 45ms ease-out, transform 50ms var(--easing-slow);
}
@media only screen and (max-width: 1022px) {
    .wishlist-button--with-text {
        gap: 0;
        border-radius: 100%;
        width: 36px;
        height: 36px;
        min-height: 36px;
        padding: 0;
    }
}
.wishlist-button--with-text .wishlist-button__icon {
    height: 20px;
    width: 20px;
}
.wishlist-button--with-text:hover {
    background-color: var(--color-gray-100);
}
.wishlist-button--with-text:active {
    transform: scale(0.95);
}
.wishlist-button--with-text.is-active:hover {
    background-color: var(--color-white);
}
.wishlist-button--glass-bg {
    will-change: backdrop-filter;
    color: var(--color-white);
    background-color: rgba(246, 245, 244, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.wishlist-button--glass-bg .icon::before {
    background-color: currentColor;
}
.wishlist-button--glass-bg .wishlist-button__text {
    color: currentColor;
}
.wishlist-button--glass-bg:hover {
    background-color: var(--color-black);
    color: var(--color-white);
}
.wishlist-button--glass-bg.is-active:hover {
    background-color: var(--color-black);
}

@keyframes heart {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) scale(0.8);
    }
    75% {
        transform: translate(-50%, -50%) scale(1.1);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}
.add-promo-code {
    max-width: 504px;
    width: 100%;
    display: grid;
    grid-gap: 14px;
}
.add-promo-code ::-webkit-input-placeholder {
    color: #a59a92;
    opacity: 1;
    font-weight: 400;
}
.add-promo-code :-ms-input-placeholder {
    color: #a59a92;
    opacity: 1;
    font-weight: 400;
}
.add-promo-code ::placeholder {
    color: #a59a92;
    opacity: 1;
    font-weight: 400;
}
.add-promo-code__label {
    font-size: 14px;
    width: 100%;
    padding: 0 106px 0 20px;
    position: absolute;
    left: 0;
    top: 14px;
    pointer-events: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    transition: top 150ms var(--easing-slow);
}
.add-promo-code__input {
    width: 100%;
    border: 0.5px solid var(--color-gray-100);
    background-color: var(--color-white);
    height: 50px;
    font-size: 14px;
    border-radius: 50px;
    padding: 10px 20px 4px;
    color: var(--color-gray-950);
    transition: border-color 0.3s ease;
    text-transform: uppercase;
    font-weight: 700;
}
@media only screen and (max-width: 767px) {
    .add-promo-code__input {
        font-size: 16px;
    }
}
.add-promo-code__input:focus {
    outline: none;
    border-color: var(--color-gray-950);
}
.add-promo-code__input-wrapper {
    position: relative;
    overflow: hidden;
}
.add-promo-code__input-wrapper.is-focused .add-promo-code__label {
    font-size: 10px;
    top: 2px;
}
.add-promo-code__item {
    position: relative;
    display: grid;
    grid-gap: 10px;
}
.add-promo-code__item-init.is-active .add-promo-code__item-inner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.add-promo-code__item-init.is-active .add-promo-code__data {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.add-promo-code__item-init.is-active .add-promo-code__error-message {
    display: none !important;
}
.add-promo-code__item-init.is-validation-failed .add-promo-code__error-message {
    display: block;
}
.add-promo-code__item-init.is-validation-failed .add-promo-code__input {
    border: 1px solid var(--color-red);
}
.add-promo-code__item-inner .btn {
    min-height: 38px;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 3;
}
.add-promo-code__submit {
    min-height: 40px;
    padding: 8px 26px;
    letter-spacing: 0.74px;
    font-size: 12px;
}
@media only screen and (max-width: 767px) {
    .add-promo-code__submit {
        min-height: 34px;
        padding: 8px 10px;
    }
}
.add-promo-code__data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.add-promo-code__button {
    position: relative;
}
.add-promo-code__button-group {
    display: flex;
    align-items: center;
    gap: 8px;
}
.add-promo-code__button .btn {
    padding: 4px 18px;
    min-height: 34px;
    font-size: 12px;
    gap: 8px;
}
.add-promo-code__button .icon {
    width: 16px;
    height: 16px;
}
.add-promo-code__code {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
}
.add-promo-code__error-message {
    padding-left: 20px;
    color: var(--color-validation-failed);
    margin-top: 4px;
    display: none;
}
.additional-info {
    width: 100%;
    max-width: 922px;
}
.additional-info__row {
    display: grid;
    grid-gap: 24px;
    border-bottom: 0.5px solid var(--color-gray-100);
    margin-bottom: 32px;
    padding-bottom: 32px;
}
@media only screen and (max-width: 1022px) {
    .additional-info__row {
        grid-gap: 14px;
        margin-bottom: 24px;
        padding-bottom: 24px;
    }
}
.additional-info__row:last-child {
    margin-bottom: 0;
}
.additional-info__title {
    line-height: 1.2;
}
@media only screen and (max-width: 767px) {
    .additional-info__title {
        font-size: 20px;
    }
}
.additional-info__top {
    display: flex;
    gap: 24px;
    flex-direction: column;
    align-items: flex-start;
}
@media only screen and (max-width: 767px) {
    .additional-info__top {
        grid-gap: 16px;
    }
}
.additional-info__top .tag {
    border-radius: 8px;
    border: 0;
    gap: 6px;
    font-size: 12px;
    background-color: var(--color-gray-50);
    color: var(--color-gray-950);
}
.additional-info__top .tag .icon {
    width: 12px;
    height: 12px;
}
.additional-info__list {
    display: grid;
    grid-gap: 36px;
}
@media only screen and (max-width: 767px) {
    .additional-info__list {
        grid-gap: 32px;
    }
}
.additional-info__list-title {
    line-height: 1.5;
}
.additional-info__list-item, .additional-info__list-list {
    display: grid;
    grid-gap: 20px;
}
.additional-info__list-item {
    line-height: 1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.additional-info__list-link {
    display: flex;
    gap: 4px;
    align-items: center;
}
.additional-info__list-link span {
    text-decoration: underline;
}
.additional-info__list-link .icon {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    transition: transform 80ms var(--easing-slow);
}
.additional-info__list-link .icon::before {
    background-color: var(--color-gray-200);
}
.additional-info__list-link:hover .icon {
    transform: translate(5px, 0);
}
.advance-cookie-banner__bar {
    position: fixed;
    right: 24px;
    max-width: 568px;
    bottom: 24px;
    z-index: 999999;
    max-height: calc(var(--vh, 1vh) * 100);
    transition: opacity 0.5s var(--easing-default);
    padding: 32px;
    border-radius: 32px;
    opacity: 0;
    pointer-events: none;
    background-color: var(--color-gray-50);
    color: var(--color-gray-950);
    border: 0.5px solid var(--color-gray-100);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.0509803922), 0px 4px 4px 0px rgba(0, 0, 0, 0.0392156863), 0px 9px 6px 0px rgba(0, 0, 0, 0.031372549), 0px 17px 7px 0px rgba(0, 0, 0, 0.0117647059), 0px 26px 7px 0px rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 1022px) {
    .advance-cookie-banner__bar {
        right: 20px;
        bottom: 20px;
        padding: 24px;
        border-radius: 16px;
        max-width: calc(100% - 40px);
    }
}
@media only screen and (max-width: 767px) {
    .advance-cookie-banner__bar {
        padding: 16px;
    }
}
.cookie-not-set .advance-cookie-banner__bar {
    opacity: 1;
    pointer-events: all;
}
.is-open-search .advance-cookie-banner__bar, .body-scroll-locked .advance-cookie-banner__bar {
    right: calc(24px + var(--scroll-width, 0px));
}
@media only screen and (max-width: 1022px) {
    .is-open-search .advance-cookie-banner__bar, .body-scroll-locked .advance-cookie-banner__bar {
        right: calc(20px + var(--scroll-width, 0px));
    }
}
.advance-cookie-banner__inner {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 32px;
    align-items: center;
}
@media only screen and (max-width: 767px) {
    .advance-cookie-banner__inner {
        grid-template-columns: 1fr;
        justify-items: flex-start;
        grid-gap: 16px;
    }
}
.advance-cookie-banner__button {
    display: flex;
    align-items: center;
    gap: 16px;
}
@media only screen and (max-width: 767px) {
    .advance-cookie-banner__button {
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }
}
.advance-cookie-banner .btn--cookie-setting {
    color: var(--color-gray-500);
    white-space: nowrap;
    transition: color 0.3s ease;
}
.advance-cookie-banner .btn--cookie-setting:hover {
    color: var(--color-gray-950);
}
.advance-cookie-banner .btn[disabled] {
    pointer-events: none;
}
.advance-cookie-banner .btn[disabled]::after {
    width: 100%;
    height: 100%;
}
.advance-cookie-banner__modal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
    opacity: 0;
    pointer-events: none;
    overflow: auto;
    transition: opacity 0.4s var(--easing-default);
    padding: 28px;
    display: flex;
}
@media only screen and (max-width: 767px) {
    .advance-cookie-banner__modal {
        padding: 16px;
    }
}
.advance-cookie-banner__modal.is-open-modal {
    opacity: 1;
    pointer-events: all;
}
.advance-cookie-banner__modal-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
}
.advance-cookie-banner__modal-body {
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 830px;
    background-color: var(--color-gray-50);
    border: 0.5px solid var(--color-gray-100);
    z-index: 1000;
    border-radius: 16px;
    padding: 40px;
}
@media only screen and (max-width: 767px) {
    .advance-cookie-banner__modal-body {
        padding: 20px;
    }
}
.advance-cookie-banner__modal-header {
    border-bottom: 0.5px solid var(--color-gray-100);
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.advance-cookie-banner__modal-close {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    color: var(--color-gray-950);
}
.advance-cookie-banner__modal-close .icon {
    pointer-events: none;
}
.advance-cookie-banner__modal-content .editor-text {
    margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
    .advance-cookie-banner__modal-content .editor-text {
        margin-bottom: 20px;
    }
}
.advance-cookie-banner__modal-item {
    margin-bottom: 30px;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .advance-cookie-banner__modal-item {
        margin-bottom: 20px;
    }
}
.advance-cookie-banner__modal-item.is-necessary .mod-toggle {
    pointer-events: none;
    opacity: 0;
}
.advance-cookie-banner__modal strong {
    font-weight: 500;
    color: var(--color-gray-950);
}
.advance-cookie-banner__modal-cookie-title {
    margin-bottom: 18px;
    padding-right: 140px;
    color: var(--color-gray-950);
}
@media only screen and (max-width: 767px) {
    .advance-cookie-banner__modal-cookie-title {
        padding-right: 80px;
    }
}
.advance-cookie-banner__modal-active-label {
    position: absolute;
    right: 12px;
    top: 0;
    font-weight: 500;
    color: var(--color-gray-950);
}
@media only screen and (max-width: 767px) {
    .advance-cookie-banner__modal-active-label {
        font-size: 12px;
        top: 4px;
    }
}
.advance-cookie-banner__modal-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 0.5px solid var(--color-gray-100);
}
@media only screen and (max-width: 767px) {
    .advance-cookie-banner__modal-footer {
        flex-direction: column;
        gap: 16px;
    }
}
@media only screen and (min-width: 768px) {
    .advance-cookie-banner__modal-footer .btn__text {
        flex-shrink: 0;
    }
}
.advance-cookie-banner__modal .mod-toggle {
    position: absolute;
    right: 14px;
    top: 0;
}
@media only screen and (max-width: 767px) {
    .advance-cookie-banner__modal .mod-toggle {
        right: 0;
    }
}
.advance-cookie-banner__close {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 3;
    width: 50px;
    height: 50px;
    right: 16px;
}
@media only screen and (max-width: 1022px) {
    .advance-cookie-banner__close {
        top: 0;
        right: 10px;
        transform: translate(0, 0);
    }
}
.advance-cookie-banner__close .icon {
    opacity: 0.3;
    transition: opacity 0.3s ease;
}
@media only screen and (max-width: 1022px) {
    .advance-cookie-banner__close .icon {
        width: 16px;
        height: 16px;
    }
}
.advance-cookie-banner__close .icon::before {
    background-color: currentColor;
}
.advance-cookie-banner__close:hover .icon {
    opacity: 1;
}
.article-card--featured .article-card__image::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.article-card--featured .article-card__image {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    top: 0;
    pointer-events: none;
}

.article-card {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 450px;
    width: 100%;
    transition: transform 160ms var(--easing-spring-slow);
}
.article-card__image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    margin-bottom: 6px;
}
@media only screen and (max-width: 767px) {
    .article-card__image {
        padding-bottom: 87%;
    }
}
.article-card__image img {
    transform: scale(1.00001);
    transition: transform 300ms var(--easing-slow);
}
.article-card__text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 8px;
}
.article-card__content {
    padding: 16px;
    display: grid;
    grid-gap: 8px;
}
.article-card .info-list {
    justify-content: flex-start;
}
.article-card:has(.stretched-link):hover .article-card__image img {
    transform: scale(1.08);
}
.article-card:has(.stretched-link):active {
    transform: scale(0.98);
}
.article-card--featured {
    max-width: 1392px;
    min-height: 690px;
    overflow: hidden;
    padding: 36px;
}
@media only screen and (max-width: 1439px) {
    .article-card--featured {
        min-height: 500px;
    }
}
@media only screen and (max-width: 1022px) {
    .article-card--featured {
        min-height: 400px;
    }
}
@media only screen and (max-width: 767px) {
    .article-card--featured {
        min-height: 480px;
        padding: 30px 16px;
        width: calc(100% + 32px);
        margin-left: -16px;
        border-radius: 0;
    }
}
.article-card--featured .article-card__image {
    padding: 0;
    margin: 0;
    border-radius: 0;
}
.article-card--featured .article-card__image::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.27%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
}
.article-card--featured .article-card__content {
    display: flex;
    flex: auto;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    z-index: 3;
    max-width: 648px;
    padding: 0;
}
@media only screen and (max-width: 1439px) {
    .article-card--featured .article-card__content {
        max-width: 468px;
    }
}
.article-card--featured .article-card__text {
    max-width: 450px;
    margin-top: 16px;
}
@media only screen and (max-width: 767px) {
    .article-card--featured .article-card__text {
        font-size: 14px;
        margin-top: 0;
    }
}
.article-card--featured .title {
    color: inherit;
    letter-spacing: 0;
    margin-top: 6px;
}
@media only screen and (max-width: 767px) {
    .article-card--featured .title {
        margin-top: 0;
    }
}
.article-card--featured .article-card__button {
    z-index: 3;
}
@media only screen and (min-width: 768px) {
    .article-card--featured .article-card__button {
        position: absolute;
        bottom: 36px;
        right: 36px;
    }
}
@media only screen and (max-width: 767px) {
    .article-card--featured .article-card__button {
        position: relative;
        margin-top: 16px;
    }
}
.article-card--featured:has(.stretched-link):hover .article-card__image img {
    transform: scale(1.02);
}
.breadcrumbs-plain__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 8px;
}
.breadcrumbs-plain__item {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.breadcrumbs-plain__item:last-child {
    color: var(--color-gray-950);
}
.breadcrumbs-plain__item:last-child .icon {
    opacity: 1;
}
.breadcrumbs-plain__link {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    max-width: 140px;
    padding: 2px 0;
    text-overflow: ellipsis;
}
.breadcrumbs-plain__link[href]:hover {
    color: var(--color-gray-950);
}
.breadcrumbs-plain .icon {
    opacity: 0.4;
    width: 4px;
    height: 6px;
}
.breadcrumbs-plain--white .breadcrumbs-plain__list {
    color: rgba(255, 255, 255, 0.5);
}
.breadcrumbs-plain--white .icon {
    opacity: 0.5;
}
.breadcrumbs-plain--white .icon-chevron-right-fancy {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG2SURBVHgBlVTdcYJAEN47NTN5Mx2QDkwH3FMkM2qoIKYDrcCkgmgFYgUQnUjMy1GCHcQSfMrPKGwWiIrAgX4PDNyx333f3u4y6doasMoYECbCaFtwJphcTF8ouBd/gQM+TODX94Rprk8iCB/e+8xGhjoR1f/XPWDMg6/tqIyIhw/EbT+1TmT4BJeVsZxP76FMQQj58dYA9GVCRRJ90WwPCwkiEnemA0MJ+bAAa8/CMFaQtrCDMFoeKXhUEHSBbcbSdTWlgr2S+bQHFRgo7FDSatc7JTxvX9yR3wBHoALbfEY5UynYK3FfLbrOh0MgrBOqVqREFBKE8BZUI4i5V8kZDHkZAQagtBIQcSFB5JOjrdpnUPGUFuIm41QTTMv/AykHgeAFwXZB8BK+gxthmKtq7j6rjumnRn4wOKLZMXcfGQVyMRtQsJ4lDa8QJ9QTZnL5iCCqwLAL80CFJYxON728txD55lH5Zk8Oq/InyO3Gg4J4rGVrHynbFKwaLBFB7JuGSPpwxhzKtiiaSrEFhGypUlvrzZYFJeBS2nUaItrxqf7VqRO6CpsLjUbZkt6peKCv37YcOAN/6Ga24cZ4rZYAAAAASUVORK5CYII=) no-repeat center/contain;
}
.breadcrumbs-plain--white .breadcrumbs-plain__link[href]:hover,
.breadcrumbs-plain--white .breadcrumbs-plain__item:last-child {
    color: var(--color-white);
}
.cart-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999991;
    pointer-events: none;
}
.cart-popup__overlay {
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media only screen and (min-width: 1023px) {
    .cart-popup__overlay {
        position: fixed;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }
}
.cart-popup__inner {
    max-width: 596px;
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    background-color: var(--color-white);
    padding: 24px;
    overflow: auto;
    height: 100%;
    transition: transform 0.4s ease, visibility 0.4s ease, opacity 0.4s ease, border-radius 0.4s ease, height 0.4s ease;
}
@media only screen and (min-width: 1023px) {
    .cart-popup__inner {
        scrollbar-track-color: #282322;
        scrollbar-face-color: rgba(40, 35, 34, 0.4);
        scrollbar-arrow-color: rgba(40, 35, 34, 0.4);
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */
        transform: translateX(100%);
    }
    .cart-popup__inner::-webkit-scrollbar {
        width: 4px;
    }
    .cart-popup__inner ::-webkit-scrollbar-track {
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: #282322;
    }
    .cart-popup__inner ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(40, 35, 34, 0.7);
    }
    .cart-popup__inner::-webkit-scrollbar-thumb {
        background: rgba(40, 35, 34, 0.4);
        width: 4px;
        border-radius: 5px;
    }
    .cart-popup__inner::-webkit-scrollbar-thumb:hover {
        background: rgba(40, 35, 34, 0.52);
    }
    .cart-popup__inner ::-webkit-scrollbar {
        width: 4px;
    }
}
@media only screen and (max-width: 1022px) {
    .cart-popup__inner {
        max-width: 100%;
        padding: 64px 30px 40px;
        top: initial;
        bottom: 0;
        height: calc(100% + 32px);
        transform: translateY(70%);
        border-radius: 32px 32px 0 0;
        visibility: hidden;
        opacity: 0;
    }
}
@media only screen and (max-width: 767px) {
    .cart-popup__inner {
        padding: 64px 16px 40px;
    }
}
.cart-popup.is-cart-open {
    pointer-events: all;
}
.cart-popup.is-cart-open .cart-popup__overlay {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}
.cart-popup.is-cart-open .cart-popup__inner {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}
.cart-popup__close {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 24px;
    top: 24px;
    z-index: 3;
    border-radius: 100%;
    transition: background-color 80ms var(--easing-slow), transform 80ms var(--easing-slow);
}
@media only screen and (max-width: 1022px) {
    .cart-popup__close {
        right: 16px;
        top: 64px;
    }
}
.cart-popup__close .icon::before {
    background-color: var(--color-gray-950);
}
.cart-popup__close:hover {
    background-color: var(--color-gray-100);
}
.cart-popup__close:active {
    transform: scale(0.95);
}
.cart-popup__title {
    margin: 3px 0;
}
.cart-popup__header {
    margin-bottom: 48px;
}
@media only screen and (max-width: 1022px) {
    .cart-popup__header {
        margin-bottom: 36px;
    }
}
.cart-popup .cart-view {
    max-width: 100%;
}
.cart-popup .free-shipping-indicator {
    margin-bottom: 44px;
}
@media only screen and (max-width: 1022px) {
    .cart-popup .free-shipping-indicator {
        margin-bottom: 16px;
    }
}
.cart-popup .free-shipping-indicator strong {
    font-weight: 600;
}
.cart-popup .cart-view__item {
    border-top: 0;
    border-bottom: 0.5px solid var(--color-gray-100);
}
.cart-popup__total {
    padding: 20px 0;
    display: grid;
    grid-gap: 4px;
    border-bottom: 0.5px solid var(--color-gray-100);
}
.cart-popup__total-row {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 20px;
    align-items: center;
    min-height: 36px;
}
.cart-popup__total-row--saving {
    color: var(--color-gray-300);
}
.cart-popup__total-row [data-animated-price] {
    display: flex;
}
.cart-popup__button-group {
    display: grid;
    grid-gap: 12px;
    margin-top: 20px;
}
.cart-popup__button-group .btn {
    width: 100%;
}
.cart-popup__info-text {
    text-align: center;
    margin-top: 32px;
}
@media only screen and (max-width: 767px) {
    .cart-popup__info-text {
        font-size: 10px;
        margin-top: 16px;
    }
}
.cart-popup__info-text p + p {
    margin-top: 2px;
}
.cart-popup__info-text strong {
    font-weight: 500;
}
.cart-popup__empty {
    display: none;
    flex-direction: column;
    max-width: 400px;
    margin: 100px auto;
    gap: 16px;
}
.cart-popup__empty-icon {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}
.cart-popup__empty-icon .icon {
    width: 30px;
    height: 30px;
}
.cart-popup__empty .btn {
    width: 100%;
}
.cart-popup--empty .cart-popup__content {
    display: none;
}
.cart-popup--empty .cart-popup__empty {
    display: flex;
}
.cart-popup .product-card {
    max-width: 100%;
}
.cart-popup .product-card__image {
    position: relative;
    height: 0;
    padding-bottom: 100%;
}
@media only screen and (max-width: 767px) {
    .cart-popup .product-card .product-image-group:not(.product-image-group--1-items) {
        padding-bottom: 0;
        height: 100%;
    }
}
@media only screen and (min-width: 768px) {
    .cart-popup .product-card .product-image-group--2-items .product-image-group__item {
        width: 54.25%;
        height: 53.85%;
    }
}
@media only screen and (min-width: 768px) {
    .cart-popup .product-card .product-image-group--3-items .product-image-group__item {
        width: 45.2%;
        height: 45%;
    }
}
@media only screen and (min-width: 768px) {
    .cart-popup .product-card .product-image-group--4-items .product-image-group__item--1, .cart-popup .product-card .product-image-group--4-items .product-image-group__item--2 {
        width: 45.2%;
        height: 45%;
    }
}
@media only screen and (min-width: 768px) {
    .cart-popup .product-card .product-image-group--4-items .product-image-group__item--3 {
        width: 48.2%;
        height: 47.95%;
    }
}
@media only screen and (min-width: 768px) {
    .cart-popup .product-card .product-image-group--4-items .product-image-group__item--4 {
        width: 45.2%;
        height: 45%;
    }
}
@media only screen and (min-width: 768px) {
    .cart-popup .product-card .product-image-group--5-items .product-image-group__item {
        width: 33.15%;
        height: 32.9%;
    }
}
@media only screen and (min-width: 768px) {
    .cart-popup .product-card .product-image-group--5-items .product-image-group__item--5 {
        width: 54.25%;
        height: 53.85%;
    }
}
@media only screen and (min-width: 768px) {
    .cart-popup .product-card .product-image-group--6-items .product-image-group__item {
        width: 27.15%;
        height: 27%;
    }
}
@media only screen and (min-width: 768px) {
    .cart-popup .product-card .product-image-group--6-items .product-image-group__item--6 {
        width: 54.25%;
        height: 53.85%;
    }
}
@media only screen and (min-width: 768px) {
    .cart-popup .product-card .product-image-group--7-items .product-image-group__item {
        width: 27.15%;
        height: 27%;
    }
}
@media only screen and (min-width: 768px) {
    .cart-popup .product-card .product-image-group--7-items .product-image-group__item--7 {
        width: 54.25%;
        height: 53.85%;
    }
}
@media only screen and (min-width: 1023px) {
    .cart-popup [data-slider-parent] .swiper {
        overflow: hidden;
        width: calc(100% + 48px);
        margin-left: -24px;
        padding: 0 24px;
    }
}
.cart-popup .product-slider .swiper-slide {
    width: 260px;
}
.cart-popup .title--h5 {
    font-size: 30px;
}
.cart-view {
    width: 100%;
    max-width: 686px;
}
.cart-view__item {
    position: relative;
    padding: 16px 0;
    border-top: 0.5px solid var(--color-gray-100);
}
@media only screen and (max-width: 767px) {
    .cart-view__item {
        padding: 20px 0;
    }
}
.cart-view__item.is-start-animation {
    animation: newCartItem 300ms cubic-bezier(0.12, 0.4, 1, 0.99) 1;
    animation-direction: alternate;
}
.cart-view__item-inner {
    display: grid;
    grid-template-columns: 150px 1fr;
    grid-gap: 20px;
}
@media only screen and (max-width: 767px) {
    .cart-view__item-inner {
        grid-template-columns: 98px 1fr;
        grid-gap: 12px;
    }
}
.cart-view__item:hover .cart-view__image img {
    transform: translate(-50%, 10px);
}
.cart-view__item:has(.full-image) .cart-view__image img {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
    object-fit: cover;
}
.cart-view__item:has(.full-image):hover .cart-view__image img {
    transform: scale(1.05);
}
.cart-view__image {
    position: relative;
    width: 150px;
    height: 150px;
    overflow: hidden;
}
@media only screen and (max-width: 767px) {
    .cart-view__image {
        width: 98px;
        height: 98px;
    }
}
.cart-view__image img {
    position: absolute;
    max-width: initial;
    width: 208px;
    height: 250px;
    object-fit: contain;
    top: initial;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 16px);
    transition: transform 150ms var(--easing-slow);
    will-change: transform;
}
@media only screen and (max-width: 767px) {
    .cart-view__image img {
        width: auto;
        height: 106px;
        max-height: initial;
    }
}
.cart-view__image .tag-list {
    top: 10px;
    left: 10px;
    position: relative;
    max-width: calc(100% - 20px);
}
@media only screen and (max-width: 767px) {
    .cart-view__image .tag-list {
        top: 4px;
        left: 4px;
        max-width: calc(100% - 8px);
    }
}
.cart-view__content {
    position: relative;
    display: flex;
    flex-direction: column;
}
.cart-view__heading {
    margin-bottom: 2px;
    padding-right: 40px;
    font-size: 16px;
}
.cart-view__detail {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.cart-view__notes {
    margin-bottom: 8px;
}
.cart-view__footer {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 20px;
    margin-top: auto;
    align-items: flex-end;
}
.cart-view__quantity {
    position: absolute;
    left: -5px;
    top: -5px;
    background-color: var(--color-yellow);
    width: 26px;
    height: 26px;
    border-radius: 100%;
    z-index: 3;
}
.cart-view__amount {
    display: inline-flex;
    gap: 8px;
    align-items: flex-end;
    line-height: 1;
    margin-bottom: 8px;
}
.cart-view__delete {
    z-index: 5;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    transition: background-color 80ms var(--easing-slow), transform 80ms var(--easing-slow);
}
@media only screen and (max-width: 767px) {
    .cart-view__delete {
        top: 4px;
        right: -2px;
    }
}
.cart-view__delete .icon {
    width: 12px;
    height: 12px;
}
.cart-view__delete:hover {
    background-color: var(--color-gray-100);
}
.cart-view__delete:active {
    transform: scale(0.95);
}
.cart-view .quantity-counter {
    position: relative;
    z-index: 5;
}
.cart-view .info-list {
    justify-content: flex-start;
    gap: 0 8px;
}
.cart-view--order-summary {
    max-width: 568px;
}
.cart-view--order-summary .cart-view__content {
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}
.cart-view--order-summary .cart-view__footer {
    margin-top: 0;
    white-space: nowrap;
}
.cart-view--order-summary .cart-view__price {
    font-size: 24px;
}
.cart-view--order-summary .cart-view__amount {
    margin-bottom: 0;
}
.category-card {
    position: relative;
    max-width: 333px;
    width: 100%;
    transition: transform 160ms var(--easing-spring-slow);
}
.category-card__image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 125%;
    transition: background-color 300ms var(--easing-slow);
}
@media only screen and (max-width: 1200px) {
    .category-card__image {
        border-radius: 24px;
    }
}
.category-card__image-main {
    position: absolute;
    bottom: 0;
    left: 0;
    object-fit: contain;
    z-index: 1;
    height: auto;
    max-width: initial;
    max-height: initial;
    will-change: transform;
    width: 120%;
    transition: transform 300ms var(--easing-slow), scale 0.3s var(--easing-slow);
}
.category-card__image-left {
    transform: translate(-27%, 30%);
}
.category-card__image-right {
    left: initial;
    right: 0;
    transform: translate(27%, 30%);
}
.category-card__image-middle {
    position: absolute;
    width: 121.5%;
    z-index: 2;
    transform-origin: bottom center;
    transform: translate(-9%, 20%);
}
.category-card .title {
    margin-top: 16px;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .category-card .title {
        font-size: 16px;
    }
}
.category-card:hover .category-card__image {
    background-color: var(--color-yellow);
}
.category-card:hover .category-card__image-middle {
    scale: 1.05;
}
.category-card:hover .category-card__image-left {
    transform: translate(calc(-27% - 10px), 30%);
}
@media only screen and (max-width: 767px) {
    .category-card:hover .category-card__image-left {
        transform: translate(-40%, 30%);
    }
}
.category-card:hover .category-card__image-right {
    transform: translate(calc(27% + 10px), 30%);
}
@media only screen and (max-width: 767px) {
    .category-card:hover .category-card__image-right {
        transform: translate(40%, 30%);
    }
}
.category-card:has(.stretched-link:active) {
    transform: scale(0.98);
}
.checkbox-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}
.checkbox-group__label {
    margin-bottom: 16px;
}
.checkbox-group__list {
    display: grid;
    grid-gap: 8px;
}
.checkbox-group--horizontal .checkbox-group__list {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0;
    gap: 16px;
}
.checkbox-group--horizontal .checkbox-group__list li:not(:last-child) {
    margin-right: 20px;
}
.cocktail-card {
    width: 100%;
    display: grid;
    grid-gap: 32px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 8px;
    font-weight: 500;
    height: 634px;
}
@media only screen and (max-width: 1022px) {
    .cocktail-card {
        height: auto;
        grid-template-columns: 1fr;
        grid-gap: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .cocktail-card {
        font-size: 14px;
    }
}
.cocktail-card__image {
    overflow: hidden;
    border-radius: 24px;
}
@media only screen and (max-width: 1022px) {
    .cocktail-card__image {
        padding-bottom: 56.24%;
    }
}
@media only screen and (max-width: 767px) {
    .cocktail-card__image {
        padding-bottom: 100%;
    }
}
.cocktail-card__image .btn {
    z-index: 3;
    position: absolute;
    bottom: 16px;
    right: 16px;
}
.cocktail-card__content {
    padding: 24px 24px 0 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: calc(100% + 7px);
}
@media only screen and (max-width: 1022px) {
    .cocktail-card__content {
        padding: 0;
        height: auto;
    }
}
.cocktail-card__info {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}
@media only screen and (max-width: 1022px) {
    .cocktail-card__info {
        margin-bottom: 8px;
    }
}
.cocktail-card__info-item {
    min-height: 34px;
    padding: 4px 12px;
    gap: 6px;
    background-color: var(--color-gray-100);
}
.cocktail-card__info-item img {
    width: 12px;
    flex-shrink: 0;
    object-fit: contain;
}
.cocktail-card .title {
    margin-bottom: 12px;
}
@media only screen and (max-width: 1022px) {
    .cocktail-card .title {
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 1023px) {
    .cocktail-card__tab {
        margin-top: 32px;
        overflow: hidden;
    }
}
.cocktail-card__tab-content {
    display: none;
}
@media only screen and (max-width: 1022px) {
    .cocktail-card__tab-content {
        display: block;
        margin-top: 24px;
    }
}
.cocktail-card__tab-content.is-active {
    display: block;
}
@media only screen and (min-width: 1023px) {
    .cocktail-card__tab-container {
        overflow: auto;
        padding-bottom: 24px;
        scrollbar-track-color: #f6f5f4;
        scrollbar-face-color: #d8d4d0;
        scrollbar-arrow-color: #d8d4d0;
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */
    }
    .cocktail-card__tab-container::-webkit-scrollbar {
        width: 0px;
    }
    .cocktail-card__tab-container ::-webkit-scrollbar-track {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #f6f5f4;
    }
    .cocktail-card__tab-container ::-webkit-scrollbar-thumb:window-inactive {
        background: #e7e5e2;
    }
    .cocktail-card__tab-container::-webkit-scrollbar-thumb {
        background: #d8d4d0;
        width: 0px;
        border-radius: 10px;
    }
    .cocktail-card__tab-container::-webkit-scrollbar-thumb:hover {
        background: #dedbd7;
    }
    .cocktail-card__tab-container ::-webkit-scrollbar {
        width: 0px;
    }
}
.cocktail-card__tab-title {
    margin-bottom: 8px;
}
.cocktail-card .tab-buttons {
    margin-bottom: 24px;
}
@media only screen and (max-width: 1022px) {
    .cocktail-card .tab-buttons {
        display: none;
    }
}
.cocktail-card__steps, .cocktail-card__products {
    display: grid;
    grid-gap: 8px;
}
.cocktail-card .recipe-small-card {
    max-width: 100%;
}
@media only screen and (max-width: 1022px) {
    .cocktail-card .recipe-small-card .tag {
        display: none;
    }
}
.cocktail-card__step {
    padding: 16px;
    display: grid;
    grid-gap: 4px;
}
.cocktail-card__step .editor-text {
    margin-top: 4px;
}
.cocktail-card__step .title {
    margin-bottom: 0;
}
.delivery-status {
    max-width: 650px;
    text-align: center;
}
@media only screen and (max-width: 1022px) {
    .delivery-status {
        text-align: left;
    }
}
.delivery-status__row {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 4px;
    align-items: center;
}
.delivery-status__line {
    width: calc(100% - 60px);
    height: 2px;
    background-color: var(--color-gray-50);
    position: absolute;
    top: 12px;
    left: 30px;
}
.delivery-status__line:before {
    content: "";
    background-color: var(--color-gray-950);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
}
.delivery-status__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
    position: relative;
    z-index: 3;
}
.delivery-status__item.is-active, .delivery-status__item.is-done {
    color: var(--color-gray-950);
}
.delivery-status__item.is-active path, .delivery-status__item.is-done path {
    fill: var(--color-gray-950);
}
.delivery-status__item.is-active .icon::before, .delivery-status__item.is-done .icon::before {
    background-color: var(--color-white);
}
.delivery-status__item-dot {
    display: block;
    position: relative;
}
.delivery-status__item-dot .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 14px;
    height: 14px;
    margin-top: 1px;
}
.delivery-status__item-dot svg {
    width: 24px;
    height: 20px;
}
.delivery-status__item-dot path {
    fill: var(--color-gray-100);
}
.edit-address-form {
    width: 100%;
}
.edit-address-form__title {
    margin-bottom: 16px;
}
.edit-address-form__inner {
    width: 100%;
    display: grid;
    grid-gap: 20px;
}
.edit-address-form__row {
    display: grid;
    grid-gap: 20px;
}
.edit-address-form__row.col-6 {
    padding: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 767px) {
    .edit-address-form__row.col-6 {
        grid-template-columns: 1fr;
    }
}
.edit-address-form__submit {
    margin-top: 20px;
}
.edit-address-form .mod-input__field {
    background-color: var(--color-white);
}
.edit-address-form .checkbox {
    margin-top: -6px;
}
.edit-address-form .checkbox__label:before {
    background-color: var(--color-white) !important;
}
.embeded-video {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 100%;
    color: var(--color-white);
    background-color: var(--color-black);
    overflow: hidden;
}
.embeded-video__wrapper {
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 56.24%;
}
.embeded-video__wrapper.is-playing .hide-on-play {
    opacity: 0;
    pointer-events: none;
}
.embeded-video__wrapper.is-playing::before, .embeded-video__wrapper.is-playing::after {
    opacity: 0;
}
.embeded-video__play-button {
    width: 100%;
    height: 100%;
    z-index: 9;
    position: absolute;
    left: 0;
    top: 0;
}
@media only screen and (max-width: 1022px) {
    .embeded-video__play-button .icon {
        width: 60px;
        height: 60px;
    }
}
.embeded-video .hide-on-play {
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.embeded-video__iframe-container {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    border: 0;
    pointer-events: all;
}
.extra-ingredients {
    width: 100%;
}
.extra-ingredients__title {
    margin-bottom: 6px;
}
@media only screen and (max-width: 767px) {
    .extra-ingredients__title {
        margin-bottom: 8px;
    }
}
.extra-ingredients__inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 10px;
}
@media only screen and (max-width: 1022px) {
    .extra-ingredients__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 8px;
    }
}
.extra-ingredients__item {
    height: 100%;
    padding: 16px;
}
.filter-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}
@media only screen and (min-width: 1023px) {
    .filter-modal {
        opacity: 0;
        visibility: hidden;
        padding: 20px;
        transition: opacity 500ms var(--easing-default), visibility 500ms var(--easing-default);
    }
}
.filter-modal.is-open-modal {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}
.filter-modal.is-open-modal .filter-modal__overlay {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}
.filter-modal__overlay {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.3);
    transition: opacity 500ms var(--easing-default), visibility 500ms var(--easing-default);
}
.filter-modal__inner {
    position: relative;
    max-width: 686px;
    height: 820px;
    max-height: calc(100vh - 80px);
    width: 100%;
    z-index: 4;
    background-color: var(--color-white);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    margin: auto;
}
@media only screen and (max-width: 1022px) {
    .filter-modal__inner {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        max-height: 67.6vh;
        border-radius: 0;
        border-radius: 24px 24px 0 0;
        transform: translate(0, 150%);
        max-width: 100%;
        transition: transform 500ms var(--easing-default);
    }
    .is-open-modal .filter-modal__inner {
        transform: translate(0, 0);
    }
}
.filter-modal__header {
    min-height: 68px;
    text-align: center;
    margin: 0 auto;
    padding: 16px 60px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-bottom: 0.5px solid var(--color-gray-50);
}
@media only screen and (max-width: 1022px) {
    .filter-modal__header {
        font-size: 20px;
        padding: 16px 25px 16px 20px;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }
}
.filter-modal__close {
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    transform-origin: center center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: var(--color-gray-950);
    transition: transform 50ms var(--easing-default);
}
@media only screen and (max-width: 1022px) {
    .filter-modal__close {
        position: relative;
        top: 0;
        right: 0;
        transform: translateY(0);
    }
}
.filter-modal__close .icon {
    transition: transform 50ms var(--easing-default);
}
.filter-modal__close:hover .icon {
    transform: scale(0.95);
}
.filter-modal__close:active {
    transform: translateY(-50%) scale(0.95);
}
.filter-modal__footer {
    margin-top: auto;
    border-top: 0.5px solid var(--color-gray-50);
    padding: 22px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
}
@media only screen and (max-width: 1022px) {
    .filter-modal__footer {
        padding: 14px 20px;
        min-height: 68px;
    }
}
@media only screen and (max-width: 767px) {
    .filter-modal__footer {
        padding: 14px 16px;
    }
}
.filter-modal .btn.filter-modal__reset-btn, .filter-modal__reset-btn {
    color: var(--color-red);
}
.filter-modal__body {
    flex: auto;
    padding: 24px;
    align-content: flex-start;
    overflow: auto;
    display: grid;
    grid-gap: 12px;
}
@media only screen and (min-width: 1023px) {
    .filter-modal__body {
        scrollbar-track-color: #a59a92;
        scrollbar-face-color: #636363;
        scrollbar-arrow-color: #636363;
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */
    }
    .filter-modal__body::-webkit-scrollbar {
        width: 2px;
    }
    .filter-modal__body ::-webkit-scrollbar-track {
        -webkit-border-radius: 8px;
        border-radius: 8px;
        background: #a59a92;
    }
    .filter-modal__body ::-webkit-scrollbar-thumb:window-inactive {
        background: #847f7b;
    }
    .filter-modal__body::-webkit-scrollbar-thumb {
        background: #636363;
        width: 2px;
        border-radius: 8px;
    }
    .filter-modal__body::-webkit-scrollbar-thumb:hover {
        background: #706e6c;
    }
    .filter-modal__body ::-webkit-scrollbar {
        width: 2px;
    }
}
@media only screen and (max-width: 1022px) {
    .filter-modal__body {
        padding: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .filter-modal__body {
        padding: 16px;
    }
}
.filter-modal .dropdown__placeholder {
    height: 46px;
}
@media only screen and (max-width: 1022px) {
    .filter-modal .dropdown__placeholder {
        font-size: 16px;
        height: 52px;
    }
}
.filter-modal .dropdown__placeholder:active {
    transform: scale(1);
}
.filter-modal .dropdown__list {
    opacity: 1;
    pointer-events: all;
    position: relative;
    top: 6px;
    left: 0;
    width: 100%;
    box-shadow: none;
    display: none;
    margin: 0 0 6px;
    padding: 0;
    border: 0;
    transition: none;
}
@media only screen and (max-width: 1022px) {
    .filter-modal .dropdown__list {
        font-size: 16px;
    }
}
.filter-modal .dropdown__list-inner {
    padding: 8px 4px;
    max-height: 345px;
    border-radius: 0 0 16px 16px;
    border: 0.5px solid var(--color-gray-100);
}
@media only screen and (max-width: 1022px) {
    .filter-modal .dropdown__list-inner {
        max-height: 325px;
    }
}
@media only screen and (max-width: 1022px) {
    .filter-modal .dropdown__list-option {
        padding: 14px 60px 14px 12px;
        min-height: 52px;
    }
}
@media only screen and (max-width: 1022px) {
    .filter-modal .dropdown__list-option::after, .filter-modal .dropdown__list-option::before {
        left: initial;
        right: 8px;
        width: 36px;
        height: 36px;
        border-radius: 8px;
    }
}
@media only screen and (max-width: 1022px) {
    .filter-modal .dropdown__list-option::after {
        background-size: 36px;
    }
}
.filter-modal .dropdown.is-active .icon {
    transform: scaleY(-1) !important;
}
.form-component--newsletter-form .form-component__success .title {
    line-height: 1;
    font-weight: 500;
    color: var(--color-gray-950);
}

.form-component--newsletter-form .form-component__success .title {
    font-size: 30px;
    letter-spacing: 0;
}
@media only screen and (max-width: 1022px) {
    .form-component--newsletter-form .form-component__success .title {
        font-size: 24px;
    }
}
@media only screen and (max-width: 767px) {
    .form-component--newsletter-form .form-component__success .title {
        font-size: 22px;
    }
}

.form-component {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}
.form-component__section-title {
    margin-bottom: 20px;
}
.form-component__section-text {
    margin-bottom: 20px;
}
.form-component__title {
    margin-bottom: 40px;
}
@media only screen and (max-width: 1022px) {
    .form-component__title {
        margin-bottom: 24px;
    }
}
.form-component__inner {
    width: 100%;
    display: grid;
    grid-gap: 16px;
}
.form-component__row {
    display: grid;
    grid-gap: 16px 48px;
}
@media only screen and (max-width: 1439px) {
    .form-component__row {
        grid-gap: 16px 30px;
    }
}
@media only screen and (max-width: 767px) {
    .form-component__row {
        grid-gap: 16px;
    }
}
.form-component__row.col-6 {
    padding: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 767px) {
    .form-component__row.col-6 {
        grid-template-columns: 1fr;
    }
}
.form-component__row.checkbox-title + .form-component__row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 8px;
}
.form-component__row.checkbox-title + .form-component__row .checkbox {
    margin-top: 0;
}
.form-component__row.checkbox-title + .form-component__row .checkbox .checkbox__label::before,
.form-component__row.checkbox-title + .form-component__row .checkbox .checkbox__label::after {
    top: 3px;
}
.form-component__form {
    position: relative;
    max-width: 1000px;
}
.form-component__submit {
    margin-top: 20px;
}
.form-component__submit .btn {
    white-space: nowrap;
}
.form-component__alert {
    padding: 16px;
    width: 100%;
    text-align: left;
    margin-top: 20px;
    border: 1px solid currentColor;
    font-size: 16px;
}
.form-component__alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.form-component__alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.form-component__success {
    display: none;
    margin: 0 auto;
    max-width: 800px;
    justify-content: center;
    gap: 24px;
}
.form-component__success-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
}
.form-component__success-image {
    max-width: 106px;
    margin: 0 auto;
}
.form-component .dropdown {
    max-width: 100%;
    font-weight: 400;
}
.form-component .dropdown__placeholder {
    height: 50px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    background: var(--color-white);
    color: var(--color-gray-light);
    font-weight: 400;
}
.form-component .dropdown.is-selected .dropdown__placeholder {
    color: var(--color-black);
}
.form-component .dropdown.is-open .dropdown__placeholder {
    border-color: var(--color-primary);
}
.form-component__section-text p + p {
    margin-top: 16px;
}
.form-component__section-text img {
    margin-right: 10px;
    position: relative;
    top: -2px;
}
.form-component .checkbox {
    margin-top: 6px;
}
.form-component .checkbox-group .fv-plugins-message-container {
    display: none;
}
.form-component .checkbox-group.failed .checkbox__label:before {
    border-color: rgba(0, 0, 0, 0.12);
}
.form-component .checkbox-group.failed .group-error {
    display: block;
}
.form-component.display-success .form-component__form {
    display: none;
}
.form-component.display-success .form-component__success {
    display: flex;
}
.form-component [data-validator] + [data-validator] {
    display: none;
}
.form-component__forgot-pw {
    margin-top: 34px;
    margin-bottom: 12px;
}
.form-component__forgot-pw__text:hover {
    text-decoration: underline;
}
.form-component__forgot-pw + .form-component__footer {
    margin-top: 0;
}
.form-component__footer-text {
    margin-top: 16px;
}
.form-component__footer-text a {
    color: var(--color-gray-950);
    font-weight: 500;
    text-decoration: underline;
}
.form-component__footer-text a:hover {
    text-decoration: none;
}
.form-component--newsletter-form [data-validator=emailAddress] {
    display: block;
}
.form-component--newsletter-form .form-component__row {
    gap: 0;
    position: relative;
}
.form-component--newsletter-form .mod-input__field {
    padding-right: 110px;
    height: 48px;
}
.form-component--newsletter-form .checkbox {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
@media only screen and (max-width: 1022px) {
    .form-component--newsletter-form .checkbox {
        font-size: 14px;
        line-height: 28px;
    }
}
@media only screen and (max-width: 1022px) {
    .form-component--newsletter-form .checkbox__label {
        padding-left: 38px;
    }
}
@media only screen and (max-width: 1022px) {
    .form-component--newsletter-form .checkbox__label::before, .form-component--newsletter-form .checkbox__label::after {
        width: 28px;
        height: 28px;
        background-size: 28px;
    }
}
@media only screen and (max-width: 1022px) {
    .form-component--newsletter-form .checkbox .fv-plugins-message-container {
        padding-left: 38px;
    }
}
.form-component--newsletter-form .form-component__submit {
    position: absolute;
    margin-top: 0;
    top: 5px;
    right: 6px;
    z-index: 4;
}
.form-component--newsletter-form .form-component__submit .btn {
    padding: 4px 14px 4px 22px;
}
.form-component--newsletter-form .form-component__inner {
    grid-gap: 12px;
}
@media only screen and (max-width: 1022px) {
    .form-component--newsletter-form .form-component__inner {
        grid-gap: 16px;
    }
}
.form-component--newsletter-form .form-component__success {
    text-align: left;
    margin: 0;
}
.form-component--newsletter-form .form-component__success-icon {
    display: none;
}
.free-shipping-indicator {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 32px;
}
@media only screen and (max-width: 767px) {
    .free-shipping-indicator {
        padding: 24px;
    }
}
.free-shipping-indicator__text {
    margin-bottom: 16px;
    line-height: 1.5;
}
.free-shipping-indicator__text strong {
    font-weight: 500;
}
.free-shipping-indicator__texts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6px;
}
.free-shipping-indicator__progress-bar {
    width: 100%;
    height: 20px;
    background-color: var(--color-white);
    border-radius: 100px;
    overflow: hidden;
    padding: 2px;
}
.free-shipping-indicator__progress-bar-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    border-radius: 100px;
    background-color: var(--color-yellow);
    transition: width 300ms var(--easing-slow);
    font-size: 10px;
    color: var(--color-gray-950);
    padding: 0 6px;
}
.free-shipping-indicator__amount {
    position: relative;
    z-index: 2;
    line-height: normal;
    display: flex;
    gap: 4px;
}
.free-shipping-indicator__amount .icon {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
}
.gift-box-info {
    max-width: 450px;
    width: 100%;
}
.gift-box-info__title {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    margin-bottom: 24px;
}
.gift-box-info__title .icon {
    flex-shrink: 0;
}
.gift-box-info__title::after, .gift-box-info__title::before {
    content: "";
    position: relative;
    height: 0.5px;
    background-color: var(--color-gray-100);
    flex: auto;
    min-width: 20px;
    flex-shrink: 0;
}
.gift-box-info__title::before {
    margin-right: 12px;
}
.gift-box-info__title::after {
    margin-left: 12px;
}
.gift-box-info__inner {
    padding: 8px 10px 8px 0;
    display: flex;
    align-items: center;
}
.gift-box-info__image {
    width: 114px;
    flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
    .gift-box-info__image {
        width: 90px;
    }
}
.gift-box-info__image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.gift-box-info__content {
    padding-left: 10px;
    flex: auto;
}
.gray-box {
    padding: 32px;
}
@media only screen and (max-width: 1022px) {
    .gray-box {
        padding: 24px;
    }
}
.gray-box .title {
    margin-bottom: 12px;
}
.gray-box__text {
    opacity: 0.6;
}
.gray-box .btn {
    margin-top: 24px;
}
.header-search {
    position: relative;
    width: 100%;
}
@media only screen and (max-width: 1022px) {
    .header-search {
        flex: 0 0 100%;
        width: 100%;
    }
}
.header-search__input {
    transition: width 50ms var(--easing-spring-slow), transform 150ms var(--easing-spring-slow);
    width: 704px;
    position: absolute;
    top: -56px;
    left: 134px;
    z-index: 6;
}
@media only screen and (max-width: 1439px) {
    .header-search__input {
        width: 600px;
    }
}
@media only screen and (max-width: 1200px) {
    .header-search__input {
        width: 480px;
    }
}
@media only screen and (max-width: 1022px) {
    .header-search__input {
        left: 0;
        transform: translate(0, -100%);
        top: 0;
        width: 100%;
        padding: 8px 16px;
        background-color: var(--color-white);
    }
    .header-main--homepage .header-search__input {
        transform: translate(0, 0);
    }
    .is-scrolled .header-main--homepage .header-search__input {
        transform: translate(0, -100%);
    }
    .header-main--homepage .header-search__input .is-open-menu,
    .header-main--homepage .header-search__input .is-open-search, .is-scrolled-up .header-main--homepage .header-search__input {
        transform: translate(0, 0);
    }
}
@media only screen and (min-width: 1023px) {
    .is-open-search .header-search__input {
        width: calc(100% - 134px);
    }
}
@media only screen and (max-width: 1022px) {
    .is-open-search .header-search__input {
        transform: translate(0, 0);
    }
}
.header-search__input-field {
    height: 44px;
    border-radius: 50px;
    background-color: var(--color-gray-50);
    border: 0;
    padding: 2px 16px 2px 42px;
    outline: 0;
    font-family: var(--font-primary);
    font-weight: 500;
    color: var(--color-gray-950);
    font-size: 14px;
    width: 100%;
    transition: background-color 50ms var(--easing-spring-slow), transform 50ms var(--easing-spring-slow);
}
.header-search__input-field ::-webkit-input-placeholder {
    color: #a59a92;
    opacity: 1;
    font-weight: 500;
}
.header-search__input-field :-ms-input-placeholder {
    color: #a59a92;
    opacity: 1;
    font-weight: 500;
}
.header-search__input-field ::placeholder {
    color: #a59a92;
    opacity: 1;
    font-weight: 500;
}
@media only screen and (max-width: 767px) {
    .header-search__input-field {
        font-size: 16px;
    }
}
.header-search__input-field:focus {
    border: none;
    outline: none;
}
.header-search__input-field:hover {
    background-color: var(--color-gray-100);
}
.header-search__submit {
    position: absolute;
    padding: 12px;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 3;
}
.header-search__submit .icon::before {
    background-color: var(--color-gray-400);
}
.header-search__form {
    position: relative;
    width: 100%;
    display: flex;
    gap: 8px;
}
.header-search__form-left {
    flex: auto;
}
.header-search__reset {
    padding: 8px;
    z-index: 3;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translate(0, -50%);
    transition: opacity 50ms var(--easing-spring-slow), visibility 50ms var(--easing-spring-slow);
    opacity: 0;
    visibility: hidden;
}
.header-search__close {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    background-color: var(--color-gray-50);
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    transition: background-color 50ms var(--easing-spring-slow), opacity 50ms var(--easing-spring-slow), visibility 50ms var(--easing-spring-slow), transform 50ms var(--easing-spring-slow);
}
@media only screen and (max-width: 1022px) {
    .header-search__close {
        position: absolute;
        right: -16px;
        top: -68px;
        background-color: var(--color-white);
        width: 60px;
        height: 60px;
        border-radius: 0;
    }
}
.header-search__close:active {
    transform: scale(0.95);
}
.header-search__close:hover {
    background-color: var(--color-gray-100);
}
@media only screen and (max-width: 1022px) {
    .header-search__close .icon {
        width: 25px;
        height: 25px;
    }
}
.is-open-search .header-search__close {
    opacity: 1;
    visibility: visible;
}
.header-search__wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: var(--color-white);
    z-index: 0;
    padding-top: 126px;
}
@media only screen and (max-width: 1022px) {
    .header-search__wrapper {
        padding-top: calc(var(--header-height, 172px) + 14px + 68px);
    }
}
.header-search__wrapper .container {
    display: block !important;
}
.header-search__item {
    overflow: hidden;
}
.header-search__links-wrapper {
    width: 100%;
    line-height: 1;
}
.header-search__header {
    margin-bottom: 28px;
}
.header-search__results {
    margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
    .header-search__results {
        margin-bottom: 60px;
    }
}
.header-search__results-inner {
    display: flex;
    flex-direction: column;
}
.header-search__results-repeater {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}
.header-search__results-title {
    padding-bottom: 12px;
    border-bottom: 0.5px solid var(--color-gray-100);
}
.header-search__products-items {
    margin-bottom: 12px;
}
.header-search__result {
    width: 100%;
    text-align: left;
    display: block;
    padding: 12px 0;
    border-bottom: 0.5px solid var(--color-gray-100);
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 500;
}
@media only screen and (max-width: 767px) {
    .header-search__row.has-button {
        position: relative;
        padding-bottom: 62px;
    }
}
.header-search.has-value .header-search__reset {
    opacity: 1;
    visibility: visible;
}
.header-search .product-slider {
    overflow: visible;
}
.header-search .product-slider .container {
    padding: 0;
}
@media only screen and (max-width: 767px) {
    .header-search .section-header {
        margin-bottom: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .header-search .section-header__inner {
        gap: 0;
        justify-content: flex-start;
        text-align: left;
        align-items: flex-start;
    }
}
@media only screen and (max-width: 767px) {
    .header-search .section-header .btn {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 0);
    }
}
.header-search__not-found {
    padding: 20px;
}
@media only screen and (max-width: 1022px) {
    .header-search__not-found {
        padding: 10px 25px;
    }
}
.header-search__not-found .title {
    margin-bottom: 16px;
}
.header-search__not-found-text {
    display: flex;
    flex-direction: column;
    min-height: 180px;
}
.info-bar {
    width: 100%;
    background-color: var(--color-yellow);
    padding: 8px 0;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.01em;
    z-index: 101;
    position: relative;
    top: 0;
    left: 0;
}
.is-open-search .info-bar {
    z-index: 104;
}
.body-scroll-locked .info-bar {
    padding-right: var(--scroll-width, 0px);
}
.info-bar__close {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 28px;
    margin: auto;
    padding: 10px;
}
@media only screen and (max-width: 1200px) {
    .info-bar__close {
        right: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .info-bar__close {
        right: 10px;
    }
}
.is-open-mega-menu .info-bar__close, .is-open-search .info-bar__close, .body-scroll-locked .info-bar__close {
    margin-right: var(--scroll-width, 0px);
}
.info-bar__close .icon {
    width: 12px;
    height: 12px;
}
.info-bar__text {
    margin: 0 auto;
    text-align: center;
}
@media only screen and (min-width: 1023px) {
    .info-bar__text {
        max-width: 1000px;
    }
}
.menu {
    width: 100%;
}
.menu__nav {
    display: flex;
    gap: 10px;
}
@media only screen and (max-width: 1022px) {
    .menu__nav {
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }
}
.menu__buttons {
    display: flex;
    gap: 8px;
}
@media only screen and (max-width: 1022px) {
    .menu__buttons {
        position: relative;
    }
}
.menu__buttons::after {
    content: "";
    width: 1px;
    height: 24px;
    background-color: var(--color-gray-100);
    position: relative;
    display: block;
    margin-left: 10px;
    margin-top: 5px;
    flex-shrink: 0;
}
@media only screen and (max-width: 1022px) {
    .menu__buttons::after {
        display: none;
    }
}
@media only screen and (max-width: 1022px) {
    .menu__buttons-item {
        flex: 1;
    }
}
@media only screen and (max-width: 1022px) {
    .menu__buttons-item > .btn {
        width: 100%;
    }
}
@media only screen and (max-width: 1022px) {
    .menu__buttons-item.is-active {
        height: 218px;
    }
}
@media only screen and (min-width: 1023px) {
    .menu__buttons-item.is-active .menu-slider {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }
}
@media only screen and (max-width: 1022px) {
    .menu__buttons-item.is-active .menu-slider {
        display: block;
    }
}
.menu__buttons-item.is-active .menu-slider__overlay {
    opacity: 1;
    visibility: visible;
}
body:not(.is-open-search) .menu__buttons-item.is-active > .btn {
    background-color: var(--color-yellow);
}
.menu__buttons-item.is-active > .btn:focus-visible {
    outline-color: var(--color-black);
}
@media only screen and (max-width: 1022px) {
    .menu__buttons:not(:has(.menu__buttons-item.is-active)) .menu__buttons-item:first-child {
        height: 218px;
    }
    body:not(.is-open-search) .menu__buttons:not(:has(.menu__buttons-item.is-active)) .menu__buttons-item:first-child > .btn {
        background-color: var(--color-yellow);
    }
    .menu__buttons:not(:has(.menu__buttons-item.is-active)) .menu__buttons-item:first-child > .btn:focus-visible {
        outline-color: var(--color-black);
    }
    .menu__buttons:not(:has(.menu__buttons-item.is-active)) .menu__buttons-item:first-child .menu-slider {
        display: block;
    }
}
.menu__list {
    display: flex;
    gap: 6px;
}
@media only screen and (max-width: 1022px) {
    .menu__list {
        flex-direction: column;
        gap: 0;
        border-top: 0.5px solid var(--color-gray-100);
    }
}
@media only screen and (min-width: 1023px) {
    .menu__item .btn .btn__icon {
        display: none;
    }
}
@media only screen and (max-width: 1022px) {
    .menu__item .btn {
        padding: 20px 0;
        min-height: 1px;
        width: 100%;
        border-radius: 0;
        justify-content: space-between;
        border-bottom: 0.5px solid var(--color-gray-100);
    }
    .menu__item .btn:hover, .menu__item .btn:focus {
        background-color: transparent;
    }
}
@media only screen and (min-width: 1023px) {
    .menu__item .btn.is-active {
        background-color: var(--color-gray-50);
    }
}
@media only screen and (min-width: 1023px) {
    .menu__item.is-active .btn {
        background-color: var(--color-gray-50);
    }
}
@media only screen and (min-width: 1023px) {
    .menu .menu-slider {
        opacity: 0;
        visibility: hidden;
        top: -10px;
        z-index: -1;
    }
    body:not(.is-scrolled) .header-main--homepage .menu .menu-slider {
        top: 100%;
    }
    .is-open-search .menu .menu-slider {
        opacity: 0;
        visibility: hidden;
    }
}
@media only screen and (max-width: 1022px) {
    .menu .menu-slider {
        display: none;
    }
}
@media only screen and (max-width: 1022px) {
    .menu .menu-card {
        display: none;
    }
}
.menu-card {
    position: relative;
    display: flex;
    max-width: 708px;
    width: 100%;
    padding: 8px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.0196078431), 0px 11px 11px 0px rgba(0, 0, 0, 0.0196078431), 0px 25px 15px 0px rgba(0, 0, 0, 0.0117647059), 0px 44px 18px 0px rgba(0, 0, 0, 0), 0px 69px 19px 0px rgba(0, 0, 0, 0);
    background-color: var(--color-white);
    border: 0.5px solid var(--color-gray-100);
    max-height: calc(100dvh - var(--header-height, 0px) - 160px);
    overflow: auto;
}
@media only screen and (min-width: 1023px) {
    .menu-card {
        scrollbar-track-color: #f6f5f4;
        scrollbar-face-color: #d8d4d0;
        scrollbar-arrow-color: #d8d4d0;
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */
    }
    .menu-card::-webkit-scrollbar {
        width: 0px;
    }
    .menu-card ::-webkit-scrollbar-track {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #f6f5f4;
    }
    .menu-card ::-webkit-scrollbar-thumb:window-inactive {
        background: #e7e5e2;
    }
    .menu-card::-webkit-scrollbar-thumb {
        background: #d8d4d0;
        width: 0px;
        border-radius: 10px;
    }
    .menu-card::-webkit-scrollbar-thumb:hover {
        background: #dedbd7;
    }
    .menu-card ::-webkit-scrollbar {
        width: 0px;
    }
}
.menu-card--without-card {
    max-width: 354px;
}
.menu-card__card, .menu-card__nav {
    display: flex;
    gap: 24px;
    flex-direction: column;
}
@media only screen and (max-width: 1200px) {
    .menu-card__card, .menu-card__nav {
        gap: 16px;
    }
}
.menu-card__nav {
    padding: 20px;
    flex: auto;
}
.menu-card__nav-list {
    display: grid;
    grid-gap: 12px;
}
@media only screen and (max-width: 1200px) {
    .menu-card__nav-list {
        grid-gap: 8px;
    }
}
.menu-card__nav-link {
    transition: color 0s ease;
}
.menu-card__nav-link:hover {
    color: var(--color-gray-950);
}
.menu-card__card {
    width: 360px;
    flex-shrink: 0;
    background-color: var(--color-gray-50);
    border: 0.5px solid var(--color-gray-100);
    padding: 20px;
    align-self: flex-start;
}
.menu-card__button {
    margin-top: auto;
}
.menu-card .recipe-card {
    max-width: 100%;
}
@media only screen and (max-width: 1200px) {
    .menu-card .recipe-card__image {
        padding-bottom: 70%;
    }
}
.menu-slider__item--featured .menu-slider__item-image::after, .menu-slider__item--featured-large .menu-slider__item-image::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.menu-slider {
    position: absolute;
    left: 0;
    width: 100%;
}
@media only screen and (min-width: 1023px) {
    .menu-slider {
        pointer-events: none;
        overflow: hidden;
        top: 100%;
        transition: opacity 0.3s ease, visibility 0.3s ease, top 0.3s ease;
    }
}
@media only screen and (max-width: 1022px) {
    .menu-slider {
        width: calc(100% + 32px);
        margin-left: -16px;
        top: 52px;
    }
}
@media only screen and (min-width: 1023px) {
    .menu-slider__white-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 188px;
        z-index: 2;
        background-color: var(--color-white);
    }
}
@media only screen and (min-width: 1023px) {
    .menu-slider .container {
        pointer-events: none;
        position: relative;
        z-index: 3;
    }
}
.menu-slider__overlay {
    pointer-events: all;
    position: fixed;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.3);
    left: 0;
    width: 100%;
    top: var(--header-height, 172px);
    height: calc(100% - var(--header-height, 172px));
    transition: opacity 0.3s, visibility 0.3s, top 0.3s;
    opacity: 0;
    visibility: hidden;
}
@media only screen and (max-width: 1022px) {
    .menu-slider__overlay {
        display: none;
    }
}
.header-main--homepage .menu-slider__overlay {
    display: none;
}
@media only screen and (min-width: 1023px) {
    .is-scrolled .header-main--homepage .menu-slider__overlay {
        display: block;
    }
}
.menu-slider__item {
    width: 128px;
    position: relative;
    display: grid;
    grid-gap: 10px;
    transition: transform 160ms var(--easing-spring-slow);
}
@media only screen and (max-width: 1022px) {
    .menu-slider__item {
        width: 110px;
    }
}
.menu-slider__item-title {
    line-height: 1.1;
}
.menu-slider__item-background {
    width: 328px;
    display: none;
    z-index: 2;
}
@media only screen and (max-width: 1022px) {
    .menu-slider__item-background {
        width: 128px;
    }
}
.menu-slider__item-image {
    border-radius: 20px;
    width: 100%;
    height: 128px;
    overflow: hidden;
    position: relative;
    align-items: flex-end;
    transition: background-color 180ms var(--easing-spring-slow), transform 50ms var(--easing-spring-slow);
}
.menu-slider__item-image-inner img {
    object-position: center top;
    position: absolute;
    bottom: 0;
    width: auto;
    left: 50%;
    transform: translate(-50%, 42px);
    z-index: 3;
    transition: transform 180ms var(--easing-spring-slow);
    max-height: inherit;
    height: 162px;
}
.menu-slider__item:hover .menu-slider__item-image {
    background-color: var(--color-gray-100);
}
.menu-slider__item:hover .menu-slider__item-image-inner img {
    transform: translate(-50%, 32px);
}
.menu-slider__item.full-image .menu-slider__item-image-inner img, .menu-slider__item:has(.full-image) .menu-slider__item-image-inner img {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
    object-fit: cover;
}
.menu-slider__item.full-image:hover .menu-slider__item-image-inner img, .menu-slider__item:has(.full-image):hover .menu-slider__item-image-inner img {
    transform: scale(1.05);
}
.menu-slider__item--featured .menu-slider__item-background, .menu-slider__item--featured-large .menu-slider__item-background {
    display: block;
}
.menu-slider__item--featured .menu-slider__item-image, .menu-slider__item--featured-large .menu-slider__item-image {
    background-color: var(--color-yellow);
}
.menu-slider__item--featured .menu-slider__item-image::after, .menu-slider__item--featured-large .menu-slider__item-image::after {
    z-index: 1;
    opacity: 1;
    background: linear-gradient(96.67deg, #fff200 0%, #ffe900 100%);
    transition: opacity 180ms var(--easing-spring-slow);
}
.menu-slider__item--featured:hover .menu-slider__item-image, .menu-slider__item--featured-large:hover .menu-slider__item-image {
    background-color: var(--color-yellow);
}
.menu-slider__item--featured:hover .menu-slider__item-image::after, .menu-slider__item--featured-large:hover .menu-slider__item-image::after {
    opacity: 0;
}
@media only screen and (min-width: 1023px) {
    .menu-slider__item--featured-large {
        width: 328px;
    }
}
.menu-slider__item:active {
    transform: scale(0.95);
}
@media only screen and (min-width: 1023px) {
    .menu-slider__slider {
        overflow: hidden !important;
        pointer-events: none;
        height: calc(100dvh - var(--header-height, 0px));
    }
}
@media only screen and (max-width: 1022px) {
    .menu-slider__slider {
        height: 185px;
    }
}
@media (min-width: 1024px) and (max-width: 1599px) {
    .menu-slider__slider {
        overflow: visible !important;
    }
}
@media (min-width: 1600px) {
    .menu-slider__slider {
        width: calc(100% + 48px);
        margin-left: -24px;
        padding: 0 24px;
    }
}
@media only screen and (min-width: 1023px) {
    .menu-slider__slider::after, .menu-slider__slider::before {
        content: "";
        position: absolute;
        top: 0;
        height: 188px !important;
        width: 24px;
        z-index: 5;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
        transition: opacity 0.3s ease;
        visibility: hidden;
    }
}
@media (min-width: 1024px) and (max-width: 1599px) {
    .menu-slider__slider::after, .menu-slider__slider::before {
        width: calc(50vw - 50%);
    }
}
.menu-slider__slider::before {
    left: 0;
    transform: scaleX(-1);
    display: none;
}
.page-loaded .menu-slider__slider::before {
    display: block;
}
@media (min-width: 1024px) and (max-width: 1599px) {
    .menu-slider__slider::before {
        left: 0;
        transform-origin: left;
    }
}
.menu-slider__slider::after {
    right: 0;
}
@media (min-width: 1024px) and (max-width: 1599px) {
    .menu-slider__slider::after {
        right: initial;
        left: 100%;
        transform-origin: right;
    }
}
.menu-slider .swiper-slide {
    width: auto;
    height: auto;
    padding-right: 10px;
    pointer-events: all;
}
.menu-slider .swiper-slide:nth-last-of-type(-n + 4) .menu-slider__dropdown {
    left: auto;
    right: 0;
}
.menu-slider .swiper-slide.is-last-visible .menu-slider__dropdown {
    left: auto;
    right: 0;
}
.menu-slider .swiper-slide.is-last-middle .menu-slider__dropdown {
    left: 50%;
    right: initial;
    transform: translate(-50%, 20px) !important;
}
.menu-slider .swiper-slide.swiper-slide-visible.is-last-visible:not(.swiper-slide-fully-visible) .menu-slider__dropdown {
    right: 65px;
}
.menu-slider .swiper-slide.is-open .menu-slider__dropdown {
    opacity: 1;
    z-index: 10;
    visibility: visible;
    transform: translate(0, 0);
}
.menu-slider .swiper-slide.is-open.is-last-middle .menu-slider__dropdown {
    transform: translate(-50%, 0) !important;
}
.menu-slider .swiper-wrapper {
    pointer-events: none;
    overflow: visible;
    align-items: flex-start;
    gap: 0;
}
.menu-slider .swiper-scrollbar {
    margin: 0;
    position: absolute;
    top: 170px;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 0;
}
@media only screen and (max-width: 1022px) {
    .menu-slider .swiper-scrollbar {
        opacity: 0;
    }
}
@media (min-width: 1600px) {
    .menu-slider .swiper-scrollbar {
        left: 24px;
        width: calc(100% - 48px);
    }
}
.menu-slider__dropdown {
    position: absolute;
    top: 100%;
    padding-top: 16px;
    left: 0;
    width: 708px;
    z-index: 6;
    opacity: 0;
    transform: translate(0, 20px);
    visibility: hidden;
    transition: visibility 180ms var(--easing-spring-slow), opacity 180ms var(--easing-spring-slow), transform 180ms var(--easing-spring-slow);
}
@media only screen and (max-width: 1022px) {
    .menu-slider__dropdown {
        display: none;
    }
}
.menu-slider__dropdown--small {
    width: 354px;
}
.menu-slider__button {
    height: 128px;
    width: 266px;
    background-color: var(--color-gray-50);
    border: 0.5px solid var(--color-gray-100);
    border-radius: 24px;
}
.menu-slider .slider-nav__arrow {
    top: 50px;
    transform: translate(0, 0);
}
@media (min-width: 1600px) {
    .menu-slider .slider-nav__arrow.arrow-left {
        left: 24px;
    }
}
@media (min-width: 1600px) {
    .menu-slider .slider-nav__arrow.arrow-right {
        right: 24px;
    }
}
.message-popup {
    position: relative;
}
.message-popup__icon {
    width: 124px;
    height: 124px;
    position: relative;
    margin-left: auto;
    padding: 38px 0 0 38px;
}
.message-popup__icon img {
    position: relative;
    width: 64px;
    height: 64px;
    max-width: 100%;
    max-height: 100%;
    z-index: 3;
}
.message-popup__icon-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.message-popup__popup {
    width: 288px;
    height: 352px;
    margin-right: 22px;
    margin-bottom: -75px;
    position: relative;
    z-index: 3;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 28px 34px 96px 52px;
}
.message-popup__popup-inner {
    color: var(--color-black);
    max-width: 200px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    height: 100%;
    justify-content: center;
}
.message-popup__popup-content {
    display: grid;
    grid-gap: 2px;
}
.message-popup__popup-text {
    letter-spacing: 0.02em;
}
.message-popup__popup-star {
    max-width: 40px;
    width: 100%;
    height: 48px;
}
.message-popup__popup-star img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.message-popup__popup-gift {
    max-width: 108px;
    width: 100%;
    height: 70px;
}
.message-popup__popup-gift img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1002;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    will-change: opacity, visibility;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media only screen and (min-width: 1023px) {
    .modal {
        scrollbar-track-color: black;
        scrollbar-face-color: rgba(0, 0, 0, 0.6);
        scrollbar-arrow-color: rgba(0, 0, 0, 0.6);
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */
    }
    .modal::-webkit-scrollbar {
        width: 4px;
    }
    .modal ::-webkit-scrollbar-track {
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: black;
    }
    .modal ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(0, 0, 0, 0.8);
    }
    .modal::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.6);
        width: 4px;
        border-radius: 5px;
    }
    .modal::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.68);
    }
    .modal ::-webkit-scrollbar {
        width: 4px;
    }
}
.modal.is-open-modal {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.modal__overlay {
    position: fixed;
    pointer-events: all;
    background-color: rgba(0, 0, 0, 0.6);
}
.modal__inner {
    max-width: 950px;
    width: 100%;
    margin: auto;
    background-color: var(--color-white);
    position: relative;
    z-index: 4;
    padding: 40px;
    transform: scale(0.5);
    will-change: transform;
    transition: transform 0.3s ease;
}
@media only screen and (max-width: 1200px) {
    .modal__inner {
        max-width: 700px;
        padding: 40px;
    }
}
@media only screen and (max-width: 1022px) {
    .modal__inner {
        padding: 40px 30px;
        max-width: calc(100% - 100px);
        border-radius: 10px;
    }
}
@media only screen and (max-width: 767px) {
    .modal__inner {
        max-width: 100%;
        border-radius: 6px;
        padding: 35px 16px;
    }
}
.is-open-modal .modal__inner {
    transform: scale(1);
}
.modal__close {
    position: absolute;
    right: 34px;
    top: 22px;
    color: var(--color-gray-950);
}
@media only screen and (max-width: 1200px) {
    .modal__close {
        top: 20px;
        right: 20px;
    }
}
@media only screen and (max-width: 1022px) {
    .modal__close {
        top: 16px;
        right: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .modal__close {
        top: 14px;
        right: 10px;
    }
}
.modal__close .icon {
    transition: transform 0.4s ease;
}
.modal__close:hover .icon {
    transform: scale(0.9);
}
.modal__close:hover .icon::before {
    background-color: var(--color-primary);
}
.modal .editor-text strong {
    font-weight: 500;
    color: var(--color-gray-950);
}
.modal .editor-text ul {
    display: grid;
    grid-gap: 20px;
}
@media only screen and (max-width: 767px) {
    .modal .editor-text ul {
        grid-gap: 10px;
    }
}
.modal .editor-text ul li {
    padding-left: 16px;
    font-weight: 300;
}
@media only screen and (max-width: 767px) {
    .modal .editor-text ul li {
        padding-left: 18px;
        font-weight: 400;
    }
}
.modal .editor-text ul li::before {
    top: 0.5em;
}
@media only screen and (max-width: 1022px) {
    .modal .editor-text ul li::before {
        width: 4px;
        height: 4px;
    }
}
@media only screen and (max-width: 767px) {
    .modal .editor-text ul li::before {
        width: 3px;
        height: 3px;
        left: 8px;
    }
}
.modal .editor-text img {
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 20px;
    margin-top: 15px;
}
@media only screen and (max-width: 1022px) {
    .modal .editor-text img {
        border-radius: 12px;
    }
}
@media only screen and (max-width: 767px) {
    .modal .editor-text img {
        border-radius: 8px;
    }
}
.modal .editor-text img:first-child {
    margin-top: 0;
}
.modal .editor-text table {
    border: 0;
    text-align: center;
}
.modal .editor-text table thead tr {
    border: 0;
}
.modal .editor-text table tr {
    border-bottom-color: var(--color-text);
}
.modal .editor-text table tbody {
    padding-top: 10px;
}
.modal .editor-text table th {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1;
    color: var(--color-white);
    background-color: var(--color-primary);
}
@media only screen and (max-width: 1022px) {
    .modal .editor-text table th {
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .modal .editor-text table th {
        font-size: 12px;
        padding: 8px;
    }
}
.modal .editor-text table th:first-child {
    border-radius: 10px 0 0 10px;
}
@media only screen and (max-width: 767px) {
    .modal .editor-text table th:first-child {
        border-radius: 6px 0 0 6px;
    }
}
.modal .editor-text table th:last-child {
    border-radius: 0 10px 10px 0;
}
@media only screen and (max-width: 767px) {
    .modal .editor-text table th:last-child {
        border-radius: 0 6px 6px 0;
    }
}
.modal .editor-text table th,
.modal .editor-text table td {
    border: 0;
}
.modal .editor-text table th:not(:first-child),
.modal .editor-text table td:not(:first-child) {
    border: 0;
}
.modal .editor-text table td {
    padding: 0.61em;
    font-size: 14px;
    line-height: 1;
}
@media only screen and (max-width: 767px) {
    .modal .editor-text table td {
        font-size: 9px;
        padding: 6px;
    }
}
.modal__header {
    margin-bottom: 48px;
}
@media only screen and (max-width: 1022px) {
    .modal__header {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .modal__header {
        font-size: 14px;
        margin-bottom: 25px;
    }
}

.login-modal {
    text-align: center;
}
.login-modal .title {
    margin-bottom: 20px;
}
.login-modal .modal__inner {
    padding: 60px;
    max-width: 480px;
}
.login-modal .form-component__form {
    max-width: 460px;
}
.login-modal .fv-plugins-message-container,
.login-modal .validation-message {
    text-align: left;
}
.newsletter-card {
    max-width: 450px;
    width: 100%;
    border-radius: 32px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    min-height: 560px;
    position: relative;
    border: 0.5px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 1200px) {
    .newsletter-card {
        min-height: 1px;
    }
}
@media only screen and (max-width: 1022px) {
    .newsletter-card {
        min-height: 380px;
    }
}
.newsletter-card .title {
    line-height: 1.2;
    position: relative;
    z-index: 3;
}
@media only screen and (max-width: 1022px) {
    .newsletter-card .title {
        font-size: 30px;
        letter-spacing: -0.01em;
    }
}
.newsletter-card .title strong {
    position: relative;
}
.newsletter-card .title strong::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-43%, -50%);
    width: 129%;
    height: 126%;
    z-index: -1;
    background: var(--data-newsletter-highlight) no-repeat center/100% 100%;
}
@media only screen and (max-width: 1022px) {
    .newsletter-card .title strong::before {
        transform: translate(-42%, -48%);
        width: 130%;
        height: 112%;
    }
}
.newsletter-card__text {
    opacity: 0.7;
}
.newsletter-card__header {
    display: grid;
    grid-gap: 8px;
}
.newsletter-card__form {
    margin-top: auto;
}
.newsletter-card__illustration {
    max-width: 195px;
    width: 100%;
    margin-left: auto;
    height: 200px;
}
@media only screen and (max-width: 1022px) {
    .newsletter-card__illustration {
        display: none;
    }
}
.newsletter-card__illustration img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.newsletter-card .form-component__success {
    gap: 0;
}
.notify-input .mod-input label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    visibility: inherit;
    clip: rect(0, 0, 0, 0);
}

.notify-input {
    max-width: 450px;
    width: 100%;
}
.notify-input__title {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
    .notify-input__title {
        margin-bottom: 24px;
    }
}
.notify-input__title .icon {
    flex-shrink: 0;
}
.notify-input__title::after, .notify-input__title::before {
    content: "";
    position: relative;
    height: 0.5px;
    background-color: var(--color-gray-100);
    flex: auto;
    min-width: 20px;
    flex-shrink: 0;
}
.notify-input__title::before {
    margin-right: 12px;
}
.notify-input__title::after {
    margin-left: 12px;
}
.notify-input__label {
    margin-bottom: 10px;
}
.notify-input__input {
    position: relative;
}
.notify-input .mod-input {
    margin-bottom: 0;
}
.notify-input .mod-input__field {
    padding-right: 110px;
    height: 48px;
}
.notify-input .btn {
    position: absolute;
    top: 5px;
    right: 6px;
    z-index: 4;
    padding: 4px 14px 4px 22px;
}
.occasion-card__image::before, .occasion-card__image::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.occasion-card {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 1392px;
    height: 452px;
    border-radius: 32px;
    width: 100%;
    overflow: hidden;
    padding: 32px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 1022px) {
    .occasion-card {
        height: 560px;
        border-radius: 24px;
        padding: 24px;
    }
}
.occasion-card__image::before, .occasion-card__image::after {
    z-index: 1;
}
.occasion-card__image::before {
    border: 0.5px solid rgba(255, 255, 255, 0.2);
}
.occasion-card__image::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.occasion-card__image img {
    transform: scale(1.00001);
    transition: transform 300ms var(--easing-slow);
}
.occasion-card__image--empty {
    background-color: rgba(255, 255, 255, 0.5);
}
.occasion-card__content {
    position: relative;
    z-index: 3;
    align-items: flex-start;
}
.occasion-card__content-bottom {
    margin-top: auto;
}
.occasion-card .title--h3, .occasion-card__title {
    margin-bottom: 6px;
    color: var(--color-white);
}
@media only screen and (max-width: 767px) {
    .occasion-card .title--h3, .occasion-card__title {
        margin-bottom: 4px;
        font-size: 30px;
    }
}
.occasion-card__text {
    opacity: 0.6;
}
@media only screen and (max-width: 767px) {
    .occasion-card__text {
        font-size: 14px;
    }
}
.occasion-card .btn {
    margin-top: 12px;
}
@media only screen and (max-width: 767px) {
    .occasion-card .btn {
        margin-top: 15px;
    }
}
.occasion-card__illustration {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 197px;
    height: 282px;
    z-index: 2;
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='197' height='282' fill='none'%3E%3Cpath fill='%23FFF200' d='M185.948 254.375c-8.256 32.87-46.092 35.096-67.31 13.468-4.418-4.505-7.88-9.83-11.45-15.033-13.13-19.182-27.95-41.855-39.159-62.147-16.118-29.158-32.004-58.479-47.931-87.717C8.365 81.438-6.19 69.955 2.79 43.604 13.197 13.064 48.245.332 75.01-12.502c25.205-12.08 43.894-25.282 72.942-15.944 36.015 11.597 69.265 61.705 72.181 98.544 2.183 27.677-17.674 56.348-39.73 71.613-13.654 9.431-31.342 17.5-21.766 38.318 11.035 23.964 34.232 46.802 27.324 74.369l-.013-.023Z'/%3E%3C/svg%3E") no-repeat center/contain;
}
@media only screen and (max-width: 1022px) {
    .occasion-card__illustration {
        width: 162px;
        height: 232px;
    }
}
.occasion-card__illustration img {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 146px;
    max-width: 146px;
    max-height: 100%;
    object-fit: contain;
}
@media only screen and (max-width: 1022px) {
    .occasion-card__illustration img {
        width: 120px;
        max-width: 120px;
        top: 12px;
        right: 20px;
    }
}
.occasion-card .tag--video {
    margin-bottom: 12px;
}
.occasion-card:hover .occasion-card__image img {
    transform: scale(1.04);
}
.occasion-card:hover .btn--default {
    background-color: var(--color-yellow-hover);
}
.occasion-card:hover .btn--dark {
    background-color: var(--color-black);
}
.occasion-card--small {
    max-width: 686px;
}
@media only screen and (max-width: 1022px) {
    .occasion-card--small {
        height: 380px;
    }
}
.occasion-card--small .title--h3,
.occasion-card--small .occasion-card__title {
    font-size: 36px;
}
@media only screen and (max-width: 1022px) {
    .occasion-card--small .title--h3,
    .occasion-card--small .occasion-card__title {
        font-size: 30px;
    }
}
.occasion-card--large-height {
    max-width: 686px;
    padding: 24px;
}
@media only screen and (min-width: 1201px) {
    .occasion-card--large-height {
        height: 560px;
    }
}
@media only screen and (min-width: 1023px) {
    .occasion-card--large-height .btn {
        margin-top: 6px;
    }
}
.occasion-card--secondary {
    max-width: 451px;
    height: auto;
    min-height: 1px;
    padding: 0;
    background: var(--color-yellow-gradient);
    color: var(--color-gray-950);
    display: flex;
    flex-direction: column;
}
@media only screen and (max-width: 1022px) {
    .occasion-card--secondary {
        min-height: 380px;
    }
}
.occasion-card--secondary .tag {
    position: absolute;
    top: 32px;
    left: 32px;
    z-index: 3;
}
@media only screen and (max-width: 1022px) {
    .occasion-card--secondary .tag {
        top: 24px;
        left: 24px;
    }
}
.occasion-card--secondary .occasion-card__image {
    position: relative;
    height: 0;
    padding-bottom: 84%;
    z-index: 2;
    flex: auto;
}
@media only screen and (max-width: 1022px) {
    .occasion-card--secondary .occasion-card__image {
        padding-bottom: 62%;
    }
}
.occasion-card--secondary .occasion-card__image::after, .occasion-card--secondary .occasion-card__image::before {
    display: none;
}
.occasion-card--secondary .occasion-card__content {
    padding: 32px;
}
@media only screen and (max-width: 1022px) {
    .occasion-card--secondary .occasion-card__content {
        padding: 24px;
    }
}
.occasion-card--secondary .occasion-card .title--h4,
.occasion-card--secondary .occasion-card__title {
    margin-bottom: 2px;
    color: var(--color-gray-950);
}
@media only screen and (max-width: 1022px) {
    .occasion-card--secondary .occasion-card .title--h4,
    .occasion-card--secondary .occasion-card__title {
        font-size: 30px;
        letter-spacing: -0.01em;
    }
}
.occasion-card--secondary .occasion-card__text {
    opacity: 0.7;
}
.occasion-card--secondary .btn {
    margin-top: 16px;
}
.occasion-card--bg-gray {
    background: var(--color-gray-50);
}
.order-list {
    width: 100%;
    padding: 20px 0;
}
.order-list__inner {
    display: grid;
    grid-gap: 20px;
}
@media only screen and (max-width: 1022px) {
    .order-list__inner {
        grid-gap: 16px;
    }
}
.order-list__item {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 0.5px solid var(--color-gray-100);
}
@media only screen and (max-width: 1022px) {
    .order-list__item {
        display: block;
        padding-bottom: 16px;
    }
}
.order-list__item-left {
    width: 100%;
    max-width: 350px;
    display: grid;
}
@media only screen and (max-width: 1022px) {
    .order-list__item-left {
        max-width: 100%;
        margin-bottom: 6px;
    }
}
.order-list__item-content {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 100px;
}
@media only screen and (max-width: 767px) {
    .order-list__amount {
        text-align: right;
    }
}
.order-list__read-more {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0 20px;
    width: 100%;
    transition: transform 0.3s ease;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    position: relative;
    z-index: 3;
    margin-top: -60px;
    height: 60px;
}
.order-list__read-more .icon {
    pointer-events: none;
    width: 20px;
    transition: transform 0.3s ease;
}
.order-list__read-more .icon::before {
    background-color: var(--color-gray-950);
}
.order-list__empty {
    padding: 100px 0;
    max-width: 400px;
}
@media only screen and (max-width: 767px) {
    .order-list__empty {
        padding: 14px 0;
    }
}
.order-list__empty-icon {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin: 0 auto 16px;
}
.pagination {
    position: relative;
    text-align: center;
    width: 100%;
    flex-direction: column;
}
.pagination nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}
@media only screen and (max-width: 767px) {
    .pagination nav {
        gap: 4px;
    }
}
@media (max-width: 380px) {
    .pagination nav {
        gap: 2px;
    }
}
.pagination .page-numbers {
    width: 36px;
    height: 36px;
    transition: background-color 0.3s var(--easing-default), color 0.3s var(--easing-default), transform 0.3s var(--easing-default);
    line-height: 1;
    border-radius: 100%;
    gap: 10px;
}
.pagination .page-numbers .icon {
    pointer-events: none;
    transition: transform 0.3s var(--easing-default);
}
@media only screen and (min-width: 1023px) {
    .pagination .page-numbers.next, .pagination .page-numbers.prev {
        padding: 4px 16px;
        width: auto;
        border-radius: 50px;
        background-color: transparent;
    }
}
@media only screen and (max-width: 1022px) {
    .pagination .page-numbers.next span, .pagination .page-numbers.prev span {
        display: none;
    }
}
@media only screen and (min-width: 1023px) {
    .pagination .page-numbers.prev {
        padding-left: 8px;
    }
}
@media only screen and (max-width: 1022px) {
    .pagination .page-numbers.prev {
        margin-right: 20px;
    }
}
@media only screen and (min-width: 1023px) {
    .pagination .page-numbers.next {
        padding-right: 8px;
    }
}
@media only screen and (max-width: 1022px) {
    .pagination .page-numbers.next {
        margin-left: 20px;
    }
}
.pagination .page-numbers[href]:hover, .pagination .page-numbers.is-active {
    background-color: var(--color-gray-50);
}
.pagination .page-numbers.is-active {
    background-color: var(--color-gray-100);
    pointer-events: none;
}
.pagination .page-numbers:active {
    background-color: var(--color-gray-100);
    transform: scale(0.98);
}
.pagination .page-numbers.is-disabled {
    pointer-events: none;
}
.pagination__footer {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 0.5px solid var(--color-gray-100);
    gap: 10px;
    width: 100%;
}
.pagination__footer-label {
    flex-shrink: 0;
}
.pagination .dropdown {
    width: auto;
}
.pagination .dropdown__placeholder {
    padding: 6px 16px 6px 14px;
    min-width: 66px;
}
.pagination .dropdown__placeholder-text {
    padding-right: 12px;
    text-align: left;
}
.pagination .dropdown__placeholder .icon {
    right: 6px;
}
.pagination .dropdown__list {
    width: 100px;
}
@media only screen and (max-width: 1022px) {
    .pagination .dropdown__list {
        width: 85px;
        border-radius: 12px;
        left: 50%;
        transform: translateX(-50%);
    }
}
.party-pack-items {
    width: 100%;
}
.party-pack-items__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
    .party-pack-items__header {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}
@media only screen and (max-width: 767px) {
    .party-pack-items__header .title {
        font-size: 18px;
    }
}
.party-pack-items .recipe-small-card {
    max-width: 100%;
}
.party-pack-items__inner {
    display: grid;
    grid-gap: 10px;
}
@media only screen and (max-width: 1022px) {
    .party-pack-items__inner {
        grid-gap: 8px;
    }
}
.party-pack-items__price {
    display: flex;
    align-items: center;
    gap: 20px;
}
@media only screen and (max-width: 1022px) {
    .party-pack-items__price {
        width: 100%;
        justify-content: space-between;
    }
}
.party-pack-items__price-label {
    min-width: 100px;
}
@media only screen and (max-width: 1022px) {
    .party-pack-items__price .title {
        font-size: 30px;
    }
}
@media only screen and (max-width: 1022px) {
    .party-pack-items__price-info {
        width: 100%;
    }
}
.party-pack-items__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 16px;
}
@media only screen and (max-width: 1022px) {
    .party-pack-items__footer {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
}
.party-pack-items__save {
    border-top: 0.5px solid var(--color-gray-100);
    padding-top: 8px;
    margin-top: 8px;
}
.party-pack-items__save-amount {
    background-color: rgba(13, 177, 75, 0.15);
    border: 1px solid rgba(13, 177, 75, 0.1);
    padding: 2px 8px;
    border-radius: 30px;
}
@charset "UTF-8";
.product-card__image .product-image-group {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    top: 0;
    pointer-events: none;
}

.product-card:hover .product-image-group--1-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-card:hover .product-image-group--1-items .product-image-group__item img {
    transform: translate(-50%, calc(16% - 10px));
}

.product-card:hover .product-image-group--2-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-card:hover .product-image-group--2-items .product-image-group__item--1 {
    transform: rotate(-5deg) translate(8%, 15%);
}
.product-card:hover .product-image-group--2-items .product-image-group__item--2 {
    transform: rotate(5deg) translate(-13%, -13%);
}

.product-card:hover .product-image-group--3-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-card:hover .product-image-group--3-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(20%, -16%);
}
.product-card:hover .product-image-group--3-items .product-image-group__item--2 {
    transform: rotate(-3deg) translate(58%, 14%);
}
.product-card:hover .product-image-group--3-items .product-image-group__item--3 {
    transform: rotate(15deg) translate(-26%, -16%);
}

.product-card:hover .product-image-group--4-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-card:hover .product-image-group--4-items .product-image-group__item--1 {
    transform: rotate(-5deg) translate(18%, -17%);
}
.product-card:hover .product-image-group--4-items .product-image-group__item--2 {
    transform: rotate(-10deg) translate(14%, 22%);
}
.product-card:hover .product-image-group--4-items .product-image-group__item--3 {
    transform: rotate(10deg) translate(-14%, 25%);
}
.product-card:hover .product-image-group--4-items .product-image-group__item--4 {
    transform: rotate(0deg) translate(-18%, -14%);
}

.product-card:hover .product-image-group--5-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-card:hover .product-image-group--5-items .product-image-group__item--1 {
    transform: rotate(5deg) translate(9%, -15%);
}
.product-card:hover .product-image-group--5-items .product-image-group__item--2 {
    transform: rotate(-5deg) translate(12%, 18%);
}
.product-card:hover .product-image-group--5-items .product-image-group__item--3 {
    transform: rotate(15deg) translate(-11%, 25%);
}
.product-card:hover .product-image-group--5-items .product-image-group__item--4 {
    transform: rotate(-5deg) translate(-18%, -16%);
}
.product-card:hover .product-image-group--5-items .product-image-group__item--5 {
    transform: rotate(-2deg) translate(38%, 46%);
}

.product-card:hover .product-image-group--6-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-card:hover .product-image-group--6-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(22%, -12%);
}
.product-card:hover .product-image-group--6-items .product-image-group__item--2 {
    transform: rotate(-15deg) translate(-16%, 112%);
}
.product-card:hover .product-image-group--6-items .product-image-group__item--3 {
    transform: rotate(-5deg) translate(92%, 20%);
}
.product-card:hover .product-image-group--6-items .product-image-group__item--4 {
    transform: rotate(15deg) translate(-10%, 34%);
}
.product-card:hover .product-image-group--6-items .product-image-group__item--5 {
    transform: rotate(10deg) translate(-22%, -12%);
}
.product-card:hover .product-image-group--6-items .product-image-group__item--6 {
    transform: rotate(-2deg) translate(40%, 45%);
}

.product-card:hover .product-image-group--7-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-card:hover .product-image-group--7-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(22%, -12%);
}
.product-card:hover .product-image-group--7-items .product-image-group__item--2 {
    transform: rotate(-15deg) translate(-16%, 112%);
}
.product-card:hover .product-image-group--7-items .product-image-group__item--3 {
    transform: rotate(-5deg) translate(92%, 20%);
}
.product-card:hover .product-image-group--7-items .product-image-group__item--4 {
    transform: rotate(15deg) translate(-10%, 34%);
}
.product-card:hover .product-image-group--7-items .product-image-group__item--5 {
    transform: rotate(-6deg) translate(-30%, 130%);
}
.product-card:hover .product-image-group--7-items .product-image-group__item--6 {
    transform: rotate(10deg) translate(-22%, -12%);
}
.product-card:hover .product-image-group--7-items .product-image-group__item--7 {
    transform: rotate(-2deg) translate(40%, 45%);
}

.product-card {
    position: relative;
    max-width: 334px;
    width: 100%;
    transition: transform 160ms var(--easing-spring-slow);
    padding-bottom: 2px;
}
.product-card__image {
    position: relative;
    height: 338px;
    margin-bottom: 0;
}
.product-card__image-inner {
    position: absolute;
    top: 10px;
    width: calc(100% - 20px);
    left: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}
@media only screen and (max-width: 1022px) {
    .product-card__image .product-image-group:not(.product-image-group--1-items) {
        height: 0;
        padding-bottom: 100%;
        top: 50%;
        transform: translateY(-50%);
    }
}
.product-card__image .product-image-group--5-items .product-image-group__item--5 {
    transform: rotate(2deg) translate(50%, 54%);
}
@media only screen and (min-width: 1201px) {
    .product-card__image .product-image-group--5-items .product-image-group__item--5 {
        width: 160px;
        height: 162px;
    }
}
.product-card__image .product-image-group--6-items .product-image-group__item--6 {
    transform: rotate(2deg) translate(54%, 54%);
}
@media only screen and (min-width: 1201px) {
    .product-card__image .product-image-group--6-items .product-image-group__item--6 {
        width: 160px;
        height: 162px;
    }
}
.product-card__quantity-badge {
    position: absolute;
    right: 12px;
    top: 0;
    z-index: 5;
    color: var(--color-white);
    font-size: 36px;
    width: 78px;
    height: 78px;
    border-radius: 100%;
    background-color: var(--color-red);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1019607843), 0px 4px 4px 0px rgba(0, 0, 0, 0.0901960784), 0px 9px 6px 0px rgba(0, 0, 0, 0.0509803922), 0px 17px 7px 0px rgba(0, 0, 0, 0.0117647059), 0px 26px 7px 0px rgba(0, 0, 0, 0);
    transform: rotate(25deg);
    pointer-events: none;
}
@media only screen and (max-width: 1022px) {
    .product-card__quantity-badge {
        right: 0;
    }
}
.product-card .gift {
    position: absolute;
    bottom: 16px;
    right: 16px;
    z-index: 2;
    pointer-events: none;
}
.product-card .gift-wrapping {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 3;
    pointer-events: none;
    transform: translateZ(0);
    will-change: transform;
}
.product-card__body {
    padding: 0 10px;
}
.product-card__row {
    padding: 12px 0;
    border-bottom: 0.5px solid var(--color-gray-100);
}
@media only screen and (max-width: 1022px) {
    .product-card__row {
        padding: 8px 0;
    }
}
.product-card__row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.product-card__details {
    display: grid;
}
.product-card__top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-card .wishlist-button {
    z-index: 4;
    margin-left: auto;
    transform: translateZ(0);
    will-change: transform;
}
.product-card__delivery-info {
    display: flex;
    align-items: center;
    gap: 6px;
}
.product-card__delivery-info .icon {
    width: 12px;
    height: 12px;
}
.product-card__info {
    display: inline;
}
.product-card__info:not(:last-child)::after {
    content: "•";
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    display: inline-block;
    margin: 0 8px;
}
.product-card__info-wrapper {
    margin-top: 8px;
}
@media only screen and (max-width: 1022px) {
    .product-card__info-wrapper {
        margin-top: 4px;
    }
}
.product-card__title {
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product-card__price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.product-card__price .title--h5, .product-card__price-current {
    letter-spacing: normal;
    line-height: 1;
    font-size: 24px;
}
.product-card__old-price {
    margin-top: 8px;
}
@media only screen and (max-width: 1022px) {
    .product-card__old-price {
        margin-top: 5px;
    }
}
.product-card__old-price del {
    color: var(--color-red);
}
.product-card__btn {
    margin-top: 12px;
}
@media only screen and (max-width: 1022px) {
    .product-card__btn {
        margin-top: 6px;
    }
}
.product-card__btn:has(.quantity-counter) {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}
.product-card__btn .btn {
    z-index: 4;
}
.product-card__btn .quantity-counter {
    position: relative;
    z-index: 4;
}
.product-card .tag-list {
    position: relative;
    z-index: 2;
    transform: translateZ(0);
    will-change: transform;
}
.product-card--horizontal {
    max-width: 686px;
}
@media only screen and (min-width: 1023px) {
    .product-card--horizontal {
        display: grid;
        grid-gap: 20px;
        align-items: flex-start;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (min-width: 1023px) {
    .product-card--horizontal .product-card__row {
        padding: 12px 0;
        border-bottom: 0;
    }
}
@media only screen and (min-width: 1023px) {
    .product-card--horizontal .product-card__top-bar {
        border-bottom: 0.5px solid var(--color-gray-100);
    }
}
@media only screen and (min-width: 1023px) {
    .product-card--horizontal .product-card__body {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
}
@media only screen and (min-width: 1023px) {
    .product-card--horizontal .product-card__price-current.title--h5,
    .product-card--horizontal .product-card__price-current {
        font-size: 30px;
        line-height: 1.2;
    }
}
@media only screen and (min-width: 1023px) {
    .product-card--horizontal .product-card__footer {
        margin-top: auto;
    }
}
@media only screen and (min-width: 1023px) {
    .product-card--horizontal .product-card__title {
        font-size: 24px;
        line-height: 1.2;
    }
}
@media only screen and (min-width: 1201px) {
    .product-card--horizontal .product-image-group--5-items .product-image-group__item--5 {
        width: 180px;
        height: 182px;
    }
}
@media only screen and (min-width: 1201px) {
    .product-card--horizontal .product-image-group--6-items .product-image-group__item--6 {
        width: 180px;
        height: 182px;
    }
}
@media only screen and (min-width: 1201px) {
    .product-card--horizontal .product-image-group--7-items .product-image-group__item--7 {
        width: 180px;
        height: 182px;
    }
}
.product-card:hover {
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
}
.product-card:hover .product-image-group--5-items .product-image-group__item--5 {
    transform: rotate(-2deg) translate(48%, 56%);
}
.product-card:hover .product-image-group--6-items .product-image-group__item--6 {
    transform: rotate(-2deg) translate(51%, 55%);
}
.product-card:hover .product-image-group--7-items .product-image-group__item--7 {
    transform: rotate(-2deg) translate(40%, 45%);
}
.product-card:has(.stretched-link:active) {
    transform: scale(0.98);
}
.product-card--image-cropping .product-image-group--1-items {
    border-radius: 16px;
}
.product-card--image-cropping .product-image-group--1-items img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}
.product-card--image-cropping:hover .product-image-group--1-items .product-image-group__item img {
    transform: scale(1.03);
}
.product-card--full-image .product-image-group__item img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    top: 0;
    transform: translate(0, 0) !important;
    left: 0;
    bottom: 0;
    max-height: 100%;
    object-fit: cover;
}
.product-card--full-image:hover .product-image-group__item img {
    transform: scale(1.04) !important;
}
.product-filter {
    width: 100%;
}
.product-filter__row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
    margin-top: 12px;
    border-bottom: 0.5px solid var(--color-gray-100);
}
@media only screen and (max-width: 1022px) {
    .product-filter__row {
        padding-bottom: 16px;
        margin-top: 16px;
        flex-direction: column;
        align-items: flex-start;
    }
}
.product-filter__row:first-child {
    margin-top: 0;
}
@media only screen and (max-width: 1022px) {
    .product-filter__row--selected-items {
        display: none !important;
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__row-inner {
        position: relative;
        width: calc(100% + 40px);
        margin-left: -20px;
    }
}
@media only screen and (max-width: 767px) {
    .product-filter__row-inner {
        width: calc(100% + 32px);
        margin-left: -16px;
    }
}
.product-filter__title {
    width: 98px;
    flex-shrink: 0;
}
@media only screen and (max-width: 1022px) {
    .product-filter__title {
        display: none;
    }
}
.product-filter__category {
    position: relative;
    flex-shrink: 0;
}
.product-filter__category-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    line-height: 1;
}
@media only screen and (max-width: 1022px) {
    .product-filter__category-filter {
        flex-wrap: nowrap;
        overflow: auto;
        padding: 0 20px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .product-filter__category-filter::-webkit-scrollbar {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .product-filter__category-filter {
        padding: 0 16px;
    }
}
.product-filter__category-inner {
    -webkit-user-select: none;
    user-select: none;
    border-radius: 16px;
    border: 0.5px solid var(--color-gray-100);
    padding: 5px 16px 8px 5px;
    min-width: 160px;
    min-height: 56px;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: var(--color-gray-50);
    text-align: center;
    color: var(--color-gray-950);
    margin: 0;
    cursor: pointer;
    transition: background-color 50ms var(--easing-slow), transform 50ms var(--easing-slow), color 50ms var(--easing-slow), border-color 50ms var(--easing-slow);
}
@media only screen and (max-width: 1439px) {
    .product-filter__category-inner {
        min-width: 150px;
    }
}
@media only screen and (max-width: 1200px) {
    .product-filter__category-inner {
        min-width: 135px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__category-inner {
        min-width: 160px;
    }
}
.product-filter__category-inner:hover {
    background-color: var(--color-gray-100);
}
.product-filter__category-text {
    flex: auto;
    margin-top: 4px;
    text-align: left;
    padding-left: 12px;
}
.product-filter__category-image {
    width: 40px;
    height: 40px;
    position: relative;
}
.product-filter__category-image img {
    position: absolute;
    left: 50%;
    transform: translateX(-48%);
    top: -5px;
    width: 68px;
    height: 82px;
    max-width: 68px;
    max-height: 82px;
    object-fit: contain;
}
.product-filter__category--link:active .product-filter__category-inner, .product-filter__category--link:active ~ .product-filter__category-inner,
.product-filter__category input:active .product-filter__category-inner,
.product-filter__category input:active ~ .product-filter__category-inner {
    transform: scale(0.95);
}
.product-filter__category--link.is-active .product-filter__category-inner, .product-filter__category--link:checked ~ .product-filter__category-inner,
.product-filter__category input.is-active .product-filter__category-inner,
.product-filter__category input:checked ~ .product-filter__category-inner {
    background-color: var(--color-gray-950);
    border-color: var(--color-gray-900);
    color: var(--color-white);
}
.product-filter__category--link.is-active .product-filter__category-inner img[src$=".svg"], .product-filter__category--link:checked ~ .product-filter__category-inner img[src$=".svg"],
.product-filter__category input.is-active .product-filter__category-inner img[src$=".svg"],
.product-filter__category input:checked ~ .product-filter__category-inner img[src$=".svg"] {
    filter: invert(1);
}
.product-filter__category--link {
    display: block;
}
@media only screen and (max-width: 1022px) {
    .product-filter__button-group {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: nowrap;
        overflow: auto;
        padding: 0 20px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .product-filter__button-group::-webkit-scrollbar {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .product-filter__button-group {
        padding: 0 16px;
    }
}
.product-filter__button {
    position: relative;
    min-height: 36px;
    border: 0;
    background-color: var(--color-gray-50);
    border-radius: 50px;
    outline: none;
    z-index: 1;
    cursor: pointer;
    padding: 6px 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    color: var(--color-gray-950);
    transition: background-color 45ms ease-out, color 45ms ease-out, transform 50ms var(--easing-slow);
    flex-shrink: 0;
    gap: 10px;
}
.product-filter__button:hover {
    background-color: var(--color-gray-100);
}
.product-filter__button:active {
    transform: scale(0.95);
}
.product-filter__button .icon {
    pointer-events: none;
}
.product-filter__button-count {
    min-width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 2px solid var(--color-white);
    z-index: 3;
    position: absolute;
    right: -1px;
    top: -2px;
    background-color: var(--color-gray-950);
    color: var(--color-white);
    font-size: 10px;
    line-height: 8px;
    text-align: center;
    padding: 2px;
    font-weight: 700;
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        pointer-events: none;
    }
}
@media only screen and (max-width: 767px) {
    .product-filter__filter {
        padding: 0 16px;
    }
}
.product-filter__filter-inner {
    display: flex;
    align-items: center;
    gap: 6px;
}
@media only screen and (min-width: 1023px) {
    .product-filter__filter-inner {
        flex-wrap: wrap;
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter-inner {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 4;
        width: 100%;
        transform: translate(0, 150%);
        transition: transform 500ms var(--easing-default);
    }
}
@media only screen and (min-width: 1023px) {
    .product-filter__filter-wrapper {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        flex: auto;
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter-wrapper {
        width: 100%;
    }
}
.product-filter__filter.is-open-filter {
    pointer-events: all;
}
.product-filter__filter.is-open-filter .product-filter__overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.product-filter__filter.is-open-filter .product-filter__filter-inner {
    transform: translate(0, 0);
}
.product-filter__filter .dropdown {
    width: auto;
    max-width: 200px;
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter .dropdown {
        width: 100%;
        max-width: 100%;
        background-color: var(--color-white);
        z-index: 9;
        border-radius: 24px 24px 0 0;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateY(100%);
        transition: opacity 500ms var(--easing-default), transform 500ms var(--easing-default);
    }
    .product-filter__filter .dropdown.is-active {
        transform: translateY(0);
    }
}
.product-filter__filter .dropdown__placeholder {
    min-width: 102px;
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter .dropdown__placeholder {
        min-width: 1px;
        width: 100%;
        min-height: 68px;
        border-radius: 0;
        background-color: var(--color-white);
        font-size: 20px;
        padding: 16px 25px 16px 20px;
        border-bottom: 0.5px solid var(--color-gray-100);
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }
}
@media only screen and (max-width: 767px) {
    .product-filter__filter .dropdown__placeholder {
        padding: 16px 25px 16px 16px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter .dropdown__placeholder:active {
        transform: scale(1);
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter .dropdown__placeholder .icon {
        position: relative;
        right: 0;
        top: 0;
        flex-shrink: 0;
        margin: 0;
        transform: scale(1);
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter .dropdown__placeholder .icon:before {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 5L5 15M5 5L15 15' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 5L5 15M5 5L15 15' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter .dropdown__placeholder-text {
        display: none;
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter .dropdown__placeholder-modal {
        display: block;
    }
}
.product-filter__filter .dropdown__list {
    width: 334px;
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter .dropdown__list {
        position: relative;
        margin-top: 0;
        width: 100%;
        opacity: 1;
        pointer-events: all;
        box-shadow: none;
        border: 0;
        background-color: var(--color-white);
        border-radius: 0;
        padding: 8px 0;
        left: 0;
        font-size: 16px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter .dropdown__list-inner {
        padding: 0 12px var(--filter-footer-height, 0px);
        max-height: calc(67.6vh - 68px);
    }
}
@media only screen and (max-width: 767px) {
    .product-filter__filter .dropdown__list-inner {
        padding: 0 8px var(--filter-footer-height, 0px);
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter .dropdown__list-option {
        padding: 14px 60px 14px 8px;
        min-height: 52px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter .dropdown__list-option::after, .product-filter__filter .dropdown__list-option::before {
        left: initial;
        right: 8px;
        width: 36px;
        height: 36px;
        border-radius: 8px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter .dropdown__list-option::after {
        background-size: 36px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__filter .dropdown__count {
        display: none;
    }
}
.product-filter__overlay {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.25);
    transition: opacity 500ms var(--easing-default), visibility 500ms var(--easing-default);
}
.product-filter .sort-dropdown {
    flex-shrink: 0;
}
@media only screen and (max-width: 1022px) {
    .product-filter .sort-dropdown {
        margin-top: 16px;
        display: flex;
        justify-content: flex-end;
    }
}
.product-filter__trigger {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 36px;
    padding: 4px 20px;
    background-color: var(--color-gray-50);
    font-family: var(--font-primary);
    color: var(--color-gray-950);
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 50ms var(--easing-slow), transform 50ms var(--easing-slow);
}
.product-filter__trigger:hover {
    background-color: var(--color-gray-100);
}
.product-filter__trigger:active {
    transform: scale(0.98);
}
.product-filter__trigger .icon {
    flex-shrink: 0;
    pointer-events: none;
}
.product-filter__trigger-wrapper {
    flex-shrink: 0;
    position: relative;
    padding-left: 10px;
    margin-left: 5px;
}
@media only screen and (max-width: 1022px) {
    .product-filter__trigger-wrapper--desktop {
        display: none;
    }
}
.product-filter__trigger-wrapper::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 2px;
    height: 24px;
    border-left: 0.5px solid var(--color-gray-100);
}
.product-filter__reset-btn, .product-filter__selected {
    background-color: var(--color-gray-950);
    border-radius: 50px;
    color: var(--color-white);
    border: 0.5px solid var(--color-gray-800);
    padding: 4px 8px;
    min-height: 28px;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 45ms ease-out, color 45ms ease-out, transform 50ms var(--easing-slow);
}
.product-filter__reset-btn:active, .product-filter__reset-btn:hover, .product-filter__selected:active, .product-filter__selected:hover {
    background-color: var(--color-gray-900);
}
.product-filter__reset-btn:active, .product-filter__selected:active {
    transform: scale(0.95);
}
.product-filter__reset-btn .icon, .product-filter__selected .icon {
    width: 12px;
    height: 12px;
    pointer-events: none;
}
.product-filter__reset-btn-list, .product-filter__selected-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.product-filter__reset-btn {
    background-color: rgba(237, 28, 36, 0.1);
    color: var(--color-red);
    font-weight: 500;
    border: 0;
    position: relative;
}
@media only screen and (max-width: 1022px) {
    .product-filter__reset-btn {
        font-size: 14px;
        padding: 4px 20px;
        gap: 10px;
        min-height: 38px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-filter__reset-btn .icon {
        width: 20px;
        height: 20px;
    }
}
.product-filter__reset-btn:active, .product-filter__reset-btn:hover {
    background-color: rgba(237, 28, 36, 0.2);
}
.product-filter__reset-btn-wrapper {
    flex-shrink: 0;
    position: relative;
    padding-left: 10px;
    margin-left: 5px;
}
.product-filter__reset-btn-wrapper::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 2px;
    height: 20px;
    pointer-events: none;
    border-left: 0.5px solid var(--color-gray-100);
}
.product-filter__footer {
    position: relative;
    width: 100%;
    z-index: 10;
    padding: 16px 20px;
    background-color: var(--color-white);
    border-top: 0.5px solid var(--color-gray-100);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px;
    transform: translateY(150%);
    transition: transform 500ms var(--easing-default);
}
.is-open-filter .product-filter__footer {
    transform: translateY(0);
}
@media only screen and (max-width: 767px) {
    .product-filter__footer {
        padding: 16px;
    }
}
.product-gallery-modal__thumb-image::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.product-gallery-modal .product-image-group {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    top: 0;
    pointer-events: none;
}

.product-gallery-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-white);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s var(--easing-spring-slow), visibility 0.3s var(--easing-spring-slow);
}
@media only screen and (max-width: 1022px) {
    .product-gallery-modal {
        overflow: auto;
    }
}
.product-gallery-modal.is-open-modal {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.product-gallery-modal__close {
    position: fixed;
    right: 40px;
    top: 40px;
    z-index: 9;
}
@media only screen and (max-width: 1022px) {
    .product-gallery-modal__close {
        right: 20px;
        top: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .product-gallery-modal__close {
        right: 16px;
        top: 16px;
    }
}
.product-gallery-modal__inner {
    position: relative;
    width: 100%;
    margin: auto;
    padding: 80px 180px;
}
@media only screen and (max-width: 1200px) {
    .product-gallery-modal__inner {
        padding: 60px 160px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-gallery-modal__inner {
        padding: 0;
    }
}
.product-gallery-modal__main .swiper {
    overflow: visible;
    height: calc(100vh - 60px);
    padding-bottom: 20vh;
}
@media only screen and (max-width: 1022px) {
    .product-gallery-modal__main .swiper {
        padding: 0 20px;
        height: calc(100vh - 160px);
    }
}
@media only screen and (max-width: 767px) {
    .product-gallery-modal__main .swiper {
        padding: 0 16px;
    }
}
@media screen and (min-width: 568px) and (max-width: 932px) and (orientation: landscape) {
    .product-gallery-modal__main .swiper {
        height: 100vh;
    }
}
.product-gallery-modal__main .swiper-slide {
    display: flex;
    flex-direction: column;
    height: auto;
    max-height: calc(100vh - 60px);
}
@media only screen and (max-width: 1200px) {
    .product-gallery-modal__main .swiper-slide {
        max-height: 652px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-gallery-modal__main .swiper-slide {
        max-height: 100%;
    }
}
@media screen and (min-width: 568px) and (max-width: 932px) and (orientation: landscape) {
    .product-gallery-modal__main .swiper-slide {
        height: 100vh;
        max-height: 100vh;
    }
}
@media only screen and (max-width: 1022px) {
    .product-gallery-modal__main .swiper-wrapper {
        display: flex;
        flex-direction: column;
        gap: 60px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-gallery-modal__main .swiper:not(.swiper-initialized) .swiper-pagination,
    .product-gallery-modal__main .swiper:not(.swiper-initialized) .swiper-slide:not(:first-of-type) {
        display: block !important;
    }
}
@media only screen and (min-width: 1023px) {
    .product-gallery-modal [data-slider-parent] .swiper {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .product-gallery-modal [data-slider-parent] .swiper::before, .product-gallery-modal [data-slider-parent] .swiper::after {
        display: none;
    }
}
.product-gallery-modal .product-image-group {
    max-width: 700px;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1200px) {
    .product-gallery-modal .product-image-group {
        max-width: calc(100% - 116px);
        height: 0;
        padding-bottom: 74%;
    }
}
@media only screen and (max-width: 1022px) {
    .product-gallery-modal .product-image-group {
        max-width: 100%;
        padding-bottom: 90%;
    }
}
@media only screen and (max-width: 767px) {
    .product-gallery-modal .product-image-group__item {
        border-radius: 8px;
    }
}
.product-gallery-modal .product-image-group--1-items {
    max-width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}
.product-gallery-modal .product-image-group--1-items .product-image-group__item {
    border: 0;
    border-radius: 0;
    background-color: transparent;
}
.product-gallery-modal .product-image-group--1-items .product-image-group__item img {
    top: 50%;
    bottom: initial;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    transform: translate(-50%, -50%);
}
.product-gallery-modal .product-image-group--2-items .product-image-group__item {
    width: 44.2%;
    height: 50.5%;
}
.product-gallery-modal .product-image-group--2-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(20%, 30%);
}
.product-gallery-modal .product-image-group--2-items .product-image-group__item--2 {
    transform: rotate(10deg) translate(-25%, -20%);
}
.product-gallery-modal .product-image-group--3-items .product-image-group__item {
    width: 42.2%;
    height: 49.5%;
}
.product-gallery-modal .product-image-group--4-items .product-image-group__item--1, .product-gallery-modal .product-image-group--4-items .product-image-group__item--2 {
    width: 39.2%;
    height: 45%;
}
.product-gallery-modal .product-image-group--4-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(26%, -16%);
}
.product-gallery-modal .product-image-group--4-items .product-image-group__item--3 {
    width: 44.2%;
    height: 51%;
    transform: rotate(14deg) translate(-16%, 20%);
}
@media only screen and (max-width: 767px) {
    .product-gallery-modal .product-image-group--4-items .product-image-group__item--3 {
        border-radius: 16px;
    }
}
.product-gallery-modal .product-image-group--4-items .product-image-group__item--4 {
    width: 43%;
    height: 49%;
    transform: rotate(5deg) translate(-27%, -12%);
}
.product-gallery-modal .product-image-group--5-items .product-image-group__item {
    width: 33%;
    height: 38%;
}
.product-gallery-modal .product-image-group--5-items .product-image-group__item--5 {
    width: 55%;
    height: 66.4%;
    border-radius: 28px;
    transform: rotate(1deg) translate(42%, 22%);
}
@media only screen and (max-width: 767px) {
    .product-gallery-modal .product-image-group--5-items .product-image-group__item--5 {
        border-radius: 16px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-gallery-modal .product-image-group--6-items .product-image-group__item {
        border-radius: 8px;
    }
}
.product-gallery-modal .product-image-group--6-items .product-image-group__item--1 {
    width: 29.4%;
    height: 35.4%;
    transform: rotate(-12deg) translate(50%, 8%);
}
.product-gallery-modal .product-image-group--6-items .product-image-group__item--2 {
    width: 27.5%;
    height: 33.5%;
    transform: rotate(-16deg) translate(-13%, 84%);
}
.product-gallery-modal .product-image-group--6-items .product-image-group__item--3 {
    width: 24.4%;
    height: 25%;
    transform: rotate(-9deg) translate(103%, 11%);
}
.product-gallery-modal .product-image-group--6-items .product-image-group__item--4 {
    width: 29%;
    height: 35%;
    transform: rotate(17deg) translate(-12%, 5%);
}
.product-gallery-modal .product-image-group--6-items .product-image-group__item--5 {
    transform: rotate(15deg) translate(-12%, -3%);
    width: 32%;
    height: 39%;
}
.product-gallery-modal .product-image-group--6-items .product-image-group__item--6 {
    width: 55%;
    height: 66.4%;
    border-radius: 28px;
    transform: rotate(1deg) translate(44%, 24%);
}
@media only screen and (max-width: 767px) {
    .product-gallery-modal .product-image-group--6-items .product-image-group__item--6 {
        border-radius: 16px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-gallery-modal .product-image-group--7-items .product-image-group__item {
        border-radius: 8px;
    }
}
.product-gallery-modal .product-image-group--7-items .product-image-group__item--1 {
    width: 29.4%;
    height: 35.4%;
    transform: rotate(-12deg) translate(50%, 8%);
}
.product-gallery-modal .product-image-group--7-items .product-image-group__item--2 {
    width: 27.5%;
    height: 33.5%;
    transform: rotate(-16deg) translate(-13%, 84%);
}
.product-gallery-modal .product-image-group--7-items .product-image-group__item--3 {
    width: 24.4%;
    height: 25%;
    transform: rotate(-9deg) translate(103%, 11%);
}
.product-gallery-modal .product-image-group--7-items .product-image-group__item--4 {
    width: 29%;
    height: 35%;
    transform: rotate(17deg) translate(-12%, 5%);
}
.product-gallery-modal .product-image-group--7-items .product-image-group__item--5 {
    width: 29%;
    height: 35%;
    transform: rotate(-15deg) translate(-22%, 84%);
}
.product-gallery-modal .product-image-group--7-items .product-image-group__item--6 {
    transform: rotate(15deg) translate(-12%, -3%);
    width: 32%;
    height: 39%;
}
.product-gallery-modal .product-image-group--7-items .product-image-group__item--7 {
    width: 55%;
    height: 66.4%;
    border-radius: 28px;
    transform: rotate(1deg) translate(44%, 24%);
}
@media only screen and (max-width: 767px) {
    .product-gallery-modal .product-image-group--7-items .product-image-group__item--7 {
        border-radius: 16px;
    }
}
.product-gallery-modal__image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 652px;
}
@media only screen and (max-width: 1022px) {
    .product-gallery-modal__image {
        height: auto;
    }
}
@media screen and (min-width: 568px) and (max-width: 932px) and (orientation: landscape) {
    .product-gallery-modal__image {
        max-width: 300px;
        margin: 0 auto;
    }
}
.product-gallery-modal__image-wrap {
    position: relative;
}
@media only screen and (max-width: 1022px) {
    .product-gallery-modal__image-inner {
        position: relative;
        height: 100vw;
    }
}
@media screen and (min-width: 568px) and (max-width: 932px) and (orientation: landscape) {
    .product-gallery-modal__image-inner {
        height: 100vh;
    }
}
.product-gallery-modal__image--cropped .product-image-group--1-items .product-image-group__item img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.product-gallery-modal__thumb {
    width: 98px;
    flex: 0 0 98px;
    padding-left: 8px;
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translateY(-50%);
    z-index: 8;
}
@media only screen and (max-width: 1022px) {
    .product-gallery-modal__thumb {
        display: none;
    }
}
.product-gallery-modal__thumb .swiper {
    height: 652px;
    padding-bottom: 44px;
}
@media only screen and (max-width: 1200px) {
    .product-gallery-modal__thumb .swiper {
        height: 500px;
    }
}
.product-gallery-modal__thumb .swiper-scrollbar {
    position: absolute;
    left: 0;
    top: 0;
}
.product-gallery-modal__thumb-image {
    width: 90px;
    height: 100%;
    padding: 6px 14px;
    align-items: flex-end;
    cursor: pointer;
    position: relative;
    transition: background-color 0.5s var(--easing-default), transform 50ms var(--easing-slow);
}
.product-gallery-modal__thumb-image:hover {
    background-color: var(--color-gray-100);
}
.swiper-slide-thumb-active .product-gallery-modal__thumb-image:hover {
    background-color: var(--color-gray-50);
}
.product-gallery-modal__thumb-image:active {
    transform: scale(0.95);
}
.product-gallery-modal__thumb-image::before {
    border: 2px solid var(--color-gray-950);
    opacity: 0;
    pointer-events: none;
    border-radius: inherit;
    z-index: 3;
    transition: opacity 0.3s var(--easing-default);
}
.swiper-slide-thumb-active .product-gallery-modal__thumb-image::before {
    opacity: 1;
}
@media only screen and (min-width: 1023px) {
    .product-gallery-modal--single-slide .swiper {
        padding: 0;
        height: 100%;
    }
}
.product-gallery-modal--single-slide .swiper-wrapper {
    justify-content: center;
}
.product-gallery-modal--single-slide .swiper-slide {
    margin: 0 !important;
}
.product-image-group {
    width: 332px;
    height: 338px;
    position: relative;
}
.product-image-group__item {
    width: 180px;
    height: 182px;
    background-color: var(--color-gray-50);
    border: 0.5px solid var(--color-gray-100);
    border-radius: 16px;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0px 0.74px 1.48px 0px rgba(0, 0, 0, 0.05), 0px 2.96px 2.96px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 4.44px 0px rgba(0, 0, 0, 0.03), 0px 12.57px 5.17px 0px rgba(0, 0, 0, 0.02), 0px 19.22px 5.17px 0px rgba(0, 0, 0, 0.01);
    transform-origin: center center;
    transition: transform 160ms var(--easing-slow), background-color 180ms var(--easing-spring-slow);
}
@media only screen and (max-width: 1200px) {
    .product-image-group__item {
        width: 54.25%;
        height: 53.85%;
    }
}
.product-image-group__item img {
    position: absolute;
    max-width: calc(100% - 10px);
    max-height: 109%;
    width: 100%;
    height: auto;
    object-fit: contain;
    left: 50%;
    bottom: 0;
    transform-origin: center bottom;
    transform: translate(-50%, 16%);
}
.product-image-group--1-items .product-image-group__item {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-shadow: none;
    border-radius: 24px;
}
.product-image-group--1-items .product-image-group__item img {
    transition: transform 180ms var(--easing-spring-slow);
}
@media only screen and (max-width: 1022px) {
    .product-image-group--1-items .product-image-group__item img {
        max-width: calc(100% + 8px);
        max-height: 111%;
        width: calc(100% + 8px);
    }
}
.product-image-group--2-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(8%, 15%);
    z-index: 2;
}
.product-image-group--2-items .product-image-group__item--2 {
    top: initial;
    left: initial;
    right: 0;
    bottom: 0;
    transform: rotate(10deg) translate(-13%, -13%);
}
.product-image-group--3-items .product-image-group__item {
    width: 152px;
    height: 154px;
}
@media only screen and (max-width: 1200px) {
    .product-image-group--3-items .product-image-group__item {
        width: 45.2%;
        height: 45%;
    }
}
.product-image-group--3-items .product-image-group__item--1, .product-image-group--3-items .product-image-group__item--3 {
    top: initial;
    left: 0;
    bottom: 0;
}
.product-image-group--3-items .product-image-group__item--1 {
    transform: rotate(-15deg) translate(24%, -14%);
    z-index: 3;
}
.product-image-group--3-items .product-image-group__item--2 {
    transform: rotate(3deg) translate(60%, 8%);
    z-index: 2;
}
.product-image-group--3-items .product-image-group__item--3 {
    left: initial;
    right: 0;
    transform: rotate(20deg) translate(-27%, -15%);
}
.product-image-group--4-items .product-image-group__item--1, .product-image-group--4-items .product-image-group__item--4 {
    top: initial;
    left: 0;
    bottom: 0;
}
.product-image-group--4-items .product-image-group__item--3, .product-image-group--4-items .product-image-group__item--4 {
    left: initial;
    right: 0;
}
.product-image-group--4-items .product-image-group__item--1, .product-image-group--4-items .product-image-group__item--2 {
    width: 140px;
    height: 142px;
}
@media only screen and (max-width: 1200px) {
    .product-image-group--4-items .product-image-group__item--1, .product-image-group--4-items .product-image-group__item--2 {
        width: 42.18%;
        height: 42.02%;
    }
}
.product-image-group--4-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(20%, -16%);
    z-index: 1;
}
.product-image-group--4-items .product-image-group__item--2 {
    transform: rotate(-15deg) translate(12%, 24%);
    z-index: 2;
}
.product-image-group--4-items .product-image-group__item--3 {
    transform: rotate(15deg) translate(-12%, 26%);
    z-index: 3;
    width: 160px;
    height: 162px;
}
@media only screen and (max-width: 1200px) {
    .product-image-group--4-items .product-image-group__item--3 {
        width: 48.2%;
        height: 47.95%;
    }
}
.product-image-group--4-items .product-image-group__item--4 {
    transform: rotate(5deg) translate(-20%, -12%);
    width: 152px;
    height: 154px;
}
@media only screen and (max-width: 1200px) {
    .product-image-group--4-items .product-image-group__item--4 {
        width: 45.2%;
        height: 45%;
    }
}
.product-image-group--5-items .product-image-group__item {
    width: 110px;
    height: 111px;
}
@media only screen and (max-width: 1200px) {
    .product-image-group--5-items .product-image-group__item {
        width: 33.15%;
        height: 32.9%;
    }
}
.product-image-group--5-items .product-image-group__item--1, .product-image-group--5-items .product-image-group__item--4 {
    top: initial;
    left: 0;
    bottom: 0;
}
.product-image-group--5-items .product-image-group__item--3, .product-image-group--5-items .product-image-group__item--4 {
    left: initial;
    right: 0;
}
.product-image-group--5-items .product-image-group__item--1 {
    transform: rotate(10deg) translate(9%, -15%);
}
.product-image-group--5-items .product-image-group__item--2 {
    transform: rotate(-10deg) translate(12%, 18%);
}
.product-image-group--5-items .product-image-group__item--3 {
    transform: rotate(20deg) translate(-11%, 25%);
}
.product-image-group--5-items .product-image-group__item--4 {
    transform: rotate(-10deg) translate(-18%, -16%);
}
.product-image-group--5-items .product-image-group__item--5 {
    transform: rotate(2deg) translate(41%, 44%);
    width: 180px;
    height: 182px;
}
@media only screen and (max-width: 1200px) {
    .product-image-group--5-items .product-image-group__item--5 {
        width: 54.25%;
        height: 53.85%;
    }
}
.product-image-group--6-items .product-image-group__item {
    width: 90px;
    height: 91px;
}
@media only screen and (max-width: 1200px) {
    .product-image-group--6-items .product-image-group__item {
        width: 27.15%;
        height: 27%;
    }
}
.product-image-group--6-items .product-image-group__item--1, .product-image-group--6-items .product-image-group__item--5 {
    top: initial;
    left: 0;
    bottom: 0;
}
.product-image-group--6-items .product-image-group__item--4, .product-image-group--6-items .product-image-group__item--5 {
    left: initial;
    right: 0;
}
.product-image-group--6-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(22%, -12%);
}
.product-image-group--6-items .product-image-group__item--2 {
    transform: rotate(-15deg) translate(-16%, 112%);
}
.product-image-group--6-items .product-image-group__item--3 {
    transform: rotate(-10deg) translate(90%, 27%);
}
.product-image-group--6-items .product-image-group__item--4 {
    transform: rotate(20deg) translate(-5%, 34%);
}
.product-image-group--6-items .product-image-group__item--5 {
    transform: rotate(15deg) translate(-22%, -9%);
}
.product-image-group--6-items .product-image-group__item--6 {
    width: 180px;
    height: 182px;
    transform: rotate(2deg) translate(43%, 42%);
}
@media only screen and (max-width: 1200px) {
    .product-image-group--6-items .product-image-group__item--6 {
        width: 54.25%;
        height: 53.85%;
    }
}
.product-image-group--7-items .product-image-group__item {
    width: 90px;
    height: 91px;
}
@media only screen and (max-width: 1200px) {
    .product-image-group--7-items .product-image-group__item {
        width: 27.15%;
        height: 27%;
    }
}
.product-image-group--7-items .product-image-group__item--1, .product-image-group--7-items .product-image-group__item--6 {
    top: initial;
    left: 0;
    bottom: 0;
}
.product-image-group--7-items .product-image-group__item--4, .product-image-group--7-items .product-image-group__item--5, .product-image-group--7-items .product-image-group__item--6 {
    left: initial;
    right: 0;
}
.product-image-group--7-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(22%, -12%);
}
.product-image-group--7-items .product-image-group__item--2 {
    transform: rotate(-15deg) translate(-16%, 112%);
}
.product-image-group--7-items .product-image-group__item--3 {
    transform: rotate(-10deg) translate(90%, 27%);
}
.product-image-group--7-items .product-image-group__item--4 {
    transform: rotate(20deg) translate(-5%, 34%);
}
.product-image-group--7-items .product-image-group__item--5 {
    transform: rotate(-15deg) translate(-45%, 128%);
}
.product-image-group--7-items .product-image-group__item--6 {
    transform: rotate(15deg) translate(-22%, -9%);
}
.product-image-group--7-items .product-image-group__item--7 {
    width: 180px;
    height: 182px;
    transform: rotate(2deg) translate(43%, 42%);
}
@media only screen and (max-width: 1200px) {
    .product-image-group--7-items .product-image-group__item--7 {
        width: 54.25%;
        height: 53.85%;
    }
}
.product-showcase__thumb-image::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.product-showcase .product-image-group {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    top: 0;
    pointer-events: none;
}

.product-showcase {
    max-width: 921px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 6px;
}
.product-showcase__main {
    flex: auto;
}
@media only screen and (min-width: 1023px) {
    .product-showcase__main {
        width: calc(100% - 104px);
        overflow: hidden;
    }
}
@media only screen and (max-width: 1022px) {
    .product-showcase__main {
        width: 100%;
    }
}
.product-showcase__main .swiper {
    height: 100%;
}
@media only screen and (max-width: 1022px) {
    .product-showcase__main .swiper {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}
@media only screen and (max-width: 1022px) {
    .product-showcase__main .swiper-wrapper {
        width: 100%;
    }
}
.product-showcase__main .swiper-scrollbar {
    position: relative;
    width: calc(100% - 40px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 8;
    margin: 0;
    bottom: 18px;
    top: initial;
}
@media only screen and (max-width: 1022px) {
    .product-showcase__main .swiper-scrollbar {
        bottom: -20px;
    }
}
@media only screen and (max-width: 767px) {
    .product-showcase__main .swiper-scrollbar {
        width: calc(100% - 32px);
    }
}
@media only screen and (min-width: 1023px) {
    .product-showcase__main .swiper-scrollbar {
        display: none;
    }
}
@media only screen and (max-width: 1022px) {
    .product-showcase__main .swiper-scrollbar-thumb {
        background-color: var(--color-gray-950);
    }
}
@media only screen and (min-width: 1023px) {
    .product-showcase [data-slider-parent] .swiper {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .product-showcase [data-slider-parent] .swiper::before, .product-showcase [data-slider-parent] .swiper::after {
        display: none;
    }
}
.product-showcase .product-image-group {
    max-width: 700px;
    height: calc(100% - 44px);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1439px) {
    .product-showcase .product-image-group {
        max-width: calc(100% - 116px);
        height: 0;
        padding-bottom: 74%;
    }
}
@media only screen and (max-width: 1200px) {
    .product-showcase .product-image-group {
        max-width: calc(100% - 80px);
    }
}
@media only screen and (max-width: 1022px) {
    .product-showcase .product-image-group {
        max-width: 500px;
        height: 100%;
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 767px) {
    .product-showcase .product-image-group {
        max-width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .product-showcase .product-image-group__item {
        border-radius: 8px;
    }
}
.product-showcase .product-image-group--1-items {
    max-width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}
.product-showcase .product-image-group--1-items .product-image-group__item {
    border: 0;
    border-radius: 16px;
}
@media only screen and (max-width: 1022px) {
    .product-showcase .product-image-group--1-items .product-image-group__item {
        border-radius: 0;
    }
}
.product-showcase .product-image-group--1-items .product-image-group__item img {
    top: 50%;
    bottom: initial;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1022px) {
    .product-showcase .product-image-group--1-items .product-image-group__item img {
        max-height: calc(100% - 80px);
        top: 54%;
    }
}
.product-showcase .product-image-group--2-items .product-image-group__item {
    width: 44.2%;
    height: 50.5%;
}
.product-showcase .product-image-group--2-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(20%, 30%);
}
.product-showcase .product-image-group--2-items .product-image-group__item--2 {
    transform: rotate(10deg) translate(-25%, -20%);
}
.product-showcase .product-image-group--3-items .product-image-group__item {
    width: 42.2%;
    height: 49.5%;
}
.product-showcase .product-image-group--4-items .product-image-group__item--1, .product-showcase .product-image-group--4-items .product-image-group__item--2 {
    width: 39.2%;
    height: 45%;
}
.product-showcase .product-image-group--4-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(26%, -16%);
}
.product-showcase .product-image-group--4-items .product-image-group__item--3 {
    width: 44.2%;
    height: 51%;
    transform: rotate(14deg) translate(-16%, 20%);
}
@media only screen and (max-width: 1022px) {
    .product-showcase .product-image-group--4-items .product-image-group__item--3 {
        border-radius: 16px;
    }
}
.product-showcase .product-image-group--4-items .product-image-group__item--4 {
    width: 43%;
    height: 49%;
    transform: rotate(5deg) translate(-27%, -12%);
}
.product-showcase .product-image-group--5-items .product-image-group__item {
    width: 33%;
    height: 38%;
}
.product-showcase .product-image-group--5-items .product-image-group__item--5 {
    width: 55%;
    height: 66.4%;
    border-radius: 28px;
    transform: rotate(1deg) translate(42%, 22%);
}
@media only screen and (max-width: 767px) {
    .product-showcase .product-image-group--5-items .product-image-group__item--5 {
        border-radius: 16px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-showcase .product-image-group--6-items .product-image-group__item {
        border-radius: 8px;
    }
}
.product-showcase .product-image-group--6-items .product-image-group__item--1 {
    width: 29.4%;
    height: 35.4%;
    transform: rotate(-12deg) translate(50%, 8%);
}
.product-showcase .product-image-group--6-items .product-image-group__item--2 {
    width: 27.5%;
    height: 33.5%;
    transform: rotate(-16deg) translate(-13%, 84%);
}
.product-showcase .product-image-group--6-items .product-image-group__item--3 {
    width: 24.4%;
    height: 25%;
    transform: rotate(-9deg) translate(103%, 11%);
}
.product-showcase .product-image-group--6-items .product-image-group__item--4 {
    width: 29%;
    height: 35%;
    transform: rotate(17deg) translate(-12%, 5%);
}
.product-showcase .product-image-group--6-items .product-image-group__item--5 {
    transform: rotate(15deg) translate(-12%, -3%);
    width: 32%;
    height: 39%;
}
.product-showcase .product-image-group--6-items .product-image-group__item--6 {
    width: 55%;
    height: 66.4%;
    border-radius: 28px;
    transform: rotate(1deg) translate(44%, 24%);
}
@media only screen and (max-width: 767px) {
    .product-showcase .product-image-group--6-items .product-image-group__item--6 {
        border-radius: 16px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-showcase .product-image-group--7-items .product-image-group__item {
        border-radius: 8px;
    }
}
.product-showcase .product-image-group--7-items .product-image-group__item--1 {
    width: 29.4%;
    height: 35.4%;
    transform: rotate(-12deg) translate(50%, 8%);
}
.product-showcase .product-image-group--7-items .product-image-group__item--2 {
    width: 27.5%;
    height: 33.5%;
    transform: rotate(-16deg) translate(-13%, 84%);
}
.product-showcase .product-image-group--7-items .product-image-group__item--3 {
    width: 24.4%;
    height: 25%;
    transform: rotate(-9deg) translate(103%, 11%);
}
.product-showcase .product-image-group--7-items .product-image-group__item--4 {
    width: 29%;
    height: 35%;
    transform: rotate(17deg) translate(-12%, 5%);
}
.product-showcase .product-image-group--7-items .product-image-group__item--5 {
    width: 29%;
    height: 35%;
    transform: rotate(-15deg) translate(-22%, 85%);
}
.product-showcase .product-image-group--7-items .product-image-group__item--6 {
    transform: rotate(15deg) translate(-12%, -3%);
    width: 32%;
    height: 39%;
}
.product-showcase .product-image-group--7-items .product-image-group__item--7 {
    width: 55%;
    height: 66.4%;
    border-radius: 28px;
    transform: rotate(1deg) translate(44%, 24%);
}
@media only screen and (max-width: 767px) {
    .product-showcase .product-image-group--7-items .product-image-group__item--7 {
        border-radius: 16px;
    }
}
.product-showcase__image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 652px;
}
@media only screen and (max-width: 1200px) {
    .product-showcase__image {
        height: 500px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-showcase__image {
        height: 600px;
        padding: 12px 12px 46px;
    }
}
@media only screen and (max-width: 767px) {
    .product-showcase__image {
        height: auto;
    }
}
.product-showcase__image:has(.product-image-group--1-items) {
    padding: 0;
}
.product-showcase__image-wrap {
    position: relative;
}
@media only screen and (max-width: 1022px) {
    .product-showcase__image-inner {
        position: relative;
        height: 440px;
    }
    .product-showcase__image-inner:has(.product-image-group--1-items) {
        height: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .product-showcase__image-inner {
        height: auto;
        padding-bottom: 90%;
    }
    .product-showcase__image-inner:has(.product-image-group--1-items) {
        padding-bottom: 100%;
    }
}
.product-showcase__image--main {
    cursor: pointer;
}
.product-showcase__image--cropped .product-image-group--1-items .product-image-group__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}
.product-showcase__thumb {
    width: 98px;
    flex: 0 0 98px;
    padding-left: 8px;
    position: relative;
}
@media only screen and (max-width: 1022px) {
    .product-showcase__thumb {
        display: none;
    }
}
.product-showcase__thumb .swiper {
    height: 652px;
    padding-bottom: 44px;
}
@media only screen and (max-width: 1200px) {
    .product-showcase__thumb .swiper {
        height: 500px;
    }
}
.product-showcase__thumb .swiper-scrollbar {
    position: absolute;
    left: 0;
    top: 0;
}
.product-showcase__thumb-image {
    width: 90px;
    height: 100%;
    padding: 6px 14px;
    align-items: flex-end;
    cursor: pointer;
    position: relative;
    transition: background-color 0.5s var(--easing-default), transform 50ms var(--easing-slow);
}
.product-showcase__thumb-image:hover {
    background-color: var(--color-gray-100);
}
.swiper-slide-thumb-active .product-showcase__thumb-image:hover {
    background-color: var(--color-gray-50);
}
.product-showcase__thumb-image:active {
    transform: scale(0.95);
}
.product-showcase__thumb-image::before {
    border: 2px solid var(--color-gray-950);
    z-index: 3;
    opacity: 0;
    pointer-events: none;
    border-radius: inherit;
    transition: opacity 0.3s var(--easing-default);
}
.swiper-slide-thumb-active .product-showcase__thumb-image::before {
    opacity: 1;
}
.product-showcase--single-slide .product-showcase__main {
    width: 100%;
}
.product-slider {
    width: 100%;
}
.product-slider__inner {
    position: relative;
}
.product-slider .swiper-slide {
    width: 320px;
}
@media only screen and (max-width: 1022px) {
    .product-slider .swiper-slide {
        width: 298px;
    }
}
@media only screen and (min-width: 1023px) {
    .product-slider .swiper-slide:has(.occasion-card) {
        width: 100%;
    }
}
@media only screen and (min-width: 1023px) {
    .product-slider .swiper-slide:has(.occasion-card--small) {
        width: calc(33.3333333333% - 13px);
    }
}
@media only screen and (min-width: 1023px) {
    .product-slider .swiper-slide:has(.article-card) {
        width: calc(33.3333333333% - 13px);
    }
}
@media only screen and (max-width: 1022px) {
    .product-slider .swiper-slide:has(.article-card) {
        width: 298px;
    }
}
.product-slider .product-card {
    max-width: 100%;
}
.product-slider .article-card,
.product-slider .occasion-card,
.product-slider .recipe-card {
    max-width: 100%;
}
@media only screen and (max-width: 1022px) {
    .product-slider .occasion-card {
        height: 380px;
    }
}
@media only screen and (max-width: 767px) {
    .product-slider__nav {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .product-slider--fixed-two-slides .swiper-slide:has(.occasion-card) {
        width: 302px;
    }
}
@charset "UTF-8";
.product-small-card .product-image-group {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    top: 0;
    pointer-events: none;
}

.product-small-card:hover .product-image-group--1-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-small-card:hover .product-image-group--1-items .product-image-group__item img {
    transform: translate(-50%, calc(16% - 10px));
}

.product-small-card:hover .product-image-group--2-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-small-card:hover .product-image-group--2-items .product-image-group__item--1 {
    transform: rotate(-5deg) translate(8%, 15%);
}
.product-small-card:hover .product-image-group--2-items .product-image-group__item--2 {
    transform: rotate(5deg) translate(-13%, -13%);
}

.product-small-card:hover .product-image-group--3-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-small-card:hover .product-image-group--3-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(20%, -16%);
}
.product-small-card:hover .product-image-group--3-items .product-image-group__item--2 {
    transform: rotate(-3deg) translate(58%, 14%);
}
.product-small-card:hover .product-image-group--3-items .product-image-group__item--3 {
    transform: rotate(15deg) translate(-26%, -16%);
}

.product-small-card:hover .product-image-group--4-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-small-card:hover .product-image-group--4-items .product-image-group__item--1 {
    transform: rotate(-5deg) translate(18%, -17%);
}
.product-small-card:hover .product-image-group--4-items .product-image-group__item--2 {
    transform: rotate(-10deg) translate(14%, 22%);
}
.product-small-card:hover .product-image-group--4-items .product-image-group__item--3 {
    transform: rotate(10deg) translate(-14%, 25%);
}
.product-small-card:hover .product-image-group--4-items .product-image-group__item--4 {
    transform: rotate(0deg) translate(-18%, -14%);
}

.product-small-card:hover .product-image-group--5-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-small-card:hover .product-image-group--5-items .product-image-group__item--1 {
    transform: rotate(5deg) translate(9%, -15%);
}
.product-small-card:hover .product-image-group--5-items .product-image-group__item--2 {
    transform: rotate(-5deg) translate(12%, 18%);
}
.product-small-card:hover .product-image-group--5-items .product-image-group__item--3 {
    transform: rotate(15deg) translate(-11%, 25%);
}
.product-small-card:hover .product-image-group--5-items .product-image-group__item--4 {
    transform: rotate(-5deg) translate(-18%, -16%);
}
.product-small-card:hover .product-image-group--5-items .product-image-group__item--5 {
    transform: rotate(-2deg) translate(38%, 46%);
}

.product-small-card:hover .product-image-group--6-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-small-card:hover .product-image-group--6-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(22%, -12%);
}
.product-small-card:hover .product-image-group--6-items .product-image-group__item--2 {
    transform: rotate(-15deg) translate(-16%, 112%);
}
.product-small-card:hover .product-image-group--6-items .product-image-group__item--3 {
    transform: rotate(-5deg) translate(92%, 20%);
}
.product-small-card:hover .product-image-group--6-items .product-image-group__item--4 {
    transform: rotate(15deg) translate(-10%, 34%);
}
.product-small-card:hover .product-image-group--6-items .product-image-group__item--5 {
    transform: rotate(10deg) translate(-22%, -12%);
}
.product-small-card:hover .product-image-group--6-items .product-image-group__item--6 {
    transform: rotate(-2deg) translate(40%, 45%);
}

.product-small-card:hover .product-image-group--7-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-small-card:hover .product-image-group--7-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(22%, -12%);
}
.product-small-card:hover .product-image-group--7-items .product-image-group__item--2 {
    transform: rotate(-15deg) translate(-16%, 112%);
}
.product-small-card:hover .product-image-group--7-items .product-image-group__item--3 {
    transform: rotate(-5deg) translate(92%, 20%);
}
.product-small-card:hover .product-image-group--7-items .product-image-group__item--4 {
    transform: rotate(15deg) translate(-10%, 34%);
}
.product-small-card:hover .product-image-group--7-items .product-image-group__item--5 {
    transform: rotate(-6deg) translate(-30%, 130%);
}
.product-small-card:hover .product-image-group--7-items .product-image-group__item--6 {
    transform: rotate(10deg) translate(-22%, -12%);
}
.product-small-card:hover .product-image-group--7-items .product-image-group__item--7 {
    transform: rotate(-2deg) translate(40%, 45%);
}

.product-small-card {
    max-width: 686px;
    width: 100%;
    display: grid;
    grid-template-columns: 215px 1fr;
    grid-gap: 20px;
    align-items: center;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .product-small-card {
        grid-template-columns: 110px 1fr;
        grid-gap: 16px;
    }
}
.product-small-card__image {
    position: relative;
    height: 140px;
    width: 100%;
}
@media only screen and (max-width: 767px) {
    .product-small-card__image {
        height: 70px;
    }
}
.product-small-card .product-image-group:not(.product-image-group--1-items) {
    max-width: 140px;
    height: 140px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
    .product-small-card .product-image-group:not(.product-image-group--1-items) {
        max-width: 70px;
        height: 70px;
    }
}
.product-small-card .product-image-group__item {
    border-radius: 8px;
}
@media only screen and (max-width: 767px) {
    .product-small-card .product-image-group__item {
        border-radius: 2px;
    }
}
.product-small-card .product-image-group--1-items .product-image-group__item {
    border-radius: 16px;
}
@media only screen and (max-width: 767px) {
    .product-small-card .product-image-group--1-items .product-image-group__item {
        border-radius: 8px;
    }
}
.product-small-card .product-image-group--1-items .product-image-group__item img {
    max-width: 194px;
    height: 234px;
    max-height: 234px;
    bottom: initial;
    top: 0;
    transform: translate(-50%, -2%);
}
@media only screen and (max-width: 767px) {
    .product-small-card .product-image-group--1-items .product-image-group__item img {
        max-width: 96px;
        height: 118px;
        max-height: 118px;
    }
}
.product-small-card .product-image-group--2-items .product-image-group__item {
    width: 54.25%;
    height: 53.85%;
}
.product-small-card .product-image-group--3-items .product-image-group__item {
    width: 45.2%;
    height: 45%;
}
.product-small-card .product-image-group--4-items .product-image-group__item--1, .product-small-card .product-image-group--4-items .product-image-group__item--2 {
    width: 42.18%;
    height: 42.02%;
}
.product-small-card .product-image-group--4-items .product-image-group__item--3 {
    width: 48.2%;
    height: 47.95%;
}
.product-small-card .product-image-group--4-items .product-image-group__item--4 {
    width: 45.2%;
    height: 45%;
}
.product-small-card .product-image-group--5-items .product-image-group__item {
    width: 33.15%;
    height: 32.9%;
}
.product-small-card .product-image-group--5-items .product-image-group__item--5 {
    width: 54.25%;
    height: 53.85%;
}
.product-small-card .product-image-group--6-items .product-image-group__item {
    width: 27.15%;
    height: 27%;
}
.product-small-card .product-image-group--6-items .product-image-group__item--6 {
    width: 54.25%;
    height: 53.85%;
}
.product-small-card .product-image-group--7-items .product-image-group__item {
    width: 27.15%;
    height: 27%;
}
.product-small-card .product-image-group--7-items .product-image-group__item--7 {
    width: 54.25%;
    height: 53.85%;
}
.product-small-card__content {
    display: grid;
    grid-gap: 12px;
}
@media only screen and (max-width: 767px) {
    .product-small-card__content {
        grid-gap: 0;
    }
}
@media only screen and (max-width: 767px) {
    .product-small-card__title {
        font-size: 14px;
        line-height: 1.5;
    }
}
.product-small-card__info:not(:last-child)::after {
    content: "•";
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    display: inline-block;
    margin: 0 8px;
}
.product-small-card__info-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0;
    margin-top: 14px;
}
@media only screen and (max-width: 1022px) {
    .product-small-card__info-wrapper {
        margin-top: 4px;
    }
}
@media only screen and (max-width: 767px) {
    .product-small-card__info-wrapper {
        display: none;
    }
}
.product-small-card__price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.product-small-card__price .title--h5, .product-small-card__price-current {
    letter-spacing: normal;
    line-height: 1;
    font-size: 24px;
}
@media only screen and (max-width: 767px) {
    .product-small-card__price .title--h5, .product-small-card__price-current {
        font-size: 16px;
        line-height: 1.5;
    }
}
@media only screen and (max-width: 767px) {
    .product-small-card__price .tag {
        display: none;
    }
}
.product-small-card__old-price {
    margin-top: 8px;
}
@media only screen and (max-width: 1022px) {
    .product-small-card__old-price {
        margin-top: 5px;
    }
}
@media only screen and (max-width: 767px) {
    .product-small-card__old-price {
        display: none;
    }
}
.product-small-card__old-price del {
    color: var(--color-red);
}
.product-small-card__footer {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .product-small-card__footer {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
}
@media only screen and (max-width: 767px) {
    .product-small-card__footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
        justify-content: flex-start;
    }
}
.product-small-card__footer-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
    .product-small-card__footer-right {
        margin-left: 0;
    }
}
.product-small-card .quantity-counter,
.product-small-card .btn {
    position: relative;
    z-index: 4;
}
@media only screen and (max-width: 767px) {
    .product-small-card .btn {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        padding: 0;
        width: 36px;
        min-height: 1px;
        height: 36px;
        color: var(--color-white);
        background-color: var(--color-gray-950);
    }
}
@media only screen and (max-width: 767px) {
    .product-small-card .btn__text {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .product-small-card .btn:active, .product-small-card .btn:hover {
        background-color: var(--color-black);
    }
}
@media only screen and (max-width: 767px) {
    .product-small-card .quantity-counter {
        height: 28px;
    }
}
@media only screen and (max-width: 767px) {
    .product-small-card .quantity-counter__button {
        width: 26px;
        height: 26px;
    }
}
.product-small-card:hover {
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
}
.product-small-card:hover .product-image-group--1-items .product-image-group__item img {
    transform: translate(-50%, -4%);
}
.product-small-card:has(.stretched-link:active) {
    transform: scale(0.98);
}
.purchase-process-dropdowns {
    width: 100%;
    display: grid;
    grid-gap: 44px;
}
@media only screen and (max-width: 1022px) {
    .purchase-process-dropdowns {
        grid-gap: 32px;
    }
}
.purchase-process-dropdowns__item-title {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.purchase-process-dropdowns__item-dropdowns {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.purchase-process-dropdown {
    width: 100%;
    overflow: hidden;
}
.purchase-process-dropdown__header {
    padding: 16px;
}
.purchase-process-dropdown__header + .purchase-process__address-contact-item {
    margin-top: 16px;
}
.purchase-process-dropdown .checkbox {
    font-weight: 500 !important;
}
.purchase-process-dropdown .checkbox .fv-plugins-message-container {
    position: absolute;
    left: 0;
    top: 100%;
}
.purchase-process-dropdown .checkbox__label {
    display: flex;
    align-items: center;
    gap: 4px;
}
.purchase-process-dropdown .checkbox__label::before {
    background-color: var(--color-white);
}
.purchase-process-dropdown__drop {
    border-top: 0.5px solid var(--color-gray-200);
    padding: 16px;
    display: none;
    flex-direction: column;
    gap: 10px;
}
@media only screen and (max-width: 767px) {
    .purchase-process-dropdown__drop.input-group {
        padding: 20px 12px 16px;
    }
}
.purchase-process-dropdown__drop.input-group.is-failed {
    background-color: #f5f5f5;
}
.purchase-process-dropdown__drop.input-group .mod-input.is-validation-passed .mod-input__field {
    border: 1px solid var(--color-green);
    background: #fff url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6693 5L7.5026 14.1667L3.33594 10' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat right 18px center/16px;
}
.purchase-process-dropdown__item {
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-100);
    padding: 12px 16px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    line-height: 1.2;
    gap: 4px;
    color: var(--color-gray-950);
}
.purchase-process-dropdown__item-right {
    text-align: right;
    margin-left: auto;
}
.purchase-process-dropdown__item-icon {
    height: 16px;
    width: 16px;
    border-radius: 100%;
    background-color: var(--color-white);
    border: 0.5px solid var(--color-gray-950);
    color: var(--color-white);
    position: relative;
    top: 0;
    margin-right: 10px;
    flex-shrink: 0;
    transition: background-color 150ms var(--easing-slow);
}
.purchase-process-dropdown__item-icon .icon {
    width: 12px;
    height: 12px;
    opacity: 0;
    transition: opacity 150ms var(--easing-default);
}
.purchase-process-dropdown__item input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}
.purchase-process-dropdown__item input:checked ~ .purchase-process-dropdown__item-icon {
    background-color: var(--color-gray-950);
}
.purchase-process-dropdown__item input:checked ~ .purchase-process-dropdown__item-icon .icon {
    opacity: 1;
}
.purchase-process-dropdown__text {
    text-align: center;
    max-width: 432px;
    margin: 0 auto;
}
.purchase-process-dropdown__text.text-left {
    text-align: left;
    max-width: 100%;
    padding: 0 24px;
    margin: 0;
}
@media only screen and (max-width: 767px) {
    .purchase-process-dropdown__text.text-left {
        padding: 0 16px;
    }
}
.purchase-process-dropdown__inputs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.purchase-process-dropdown__inputs .double-inputs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 20px;
}
.purchase-process-dropdown__inputs .mod-input__field {
    background-color: var(--color-white);
}
.purchase-process-dropdown__error {
    border: 1px solid var(--color-red);
    background-color: #fbf3f2;
    border-radius: 5px;
    display: none;
    grid-template-columns: auto 1fr;
    gap: 12px;
    padding: 8px 12px;
    margin-top: 20px;
}
.purchase-process-dropdown__error.is-failed {
    display: grid;
}
.purchase-process-dropdown__error .icon {
    margin-top: 6px;
}
.purchase-process-dropdown__error .icon:before {
    background-color: var(--color-red);
}
.purchase-process-form {
    width: 100%;
    max-width: 694px;
}
@media only screen and (max-width: 1022px) {
    .purchase-process-form {
        max-width: 100%;
    }
}
.purchase-process .purchase-process-form {
    max-width: 100%;
}
.purchase-process-form__separator {
    width: 100%;
    height: 1px;
    background-color: var(--color-gray-100);
    margin: 44px 0;
}
@media only screen and (max-width: 767px) {
    .purchase-process-form__separator {
        margin: 36px 0;
    }
}
.purchase-process-form__main-input {
    margin-top: 20px;
}
.purchase-process-form__main-input .mod-input.is-validation-failed .mod-input__field {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 5L5 15M5 5L15 15' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat right 20px center/12px;
}
.purchase-process-form__fast-payment {
    margin-top: 20px;
    position: relative;
}
.purchase-process-form__fast-payment__items {
    display: grid;
    grid-gap: 8px;
    margin-top: 16px;
}
@media only screen and (max-width: 767px) {
    .purchase-process-form__fast-payment__items {
        grid-template-columns: 1fr;
        grid-gap: 8px;
    }
}
.purchase-process-form__fast-payment__item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.5px solid var(--color-gray-100);
    height: 32px;
    transition: border 150ms var(--easing-slow), transform 150ms var(--easing-slow);
}
.purchase-process-form__fast-payment__item__g-pay img {
    width: 44px;
}
.purchase-process-form__fast-payment__item__paypal img {
    width: 54px;
}
.purchase-process-form__fast-payment__item__a-pay img {
    width: 42px;
}
.purchase-process-form__fast-payment__item:hover {
    border-color: var(--color-gray-950);
}
.purchase-process-form__fast-payment__item:active {
    transform: scale(0.95);
}
.purchase-process-form__addresses {
    margin-top: 24px;
}
.purchase-process-form__addresses__right {
    font-weight: 400;
}
.purchase-process-form__addresses-main {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-gap: 40px;
    position: relative;
    cursor: pointer;
    z-index: 1;
}
.purchase-process-form__addresses-main .icon {
    position: absolute;
    top: 0;
    right: 0;
    transition: transform 150ms ease;
}
.purchase-process-form__addresses-main.is-active .icon {
    transform: scaleY(-1);
}
.purchase-process-form__addresses-main.is-validation-failed {
    border: 1px solid var(--color-validation-failed);
}
.purchase-process-form__addresses-other {
    display: none;
    flex-direction: column;
}
.purchase-process-form__address {
    -webkit-user-select: none;
    user-select: none;
    background-color: var(--color-gray-50);
    position: relative;
    transition: 0.3s ease;
}
.purchase-process-form__address.is-active .purchase-process-form__address-icon {
    background-color: var(--color-gray-950);
}
.purchase-process-form__address.is-active .purchase-process-form__address-icon .icon {
    opacity: 1;
}
.purchase-process-form__address-inner {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 20px 0;
    border-bottom: 0.5px solid var(--color-gray-200);
    cursor: pointer;
}
.purchase-process-form__address-right {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.purchase-process-form__address:last-child .edit-address-form,
.purchase-process-form__address:last-child .purchase-process-form__address-inner {
    border-bottom: 0;
    padding-bottom: 0;
}
.purchase-process-form__address-edit-button.btn {
    white-space: nowrap;
    margin-left: auto;
}
.purchase-process-form__address-edit-button.btn .icon {
    width: 16px;
    height: 16px;
}
.purchase-process-form__address-edit-hidden-form {
    display: none;
    grid-column: span 3;
}
.purchase-process-form__address-edit-hidden-form .edit-address-form {
    padding: 20px 0;
    border-bottom: 0.5px solid var(--color-gray-200);
}
.purchase-process-form__address-icon {
    height: 16px;
    width: 16px;
    border-radius: 100%;
    background-color: var(--color-white);
    border: 0.5px solid var(--color-gray-950);
    color: var(--color-white);
    position: relative;
    top: 3px;
    margin-right: 10px;
    flex-shrink: 0;
    transition: background-color 150ms var(--easing-slow);
}
.purchase-process-form__address-icon .icon {
    width: 12px;
    height: 12px;
    opacity: 0;
    transition: opacity 150ms var(--easing-default);
}
.purchase-process-form__delivery-message {
    margin-top: 44px;
}
@media only screen and (max-width: 767px) {
    .purchase-process-form__delivery-message {
        margin-top: 24px;
    }
}
.purchase-process-form__delivery-message .title {
    margin-bottom: 16px;
}
.purchase-process-form__checkboxes {
    margin-top: 12px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
}
@media only screen and (max-width: 767px) {
    .purchase-process-form__checkboxes {
        margin-top: 12px;
    }
}
.purchase-process-form__footer {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 44px 0 20px;
}
@media only screen and (max-width: 767px) {
    .purchase-process-form__footer {
        width: 100%;
    }
}
@media (max-width: 420px) {
    .purchase-process-form__footer {
        flex-direction: column;
    }
    .purchase-process-form__footer .btn {
        width: 100%;
    }
}
.purchase-process-form__footer-btns {
    flex: auto;
}
@media (max-width: 420px) {
    .purchase-process-form__footer-btns {
        flex: 0 0 100%;
        width: 100%;
    }
}
.purchase-process-form__footer-btns .btn {
    width: 100%;
}
.purchase-process-form__footer-btns .btn-paypal {
    display: none;
}
.purchase-process-form__footer-btns .btn-paypal > div {
    height: 44px !important;
    width: auto !important;
    margin-left: auto;
}
.purchase-process-form__footer-btns.show-paypal .btn-normal {
    display: none;
}
.purchase-process-form__footer-btns.show-paypal .btn-paypal {
    display: flex;
}
.purchase-process-form__inputs {
    margin-top: 44px;
}
.purchase-process-form__inputs-title {
    margin-bottom: 16px;
}
.purchase-process-form__inputs-repeater {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
@media only screen and (max-width: 767px) {
    .purchase-process-form__inputs-repeater {
        gap: 8px;
    }
}
.purchase-process-form__inputs-double {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 18px;
}
@media only screen and (max-width: 767px) {
    .purchase-process-form__inputs-double {
        grid-template-columns: 1fr;
        grid-gap: 8px;
    }
}
.purchase-process-form__inputs-checkboxes {
    margin-top: 16px;
}
.purchase-process-form__checkbox-dropdowns {
    margin-top: 16px;
}
.purchase-process-form__checkbox-dropdown {
    margin-top: 12px;
}
.purchase-process-form__checkbox-dropdown__inputs {
    display: none;
    will-change: height, padding;
    padding: 24px 0 16px;
}
.purchase-process-form__privacy-policy {
    margin-top: 20px;
    display: grid;
    grid-gap: 12px;
}
.purchase-process-form__title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.purchase-process-form__account-exists {
    font-size: 14px;
    font-weight: 500;
    flex-shrink: 0;
}
.purchase-process-form__account-exists span {
    font-weight: 500;
    cursor: pointer;
}
.purchase-process-form__account-exists span:hover {
    text-decoration: underline;
}
.purchase-process-form__send-newsletter-checkbox {
    margin-top: 16px;
    display: inline-block;
}
.purchase-process-form__send-newsletter-checkbox .checkbox__label {
    font-size: 14px;
}
.purchase-process-form .checkbox {
    font-weight: 400;
}
.purchase-process-form .checkbox__label:before {
    background-color: var(--color-gray-50);
}
.purchase-process-form .checkbox a {
    color: var(--color-gray-950);
    font-weight: 500;
}
.purchase-process-form .checkbox input:checked ~ label::before {
    border-color: var(--color-gray-950);
}
.purchase-process-form .bg-gray-50 .checkbox__label:before {
    background-color: var(--color-white);
}
.purchase-process-form .fv-plugins-message-container {
    font-size: 12px;
    text-align: left;
    padding-left: 0;
}
.purchase-process-form .mod-input textarea {
    min-height: 178px;
}
.purchase-process-form .mod-input.is-validation-passed .mod-input__field {
    border: 1px solid var(--color-green);
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6693 5L7.5026 14.1667L3.33594 10' stroke='%23282322' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat right 18px center/16px;
}
.purchase-process-form [data-validator=emailAddress] {
    display: none;
}

#payment-message {
    text-align: center;
    padding: 16px;
    border-radius: 16px;
    background-color: var(--color-gray-50);
    border: 0.5px solid var(--color-gray-100);
}
.purchase-process__indicator {
    position: relative;
    width: 100%;
}
.purchase-process__indicator-line {
    width: calc(100% - 60px);
    height: 2px;
    background-color: var(--color-gray-50);
    position: absolute;
    top: 12px;
    left: 30px;
}
.purchase-process__indicator-line:before {
    content: "";
    background-color: var(--color-gray-950);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
}
.purchase-process__indicator-square {
    display: block;
}
.purchase-process__indicator-square svg {
    width: 24px;
    height: 20px;
}
.purchase-process__indicator-square path {
    fill: var(--color-gray-100);
}
.purchase-process__indicator-text {
    font-size: 12px;
    line-height: 1.5;
}
.purchase-process__indicator-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
    position: relative;
    z-index: 3;
}
.purchase-process__indicator-icon.is-active, .purchase-process__indicator-icon.is-done {
    color: var(--color-gray-950);
}
.purchase-process__indicator-icon.is-active path, .purchase-process__indicator-icon.is-done path {
    fill: var(--color-gray-950);
}
.purchase-process__indicator-icons {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    align-items: center;
}
.purchase-process-sidebar {
    width: 100%;
}
.purchase-process-sidebar__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.purchase-process-sidebar__header .icon {
    flex-shrink: 0;
    transition: transform 150ms var(--easing-slow);
}
.purchase-process-sidebar.is-open .purchase-process-sidebar__header .icon-chevron-down {
    transform: scaleY(-1);
}
.purchase-process-sidebar__header-title {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 24px;
}
@media only screen and (max-width: 1022px) {
    .purchase-process-sidebar__content {
        will-change: height, padding;
    }
}
.purchase-process-sidebar__final {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--color-gray-200);
    padding-top: 20px;
    font-size: 24px;
    font-weight: 500;
    margin-top: 20px;
}
@media only screen and (max-width: 1022px) {
    .purchase-process-sidebar__final {
        margin-top: 16px;
        padding-top: 16px;
    }
}
.purchase-process-sidebar__final-left {
    line-height: 1.6;
}
@media only screen and (max-width: 1022px) {
    .purchase-process-sidebar__final-left {
        font-size: 16px;
    }
}
.purchase-process-sidebar__final-left__extra {
    font-size: 12px;
    color: var(--color-gray-400);
    margin-top: -2px;
}
.purchase-process-sidebar__final-right {
    margin-bottom: auto;
}
.purchase-process-sidebar__savings {
    border-top: 1px solid var(--color-gray-200);
    padding-top: 20px;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
    align-items: center;
}
@media only screen and (max-width: 1022px) {
    .purchase-process-sidebar__savings {
        padding-top: 16px;
    }
}
.purchase-process-sidebar__prices {
    padding: 20px 0;
    display: grid;
    grid-gap: 10px;
    border-top: 1px solid var(--color-gray-200);
    margin-top: 20px;
    width: 100%;
}
@media only screen and (max-width: 1022px) {
    .purchase-process-sidebar__prices {
        padding: 16px 0;
        margin-top: 16px;
    }
}
.purchase-process-sidebar__prices__wrap {
    width: 100%;
}
.purchase-process-sidebar__prices-left {
    flex-shrink: 0;
}
.purchase-process-sidebar__prices-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.purchase-process-sidebar__product {
    position: relative;
    padding: 16px 0;
    border-bottom: 0.5px solid var(--color-gray-100);
    display: grid;
    grid-template-columns: 150px 1fr;
    grid-gap: 20px;
    align-items: center;
}
@media only screen and (max-width: 1022px) {
    .purchase-process-sidebar__product {
        padding-left: 6px;
    }
}
@media only screen and (max-width: 767px) {
    .purchase-process-sidebar__product {
        grid-template-columns: 98px 1fr;
        grid-gap: 12px;
    }
}
.purchase-process-sidebar__product:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.purchase-process-sidebar__product-img {
    position: relative;
    width: 150px;
    height: 150px;
    overflow: hidden;
}
@media only screen and (max-width: 767px) {
    .purchase-process-sidebar__product-img {
        width: 98px;
        height: 98px;
    }
}
.purchase-process-sidebar__product-img img {
    position: absolute;
    max-width: initial;
    width: 208px;
    height: 180px;
    object-fit: contain;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 16px);
    transition: transform 150ms var(--easing-slow);
}
@media only screen and (max-width: 767px) {
    .purchase-process-sidebar__product-img img {
        width: auto;
        height: 106px;
        max-height: initial;
    }
}
.purchase-process-sidebar__product-content {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}
.purchase-process-sidebar__product .info-list {
    justify-content: flex-start;
}
.purchase-process-sidebar__product-price {
    line-height: 1.2;
    white-space: nowrap;
}
@media only screen and (max-width: 1022px) {
    .purchase-process-sidebar__product-price .text--24 {
        font-size: 20px;
    }
}
.purchase-process-sidebar__product-num {
    position: absolute;
    left: -6px;
    top: 10px;
    background-color: var(--color-yellow);
    width: 26px;
    height: 26px;
    border-radius: 100%;
    z-index: 3;
    font-size: 12px;
}
@media only screen and (max-width: 1022px) {
    .purchase-process-sidebar__product-num {
        left: 0;
    }
}
.purchase-process-sidebar__product:has(.full-image) .purchase-process-sidebar__product-img img {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
    object-fit: cover;
}
.purchase-process-sidebar__product:has(.full-image):hover .purchase-process-sidebar__product-img img {
    transform: scale(1.05);
}
.purchase-process-sidebar__product:hover .purchase-process-sidebar__product-img img {
    transform: translate(-50%, 10px);
}
.purchase-process-sidebar__bottom {
    margin-top: 32px;
}
@media only screen and (max-width: 1022px) {
    .purchase-process-sidebar__bottom {
        margin-top: 24px;
    }
}
.purchase-process-sidebar .add-promo-code {
    max-width: 100%;
}
.quantity-counter {
    display: inline-flex;
    align-items: center;
    grid-gap: 0;
    height: 36px;
    background-color: var(--color-gray-50);
    border: 0.5px solid var(--color-gray-100);
    border-radius: 30px;
    padding: 2px;
}
.quantity-counter__button {
    position: relative;
    height: 32px;
    width: 32px;
    transition: background-color 45ms ease-out, color 45ms ease-out, transform 50ms var(--easing-slow);
    color: var(--color-gray-400);
    border-radius: 100%;
}
.quantity-counter__button .icon {
    width: 16px;
    height: 16px;
}
.quantity-counter__button .icon::before {
    transition: background-color 45ms ease-out;
}
.quantity-counter__button:hover {
    background-color: var(--color-gray-100);
    color: var(--color-gray-950);
}
.quantity-counter__button:active {
    transform: scale(0.95);
}
.quantity-counter__button.is-disabled {
    pointer-events: none;
    opacity: 0.5;
}
.quantity-counter__input {
    height: 32px;
    width: 22px;
    font-weight: 500;
    text-align: center;
    opacity: 1;
    color: var(--color-gray-950);
    border: 0;
    background-color: transparent;
    font-size: 14px;
}
.quantity-counter__input:disabled {
    opacity: 1;
}
.radio-button-group__label {
    margin-bottom: 16px;
}
.radio-button-group__list {
    display: grid;
    grid-gap: 8px;
}
.radio-button-group--horizontal .radio-button-group__list {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0;
    gap: 16px;
}
.radio-button-group--horizontal .radio-button-group__list li:not(:last-child) {
    margin-right: 20px;
}
.range-slider--secondary .noUi-connects::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.range-slider {
    max-width: 450px;
    display: block;
    width: 100%;
    text-align: left;
    padding: 12px 0 24px;
}
.range-slider__inner {
    width: 100%;
    min-height: 8px;
}
.range-slider__title {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    letter-spacing: -0.01em;
    margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
    .range-slider__title {
        font-size: 16px;
    }
}
.range-slider .animated-price-char {
    height: 20px;
}
@media only screen and (max-width: 767px) {
    .range-slider .animated-price-char {
        height: 15px;
    }
}
.range-slider .animated-price-static-char, .range-slider .animated-price-wheel-item {
    height: 20px;
    line-height: 20px;
}
@media only screen and (max-width: 767px) {
    .range-slider .animated-price-static-char, .range-slider .animated-price-wheel-item {
        height: 16px;
        line-height: 16px;
    }
}
.range-slider__animated-value, .range-slider__total {
    position: relative;
    display: inline-block;
    background-color: var(--color-white);
    height: 38px;
    width: 56px;
    border-radius: 30px;
    text-align: center;
    outline: 0;
    border: 0;
    box-shadow: none;
    font-weight: 500;
}
@media only screen and (max-width: 767px) {
    .range-slider__animated-value, .range-slider__total {
        height: 32px;
        width: 52px;
    }
}
.range-slider__animated-value {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 56px;
    padding: 2px 4px 0;
}
@media only screen and (max-width: 767px) {
    .range-slider__animated-value {
        min-width: 52px;
    }
}
.range-slider__info {
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
}
.range-slider__info .icon {
    width: 10px;
    height: 10px;
    display: inline-block;
}
.range-slider__info-item {
    display: flex;
    align-items: center;
}
.range-slider--secondary {
    border-radius: 24px;
    padding: 24px;
    /* stylelint-disable */
    /* stylelint-enable */
}
.range-slider--secondary .range-slider__inner {
    background-color: var(--color-gray-100);
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}
.range-slider--secondary .noUi-horizontal {
    height: 24px;
    border-radius: 30px;
    width: calc(100% + 24px);
    margin-left: -12px;
}
@media only screen and (max-width: 767px) {
    .range-slider--secondary .noUi-horizontal {
        height: 36px;
        width: calc(100% + 36px);
        margin-left: -18px;
    }
}
.range-slider--secondary .noUi-target {
    background-color: transparent;
}
.range-slider--secondary .noUi-base {
    width: calc(100% - 48px);
    margin-left: 24px;
}
@media only screen and (max-width: 767px) {
    .range-slider--secondary .noUi-base {
        width: calc(100% - 72px);
        margin-left: 36px;
    }
}
.range-slider--secondary .noUi-connects {
    border-radius: 30px;
    overflow: visible;
}
.range-slider--secondary .noUi-connects::before {
    background-color: var(--color-gray-950);
    width: 24px;
    left: -12px;
    border-radius: 100%;
}
@media only screen and (max-width: 767px) {
    .range-slider--secondary .noUi-connects::before {
        width: 36px;
        left: -18px;
    }
}
.range-slider--secondary .noUi-connect {
    border-radius: 0;
}
.range-slider--secondary .noUi-horizontal .noUi-handle {
    width: 24px;
    height: 24px;
    top: 0;
    right: -12px;
}
@media only screen and (max-width: 767px) {
    .range-slider--secondary .noUi-horizontal .noUi-handle {
        width: 36px;
        height: 36px;
        right: -18px;
    }
}
.range-slider--secondary .noUi-horizontal .noUi-handle::after, .range-slider--secondary .noUi-horizontal .noUi-handle::before {
    height: 8px;
    top: 6px;
}
@media only screen and (max-width: 767px) {
    .range-slider--secondary .noUi-horizontal .noUi-handle::after, .range-slider--secondary .noUi-horizontal .noUi-handle::before {
        top: 12px;
    }
}
.range-slider--secondary .noUi-horizontal .noUi-handle::before {
    left: 8px;
}
@media only screen and (max-width: 767px) {
    .range-slider--secondary .noUi-horizontal .noUi-handle::before {
        left: 14px;
    }
}
.range-slider--secondary .noUi-horizontal .noUi-handle::after {
    left: 12px;
}
@media only screen and (max-width: 767px) {
    .range-slider--secondary .noUi-horizontal .noUi-handle::after {
        left: 18px;
    }
}

/* stylelint-disable */
.noUi-horizontal {
    height: 8px;
    border-radius: 30px;
}

.noUi-target {
    border: 0;
    cursor: pointer;
    box-shadow: none;
    background: var(--color-gray-100);
}

.noUi-connect {
    background-color: var(--color-gray-950);
    border-radius: 8px;
}

.noUi-horizontal .noUi-handle {
    width: 16px;
    height: 16px;
    right: -4px;
    top: -4px;
    cursor: pointer;
    box-shadow: none;
    border: 2px solid var(--color-gray-950);
    border-radius: 100%;
    background: var(--color-white);
}
.noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after {
    height: 8px;
    top: 2px;
    left: 4px;
    background-color: var(--color-gray-100);
}
.noUi-horizontal .noUi-handle::after {
    left: 7px;
}
.noUi-horizontal .noUi-tooltip {
    font-size: 12px;
    color: var(--color-gray-950);
    bottom: initial;
    top: 22px;
    width: 48px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 4px;
    font-weight: 500;
    border-radius: 30px;
    background-color: var(--color-gray-50);
    border: 1px solid var(--color-gray-100);
}
.noUi-horizontal .noUi-tooltip input {
    border: 0;
    padding: 0;
    background: transparent;
    text-align: center;
    outline: 0;
    width: 70px;
}

/* stylelint-enable */
.recipe-card__image::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.recipe-card {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 320px;
    width: 100%;
    transition: transform 160ms var(--easing-spring-slow);
}
.recipe-card__image {
    padding-bottom: 105%;
    border: var(--border-white);
    border-radius: 24px;
}
@media only screen and (max-width: 1022px) {
    .recipe-card__image {
        padding-bottom: 113%;
    }
}
.recipe-card__image::before {
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.05);
    opacity: 0;
    transition: opacity 80ms ease-out;
}
.recipe-card__content {
    padding: 20px 10px 0;
    display: grid;
    grid-gap: 8px;
}
.recipe-card__tag {
    position: absolute;
    bottom: 16px;
    left: 16px;
    min-height: 28px;
    gap: 6px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
    padding: 4px 12px;
    color: var(--color-white);
}
.recipe-card__tag .icon {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}
.recipe-card .wishlist-button,
.recipe-card .tag {
    position: absolute;
    top: 10px;
    transform: translateZ(0);
    will-change: transform;
}
.recipe-card .tag {
    left: 10px;
    z-index: 2;
}
.recipe-card .wishlist-button {
    right: 10px;
    z-index: 4;
    background-color: transparent;
}
.recipe-card .wishlist-button .icon::before {
    background-color: var(--color-white);
}
.recipe-card:hover .recipe-card__image::before {
    opacity: 1;
}
.recipe-card--full-width {
    max-width: 100%;
}
.recipe-card:has(.stretched-link:active) {
    transform: scale(0.98);
}
.recipe-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--color-black);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s var(--easing-spring-slow), visibility 0.2s var(--easing-spring-slow);
}
.recipe-modal.is-open-modal {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.recipe-modal__header {
    padding: 22px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.recipe-modal__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}
@media only screen and (max-width: 1022px) {
    .recipe-modal__inner {
        overflow: auto;
    }
}
@media only screen and (min-width: 1023px) {
    .recipe-modal .embeded-video__wrapper {
        padding-bottom: 0;
        height: 100%;
        flex: auto;
    }
}
@media only screen and (max-width: 1022px) {
    .recipe-modal__drawer-trigger {
        display: none;
    }
}
.recipe-modal__drawer {
    color: var(--color-white);
    margin-top: 84px;
}
@media only screen and (min-width: 1023px) {
    .recipe-modal__drawer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
        margin-top: 0;
        pointer-events: none;
    }
}
@media only screen and (max-width: 1022px) {
    .recipe-modal__drawer {
        margin-top: 40px;
    }
}
.recipe-modal__drawer-overlay {
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s var(--easing-spring-slow), visibility 0.2s var(--easing-spring-slow);
}
@media only screen and (max-width: 1022px) {
    .recipe-modal__drawer-overlay {
        display: none;
    }
}
.recipe-modal__drawer-inner {
    z-index: 9;
    background-color: rgba(40, 35, 34, 0.9);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--color-gray-900);
    display: grid;
    grid-gap: 30px;
    border-radius: 16px 16px 0 0;
    padding: 16px;
    align-content: flex-start;
}
@media only screen and (min-width: 768px) {
    .recipe-modal__drawer-inner {
        padding: 20px;
    }
}
@media only screen and (min-width: 1023px) {
    .recipe-modal__drawer-inner {
        grid-gap: 32px;
        position: absolute;
        top: 24px;
        right: 0;
        height: calc(100% - 24px);
        width: 358px;
        border-radius: 24px 0 0 0;
        overflow: auto;
        padding: 24px;
        scrollbar-track-color: #f6f5f4;
        scrollbar-face-color: #d8d4d0;
        scrollbar-arrow-color: #d8d4d0;
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */
        scrollbar-track-color: #282322;
        scrollbar-face-color: rgba(40, 35, 34, 0.4);
        scrollbar-arrow-color: rgba(40, 35, 34, 0.4);
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */
        visibility: hidden;
        opacity: 0;
        transform: translateX(100%);
        transition: transform 0.3s var(--easing-spring-slow), visibility 0.3s var(--easing-spring-slow), opacity 0.3s var(--easing-spring-slow);
    }
    .recipe-modal__drawer-inner::-webkit-scrollbar {
        width: 0px;
    }
    .recipe-modal__drawer-inner ::-webkit-scrollbar-track {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #f6f5f4;
    }
    .recipe-modal__drawer-inner ::-webkit-scrollbar-thumb:window-inactive {
        background: #e7e5e2;
    }
    .recipe-modal__drawer-inner::-webkit-scrollbar-thumb {
        background: #d8d4d0;
        width: 0px;
        border-radius: 10px;
    }
    .recipe-modal__drawer-inner::-webkit-scrollbar-thumb:hover {
        background: #dedbd7;
    }
    .recipe-modal__drawer-inner ::-webkit-scrollbar {
        width: 0px;
    }
    .recipe-modal__drawer-inner::-webkit-scrollbar {
        width: 4px;
    }
    .recipe-modal__drawer-inner ::-webkit-scrollbar-track {
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: #282322;
    }
    .recipe-modal__drawer-inner ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(40, 35, 34, 0.7);
    }
    .recipe-modal__drawer-inner::-webkit-scrollbar-thumb {
        background: rgba(40, 35, 34, 0.4);
        width: 4px;
        border-radius: 5px;
    }
    .recipe-modal__drawer-inner::-webkit-scrollbar-thumb:hover {
        background: rgba(40, 35, 34, 0.52);
    }
    .recipe-modal__drawer-inner ::-webkit-scrollbar {
        width: 4px;
    }
}
.recipe-modal__drawer-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 16px;
}
@media only screen and (max-width: 1022px) {
    .recipe-modal__drawer-header {
        margin-bottom: 20px;
    }
}
.recipe-modal__drawer-title {
    color: var(--color-white);
}
.recipe-modal__drawer-close {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}
@media only screen and (max-width: 1022px) {
    .recipe-modal__drawer-close {
        display: none;
    }
}
@media only screen and (min-width: 1023px) {
    .recipe-modal__drawer.is-open {
        pointer-events: all;
    }
}
@media only screen and (min-width: 1023px) {
    .recipe-modal__drawer.is-open .recipe-modal__drawer-inner {
        opacity: 1;
        visibility: visible;
        transform: translate(0, 0);
    }
}
@media only screen and (min-width: 1023px) {
    .recipe-modal__drawer.is-open .recipe-modal__drawer-overlay {
        opacity: 1;
        pointer-events: all;
        visibility: visible;
    }
}
.recipe-modal__info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.recipe-modal .tag {
    background-color: var(--color-gray-950);
    border: 1px solid var(--color-gray-900);
}
@media only screen and (max-width: 1022px) {
    .recipe-modal .tag {
        min-height: 34px;
    }
}
.recipe-modal__group-title {
    margin-bottom: 10px;
}
.recipe-modal__group-item {
    padding: 16px;
}
.recipe-modal__group-inner {
    display: grid;
    grid-gap: 12px;
}
.recipe-modal__group--steps .recipe-modal__group-item-title {
    margin-bottom: 5px;
}
.recipe-small-card {
    width: 100%;
    max-width: 648px;
    display: flex;
    padding: 0 15px 0 10px;
    align-items: center;
    overflow: hidden;
    position: relative;
    min-height: 66px;
    gap: 0;
    transition: background-color 80ms var(--easing-slow), transform 100ms ease;
}
@media only screen and (max-width: 1022px) {
    .recipe-small-card {
        padding: 0 16px 0 2px;
    }
}
.recipe-small-card__image {
    width: 78px;
    height: 65px;
    margin: -24px 0;
    flex-shrink: 0;
    overflow: hidden;
}
.recipe-small-card__image img {
    border-radius: 8px;
    object-fit: contain;
}
.recipe-small-card__content {
    flex: auto;
    padding: 8px 0 8px 16px;
}
.recipe-small-card__button {
    flex-shrink: 0;
    margin-left: 10px;
}
.recipe-small-card .title {
    margin-bottom: 0;
}
@media only screen and (max-width: 1022px) {
    .recipe-small-card .btn {
        padding: 8px;
        min-width: 36px;
        min-height: 36px;
    }
}
@media only screen and (max-width: 1022px) {
    .recipe-small-card .btn__text {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        overflow: hidden;
    }
}
.recipe-small-card .btn__icon {
    display: none;
}
@media only screen and (max-width: 1022px) {
    .recipe-small-card .btn__icon {
        display: block;
    }
}
.recipe-small-card__text .tag {
    margin-left: 5px;
}
.recipe-small-card:has(.btn):hover, .recipe-small-card:has(.btn):active {
    background-color: var(--color-gray-200);
}
.recipe-small-card:has(.btn):active {
    transform: scale(0.98);
}
.recipe-small-card .stretched-link {
    z-index: 5;
}
.recipe-small-card__gift-image {
    flex-shrink: 0;
}
.recipe-small-card__gift-image img {
    height: 38px;
    width: auto;
    object-fit: contain;
}
.recipe-small-card--secondary {
    max-width: 894px;
}
@media only screen and (max-width: 1022px) {
    .recipe-small-card--secondary {
        padding: 0 10px;
    }
}
.recipe-small-card--secondary .recipe-small-card__title {
    line-height: 1.5;
}
@media only screen and (max-width: 1022px) {
    .recipe-small-card--secondary .recipe-small-card__title {
        line-height: 1.5;
        padding-right: 18px;
        white-space: nowrap;
        display: flex;
    }
}
@media only screen and (max-width: 1022px) {
    .recipe-small-card--secondary .recipe-small-card__title h5 {
        display: grid;
        align-items: center;
        grid-auto-flow: column;
    }
}
@media only screen and (max-width: 1022px) {
    .recipe-small-card--secondary .recipe-small-card__title h5 span {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.recipe-small-card--secondary .recipe-small-card__title .tag {
    margin-left: 5px;
}
@media only screen and (max-width: 1022px) {
    .recipe-small-card--secondary .recipe-small-card__title .tag span {
        width: auto;
    }
}
.recipe-small-card--secondary .recipe-small-card__text .tag {
    padding: 2px 8px;
    background-color: var(--color-gray-200);
    color: var(--color-gray-950);
}
.recipe-small-card--secondary .btn {
    font-size: 12px;
    color: var(--color-gray-300);
    font-weight: 400;
    padding: 0 8px;
    gap: 2px;
    background-color: transparent;
}
@media only screen and (max-width: 1022px) {
    .recipe-small-card--secondary .btn {
        min-height: 12px;
        min-width: 12px;
        padding: 0;
    }
}
.recipe-small-card--secondary .btn__icon {
    display: block;
}
.recipe-small-card--secondary .btn__icon .icon {
    width: 12px;
    height: 12px;
}
.recipe-small-card--secondary:has(.btn):hover, .recipe-small-card--secondary:has(.btn):active {
    background-color: var(--color-gray-100);
}
.recipe-small-card--gift-item {
    background-color: var(--color-yellow);
    border-color: var(--color-cold-yellow);
}
.recipe-small-card--gift-item .recipe-small-card__text .tag {
    background-color: var(--color-white);
}
@media only screen and (min-width: 1023px) {
    .recipe-small-card--gift-item .recipe-small-card__button span {
        display: none;
    }
}
.recipe-small-card--gift-item:has(.btn):hover, .recipe-small-card--gift-item:has(.btn):active {
    background-color: var(--color-yellow-hover);
}
.section-header {
    width: 100%;
    margin-bottom: 44px;
}
@media only screen and (max-width: 1022px) {
    .section-header {
        margin-bottom: 40px;
    }
}
.section-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
@media only screen and (max-width: 767px) {
    .section-header__inner {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        align-items: center;
    }
}
@media only screen and (min-width: 768px) {
    .section-header__inner:has(.editor-text) {
        align-items: flex-start;
    }
}
.section-header__content {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: auto;
    gap: 12px;
}
@media only screen and (max-width: 767px) {
    .section-header__content {
        justify-content: center;
        margin-left: 0;
    }
}
.section-header__buttons {
    display: flex;
    align-items: flex-start;
    align-self: flex-start;
    gap: 6px;
    flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
    .section-header__buttons {
        align-self: center;
    }
}
.section-header .editor-text {
    max-width: 350px;
    width: 100%;
}
.section-header__image {
    margin-bottom: 32px;
}
.section-header__image img {
    max-width: 530px;
    max-height: 200px;
    object-fit: contain;
}
@media only screen and (max-width: 1022px) {
    .section-header__image img {
        max-width: 100%;
        max-height: 128px;
    }
}
.section-header--center-align {
    max-width: 686px;
    margin: 0 auto 64px;
}
@media only screen and (max-width: 1200px) {
    .section-header--center-align {
        max-width: 630px;
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 1022px) {
    .section-header--center-align {
        margin-bottom: 40px;
    }
}
.section-header--center-align .section-header__image {
    text-align: center;
}
.section-header--center-align .section-header__inner {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}
@media only screen and (min-width: 1023px) {
    .section-header--center-align .section-header__inner {
        gap: 15px;
    }
}
.section-header--center-align .section-header__content {
    margin: 0;
    justify-content: flex-start;
}
.section-header--center-align .section-header__buttons {
    align-self: center;
}
.section-header--center-align .editor-text {
    max-width: 100%;
}
@media only screen and (min-width: 1023px) {
    .section-header--center-align .editor-text {
        font-size: 18px;
    }
}
@media only screen and (min-width: 1201px) {
    .section-header--center-align .editor-text {
        font-size: 20px;
    }
}
.section-header__footer {
    margin-top: 24px;
    display: none;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .section-header__footer {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media only screen and (max-width: 767px) {
    .section-header.xs-hide-button {
        margin-bottom: 12px;
    }
}
@media only screen and (max-width: 767px) {
    .section-header.xs-hide-button .section-header__buttons {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .section-header.xs-hide-button .section-header__inner {
        text-align: left;
        align-items: flex-start;
    }
}
@media only screen and (max-width: 767px) {
    .section-header.xs-hide-button.section-header--center-align .section-header__inner {
        text-align: center;
        align-items: center;
    }
}
.site-loader {
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    z-index: 101;
    pointer-events: none;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    will-change: opacity, visibility;
    transition: visibility 0.3s ease, opacity 0.3s ease;
}
.site-loader.is-loading, .is-loading .site-loader {
    opacity: 1;
    visibility: visible;
}
.site-loader__inner {
    width: 150px;
    height: 150px;
    position: relative;
}
.site-loader__init {
    width: 300px;
    height: 300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.site-loader__text {
    max-width: 480px;
    display: block;
    text-align: center;
    position: relative;
    z-index: 3;
}
.small-banner {
    width: 100%;
    margin: 0 auto;
    padding: 64px;
    display: grid;
    grid-gap: 32px;
    text-align: center;
    justify-items: center;
    align-content: center;
    min-height: 532px;
    position: relative;
}
@media only screen and (max-width: 1200px) {
    .small-banner {
        padding: 50px;
    }
}
@media only screen and (max-width: 1022px) {
    .small-banner {
        padding: 24px;
        min-height: 1px;
    }
}
@media only screen and (max-width: 767px) {
    .small-banner {
        justify-items: flex-start;
        text-align: left;
        grid-gap: 14px;
    }
}
.small-banner__image {
    max-width: 215px;
    width: 100%;
    margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
    .small-banner__image {
        max-width: 180px;
    }
}
@media only screen and (max-width: 1022px) {
    .small-banner__image {
        max-width: 110px;
    }
}
@media only screen and (max-width: 767px) {
    .small-banner__image {
        max-width: 74px;
        margin: 0;
    }
}
.small-banner__image img {
    width: auto;
    height: auto;
    object-fit: contain;
}
@media only screen and (max-width: 767px) {
    .small-banner .title {
        line-height: 1.2;
    }
}
.small-banner__content {
    display: grid;
    grid-gap: 5px;
}
@media only screen and (max-width: 1022px) {
    .small-banner__content {
        grid-gap: 0;
    }
}
.small-banner__bg-pattern {
    z-index: -1;
}
@media only screen and (max-width: 1022px) {
    .small-banner__text {
        font-size: 16px;
    }
}
.social-nav ul {
    display: flex;
    align-items: center;
    gap: 8px;
}
.social-nav__link {
    position: relative;
    z-index: 3;
    width: 16px;
    height: 16px;
}
.social-nav__link .icon::before {
    background-color: var(--color-gray-500);
}
.social-nav__link:hover .icon::before {
    background-color: var(--color-gray-950);
}
.tab-buttons {
    width: 100%;
}
.tab-buttons__nav {
    background-color: var(--color-gray-50);
    border-radius: 100px;
    border: 0.5px solid var(--color-gray-200);
    padding: 4px;
    display: flex;
}
.tab-buttons__nav-link {
    flex: 1;
    text-align: center;
    min-height: 34px;
    border-radius: 100px;
    position: relative;
    z-index: 3;
    line-height: 1.1;
    padding: 8px;
    gap: 6px;
    transition: background-color 50ms var(--easing-slow), color 150ms var(--easing-slow);
}
.tab-buttons__nav-link.is-active {
    color: var(--color-white);
}
.tab-buttons__nav-link:not(.is-active):hover {
    background-color: var(--color-gray-100);
}
.tab-buttons__nav .icon {
    width: 12px;
    height: 12px;
}
.page-404 .title--h1 {
    font-size: 404px;
    line-height: 0.8;
}
@media only screen and (max-width: 1439px) {
    .page-404 .title--h1 {
        font-size: 300px;
    }
}
@media only screen and (max-width: 1200px) {
    .page-404 .title--h1 {
        font-size: 260px;
    }
}
@media only screen and (max-width: 767px) {
    .page-404 .title--h1 {
        font-size: 160px;
    }
}
.page-404__content {
    width: 100%;
    display: grid;
    grid-gap: 20px;
    max-width: 700px;
}

.sc-page-404 {
    min-height: 774px;
    padding: 40px 0 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 1022px) {
    .sc-page-404 {
        min-height: calc(100vh - var(--header-height, 0px));
    }
}
.age-confirmation__title strong {
    font-size: 128px;
    line-height: 1;
    letter-spacing: -0.06em;
}
@media only screen and (max-width: 1439px) {
    .age-confirmation__title strong {
        font-size: 96px;
        letter-spacing: 0;
    }
}

.age-confirmation {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    overflow: auto;
    background: linear-gradient(99.23deg, #fff200 0%, #ffe900 100%);
    display: flex;
    flex-direction: column;
    z-index: 99999;
    transition: opacity 180ms var(--easing-slow), visibility 180ms var(--easing-slow);
    opacity: 0;
    visibility: hidden;
}
.age-confirmation.is-open {
    opacity: 1;
    visibility: visible;
}
.age-confirmation__logo {
    display: inline-block;
    max-width: 150px;
}
.age-confirmation .container {
    position: relative;
    z-index: 3;
}
@media only screen and (max-width: 1022px) {
    .age-confirmation .container {
        max-width: calc(100% - 40px);
    }
}
.age-confirmation__header {
    padding-top: 40px;
}
.age-confirmation__background {
    position: fixed;
}
.age-confirmation__body {
    padding: 82px 0 160px;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 1022px) {
    .age-confirmation__body {
        justify-content: flex-start;
        padding: 60px 0 274px;
        position: relative;
    }
}
.age-confirmation__content {
    max-width: 686px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.age-confirmation__title {
    margin-bottom: 95px;
}
@media only screen and (max-width: 1022px) {
    .age-confirmation__title {
        margin-bottom: 75px;
    }
}
.age-confirmation__title strong {
    letter-spacing: -0.01em;
    display: block;
}
.age-confirmation__title strong:before {
    width: 360px;
    height: 18px;
    bottom: -18px;
}
.age-confirmation__title-image {
    width: 100%;
    position: absolute;
    bottom: -24px;
    max-width: 358px;
    left: 50%;
    transform: translate(-50%, 0);
}
.age-confirmation__image {
    max-width: 334px;
    position: absolute;
    bottom: 0;
    right: 24px;
}
@media only screen and (max-width: 1200px) {
    .age-confirmation__image {
        right: 20px;
        max-width: 230px;
    }
}
.age-confirmation__success {
    display: none;
    max-width: 686px;
}
.age-confirmation__success .age-confirmation__title {
    margin-bottom: 50px;
}
@media only screen and (max-width: 1022px) {
    .age-confirmation__success .age-confirmation__title strong:before {
        width: 200px;
        height: 14px;
    }
}
.age-confirmation__success-image {
    max-width: 106px;
    margin: 0 auto 32px;
}
.age-confirmation__success-text {
    max-width: 450px;
}
.age-confirmation__button {
    max-width: 408px;
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-top: 24px;
}
.age-confirmation .bottom-svg-line {
    position: relative;
    min-height: 1px;
}
.age-confirmation :has(.display-success) .age-confirmation__image,
.age-confirmation :has(.display-success) .age-confirmation__content {
    display: none;
}
.age-confirmation :has(.display-success) .age-confirmation__success {
    display: block;
}
.age-confirmation :has(.display-success) .age-confirmation__body {
    padding: 60px 0;
}
.article-banner__background::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.article-banner {
    width: 100%;
    min-height: 440px;
    padding: 24px 0 40px;
    display: flex;
    overflow: hidden;
    flex-direction: column;
}
@media (min-width: 1600px) {
    .article-banner {
        aspect-ratio: 1440/440;
    }
}
@media only screen and (max-width: 767px) {
    .article-banner {
        min-height: 394px;
        padding: 24px 0;
    }
}
.article-banner__background {
    overflow: hidden;
    background-color: var(--color-gray-900);
}
.article-banner__background::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.96%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
}
.article-banner__background-inner {
    will-change: transform, opacity;
    transform: translateZ(0);
}
.article-banner__breadcrumbs {
    margin-bottom: auto;
}
.article-banner__content {
    position: relative;
    z-index: 3;
    justify-content: flex-end;
}
.article-banner .title {
    color: inherit;
}
@media only screen and (max-width: 767px) {
    .article-banner .title {
        line-height: 1.2;
    }
}
@media only screen and (max-width: 767px) {
    .article-banner .breadcrumbs-plain {
        display: none;
    }
}
.article-banner .breadcrumbs-plain__list {
    color: var(--color-gray-400);
}
.article-banner .breadcrumbs-plain__item:last-child {
    color: var(--color-white);
}
.article-banner .info-list {
    margin-bottom: 2px;
    justify-content: flex-start;
    gap: 6px;
}
.article-banner .info-list__item {
    gap: 6px;
}
.article-card-list {
    width: 100%;
}
.article-card-list__row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 44px 20px;
}
@media only screen and (max-width: 1022px) {
    .article-card-list__row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 767px) {
    .article-card-list__row {
        grid-template-columns: 1fr;
        grid-gap: 44px;
    }
}
.article-card-list .article-card {
    max-width: 100%;
}
@media only screen and (max-width: 767px) {
    .article-card-list .article-card--featured {
        max-width: calc(100% + 32px);
    }
}
.article-card-list__header {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
@media only screen and (max-width: 767px) {
    .article-card-list__header {
        flex-direction: column;
        justify-content: flex-start;
        gap: 16px;
        margin-bottom: 64px;
    }
}
.article-card-list__links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
@media only screen and (max-width: 767px) {
    .article-card-list__links {
        flex-wrap: nowrap;
        overflow: auto;
        width: calc(100% + 32px);
        margin-left: -16px;
        padding-left: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .article-card-list__pagination {
        margin-top: 60px;
    }
}
.article-card-slider {
    overflow: hidden;
}
.article-detail {
    position: relative;
    width: 100%;
}
@media only screen and (min-width: 1023px) {
    .article-detail__header {
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
}
@media only screen and (max-width: 1022px) {
    .article-detail__header {
        margin-bottom: 28px;
        font-size: 12px;
        display: grid;
        grid-gap: 2px;
    }
}
.article-detail__author {
    pointer-events: all;
}
.article-detail strong {
    font-weight: 500;
    color: var(--color-gray-950);
}
.article-detail__body {
    width: 100%;
    overflow: hidden;
}
.article-detail__item {
    margin-bottom: 80px;
}
@media only screen and (max-width: 1022px) {
    .article-detail__item {
        margin-bottom: 56px;
    }
}
.article-detail__item:last-child {
    margin-bottom: 0;
}
.article-detail .editor-text {
    line-height: 1.5;
}
@media only screen and (max-width: 1022px) {
    .article-detail .editor-text {
        font-size: 16px;
    }
}
.article-detail .editor-text h1,
.article-detail .editor-text h2,
.article-detail .editor-text h3,
.article-detail .editor-text h4,
.article-detail .editor-text h5 {
    margin: 64px 0 48px;
    line-height: 1.2;
}
@media only screen and (max-width: 1200px) {
    .article-detail .editor-text h1,
    .article-detail .editor-text h2,
    .article-detail .editor-text h3,
    .article-detail .editor-text h4,
    .article-detail .editor-text h5 {
        margin-top: 44px;
    }
}
@media only screen and (max-width: 767px) {
    .article-detail .editor-text h1,
    .article-detail .editor-text h2,
    .article-detail .editor-text h3,
    .article-detail .editor-text h4,
    .article-detail .editor-text h5 {
        line-height: 1.5;
    }
}
.article-detail .editor-text h1:first-child,
.article-detail .editor-text h2:first-child,
.article-detail .editor-text h3:first-child,
.article-detail .editor-text h4:first-child,
.article-detail .editor-text h5:first-child {
    margin-top: 0;
}
.article-detail .editor-text h1:last-child,
.article-detail .editor-text h2:last-child,
.article-detail .editor-text h3:last-child,
.article-detail .editor-text h4:last-child,
.article-detail .editor-text h5:last-child {
    margin-bottom: 0;
}
.article-detail .editor-text p:first-child {
    margin-top: 0;
}
.article-detail .editor-text p:last-child {
    margin-bottom: 0;
}
.article-detail .editor-text h2,
.article-detail .editor-text h3,
.article-detail .editor-text h4,
.article-detail .editor-text h5 {
    font-size: 24px;
    font-weight: 500;
}
@media only screen and (max-width: 767px) {
    .article-detail .editor-text h2,
    .article-detail .editor-text h3,
    .article-detail .editor-text h4,
    .article-detail .editor-text h5 {
        font-size: 20px;
    }
}
.article-detail .editor-text strong {
    font-weight: 500;
    color: var(--color-gray-950);
}
.article-detail .product-card {
    max-width: 100%;
}
.article-detail .product-card__body {
    padding: 0;
}
.article-detail .image-gallery {
    overflow: visible;
}
.article-detail__iframe {
    position: relative;
    width: 100%;
    padding-bottom: 56.24%;
}
.banner-module__image::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.banner-module {
    position: relative;
}
@media only screen and (max-width: 1022px) {
    .banner-module {
        display: flex;
        flex-direction: column;
        min-height: calc(100vh - var(--header-height, 130px) - 10px);
    }
}
@media only screen and (max-width: 767px) {
    .banner-module {
        min-height: calc(100svh - var(--header-height, 60px) - 10px);
    }
}
.banner-module__inner {
    position: relative;
    min-height: calc(100vh - var(--header-height, 130px) - 10px);
    display: flex;
    flex-direction: column;
    color: var(--color-white);
}
@media only screen and (max-width: 1022px) {
    .banner-module__inner {
        min-height: 100%;
        flex: auto;
    }
}
.banner-module__image {
    overflow: hidden;
    background-color: var(--color-gray-900);
}
.body-scroll-locked .banner-module__image {
    width: calc(100% + var(--scroll-width, 16px));
}
.banner-module__image::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.96%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
}
.banner-module__image-inner {
    will-change: transform, opacity;
    transform: translateZ(0);
}
.banner-module__content {
    height: 100%;
    padding: 24px 0 80px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media only screen and (max-width: 767px) {
    .banner-module__content {
        padding: 16px 0 48px;
    }
}
.banner-module__content-inner {
    margin-top: auto;
    display: grid;
    grid-template-columns: 32% 1fr;
    grid-gap: 20px;
    align-items: flex-end;
}
@media only screen and (max-width: 1439px) {
    .banner-module__content-inner {
        grid-template-columns: 40% 1fr;
    }
}
@media only screen and (max-width: 1200px) {
    .banner-module__content-inner {
        grid-template-columns: 50% 1fr;
    }
}
@media only screen and (max-width: 1022px) {
    .banner-module__content-inner {
        grid-template-columns: 1fr auto;
    }
}
@media only screen and (max-width: 767px) {
    .banner-module__content-inner {
        grid-template-columns: 1fr;
        grid-gap: 16px;
        max-width: 266px;
        width: 100%;
        justify-items: flex-start;
    }
}
.banner-module__content .title {
    color: var(--color-white);
    margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
    .banner-module__content .title {
        margin-bottom: 15px;
    }
}
.banner-module__content .btn {
    margin-left: auto;
}
@media only screen and (max-width: 767px) {
    .banner-module__content .btn {
        margin-left: 0;
    }
}
.banner-module__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}
.banner-module .wishlist-button {
    margin-left: auto;
    flex-shrink: 0;
    gap: 6px;
    padding: 6px 12px;
    width: auto;
    height: auto;
    min-height: 38px;
    border-radius: 30px;
}
.banner-module .wishlist-button__text {
    display: block;
}
.banner-module__info {
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.banner-module__info .tag {
    min-height: 34px;
}
.banner-module__breadcrumbs-mobile {
    margin-bottom: 14px;
}
@media only screen and (min-width: 1023px) {
    .banner-module__breadcrumbs-mobile {
        display: none;
    }
}
@media only screen and (max-width: 1022px) {
    .banner-module__breadcrumbs-desktop {
        display: none;
    }
}

@media only screen and (max-width: 1022px) {
    .sc-banner-module .section-margin:last-child .margin {
        height: 80px;
    }
}
.breadcrumbs__background::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.breadcrumbs {
    width: 100%;
    padding: 0 0 24px;
}
.breadcrumbs__title {
    display: flex;
    gap: 24px;
    align-items: center;
    color: var(--color-gray-300);
    letter-spacing: 0;
}
@media only screen and (max-width: 1022px) {
    .breadcrumbs__title {
        line-height: 1.2;
        gap: 12px;
    }
}
.breadcrumbs__title-item {
    display: none;
    gap: 24px;
    align-items: center;
}
@media only screen and (max-width: 1200px) {
    .breadcrumbs__title-item {
        gap: 12px;
    }
}
@media only screen and (max-width: 767px) {
    .breadcrumbs__title-item {
        display: none;
    }
}
.breadcrumbs__title-item .icon {
    flex-shrink: 0;
    opacity: 0.4;
}
@media only screen and (max-width: 1022px) {
    .breadcrumbs__title-item .icon {
        width: 40px;
        height: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .breadcrumbs__title-item .icon {
        display: none;
    }
}
.breadcrumbs__title-item:nth-last-of-type(2) .icon {
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .breadcrumbs__title-item:last-child, .breadcrumbs__title-item:nth-last-child(2) {
        display: flex;
    }
}
.breadcrumbs__title-item:last-child {
    color: var(--color-gray-950);
}
@media only screen and (max-width: 767px) {
    .breadcrumbs__title-item:last-child {
        display: block;
    }
}
.breadcrumbs__title-item:last-child .icon {
    display: none;
}
.breadcrumbs__title-wrapper {
    margin-top: auto;
    padding-top: 32px;
    position: relative;
    z-index: 3;
}
@media only screen and (max-width: 1022px) {
    .breadcrumbs__title-wrapper {
        margin-top: 0;
    }
}
.breadcrumbs__title-link:hover {
    color: var(--color-gray-950);
}
.breadcrumbs__illustration {
    margin-bottom: 12px;
}
@media only screen and (max-width: 1022px) {
    .breadcrumbs__illustration {
        margin-bottom: 16px;
    }
}
.breadcrumbs__illustration img {
    height: 98px;
    object-fit: contain;
}
.breadcrumbs__background::after {
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    display: none;
}
.breadcrumbs--secondary-image-bg, .breadcrumbs--secondary-yellow-bg, .breadcrumbs--secondary {
    padding: 0;
}
.breadcrumbs--secondary-image-bg .breadcrumbs__body, .breadcrumbs--secondary-yellow-bg .breadcrumbs__body, .breadcrumbs--secondary .breadcrumbs__body {
    padding: 32px;
    border-radius: 32px;
    border: 0.5px solid var(--color-gray-100);
    background-color: var(--color-gray-50);
    min-height: 320px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
@media only screen and (max-width: 1022px) {
    .breadcrumbs--secondary-image-bg .breadcrumbs__body, .breadcrumbs--secondary-yellow-bg .breadcrumbs__body, .breadcrumbs--secondary .breadcrumbs__body {
        min-height: 200px;
        border-radius: 24px;
        padding: 24px;
    }
}
.breadcrumbs--secondary-image-bg .breadcrumbs-plain, .breadcrumbs--secondary-yellow-bg .breadcrumbs-plain, .breadcrumbs--secondary .breadcrumbs-plain {
    position: relative;
    z-index: 3;
}
.breadcrumbs--secondary-image-bg .breadcrumbs-plain__list, .breadcrumbs--secondary-yellow-bg .breadcrumbs-plain__list, .breadcrumbs--secondary .breadcrumbs-plain__list {
    line-height: 1.2;
}
.breadcrumbs--secondary-yellow-bg .breadcrumbs__body {
    border-color: rgba(255, 255, 255, 0.2);
    background: linear-gradient(99.23deg, #fff200 0%, #ffdf03 100%);
}
.breadcrumbs--secondary-yellow-bg .breadcrumbs__title,
.breadcrumbs--secondary-yellow-bg .breadcrumbs-plain__list {
    color: rgba(40, 35, 34, 0.5);
}
.breadcrumbs--secondary-image-bg .breadcrumbs__body {
    border-color: rgba(255, 255, 255, 0.2);
    background-color: transparent;
}
.breadcrumbs--secondary-image-bg .breadcrumbs__title,
.breadcrumbs--secondary-image-bg .breadcrumbs-plain__list {
    color: rgba(255, 255, 255, 0.5);
}
.breadcrumbs--secondary-image-bg .icon {
    opacity: 0.5;
}
.breadcrumbs--secondary-image-bg .icon-arrow-right-fancy {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAAqCAYAAABvAA/nAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOASURBVHgB7ZvtcZtAEIaXTP5bHYQOJFdgOrBSgZ0KYldgpQLbFaBUYKUC5ApMKuBSgZQKNru5ZTjJQuKQ7FnG+8zsHIe4D3i5vVsQAMbJQcSULCfLwBgmJN6I7AUbnsiueT8Yw4EEm5Ot8DW5jFQTdCiImG3ck12ZoAOBhJrtEbOSUZvzKAVDNzI/HmJlc6hySJwpdqMiK8i+g6ETEucGu1ORPZi7VYq4zhhmJqZScP/iZxc5+pjU5k5NoI8huyx+QiqyKRi6EDHnGM8dGLoQd9lHzBzNzepCRmbsnMmwa07B0IOMzALjKQYtppx4Jmnv1RyVG0s6kZExkXrr/Lu5L2mzwHjy7boS6ElwV0wk5XxJdhXkmTXZgowv0B/ZfybbF2RO+pHKcZdBM1zmF9lY2qnbSIP6mccd5RzZb7IX2XcjZSeSjqRvU9kOWUtaSj1Lsr+cT5LEsdiUruEEyI1T7egDSNtpS9EZ2WPdj6St8rCj0tgXsnOpmC/aJChSHzuUyXhbhNh+O6njOdjm1LHQ0AO6xnzDTSKL3VJ7D7yRSCV8ImyZpGPp3EgqHwVmtMPX7CfZLHbEiocroH0E7mJJ9pXbSqQCvhtMpNNxThe3jHXBB9xsGyzk4hP4O8BEPB2OjJ+t8puMs7iiwIuYWC3+H/8Z/IKj9vGxPtrYxIFfnPG8tY4cjSzidKuuFA63t+QNdq0ZeCEz+YEVvoRmZWijtRtz8PNj9IIH/SO4GcTzjdqa80ZyoIEMNsMLXgSNwAQuxTgkcWSLI1ar9+BDo1gceCGXnDkmjqzDkTE0ceBF0EgKcSswLay3zIGPR+v88oQxJLvSJ4jnB/ibp6x39BbyEEFIk0IjKLtsfhAwDvbVgTlAc7HYCyyhCXnCOJX7fBb8VkIzNYT1MA6aMIrtOchzHbVAZZ9V5jH0dKfct1vwIm70882E7EL4OGz7AQTnJTRic0GxUNR6O5XUvZcQx9BzJDrwYY368/sQyHPiCuNYoX1+oAeMf+NRiFlYqAn0/zKPGYU52vtHXZAgdxgHfwhkMbwm0L93jBmJhYmoDPQvq6uOIrKAOdpXW/rAzW8lD1GhLWz0gd2//ai5AUMXGOdS+bgMDH2gn+u6wK43BUMf6AP/VYdReA2GXtD/vXIf/OmcrUq1g+2f0fEonYKhH3GrOb5e6FyDMTzQhx5zsRTemH+PMqBiXbgjVgAAAABJRU5ErkJggg==) no-repeat center/contain;
}
.breadcrumbs--secondary-image-bg .icon-chevron-right-fancy {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG2SURBVHgBlVTdcYJAEN47NTN5Mx2QDkwH3FMkM2qoIKYDrcCkgmgFYgUQnUjMy1GCHcQSfMrPKGwWiIrAgX4PDNyx333f3u4y6doasMoYECbCaFtwJphcTF8ouBd/gQM+TODX94Rprk8iCB/e+8xGhjoR1f/XPWDMg6/tqIyIhw/EbT+1TmT4BJeVsZxP76FMQQj58dYA9GVCRRJ90WwPCwkiEnemA0MJ+bAAa8/CMFaQtrCDMFoeKXhUEHSBbcbSdTWlgr2S+bQHFRgo7FDSatc7JTxvX9yR3wBHoALbfEY5UynYK3FfLbrOh0MgrBOqVqREFBKE8BZUI4i5V8kZDHkZAQagtBIQcSFB5JOjrdpnUPGUFuIm41QTTMv/AykHgeAFwXZB8BK+gxthmKtq7j6rjumnRn4wOKLZMXcfGQVyMRtQsJ4lDa8QJ9QTZnL5iCCqwLAL80CFJYxON728txD55lH5Zk8Oq/InyO3Gg4J4rGVrHynbFKwaLBFB7JuGSPpwxhzKtiiaSrEFhGypUlvrzZYFJeBS2nUaItrxqf7VqRO6CpsLjUbZkt6peKCv37YcOAN/6Ga24cZ4rZYAAAAASUVORK5CYII=) no-repeat center/contain;
}
.breadcrumbs--secondary-image-bg .breadcrumbs__title-link:hover,
.breadcrumbs--secondary-image-bg .breadcrumbs-plain__link[href]:hover,
.breadcrumbs--secondary-image-bg .breadcrumbs__title-item:last-child,
.breadcrumbs--secondary-image-bg .breadcrumbs-plain__item:last-child {
    color: var(--color-white);
}
.breadcrumbs--secondary-image-bg .breadcrumbs__background::after {
    display: block;
}

.sc-breadcrumbs:has(.breadcrumbs--secondary-image-bg) + .sc-intro-module, .sc-breadcrumbs:has(.breadcrumbs--secondary-yellow-bg) + .sc-intro-module, .sc-breadcrumbs:has(.breadcrumbs--secondary) + .sc-intro-module {
    margin-top: 15px;
}
@media only screen and (max-width: 1022px) {
    .sc-breadcrumbs:has(.breadcrumbs--secondary-image-bg) + .sc-intro-module, .sc-breadcrumbs:has(.breadcrumbs--secondary-yellow-bg) + .sc-intro-module, .sc-breadcrumbs:has(.breadcrumbs--secondary) + .sc-intro-module {
        margin-top: 44px;
    }
}
.cart-module {
    padding-top: 32px;
}
@media only screen and (max-width: 1022px) {
    .cart-module {
        padding-top: 16px;
    }
}
.cart-module__heading {
    margin-bottom: 32px;
}
@media only screen and (max-width: 1022px) {
    .cart-module__heading {
        display: grid;
        grid-gap: 4px;
    }
}
@media only screen and (max-width: 1022px) {
    .cart-module__indicator {
        margin-bottom: 16px;
    }
}
.cart-module .cart-view,
.cart-module .add-promo-code {
    max-width: 100%;
}
@media only screen and (max-width: 1022px) {
    .cart-module .cart-view {
        margin-bottom: 36px;
    }
}
@media only screen and (max-width: 1022px) {
    .cart-module .cart-view__item {
        border-top: 0;
        border-bottom: 0.5px solid var(--color-gray-200);
    }
}
.cart-module__sidebar {
    position: relative;
    display: grid;
    grid-gap: 24px;
}
.cart-module__sidebar-box {
    padding: 32px;
}
@media only screen and (max-width: 1022px) {
    .cart-module__sidebar-box {
        padding: 24px;
    }
}
.cart-module__sidebar-button .btn {
    width: 100%;
}
.cart-module__sidebar strong {
    color: var(--color-gray-950);
    font-weight: 500;
}
.cart-module__summary {
    padding: 20px 0;
    display: grid;
    grid-gap: 10px;
    margin-top: 20px;
    border-top: 0.5px solid var(--color-gray-200);
}
.cart-module__amount-row {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 20px;
    align-items: center;
}
.cart-module__amount-row-left {
    display: grid;
    font-weight: 400;
    gap: 6px;
}
.cart-module__amount-row-right {
    color: var(--color-gray-950);
    font-weight: 500;
}
.cart-module__amount-row--total, .cart-module__amount-row--sub-total {
    border-top: 0.5px solid var(--color-gray-200);
    padding-top: 20px;
}
.cart-module__amount-row--sub-total .animated-price-char {
    height: 14px;
}
.cart-module__amount-row--sub-total .animated-price-static-char, .cart-module__amount-row--sub-total .animated-price-wheel-item {
    height: 14px;
    line-height: 14px;
}
.cart-module__amount-row--total {
    margin: 20px 0;
}
.cart-module__amount-row--total .cart-module__amount-row-right {
    margin-bottom: auto;
}
.cart-module__amount-row--total .animated-price-char {
    height: 24px;
}
.cart-module__amount-row--total .animated-price-static-char, .cart-module__amount-row--total .animated-price-wheel-item {
    height: 24px;
    line-height: 24px;
}
.cart-module__product-list {
    margin-top: 130px;
}
@media only screen and (max-width: 1439px) {
    .cart-module__product-list {
        margin-top: 100px;
    }
}
@media only screen and (max-width: 1200px) {
    .cart-module__product-list {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .cart-module__product-list {
        margin-top: 40px;
    }
}
.cart-module__product-list-title {
    letter-spacing: normal;
    margin-bottom: 70px;
}
@media only screen and (max-width: 1200px) {
    .cart-module__product-list-title {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .cart-module__product-list-title {
        font-size: 14px;
        margin-bottom: 16px;
    }
}
.cart-module__empty {
    display: none;
}
.cart-module__empty-inner {
    flex-direction: column;
    max-width: 400px;
    margin: 100px auto;
    gap: 16px;
    display: flex;
}
.cart-module__empty-icon {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}
.cart-module__empty-icon .icon {
    width: 30px;
    height: 30px;
}
.cart-module__empty .btn {
    width: 100%;
}
.cart-module--empty .cart-module__inner {
    display: none;
}
.cart-module--empty .cart-module__empty {
    display: flex;
}
.categories-list__image {
    max-width: 530px;
    width: 100%;
    margin: 0 auto 32px;
}
@media only screen and (max-width: 1439px) {
    .categories-list__image {
        max-width: 450px;
    }
}
@media only screen and (max-width: 1022px) {
    .categories-list__image {
        max-width: 360px;
        margin-bottom: 40px;
    }
}
.categories-list__image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.categories-list .section-header {
    margin-bottom: 84px;
}
@media only screen and (max-width: 1200px) {
    .categories-list .section-header {
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 767px) {
    .categories-list .section-header .title--h1 {
        font-size: 48px;
    }
}
@media only screen and (max-width: 767px) {
    .categories-list .section-header__inner {
        gap: 6px;
    }
}
.categories-list .category-card {
    max-width: 100%;
}
@media only screen and (max-width: 767px) {
    .categories-list .category-card {
        width: 235px;
    }
}
@media only screen and (min-width: 768px) {
    .categories-list .swiper {
        overflow: visible;
    }
}
.categories-list .swiper::before, .categories-list .swiper::after {
    display: none !important;
}
.categories-list .swiper-slide {
    width: 333px;
}
@media only screen and (max-width: 767px) {
    .categories-list .swiper-slide {
        width: auto;
    }
}
.cocktail-module {
    width: 100%;
}
.cocktail-module .section-header .editor-text {
    line-height: 1.5;
}
.coming-soon {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    overflow: auto;
    background: linear-gradient(99.23deg, #fff200 0%, #ffe900 100%);
    display: flex;
    flex-direction: column;
    z-index: 99999;
}
.coming-soon__logo {
    display: inline-block;
    max-width: 150px;
}
.coming-soon .container {
    position: relative;
    z-index: 3;
}
@media only screen and (max-width: 1022px) {
    .coming-soon .container {
        max-width: calc(100% - 40px);
    }
}
.coming-soon__header {
    padding-top: 40px;
}
.coming-soon__background {
    position: fixed;
}
.coming-soon__body {
    padding: 82px 0;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 1022px) {
    .coming-soon__body {
        padding: 40px 0 110px;
    }
}
.coming-soon__content {
    max-width: 686px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.coming-soon__title {
    margin-bottom: 62px;
}
@media only screen and (max-width: 1022px) {
    .coming-soon__title {
        margin-bottom: 45px;
    }
}
.coming-soon__title-image {
    width: 100%;
    position: absolute;
    bottom: -24px;
    max-width: 358px;
    left: 50%;
    transform: translate(-50%, 0);
}
.coming-soon__image {
    max-width: 232px;
}
.coming-soon__newsletter {
    width: 100%;
    max-width: 450px;
    flex-direction: column;
    margin-top: 32px;
    gap: 12px;
    text-align: left;
}
.coming-soon__newsletter-logo {
    margin-bottom: 12px;
}
.coming-soon__newsletter-text {
    width: 100%;
    text-align: left;
}
@media only screen and (max-width: 1022px) {
    .coming-soon__newsletter-text {
        text-align: center;
    }
}
.coming-soon__newsletter-text strong {
    position: relative;
}
.coming-soon__newsletter-text strong::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -48%);
    width: 115%;
    height: 170%;
    background: var(--data-highlight) no-repeat center/100% 100%;
}
.coming-soon__footer {
    opacity: 0.5;
}
.coming-soon__footer a:hover {
    text-decoration: underline;
}
.coming-soon__footer-row {
    border-top: 1px solid rgba(40, 35, 34, 0.2);
    padding: 16px 0 24px;
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 1022px) {
    .coming-soon__footer-row {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }
}
.coming-soon__footer-col {
    padding: 0;
    flex: 1;
}
@media only screen and (max-width: 1200px) {
    .coming-soon__footer-col {
        flex: auto;
    }
}
@media only screen and (max-width: 1200px) {
    .coming-soon__footer-col--middle {
        flex: 0 0 20%;
    }
}
@media only screen and (max-width: 1022px) {
    .coming-soon__footer-col--middle {
        order: -1;
        flex: 0 0 100%;
        width: 100%;
    }
}
.coming-soon__credits, .coming-soon__nav {
    display: flex;
    gap: 24px;
}
.coming-soon__credits {
    justify-content: flex-end;
}
.coming-soon .social-nav ul {
    justify-content: center;
}
.coming-soon .social-nav__link .icon::before {
    background-color: currentColor;
}
.coming-soon__success {
    display: none;
    max-width: 450px;
}
.coming-soon__success .age-confirmation__title {
    margin-bottom: 32px;
}
.coming-soon__success-image {
    max-width: 106px;
    margin: 0 auto 32px;
}
.coming-soon .checkbox input:checked ~ label::before {
    background-color: var(--color-white);
}
.coming-soon :has(.display-success) .coming-soon__content {
    display: none;
}
.coming-soon :has(.display-success) .coming-soon__success {
    display: block;
}
.coming-soon :has(.is-loading) .form-component__inner {
    opacity: 0;
}
.coming-soon .mod-loader {
    background-color: transparent;
}
.coming-soon .mod-loader__spinner {
    border: 5px solid #fff;
    border-top: 5px solid transparent;
}
.contact-form {
    position: relative;
}
.contact-form__content {
    min-height: 670px;
    padding: 35px 32px;
    overflow: hidden;
    background: linear-gradient(280.18deg, #ffe900 -67.08%, #fff200 134.83%);
}
@media only screen and (max-width: 1022px) {
    .contact-form__content {
        margin-bottom: 20px;
        padding: 24px;
        min-height: 1px;
        padding-bottom: 292px;
    }
}
.contact-form__content-inner {
    z-index: 3;
    max-width: 302px;
}
.contact-form__content .title {
    margin-bottom: 10px;
}
@media only screen and (max-width: 1022px) {
    .contact-form__content .title {
        margin-bottom: 18px;
    }
}
.contact-form__list {
    margin-top: 32px;
    display: grid;
    grid-gap: 32px;
}
@media only screen and (max-width: 1022px) {
    .contact-form__list {
        margin-top: 24px;
        grid-gap: 24px;
    }
}
.contact-form__list-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.contact-form__illustration {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 450px;
}
@media only screen and (max-width: 1439px) {
    .contact-form__illustration {
        max-width: 350px;
    }
}
@media only screen and (max-width: 1200px) {
    .contact-form__illustration {
        max-width: 300px;
    }
}
@media only screen and (max-width: 1022px) {
    .contact-form__illustration {
        max-width: 264px;
        right: 24px;
    }
}
.contact-form__form {
    padding: 32px;
}
@media only screen and (max-width: 1022px) {
    .contact-form__form {
        padding: 26px 24px;
    }
}
.contact-form .form-component {
    flex: auto;
}
.contact-form .form-component__header {
    margin-bottom: 48px;
}
@media only screen and (max-width: 1022px) {
    .contact-form .form-component__header {
        margin-bottom: 28px;
    }
}
.contact-form .form-component__submit {
    margin-top: 12px;
}
.contact-form .form-component__submit .btn {
    width: 100%;
    min-height: 44px;
}
.contact-form .form-component .mod-input__field {
    background-color: var(--color-white);
}
.contact-form .form-component .mod-input.is-validation-failed .mod-input__field {
    background-color: rgba(237, 28, 36, 0.1);
}
.content-module .editor-text h4,
.content-module .editor-text h5,
.content-module .editor-text h6, .content-module .editor-text h3, .content-module .editor-text h2 {
    line-height: 1;
    font-weight: 500;
    color: var(--color-gray-950);
}

.content-module .editor-text h2 {
    font-size: 36px;
}
@media only screen and (max-width: 1022px) {
    .content-module .editor-text h2 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 767px) {
    .content-module .editor-text h2 {
        font-size: 24px;
    }
}

.content-module .editor-text h3 {
    font-size: 30px;
    letter-spacing: 0;
}
@media only screen and (max-width: 1022px) {
    .content-module .editor-text h3 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 767px) {
    .content-module .editor-text h3 {
        font-size: 22px;
    }
}

.content-module .editor-text h4,
.content-module .editor-text h5,
.content-module .editor-text h6 {
    line-height: 1.2;
    font-size: 20px;
    letter-spacing: 0;
}

.content-module {
    width: 100%;
}
.content-module__header {
    padding-bottom: 32px;
    border-bottom: 0.5px solid var(--color-gray-100);
}
@media only screen and (max-width: 1022px) {
    .content-module__header {
        padding-bottom: 32px;
    }
}
.content-module__nav {
    display: grid;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.0509803922), 0px 4px 4px 0px rgba(0, 0, 0, 0.0392156863), 0px 9px 6px 0px rgba(0, 0, 0, 0.031372549), 0px 17px 7px 0px rgba(0, 0, 0, 0.0117647059), 0px 26px 7px 0px rgba(0, 0, 0, 0);
    padding: 24px 12px 0;
    line-height: 1;
    border-radius: 24px;
}
@media only screen and (min-width: 1023px) {
    .content-module__nav {
        position: sticky;
        position: -webkit-sticky;
        transition: top 150ms var(--easing-slow);
        top: calc(var(--header-height, 0px) + 24px);
    }
    .is-scrolled .content-module__nav {
        top: calc(var(--header-height, 0px) + 24px - 62px);
    }
    .is-scrolled-up .content-module__nav {
        top: calc(var(--header-height, 0px) + 24px);
    }
}
@media only screen and (max-width: 1022px) {
    .content-module__nav {
        margin-bottom: 44px;
    }
}
.content-module__nav-title {
    padding: 0 12px;
}
.content-module__nav-link {
    display: flex;
    padding: 24px 0;
    align-items: center;
    gap: 10px;
    transition: color 150ms var(--easing-slow);
}
.content-module__nav-link .icon {
    flex-shrink: 0;
}
.content-module__nav-item {
    padding: 0 12px;
}
.content-module__nav-item:not(:last-child) {
    border-bottom: 0.5px solid var(--color-gray-100);
}
.content-module__nav-item:hover .content-module__nav-link, .content-module__nav-item.is-active .content-module__nav-link {
    color: var(--color-gray-950);
}
.content-module__content {
    display: grid;
    grid-gap: 64px;
}
@media only screen and (max-width: 1022px) {
    .content-module__content {
        grid-gap: 44px;
    }
}
.content-module__content .title--h4 {
    font-size: 36px;
}
@media only screen and (max-width: 1022px) {
    .content-module__content .title--h4 {
        margin-bottom: 10px;
    }
}
.content-module .editor-text h1,
.content-module .editor-text h2,
.content-module .editor-text h3,
.content-module .editor-text h4,
.content-module .editor-text h5,
.content-module .editor-text h6 {
    margin: 64px 0 24px;
    line-height: 1.2;
}
@media only screen and (max-width: 1200px) {
    .content-module .editor-text h1,
    .content-module .editor-text h2,
    .content-module .editor-text h3,
    .content-module .editor-text h4,
    .content-module .editor-text h5,
    .content-module .editor-text h6 {
        margin-top: 44px;
    }
}
@media only screen and (max-width: 767px) {
    .content-module .editor-text h1,
    .content-module .editor-text h2,
    .content-module .editor-text h3,
    .content-module .editor-text h4,
    .content-module .editor-text h5,
    .content-module .editor-text h6 {
        margin-bottom: 15px;
    }
}
.content-module .editor-text h1:first-child,
.content-module .editor-text h2:first-child,
.content-module .editor-text h3:first-child,
.content-module .editor-text h4:first-child,
.content-module .editor-text h5:first-child,
.content-module .editor-text h6:first-child {
    margin-top: 0;
}
.content-module .editor-text h1:last-child,
.content-module .editor-text h2:last-child,
.content-module .editor-text h3:last-child,
.content-module .editor-text h4:last-child,
.content-module .editor-text h5:last-child,
.content-module .editor-text h6:last-child {
    margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
    .content-module .editor-text p {
        margin: 16px 0;
    }
}
.content-module .editor-text p:first-child {
    margin-top: 0;
}
.content-module .editor-text p:last-child {
    margin-bottom: 0;
}
.content-module .editor-text strong {
    font-weight: 500;
    color: var(--color-gray-950);
}
.cta-module__inner {
    padding: 64px;
    min-height: 532px;
    border: 0.5px solid var(--color-gray-100);
}
.customer-support__card {
    max-width: 100%;
    min-height: 320px;
    width: 100%;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    height: 100%;
}
@media only screen and (max-width: 1022px) {
    .customer-support__card {
        padding: 24px;
        min-height: 298px;
    }
}
@media only screen and (max-width: 767px) {
    .customer-support__card {
        gap: 18px;
    }
}
.customer-support__card-icon {
    background-color: var(--color-yellow);
    border: 0.5px solid var(--color-cold-yellow);
    border-radius: 100%;
    width: 51px;
    height: 51px;
}
.customer-support__card-icon img {
    width: 100%;
    height: auto;
    object-fit: contain;
    max-width: 20px;
    max-height: 20px;
}
.customer-support__card .title {
    letter-spacing: -0.02em;
}
.customer-support__card .btn {
    margin-top: auto;
}
@media only screen and (max-width: 767px) {
    .customer-support__nav {
        display: none;
    }
}
.customer-support .swiper-slide {
    display: flex;
    flex-direction: column;
    height: auto;
}
@media only screen and (max-width: 1022px) {
    .customer-support .swiper-slide {
        width: 320px;
    }
}
@media only screen and (max-width: 767px) {
    .customer-support .swiper-slide {
        width: 298px;
    }
}
.customer-support .slider-nav__arrow {
    top: 50%;
}
@media only screen and (min-width: 768px) {
    .customer-support .slider-nav__arrow.arrow-left {
        left: 20px;
    }
}
@media only screen and (min-width: 1023px) {
    .customer-support .slider-nav__arrow.arrow-left {
        left: 0;
    }
}
@media (min-width: 1600px) {
    .customer-support .slider-nav__arrow.arrow-left {
        left: 24px;
    }
}
@media only screen and (min-width: 768px) {
    .customer-support .slider-nav__arrow.arrow-right {
        right: 20px;
    }
}
@media only screen and (min-width: 1023px) {
    .customer-support .slider-nav__arrow.arrow-right {
        right: 0;
    }
}
@media (min-width: 1600px) {
    .customer-support .slider-nav__arrow.arrow-right {
        right: 24px;
    }
}
.discount-module__inner {
    border: 0.5px solid rgba(255, 255, 255, 0.2);
    padding: 0 80px;
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-gap: 90px;
    align-items: flex-start;
}
@media only screen and (max-width: 1439px) {
    .discount-module__inner {
        padding: 0 60px;
        grid-gap: 60px;
    }
}
@media only screen and (max-width: 1200px) {
    .discount-module__inner {
        padding: 0 40px;
        grid-gap: 40px;
        grid-template-columns: 52% 1fr;
    }
}
@media only screen and (max-width: 1022px) {
    .discount-module__inner {
        grid-template-columns: 1fr;
        grid-gap: 48px;
        padding: 24px 24px 0;
    }
}
.discount-module__content {
    padding: 80px 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
    max-width: 614px;
    width: 100%;
    position: relative;
    z-index: 4;
}
@media only screen and (max-width: 1439px) {
    .discount-module__content {
        padding: 60px 0;
    }
}
@media (min-width: 1200px) and (max-width: 1230px) {
    .discount-module__content {
        max-width: 484px;
    }
}
@media only screen and (max-width: 1200px) {
    .discount-module__content {
        padding: 40px 0;
    }
}
@media only screen and (max-width: 1022px) {
    .discount-module__content {
        padding: 0;
        max-width: 530px;
    }
}
@media only screen and (max-width: 767px) {
    .discount-module__content {
        gap: 15px;
    }
}
.discount-module__content .title {
    letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
    .discount-module__content .title {
        font-size: 30px;
        line-height: 1.2;
        letter-spacing: -0.02em;
        max-width: 280px;
        width: 100%;
    }
}
.discount-module__content .title strong {
    position: relative;
}
.discount-module__content .title strong::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -48%);
    width: 115%;
    height: 170%;
    z-index: -1;
    background: var(--data-highlight) no-repeat center/100% 100%;
}
.discount-module .editor-text {
    max-width: 404px;
    width: 100%;
    color: var(--color-gray-950);
}
.discount-module .form-component {
    max-width: 334px;
    width: 100%;
    padding-top: 72px;
    margin-top: auto;
}
@media only screen and (max-width: 1022px) {
    .discount-module .form-component {
        padding-top: 0;
    }
}
.discount-module__image {
    align-self: flex-end;
    padding-top: 22px;
    max-width: 525px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 4;
}
@media only screen and (max-width: 1022px) {
    .discount-module__image {
        padding-top: 0;
        max-width: 335px;
        margin: -90px 0 0 auto;
    }
}
@media only screen and (max-width: 767px) {
    .discount-module__image {
        max-width: calc(100% + 24px);
        width: calc(100% + 24px);
        margin: 0 auto;
    }
}
.discount-module__image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
@charset "UTF-8";
.editor-text ul li:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.editor-text h6, .editor-text h5, .editor-text h4, .editor-text h3, .editor-text h2, .editor-text h1 {
    line-height: 1;
    font-weight: 500;
    color: var(--color-gray-950);
}

.editor-text h1 {
    font-size: 72px;
    letter-spacing: -0.01em;
}
@media only screen and (max-width: 1439px) {
    .editor-text h1 {
        font-size: 64px;
    }
}
@media only screen and (max-width: 1200px) {
    .editor-text h1 {
        font-size: 54px;
    }
}
@media only screen and (max-width: 1022px) {
    .editor-text h1 {
        font-size: 46px;
    }
}
@media only screen and (max-width: 767px) {
    .editor-text h1 {
        font-size: 36px;
    }
}

.editor-text h2 {
    font-size: 60px;
}
@media only screen and (max-width: 1200px) {
    .editor-text h2 {
        font-size: 50px;
    }
}
@media only screen and (max-width: 1022px) {
    .editor-text h2 {
        font-size: 42px;
        line-height: 1.2;
    }
}
@media only screen and (max-width: 767px) {
    .editor-text h2 {
        font-size: 36px;
    }
}

.editor-text h3 {
    font-size: 48px;
    line-height: 1;
    letter-spacing: -0.01em;
}
@media only screen and (max-width: 1439px) {
    .editor-text h3 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 1022px) {
    .editor-text h3 {
        font-size: 30px;
    }
}

.editor-text h4 {
    font-size: 36px;
}
@media only screen and (max-width: 1022px) {
    .editor-text h4 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 767px) {
    .editor-text h4 {
        font-size: 24px;
    }
}

.editor-text h5 {
    font-size: 30px;
    letter-spacing: 0;
}
@media only screen and (max-width: 1022px) {
    .editor-text h5 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 767px) {
    .editor-text h5 {
        font-size: 22px;
    }
}

.editor-text h6 {
    line-height: 1.2;
    font-size: 20px;
    letter-spacing: 0;
}

.editor-text ol li:before {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-transform: inherit;
    text-align: inherit;
    font-style: inherit;
    font-family: inherit;
}

.editor-text strong {
    font-weight: 700;
}
.container .editor-text .container {
    max-width: 100%;
    padding: 0;
}
.editor-text h1,
.editor-text h2,
.editor-text h3,
.editor-text h4,
.editor-text h5,
.editor-text h6 {
    font-weight: 700;
    margin-bottom: 24px;
}
* + .editor-text h1,
* + .editor-text h2,
* + .editor-text h3,
* + .editor-text h4,
* + .editor-text h5,
* + .editor-text h6 {
    margin-top: 44px;
}
.editor-text h1:first-child,
.editor-text h2:first-child,
.editor-text h3:first-child,
.editor-text h4:first-child,
.editor-text h5:first-child,
.editor-text h6:first-child {
    margin-top: 0;
}
.editor-text p,
.editor-text ul,
.editor-text ol,
.editor-text img,
.editor-text figure,
.editor-text table {
    margin-top: 28px;
    margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
    .editor-text p,
    .editor-text ul,
    .editor-text ol,
    .editor-text img,
    .editor-text figure,
    .editor-text table {
        margin: 24px 0;
    }
}
.editor-text p:first-child,
.editor-text ul:first-child,
.editor-text ol:first-child,
.editor-text img:first-child,
.editor-text figure:first-child,
.editor-text table:first-child {
    margin-top: 0;
}
.editor-text p:last-child,
.editor-text ul:last-child,
.editor-text ol:last-child,
.editor-text img:last-child,
.editor-text figure:last-child,
.editor-text table:last-child {
    margin-bottom: 0;
}
.editor-text p a,
.editor-text ul a,
.editor-text ol a,
.editor-text img a,
.editor-text figure a,
.editor-text table a {
    color: var(--color-blue);
    text-decoration: underline;
}
.editor-text p a:hover,
.editor-text ul a:hover,
.editor-text ol a:hover,
.editor-text img a:hover,
.editor-text figure a:hover,
.editor-text table a:hover {
    color: var(--color-blue);
    text-decoration: none;
}
.editor-text img.aligncenter, .editor-text img.alignright, .editor-text img.aligleft, .editor-text img.alignnone {
    display: block;
}
.editor-text img.aligncenter {
    margin-left: auto;
    margin-right: auto;
}
.editor-text img.alignright {
    margin-left: auto;
}
.editor-text img.aligleft {
    margin-right: auto;
}
.editor-text figure img {
    margin: 0;
}
.editor-text ul,
.editor-text ol {
    list-style: none;
}
.editor-text ul li,
.editor-text ol li {
    position: relative;
    padding-left: 1.75em;
}
.editor-text ul li:before {
    content: "•";
    width: 6px;
    height: 6px;
    color: currentColor;
    font-size: inherit;
    line-height: inherit;
    top: 0;
}
.editor-text ol {
    counter-reset: ol_text_counter;
}
.editor-text ol li {
    counter-increment: ol_text_counter;
}
.editor-text ol li:before {
    content: counter(ol_text_counter) ".";
    font-size: inherit;
    position: absolute;
    left: 0;
}
.editor-text table {
    border: 1px solid;
    width: 100%;
}
.editor-text table tr {
    border-bottom: 1px solid;
}
.editor-text table th,
.editor-text table td {
    padding: 0.5em;
    height: auto !important;
}
.editor-text table th:not(:first-child),
.editor-text table td:not(:first-child) {
    border-left: 1px solid;
}
.editor-text blockquote p {
    margin: 0 !important;
}
.features-module {
    width: 100%;
}
.features-module__row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 20px;
}
@media only screen and (max-width: 1200px) {
    .features-module__row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        text-align: left;
    }
}
@media only screen and (max-width: 767px) {
    .features-module__row {
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }
}
.features-module__item {
    flex-direction: column;
    min-height: 158px;
    overflow: hidden;
    border-radius: 32px;
    padding: 24px;
    position: relative;
    background-color: var(--color-gray-50);
}
@media only screen and (max-width: 1200px) {
    .features-module__item {
        border-radius: 24px;
        flex-direction: row;
        gap: 12px;
        min-height: 84px;
        justify-content: flex-start;
        align-items: center;
    }
}
@media only screen and (max-width: 767px) {
    .features-module__item {
        padding: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .features-module__item-title {
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .features-module__item-text {
        font-size: 14px;
    }
}
.features-module__item-background {
    opacity: 0.8;
}
@media only screen and (min-width: 1023px) {
    .features-module__item-content {
        margin-top: auto;
    }
}
.features-module__item-icon {
    width: 52px;
    height: 52px;
    border-radius: 100%;
    background-color: var(--color-yellow);
    flex-shrink: 0;
}
.site-footer {
    width: 100%;
    position: relative;
    background-color: var(--color-gray-50);
    padding: 24px 0;
    overflow: hidden;
}
@media only screen and (max-width: 767px) {
    .site-footer {
        padding: 16px 0;
    }
}
.site-footer__logo {
    max-width: 218px;
    width: 100%;
    margin-bottom: 128px;
}
@media only screen and (max-width: 1022px) {
    .site-footer__logo {
        max-width: 172px;
        margin-bottom: 96px;
    }
}
.site-footer__logo img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.site-footer__col-title {
    letter-spacing: -0.02em;
    margin-bottom: 22px;
}
@media only screen and (max-width: 767px) {
    .site-footer__col-title {
        letter-spacing: -0.01em;
        margin-bottom: 24px;
    }
}
.site-footer__nav ul {
    display: grid;
    grid-gap: 20px;
}
.site-footer__nav-link {
    font-weight: 500;
    transition: color 0.5s var(--easing-default);
}
.site-footer__nav-link:hover {
    color: var(--color-gray-950);
}
.site-footer__nav-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 20px;
    align-items: flex-start;
}
@media only screen and (max-width: 767px) {
    .site-footer__nav-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 48px 16px;
    }
}
@media only screen and (max-width: 1022px) {
    .site-footer__middle .row {
        gap: 45px;
    }
}
.site-footer__info {
    margin-top: 88px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
@media only screen and (max-width: 767px) {
    .site-footer__info {
        flex-direction: column-reverse;
        margin-top: 96px;
        align-items: flex-start;
        gap: 22px;
    }
}
.site-footer__payment-methods {
    display: flex;
    align-items: center;
    gap: 12px;
}
@media only screen and (max-width: 1022px) {
    .site-footer__payment-methods {
        flex-wrap: wrap;
    }
}
.site-footer__payment-methods-card {
    width: 35px;
    height: 24px;
}
.site-footer__payment-methods-card img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.site-footer__bottom {
    padding-top: 24px;
    margin-top: 22px;
    border-top: 1px solid var(--color-gray-100);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
@media only screen and (max-width: 1022px) {
    .site-footer__bottom {
        flex-direction: column;
        text-align: center;
    }
}
@media only screen and (max-width: 767px) {
    .site-footer__bottom {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 1022px) {
    .site-footer__bottom-nav {
        width: 100%;
    }
}
.site-footer__bottom-nav ul {
    display: flex;
    grid-gap: 0;
    gap: 10px 24px;
    flex-wrap: wrap;
}
@media only screen and (max-width: 1022px) {
    .site-footer__bottom-nav ul {
        justify-content: center;
    }
}
.site-footer__bottom .site-footer__nav-link {
    font-weight: 400;
}
.site-footer__bottom-left {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}
@media only screen and (max-width: 1022px) {
    .site-footer__bottom-left {
        flex-direction: column;
        justify-content: center;
    }
}
.site-footer__credits {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 10px 24px;
}
@media only screen and (max-width: 1022px) {
    .site-footer__credits {
        margin-left: 0;
        flex-wrap: wrap;
        justify-content: center;
    }
}
.site-footer__credits a {
    transition: color 0.5s var(--easing-default);
}
.site-footer__credits a:hover {
    color: var(--color-gray-950);
}
.site-footer__bg-logo {
    display: flex;
    width: 100%;
    margin-top: 122px;
    margin-bottom: -11%;
}
@media only screen and (max-width: 1022px) {
    .site-footer__bg-logo {
        width: calc(100% + 70px);
        margin-left: -35px;
        margin-top: 95px;
        margin-bottom: -16%;
    }
}
.site-footer__bg-logo img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.site-footer .container {
    position: relative;
    z-index: 3;
}

#custom-scroll-offset {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0px;
    pointer-events: none;
    opacity: 0;
    height: calc(var(--header-height, 60px) + 15px);
}
@media only screen and (min-width: 1023px) {
    #custom-scroll-offset {
        height: calc(var(--header-height, 130px) + 24px);
    }
}
.forgot-password {
    position: relative;
    padding-top: 60px;
}
.forgot-password .form-component {
    max-width: 480px;
    margin: 0 auto;
}
.grid-element {
    width: 100%;
}
.grid-element__body {
    display: grid;
    grid-gap: 48px;
}
.grid-element__row {
    display: grid;
    grid-gap: 24px;
}
.grid-element__row.col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 1022px) {
    .grid-element__row.col-2 {
        grid-template-columns: 1fr;
    }
}
.grid-element__row.col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 1022px) {
    .grid-element__row.col-3 {
        grid-template-columns: 1fr;
    }
}
.grid-element__row.col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media only screen and (max-width: 1200px) {
    .grid-element__row.col-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 767px) {
    .grid-element__row.col-4 {
        grid-template-columns: 1fr;
    }
}
.grid-element__row.col-4:last-child:not(:first-child) {
    margin-top: 48px;
}
.grid-element__title {
    margin-bottom: 16px;
}
.grid-element__full-title {
    margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
    .col-2 .grid-element__full-title {
        grid-column: span 2;
    }
}
@media only screen and (min-width: 768px) {
    .col-3 .grid-element__full-title {
        grid-column: span 3;
    }
}
.col-4 .grid-element__full-title {
    grid-column: span 4;
}
@media only screen and (max-width: 1200px) {
    .col-4 .grid-element__full-title {
        grid-column: span 2;
    }
}
@media only screen and (max-width: 767px) {
    .col-4 .grid-element__full-title {
        grid-column: span 1;
    }
}
.grid-element__links {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media only screen and (max-width: 1022px) {
    .grid-element__links {
        margin-bottom: 24px;
    }
}
.grid-element__link {
    transition: color 80ms var(--easing-slow);
}
.grid-element__link:hover {
    color: var(--color-blue);
}
.image-gallery {
    width: 100%;
    overflow: hidden;
}
.image-gallery__slider {
    overflow: visible;
}
.image-gallery .swiper-slide {
    width: auto;
}
.image-gallery__item {
    display: block;
    overflow: hidden;
}
.image-gallery__item img {
    width: auto;
    height: 298px;
    transform: scale(1.00001);
    transition: transform 0.3s var(--easing-slow);
}
.image-gallery__item[href]:hover img {
    transform: scale(1.06);
}
.image-gallery__nav {
    position: relative;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width: 1022px) {
    .image-gallery__nav {
        display: none;
    }
}
.image-gallery__nav-arrow {
    position: relative;
    width: auto;
    height: auto;
    top: initial;
    margin: 0;
    left: initial;
}
.image-gallery__nav .icon {
    width: 20px;
    height: 20px;
}
.image-gallery__nav .icon::before {
    background-color: var(--color-gray-950);
}
.image-gallery__nav svg {
    display: none;
}
.image-gallery__track {
    display: flex;
    align-items: flex-start;
}
.image-gallery__row {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
    .image-gallery__row {
        gap: 8px;
    }
}
.image-gallery--secondary .image-gallery__item {
    width: 333px;
    display: flex;
    align-items: flex-start;
    height: 333px;
}
@media only screen and (max-width: 1022px) {
    .image-gallery--secondary .image-gallery__item {
        width: 298px;
        height: 298px;
        aspect-ratio: initial;
    }
}
.image-gallery--secondary .image-gallery__item:last-child {
    margin-right: 20px;
}
@media only screen and (max-width: 767px) {
    .image-gallery--secondary .image-gallery__item:last-child {
        margin-right: 16px;
    }
}
.image-gallery--secondary .image-gallery__item:nth-of-type(2n) {
    height: 415px;
}
@media only screen and (max-width: 1022px) {
    .image-gallery--secondary .image-gallery__item:nth-of-type(2n) {
        aspect-ratio: initial;
        height: 372px;
    }
}
.image-gallery--secondary .image-gallery__item img {
    width: 100%;
    height: 100%;
}
.image-with-caption {
    width: 100%;
}
.image-with-caption img,
.image-with-caption picture {
    width: 100%;
    height: auto;
}
.image-with-caption__caption {
    padding-top: 10px;
}
@media only screen and (max-width: 1022px) {
    .image-with-caption__caption {
        font-size: 12px;
    }
}
.ingredient-calculator__header {
    margin-bottom: 40px;
}
@media only screen and (max-width: 1022px) {
    .ingredient-calculator__header {
        margin-bottom: 24px;
    }
}
.ingredient-calculator__header-inner {
    display: grid;
    grid-gap: 40px;
}
@media only screen and (max-width: 1022px) {
    .ingredient-calculator__header-inner {
        grid-gap: 24px;
    }
}
.ingredient-calculator__arrow-down {
    max-width: 32px;
    width: 100%;
    margin: 0 auto;
}
@media only screen and (max-width: 767px) {
    .ingredient-calculator__arrow-down {
        max-width: 25px;
    }
}
.ingredient-calculator__arrow-down img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.ingredient-calculator .range-slider {
    margin: 0 auto;
}
.ingredient-calculator__image {
    position: relative;
    min-height: 632px;
    height: 100%;
}
@media only screen and (max-width: 1022px) {
    .ingredient-calculator__image {
        min-height: 1px;
        height: 0;
        padding-bottom: 66%;
    }
}
.ingredient-calculator .product-small-card {
    max-width: 100%;
}
@media only screen and (max-width: 1022px) {
    .ingredient-calculator__list {
        margin-top: 24px;
    }
}
.ingredient-calculator__list-inner {
    display: grid;
    grid-gap: 12px;
}
.ingredient-calculator__list-item {
    padding-bottom: 12px;
    border-bottom: 0.5px solid var(--color-gray-100);
}
.ingredient-calculator__list-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
@media only screen and (max-width: 1022px) {
    .ingredient-calculator__list-item:first-child {
        padding-top: 12px;
        border-top: 0.5px solid var(--color-gray-100);
    }
}
.ingredient-calculator__footer {
    display: flex;
    align-items: center;
    margin-top: 12px;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    padding-top: 12px;
    border-top: 0.5px solid var(--color-gray-100);
}
@media only screen and (max-width: 767px) {
    .ingredient-calculator__footer {
        padding-top: 24px;
    }
}
.ingredient-calculator__price {
    width: 46%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .ingredient-calculator__price {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .ingredient-calculator__price {
        width: 100%;
    }
}
.ingredient-calculator__price [data-animated-price] {
    display: flex;
}
.ingredient-calculator__price .animated-price-char {
    width: 15px;
    height: 24px;
}
.ingredient-calculator__price .animated-price-static-char, .ingredient-calculator__price .animated-price-wheel-item {
    height: 24px;
    line-height: 24px;
}
.ingredient-calculator__cart-btn {
    flex-shrink: 0;
    margin-left: auto;
}
.ingredient-calculator__divider {
    margin-top: 72px;
    height: 30px;
}
@media only screen and (max-width: 1022px) {
    .ingredient-calculator__divider {
        margin-top: 56px;
    }
}
.ingredient-calculator__divider-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ingredient-calculator__divider-text::after, .ingredient-calculator__divider-text::before {
    content: "";
    position: relative;
    height: 0.5px;
    background-color: var(--color-gray-100);
    flex: auto;
    min-width: 20px;
    flex-shrink: 0;
}
.ingredient-calculator__divider-text::before {
    margin-right: 20px;
}
.ingredient-calculator__divider-text::after {
    margin-left: 20px;
}
.ingredient-calculator .sc-most-popular {
    margin-top: 72px;
}
@media only screen and (max-width: 1022px) {
    .ingredient-calculator .sc-most-popular {
        margin-top: 56px;
    }
}
.ingredient-calculator .sc-most-popular .section-margin {
    display: none;
}
.intro-module {
    padding-top: 18px;
}
@media only screen and (max-width: 1200px) {
    .intro-module {
        padding-top: 0;
    }
}
.intro-module .title--h3 {
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
    .intro-module .title--h3 {
        font-size: 24px;
        letter-spacing: -0.01em;
    }
}
.intro-module .editor-text strong {
    font-weight: 500;
}
.intro-module .editor-text p img {
    height: 70px;
    margin: -12px 10px 0 8px;
    object-fit: contain;
    display: inline;
}
@media only screen and (max-width: 1439px) {
    .intro-module .editor-text p img {
        height: 48px;
        margin-top: -8px;
    }
}
@media only screen and (max-width: 1022px) {
    .intro-module .editor-text p img {
        height: 35px;
        margin: -4px 5px 0 5px;
    }
}
@media only screen and (max-width: 767px) {
    .intro-module .editor-text p img {
        height: 32px;
    }
}
.landing-module {
    width: 100%;
}
.landing-module__body {
    padding: 48px;
    position: relative;
    min-height: 494px;
    aspect-ratio: 696/247;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media only screen and (max-width: 1439px) {
    .landing-module__body {
        min-height: 410px;
    }
}
@media only screen and (max-width: 1200px) {
    .landing-module__body {
        min-height: 330px;
    }
}
@media only screen and (max-width: 1022px) {
    .landing-module__body {
        min-height: 200px;
    }
}
@media only screen and (max-width: 767px) {
    .landing-module__body {
        aspect-ratio: 360/532;
        min-height: 460px;
        justify-content: flex-start;
        padding: 32px;
    }
}
@media (max-width: 380px) {
    .landing-module__body {
        min-height: 420px;
        padding: 24px;
    }
}
.landing-module__content {
    max-width: 500px;
    position: relative;
    z-index: 3;
}
@media only screen and (max-width: 1200px) {
    .landing-module__content {
        max-width: 330px;
    }
}
@media only screen and (max-width: 767px) {
    .landing-module__content {
        max-width: 298px;
    }
}
.landing-module__content .title {
    color: inherit;
    margin-bottom: 12px;
    letter-spacing: 0;
}
@media only screen and (max-width: 1022px) {
    .landing-module__content .title {
        line-height: 1.2;
        margin-bottom: 4px;
    }
}
.landing-module__button {
    margin-top: 32px;
}
@media only screen and (max-width: 1022px) {
    .landing-module__button {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .sc-landing-module .margin--24 {
        height: 16px;
    }
}
.login-registration-form {
    position: relative;
}
.login-registration-form__body {
    max-width: 600px;
    margin: 80px auto 0;
}
@media only screen and (max-width: 767px) {
    .login-registration-form__body {
        margin-top: 40px;
    }
}
.login-registration-form__tabpanel {
    display: none;
}
.login-registration-form__tabpanel.is-active {
    display: block;
}
.login-registration-form .form-component {
    padding-top: 40px;
}
.login-registration-form .form-component__text, .login-registration-form .form-component__footer {
    font-size: 14px;
}
.login-registration-form .form-component__footer {
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .login-registration-form .form-component__footer-text {
        margin: 30px 0 10px;
    }
}
.login-registration-form .form-component__success-title {
    font-size: 24px;
}
.login-registration-form .form-component__success-text {
    max-width: 400px;
    margin: 0 auto;
    width: 100%;
}
.login-registration-form .btn--large {
    min-width: 130px;
}
.login-registration-form .tab-buttons__nav {
    font-size: 14px;
}
.login-registration-form .tab-buttons__nav-link {
    min-height: 36px;
}
.most-popular__background::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

.most-popular {
    width: 100%;
}
.most-popular__body {
    overflow: hidden;
    min-height: 625px;
    padding: 8px;
    display: grid;
    grid-gap: 24px;
    grid-template-columns: 1fr 350px;
}
@media only screen and (max-width: 767px) {
    .most-popular__body {
        grid-template-columns: 1fr;
        padding: 0;
        min-height: 1px;
        display: block;
    }
}
.most-popular__body:first-child {
    grid-column: span 2;
}
.most-popular__slider {
    margin-top: 20px;
}
.most-popular__background::before {
    z-index: 1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 50.09%, rgba(0, 0, 0, 0.35) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.most-popular__background img {
    transform: scale(1.00001);
    transition: transform 300ms var(--easing-slow);
}
.most-popular__right {
    position: relative;
    z-index: 3;
}
@media only screen and (max-width: 767px) {
    .most-popular__right {
        padding: 24px 10px 12px;
    }
}
.most-popular__left {
    padding: 24px;
}
@media only screen and (max-width: 767px) {
    .most-popular__left {
        position: relative;
        border-radius: 24px;
        overflow: hidden;
        min-height: 480px;
    }
}
.most-popular__left .title {
    color: inherit;
    margin-bottom: 6px;
    max-width: 536px;
}
@media only screen and (max-width: 1022px) {
    .most-popular__left .title {
        line-height: 1.2;
    }
}
.most-popular__left .btn {
    margin-top: 12px;
}
.most-popular__left:has(.stretched-link):hover .most-popular__background img {
    transform: scale(1.04);
}
.most-popular__left:has(.stretched-link):hover .btn--default {
    background-color: var(--color-yellow-hover);
}
.most-popular__content {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    z-index: 3;
}
.most-popular__info {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 6px 0 16px;
}
@media only screen and (max-width: 1022px) {
    .most-popular__info {
        margin-bottom: 8px;
    }
}
.most-popular__info-item {
    min-height: 34px;
    padding: 4px 12px;
    gap: 6px;
    background-color: rgba(246, 245, 244, 0.2);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.most-popular__info-item .icon {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}
.most-popular .tag {
    margin-bottom: auto;
}
.most-popular__text {
    max-width: 450px;
    opacity: 0.6;
}
.most-popular .product-card {
    max-width: 100%;
    z-index: 3;
    background-color: var(--color-white);
    border-radius: 24px;
    color: var(--color-gray-500);
    padding: 8px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
@media only screen and (max-width: 767px) {
    .most-popular .product-card {
        max-width: 380px;
        padding: 4px;
        background-color: transparent;
    }
}
.most-popular .product-card__row {
    padding: 10px 0;
}
.most-popular .product-card__details {
    flex: auto;
}
.most-popular .product-card .product-image-group--6-items .product-image-group__item--6 {
    transform: rotate(2deg) translate(60%, 54%);
}
.most-popular .product-card:hover .product-image-group--6-items .product-image-group__item--6 {
    transform: rotate(-2deg) translate(53%, 58%);
}
.most-popular .product-card:hover .product-image-group--7-items .product-image-group__item--7 {
    transform: rotate(-2deg) translate(40%, 45%);
}
@media only screen and (max-width: 767px) {
    .most-popular .product-image-group__item {
        background-color: var(--color-white);
    }
}
.most-popular .product-slider {
    margin-top: 20px;
}
.most-popular--video .most-popular__text {
    opacity: 1;
}
.most-popular--gift-card .most-popular__body {
    min-height: 554px;
}
.most-popular--most-popular .most-popular__background::before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 49.91%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.most-popular--most-popular .most-popular__left .title {
    max-width: 100%;
}
.most-popular--without-large-card .section-header {
    margin-bottom: 24px;
}
@media only screen and (min-width: 1201px) {
    .most-popular--without-large-card .occasion-card {
        height: 560px;
    }
}
.noscript {
    display: block;
    width: 100%;
    position: relative;
    z-index: 9999;
}
.noscript__content {
    background-color: #ffc107;
    border: 4px solid black;
    color: black;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    text-align: center;
    width: 100%;
}
.occasion-card-list {
    position: relative;
}
@media only screen and (max-width: 767px) {
    .occasion-card-list .section-header .title--h1 {
        font-size: 48px;
    }
}
.occasion-card-list .section-header--center-align {
    margin-bottom: 48px;
}
.occasion-card-list .section-header--center-align .section-header__content {
    grid-gap: 32px;
}
.occasion-card-list .container {
    position: relative;
    z-index: 3;
}
.occasion-card-list .occasion-card {
    max-width: 100%;
}
.occasion-card-list__main-card {
    margin-bottom: 24px;
}
@media only screen and (max-width: 1022px) {
    .occasion-card-list__main-card {
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 1201px) {
    .occasion-card-list__main-card--large .occasion-card {
        height: 690px;
    }
}
@media only screen and (min-width: 1023px) {
    .occasion-card-list .product-slider .swiper .swiper-wrapper {
        transform: translate3d(0, 0, 0) !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 24px 20px;
    }
}
@media only screen and (min-width: 1023px) {
    .occasion-card-list .product-slider .swiper .swiper-slide {
        width: 100% !important;
        margin-right: 0 !important;
    }
}
.occasion-card-list .product-slider .swiper::before, .occasion-card-list .product-slider .swiper::after {
    display: none !important;
}
@media only screen and (min-width: 1023px) {
    .occasion-card-list .product-slider .swiper-scrollbar {
        display: none !important;
    }
}
@media only screen and (min-width: 768px) {
    .occasion-card-list .product-slider__nav {
        display: none !important;
    }
}
.occasion-card-list__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 20px;
}
@media only screen and (max-width: 1200px) {
    .occasion-card-list__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 767px) {
    .occasion-card-list__list {
        grid-template-columns: 1fr;
    }
}
.occasion-card-list .newsletter-card {
    max-width: 100%;
}
.occasion-card-list--default {
    padding: 96px 0 24px;
}
@media only screen and (max-width: 1439px) {
    .occasion-card-list--default {
        padding: 70px 0 24px;
    }
}
@media only screen and (max-width: 1022px) {
    .occasion-card-list--default {
        padding: 60px 0 16px;
    }
}
.occasion-card-list--default .section-header {
    margin-bottom: 64px;
}
@media only screen and (max-width: 1022px) {
    .occasion-card-list--default .section-header {
        margin-bottom: 60px;
    }
}
.occasion-card-list--default .section-header .editor-text {
    font-size: 16px;
    color: var(--color-gray-950);
}
.occasion-card-list--default .section-header__inner {
    grid-gap: 4px;
}
.occasion-card-list--default .occasion-card-list__main-card {
    margin-bottom: 20px;
}
@media only screen and (max-width: 1022px) {
    .occasion-card-list--default .occasion-card-list__main-card {
        margin-bottom: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .occasion-card-list--default .product-slider .swiper {
        padding: 0;
        width: 100%;
        margin-left: 0;
    }
}
.occasion-card-list--default .product-slider .swiper .swiper-wrapper {
    transform: translate3d(0, 0, 0) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 20px;
}
@media only screen and (max-width: 1022px) {
    .occasion-card-list--default .product-slider .swiper .swiper-wrapper {
        width: 100%;
        grid-gap: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .occasion-card-list--default .product-slider .swiper .swiper-wrapper {
        grid-template-columns: 1fr;
    }
}
@media only screen and (max-width: 1022px) {
    .occasion-card-list--default .product-slider .swiper .swiper-slide {
        width: 100% !important;
        margin-right: 0 !important;
    }
}
.occasion-card-list--default .product-slider .swiper-scrollbar, .occasion-card-list--default .product-slider__nav {
    display: none !important;
}
@media only screen and (min-width: 1023px) {
    .occasion-card-list--cols-3 .product-slider .swiper .swiper-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .occasion-card-list--cols-3 .occasion-card {
        height: 380px;
        border-radius: 24px;
        padding: 24px;
    }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .occasion-card-list--cols-3 .occasion-card .title--h3, .occasion-card-list--cols-3 .occasion-card__title {
        font-size: 30px;
    }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .occasion-card-list--cols-3 .occasion-card__illustration {
        width: 162px;
        height: 232px;
    }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .occasion-card-list--cols-3 .occasion-card__illustration img {
        width: 120px;
        max-width: 120px;
        top: 12px;
        right: 20px;
    }
}
.occasion-card-list--secondary .occasion-card-list__main-card {
    margin-bottom: 20px;
}

.sc-occasion-card-list:first-child:has(.section-header) {
    margin-top: 35px;
}
.order-summary {
    position: relative;
    padding: 60px 0 20px;
}
@media only screen and (max-width: 1022px) {
    .order-summary {
        padding: 30px 0 0;
    }
}
.order-summary__header {
    padding-bottom: 24px;
    border-bottom: 0.5px solid var(--color-gray-100);
    margin-bottom: 44px;
}
@media only screen and (max-width: 1022px) {
    .order-summary__header {
        padding-bottom: 24px;
        margin-bottom: 32px;
    }
}
.order-summary__header-info {
    margin-top: 16px;
}
.order-summary__row {
    display: grid;
    grid-gap: 122px;
    grid-template-columns: 452px 1fr;
}
@media only screen and (max-width: 1439px) {
    .order-summary__row {
        grid-gap: 80px;
        grid-template-columns: 380px 1fr;
    }
}
@media only screen and (max-width: 1200px) {
    .order-summary__row {
        grid-gap: 60px;
        grid-template-columns: 300px 1fr;
    }
}
@media only screen and (max-width: 1022px) {
    .order-summary__row {
        grid-template-columns: 280px 1fr;
        grid-gap: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .order-summary__row {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
}
.order-summary__info {
    display: grid;
    grid-gap: 24px;
}
.order-summary__info-item {
    display: grid;
    grid-gap: 4px;
}
.order-summary__info-footer {
    display: flex;
    gap: 16px;
    justify-content: space-between;
}
.order-summary__info-footer-left {
    display: grid;
    gap: 4px;
}
.order-summary__info strong {
    font-weight: 500;
}
@media only screen and (max-width: 767px) {
    .order-summary__right {
        display: flex;
        order: -1;
        margin-bottom: 32px;
        flex-direction: column;
    }
}
.order-summary__invoice-btn {
    width: 100%;
    margin-top: 40px;
}
.order-summary__products {
    margin-top: 60px;
}
@media only screen and (max-width: 767px) {
    .order-summary__products {
        margin-top: 44px;
    }
}
.order-summary .cart-view {
    max-width: 100%;
}
.page-loader__inner {
    border: 5px solid var(--color-gray-950);
    border-radius: 50%;
    border-top: 5px solid transparent;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.page-loader {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    overflow: auto;
    background: linear-gradient(99.23deg, #fff200 0%, #ffe900 100%);
    transition: opacity 150ms var(--easing-slow), visibility 150ms var(--easing-slow);
    opacity: 0;
    visibility: hidden;
    z-index: 105;
}
.page-loaded .page-loader {
    opacity: 0;
    pointer-events: none;
}
.page-loader.is-loading, .is-loading .page-loader {
    opacity: 1;
    visibility: visible;
}
.page-loader__background {
    position: fixed;
}
.page-loader__inner {
    opacity: 0.6;
}
.page-loader__content {
    flex-direction: column;
    gap: 24px;
    position: relative;
    z-index: 3;
}
.product-calculator .product-card:hover .product-image-group--1-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-calculator .product-card:hover .product-image-group--1-items .product-image-group__item img {
    transform: translate(-50%, calc(16% - 10px));
}

.product-calculator .product-card:hover .product-image-group--2-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-calculator .product-card:hover .product-image-group--2-items .product-image-group__item--1 {
    transform: rotate(-5deg) translate(8%, 15%);
}
.product-calculator .product-card:hover .product-image-group--2-items .product-image-group__item--2 {
    transform: rotate(5deg) translate(-13%, -13%);
}

.product-calculator .product-card:hover .product-image-group--3-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-calculator .product-card:hover .product-image-group--3-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(20%, -16%);
}
.product-calculator .product-card:hover .product-image-group--3-items .product-image-group__item--2 {
    transform: rotate(-3deg) translate(58%, 14%);
}
.product-calculator .product-card:hover .product-image-group--3-items .product-image-group__item--3 {
    transform: rotate(15deg) translate(-26%, -16%);
}

.product-calculator .product-card:hover .product-image-group--4-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-calculator .product-card:hover .product-image-group--4-items .product-image-group__item--1 {
    transform: rotate(-5deg) translate(18%, -17%);
}
.product-calculator .product-card:hover .product-image-group--4-items .product-image-group__item--2 {
    transform: rotate(-10deg) translate(14%, 22%);
}
.product-calculator .product-card:hover .product-image-group--4-items .product-image-group__item--3 {
    transform: rotate(10deg) translate(-14%, 25%);
}
.product-calculator .product-card:hover .product-image-group--4-items .product-image-group__item--4 {
    transform: rotate(0deg) translate(-18%, -14%);
}

.product-calculator .product-card:hover .product-image-group--5-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-calculator .product-card:hover .product-image-group--5-items .product-image-group__item--1 {
    transform: rotate(5deg) translate(9%, -15%);
}
.product-calculator .product-card:hover .product-image-group--5-items .product-image-group__item--2 {
    transform: rotate(-5deg) translate(12%, 18%);
}
.product-calculator .product-card:hover .product-image-group--5-items .product-image-group__item--3 {
    transform: rotate(15deg) translate(-11%, 25%);
}
.product-calculator .product-card:hover .product-image-group--5-items .product-image-group__item--4 {
    transform: rotate(-5deg) translate(-18%, -16%);
}
.product-calculator .product-card:hover .product-image-group--5-items .product-image-group__item--5 {
    transform: rotate(-2deg) translate(38%, 46%);
}

.product-calculator .product-card:hover .product-image-group--6-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-calculator .product-card:hover .product-image-group--6-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(22%, -12%);
}
.product-calculator .product-card:hover .product-image-group--6-items .product-image-group__item--2 {
    transform: rotate(-15deg) translate(-16%, 112%);
}
.product-calculator .product-card:hover .product-image-group--6-items .product-image-group__item--3 {
    transform: rotate(-5deg) translate(92%, 20%);
}
.product-calculator .product-card:hover .product-image-group--6-items .product-image-group__item--4 {
    transform: rotate(15deg) translate(-10%, 34%);
}
.product-calculator .product-card:hover .product-image-group--6-items .product-image-group__item--5 {
    transform: rotate(10deg) translate(-22%, -12%);
}
.product-calculator .product-card:hover .product-image-group--6-items .product-image-group__item--6 {
    transform: rotate(-2deg) translate(40%, 45%);
}

.product-calculator .product-card:hover .product-image-group--7-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-calculator .product-card:hover .product-image-group--7-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(22%, -12%);
}
.product-calculator .product-card:hover .product-image-group--7-items .product-image-group__item--2 {
    transform: rotate(-15deg) translate(-16%, 112%);
}
.product-calculator .product-card:hover .product-image-group--7-items .product-image-group__item--3 {
    transform: rotate(-5deg) translate(92%, 20%);
}
.product-calculator .product-card:hover .product-image-group--7-items .product-image-group__item--4 {
    transform: rotate(15deg) translate(-10%, 34%);
}
.product-calculator .product-card:hover .product-image-group--7-items .product-image-group__item--5 {
    transform: rotate(-6deg) translate(-30%, 130%);
}
.product-calculator .product-card:hover .product-image-group--7-items .product-image-group__item--6 {
    transform: rotate(10deg) translate(-22%, -12%);
}
.product-calculator .product-card:hover .product-image-group--7-items .product-image-group__item--7 {
    transform: rotate(-2deg) translate(40%, 45%);
}

.product-calculator__content {
    display: grid;
    grid-template-columns: 56% 1fr;
    grid-gap: 28px;
    align-items: center;
    padding-top: 28px;
}
@media only screen and (max-width: 1022px) {
    .product-calculator__content {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .product-calculator__content {
        padding-top: 0;
        grid-gap: 12px;
    }
}
.product-calculator__left {
    display: grid;
    grid-gap: 40px;
}
@media only screen and (max-width: 1022px) {
    .product-calculator__left {
        grid-gap: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .product-calculator__left {
        grid-gap: 12px;
    }
}
@media only screen and (max-width: 767px) {
    .product-calculator__left .title {
        font-size: 36px;
        letter-spacing: normal;
        line-height: 1.2;
    }
}
.product-calculator__arrow-right, .product-calculator__arrow-down {
    max-width: 32px;
    width: 100%;
    margin: 0 auto;
}
@media only screen and (max-width: 767px) {
    .product-calculator__arrow-right, .product-calculator__arrow-down {
        max-width: 25px;
    }
}
.product-calculator__arrow-right img, .product-calculator__arrow-down img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.product-calculator__arrow-right {
    max-width: calc(100% - 10px);
    margin-left: 0;
}
@media only screen and (max-width: 1022px) {
    .product-calculator__arrow-right {
        display: none;
    }
}
.product-calculator .range-slider {
    max-width: 100%;
}
@media only screen and (max-width: 767px) {
    .product-calculator .product-card {
        max-width: 100%;
        margin-top: 10px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-calculator .product-card__image {
        height: 0;
        padding-bottom: 101.5%;
    }
}
@media only screen and (max-width: 767px) {
    .product-calculator .product-card__image {
        padding-bottom: 93.5%;
    }
}
@media only screen and (max-width: 767px) {
    .product-calculator .product-card .product-image-group:not(.product-image-group--1-items) {
        padding-bottom: 0;
        height: 100%;
    }
}
@media only screen and (min-width: 768px) {
    .product-calculator .product-card .product-image-group--2-items .product-image-group__item {
        width: 54.25%;
        height: 53.85%;
    }
}
@media only screen and (min-width: 768px) {
    .product-calculator .product-card .product-image-group--3-items .product-image-group__item {
        width: 45.2%;
        height: 45%;
    }
}
@media only screen and (min-width: 768px) {
    .product-calculator .product-card .product-image-group--4-items .product-image-group__item--1, .product-calculator .product-card .product-image-group--4-items .product-image-group__item--2 {
        width: 45.2%;
        height: 45%;
    }
}
@media only screen and (min-width: 768px) {
    .product-calculator .product-card .product-image-group--4-items .product-image-group__item--3 {
        width: 48.2%;
        height: 47.95%;
    }
}
@media only screen and (min-width: 768px) {
    .product-calculator .product-card .product-image-group--4-items .product-image-group__item--4 {
        width: 45.2%;
        height: 45%;
    }
}
@media only screen and (min-width: 768px) {
    .product-calculator .product-card .product-image-group--5-items .product-image-group__item {
        width: 33.15%;
        height: 32.9%;
    }
}
.product-calculator .product-card .product-image-group--5-items .product-image-group__item--5 {
    transform: rotate(2deg) translate(41%, 44%);
}
@media only screen and (min-width: 768px) {
    .product-calculator .product-card .product-image-group--5-items .product-image-group__item--5 {
        width: 54.25%;
        height: 53.85%;
    }
}
@media only screen and (min-width: 768px) {
    .product-calculator .product-card .product-image-group--6-items .product-image-group__item {
        width: 27.15%;
        height: 27%;
    }
}
.product-calculator .product-card .product-image-group--6-items .product-image-group__item--6 {
    transform: rotate(2deg) translate(43%, 42%);
}
@media only screen and (min-width: 768px) {
    .product-calculator .product-card .product-image-group--6-items .product-image-group__item--6 {
        width: 54.25%;
        height: 53.85%;
    }
}
@media only screen and (min-width: 768px) {
    .product-calculator .product-card .product-image-group--7-items .product-image-group__item {
        width: 27.15%;
        height: 27%;
    }
}
.product-calculator .product-card .product-image-group--7-items .product-image-group__item--7 {
    transform: rotate(2deg) translate(43%, 42%);
}
@media only screen and (min-width: 768px) {
    .product-calculator .product-card .product-image-group--7-items .product-image-group__item--7 {
        width: 54.25%;
        height: 53.85%;
    }
}
.product-calculator .product-card:hover {
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
}
.product-card-slider .occasion-card {
    max-width: 100%;
    margin-bottom: 32px;
}
@media only screen and (max-width: 1022px) {
    .product-card-slider .occasion-card {
        height: 380px;
    }
}
@media only screen and (max-width: 767px) {
    .product-card-slider .occasion-card {
        margin-bottom: 16px;
    }
}
.product-list .product-card:hover .product-image-group--5-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-list .product-card:hover .product-image-group--5-items .product-image-group__item--1 {
    transform: rotate(5deg) translate(9%, -15%);
}
.product-list .product-card:hover .product-image-group--5-items .product-image-group__item--2 {
    transform: rotate(-5deg) translate(12%, 18%);
}
.product-list .product-card:hover .product-image-group--5-items .product-image-group__item--3 {
    transform: rotate(15deg) translate(-11%, 25%);
}
.product-list .product-card:hover .product-image-group--5-items .product-image-group__item--4 {
    transform: rotate(-5deg) translate(-18%, -16%);
}
.product-list .product-card:hover .product-image-group--5-items .product-image-group__item--5 {
    transform: rotate(-2deg) translate(38%, 46%);
}

.product-list .product-card:hover .product-image-group--6-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-list .product-card:hover .product-image-group--6-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(22%, -12%);
}
.product-list .product-card:hover .product-image-group--6-items .product-image-group__item--2 {
    transform: rotate(-15deg) translate(-16%, 112%);
}
.product-list .product-card:hover .product-image-group--6-items .product-image-group__item--3 {
    transform: rotate(-5deg) translate(92%, 20%);
}
.product-list .product-card:hover .product-image-group--6-items .product-image-group__item--4 {
    transform: rotate(15deg) translate(-10%, 34%);
}
.product-list .product-card:hover .product-image-group--6-items .product-image-group__item--5 {
    transform: rotate(10deg) translate(-22%, -12%);
}
.product-list .product-card:hover .product-image-group--6-items .product-image-group__item--6 {
    transform: rotate(-2deg) translate(40%, 45%);
}

.product-list .product-card:hover .product-image-group--7-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.product-list .product-card:hover .product-image-group--7-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(22%, -12%);
}
.product-list .product-card:hover .product-image-group--7-items .product-image-group__item--2 {
    transform: rotate(-15deg) translate(-16%, 112%);
}
.product-list .product-card:hover .product-image-group--7-items .product-image-group__item--3 {
    transform: rotate(-5deg) translate(92%, 20%);
}
.product-list .product-card:hover .product-image-group--7-items .product-image-group__item--4 {
    transform: rotate(15deg) translate(-10%, 34%);
}
.product-list .product-card:hover .product-image-group--7-items .product-image-group__item--5 {
    transform: rotate(-6deg) translate(-30%, 130%);
}
.product-list .product-card:hover .product-image-group--7-items .product-image-group__item--6 {
    transform: rotate(10deg) translate(-22%, -12%);
}
.product-list .product-card:hover .product-image-group--7-items .product-image-group__item--7 {
    transform: rotate(-2deg) translate(40%, 45%);
}

.product-list {
    position: relative;
}
.product-list .product-filter {
    margin-bottom: 44px;
}
@media only screen and (max-width: 1022px) {
    .product-list .product-filter {
        margin-bottom: 28px;
    }
}
.product-list__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 44px 20px;
}
@media only screen and (max-width: 1200px) {
    .product-list__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 1022px) {
    .product-list__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 767px) {
    .product-list__list {
        grid-template-columns: 1fr;
    }
}
.product-list .product-card {
    max-width: 100%;
}
.product-list .product-card__image {
    height: 0;
    padding-bottom: 101.5%;
}
@media only screen and (max-width: 767px) {
    .product-list .product-card__image {
        padding-bottom: 93.5%;
    }
}
@media only screen and (min-width: 768px) {
    .product-list .product-card .product-image-group--2-items .product-image-group__item {
        width: 54.25%;
        height: 53.85%;
    }
}
@media only screen and (min-width: 768px) {
    .product-list .product-card .product-image-group--3-items .product-image-group__item {
        width: 45.2%;
        height: 45%;
    }
}
@media only screen and (min-width: 768px) {
    .product-list .product-card .product-image-group--4-items .product-image-group__item--1, .product-list .product-card .product-image-group--4-items .product-image-group__item--2 {
        width: 45.2%;
        height: 45%;
    }
}
@media only screen and (min-width: 768px) {
    .product-list .product-card .product-image-group--4-items .product-image-group__item--3 {
        width: 48.2%;
        height: 47.95%;
    }
}
@media only screen and (min-width: 768px) {
    .product-list .product-card .product-image-group--4-items .product-image-group__item--4 {
        width: 45.2%;
        height: 45%;
    }
}
@media only screen and (min-width: 768px) {
    .product-list .product-card .product-image-group--5-items .product-image-group__item {
        width: 33.15%;
        height: 32.9%;
    }
}
.product-list .product-card .product-image-group--5-items .product-image-group__item--5 {
    transform: rotate(2deg) translate(41%, 44%);
}
@media only screen and (min-width: 768px) {
    .product-list .product-card .product-image-group--5-items .product-image-group__item--5 {
        width: 54.25%;
        height: 53.85%;
    }
}
@media only screen and (min-width: 768px) {
    .product-list .product-card .product-image-group--6-items .product-image-group__item {
        width: 27.15%;
        height: 27%;
    }
}
.product-list .product-card .product-image-group--6-items .product-image-group__item--6 {
    transform: rotate(2deg) translate(43%, 42%);
}
@media only screen and (min-width: 768px) {
    .product-list .product-card .product-image-group--6-items .product-image-group__item--6 {
        width: 54.25%;
        height: 53.85%;
    }
}
@media only screen and (min-width: 768px) {
    .product-list .product-card .product-image-group--7-items .product-image-group__item {
        width: 27.15%;
        height: 27%;
    }
}
.product-list .product-card .product-image-group--7-items .product-image-group__item--7 {
    transform: rotate(2deg) translate(43%, 42%);
}
@media only screen and (min-width: 768px) {
    .product-list .product-card .product-image-group--7-items .product-image-group__item--7 {
        width: 54.25%;
        height: 53.85%;
    }
}
.product-list .product-card:hover {
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
}
.product-list__total {
    margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
    .product-list__total {
        margin-bottom: 16px;
    }
}
.product-list__footer {
    text-align: center;
    margin-top: 72px;
}
@media only screen and (max-width: 1022px) {
    .product-list__footer {
        margin-top: 62px;
    }
}
.product-list__no-product {
    margin: 0 auto;
    display: none;
    max-width: 450px;
    min-height: 324px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
@media only screen and (max-width: 767px) {
    .product-list__no-product {
        max-width: 260px;
    }
}
.product-list__reset-btn {
    background-color: rgba(237, 28, 36, 0.1);
    color: var(--color-red);
    font-weight: 500;
    border: 0;
    font-size: 12px;
    position: relative;
    padding: 4px 8px;
    min-height: 28px;
}
@media only screen and (max-width: 1022px) {
    .product-list__reset-btn {
        font-size: 14px;
        padding: 4px 20px;
        gap: 10px;
        min-height: 38px;
    }
}
.product-list__reset-btn .icon {
    width: 12px;
    height: 12px;
}
@media only screen and (max-width: 1022px) {
    .product-list__reset-btn .icon {
        width: 20px;
        height: 20px;
    }
}
.product-list__reset-btn:active, .product-list__reset-btn:hover {
    background-color: rgba(237, 28, 36, 0.2);
}
.product-list.no-product-found .product-list__total,
.product-list.no-product-found .product-list__footer,
.product-list.no-product-found .product-list__list {
    display: none;
}
.product-list.no-product-found .product-list__no-product {
    display: flex;
}
@charset "UTF-8";
.product-module .breadcrumbs-plain {
    margin-bottom: 22px;
}
@media only screen and (max-width: 1022px) {
    .product-module .breadcrumbs-plain {
        margin-bottom: 12px;
    }
}
.product-module__left {
    position: relative;
}
@media only screen and (max-width: 1022px) {
    .product-module__left {
        width: calc(100% + 40px);
        margin-left: -20px;
    }
}
@media only screen and (max-width: 767px) {
    .product-module__left {
        width: calc(100% + 32px);
        margin-left: -16px;
    }
}
.product-module .tag-list {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}
@media only screen and (max-width: 1022px) {
    .product-module .tag-list {
        top: 20px;
        left: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .product-module .tag-list {
        top: 16px;
        left: 16px;
    }
}
.product-module .wishlist-button {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}
@media only screen and (max-width: 1022px) {
    .product-module .wishlist-button {
        top: 20px;
        right: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .product-module .wishlist-button {
        top: 16px;
        right: 16px;
    }
}
.product-module__infos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 0;
}
.product-module__info {
    position: relative;
    display: inline-flex;
}
.product-module__info a {
    text-decoration: underline;
}
.product-module__info a:hover {
    text-decoration: underline;
    color: var(--color-gray-950);
}
.product-module__info:not(:last-child)::after {
    content: "•";
    position: relative;
    display: inline-block;
    color: currentColor;
    pointer-events: none;
    font-size: inherit;
    line-height: inherit;
    margin: 0 8px;
}
.product-module .product-showcase {
    max-width: 100%;
}
@media only screen and (max-width: 1022px) {
    .product-module .product-showcase {
        margin-bottom: 26px;
    }
}
.product-module__right {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media only screen and (max-width: 1022px) {
    .product-module__right {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .product-module__right {
        margin-top: 16px;
        gap: 24px;
    }
}
@media only screen and (min-width: 1023px) {
    .product-module__right {
        position: sticky;
        position: -webkit-sticky;
        transition: top 150ms var(--easing-slow);
        top: calc(var(--header-height, 0px) + 24px);
    }
    .is-scrolled .product-module__right {
        top: calc(var(--header-height, 0px) + 24px - 62px);
    }
    .is-scrolled-up .product-module__right {
        top: calc(var(--header-height, 0px) + 24px);
    }
}
.product-module__right-footer {
    display: flex;
    align-items: center;
    gap: 20px;
}
.product-module__header {
    display: grid;
    grid-gap: 15px;
}
.product-module__header-wrapper {
    padding-bottom: 32px;
    border-bottom: 0.5px solid var(--color-gray-100);
    display: grid;
    grid-gap: 18px;
}
@media only screen and (max-width: 767px) {
    .product-module__header-wrapper {
        padding-bottom: 24px;
    }
}
@media only screen and (max-width: 767px) {
    .product-module__header-wrapper .text--14 {
        font-size: 12px;
    }
}
@media only screen and (max-width: 767px) {
    .product-module__title {
        font-size: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .product-module__title.title--h3 {
        font-size: 30px;
    }
}
.product-module__title span:not(:last-child)::after {
    content: "•";
    position: relative;
    display: inline-block;
    color: currentColor;
    pointer-events: none;
    font-size: inherit;
    line-height: inherit;
    margin: 0 6px;
}
.product-module__total {
    display: grid;
    grid-gap: 4px;
}
.product-module__total-left {
    display: grid;
    grid-gap: 4px;
}
@media only screen and (max-width: 1022px) {
    .product-module__price {
        font-size: 36px;
    }
}
@media only screen and (max-width: 767px) {
    .product-module__price {
        line-height: 1.2;
        font-size: 30px;
    }
}
.product-module__price-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.product-module__price-wrapper .tag {
    padding: 6px 8px;
    font-size: 14px;
}
@media only screen and (max-width: 1022px) {
    .product-module__price-wrapper .tag {
        padding: 5px 8px;
    }
}
.product-module__old-price {
    color: var(--color-red);
}
.product-module__status-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
@media only screen and (max-width: 767px) {
    .product-module__status-info {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 4px;
    }
}
.product-module__status-info .stock-status {
    font-size: 14px;
    padding-left: 20px;
}
@media only screen and (max-width: 767px) {
    .product-module__status-info .stock-status {
        font-size: 12px;
    }
}
.product-module__status-info .stock-status::before {
    width: 14px;
    height: 14px;
}
.product-module__delivery-info {
    display: flex;
    align-items: center;
    gap: 6px;
}
.product-module__delivery-info .icon {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}
.product-module__dropdown-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .product-module__dropdown-top {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
}
@media only screen and (max-width: 767px) {
    .product-module__dropdown-top {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
}
.product-module__dropdown-label {
    width: 25%;
    flex-shrink: 0;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .product-module__dropdown-label {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .product-module__dropdown-label {
        width: 100%;
    }
}
.product-module__dropdown .dropdown {
    width: calc(75% - 6px);
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .product-module__dropdown .dropdown {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .product-module__dropdown .dropdown {
        width: 100%;
    }
}
.product-module__dropdown-info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    padding: 0 20px;
    margin-top: 8px;
}
.product-module__dropdown-info .icon {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
    .product-module__dropdown .text--14 {
        font-size: 12px;
    }
}
.product-module .quantity-counter {
    height: 44px;
    flex-shrink: 0;
    padding: 5px;
}
.product-module__add-to-cart {
    width: 100%;
}
@media only screen and (max-width: 767px) {
    .product-module__add-to-cart {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 99;
        padding: 16px;
        background-color: var(--color-white);
        border-top: 0.5px solid var(--color-gray-100);
        box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.0196078431), 0px -11px 11px 0px rgba(0, 0, 0, 0.0196078431), 0px -25px 15px 0px rgba(0, 0, 0, 0.0117647059), 0px -44px 18px 0px rgba(0, 0, 0, 0), 0px -69px 19px 0px rgba(0, 0, 0, 0);
    }
}
.product-module__add-to-cart .btn {
    width: 100%;
}
.product-module__additional-info {
    margin-top: 80px;
}
@media only screen and (max-width: 1022px) {
    .product-module__additional-info--desktop {
        display: none;
    }
}
.product-module .gift-box-info,
.product-module .notify-input,
.product-module .additional-info {
    max-width: 100%;
}
.product-module__gift-form {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px 8px;
    padding-bottom: 32px;
    border-bottom: 0.5px solid var(--color-gray-100);
}
@media only screen and (max-width: 767px) {
    .product-module__gift-form {
        grid-gap: 20px;
        padding-bottom: 24px;
    }
}
.product-module__gift-form-title {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
    .product-module__gift-form-title {
        margin-bottom: 24px;
    }
}
.product-module__gift-form-title .icon {
    flex-shrink: 0;
}
.product-module__gift-form-title::after, .product-module__gift-form-title::before {
    content: "";
    position: relative;
    height: 0.5px;
    background-color: var(--color-gray-100);
    flex: auto;
    min-width: 20px;
    flex-shrink: 0;
}
.product-module__gift-form-title::before {
    margin-right: 12px;
}
.product-module__gift-form-title::after {
    margin-left: 12px;
}
.product-module__gift-form .mod-input textarea {
    min-height: 130px;
}
@media only screen and (min-width: 1023px) {
    .product-module:has(.product-showcase__thumb:not(.hide)) .tag-list {
        left: 114px;
    }
}
.product-module--gift-certificate .product-module__dropdown {
    padding-bottom: 32px;
    border-bottom: 0.5px solid var(--color-gray-100);
}
@media only screen and (max-width: 767px) {
    .product-module--gift-certificate .product-module__dropdown {
        padding-bottom: 24px;
    }
}
@media only screen and (min-width: 1023px) {
    .product-module--party-pack .product-module__title {
        order: -1;
    }
}
.product-module--party-pack .product-module__header-wrapper {
    grid-gap: 24px;
}
@media only screen and (min-width: 1023px) {
    .product-module--party-pack .additional-info {
        padding-right: 28px;
    }
}
@media only screen and (max-width: 1022px) {
    .product-module--party-pack .additional-info__row:not(:last-child) {
        padding-bottom: 36px;
        margin-bottom: 36px;
    }
}
@media only screen and (min-width: 1201px) {
    .product-module--party-pack .additional-info__title {
        font-size: 30px;
        letter-spacing: -0.01em;
    }
}
@media only screen and (min-width: 1201px) {
    .product-module--party-pack .additional-info__text {
        max-width: 804px;
        width: 100%;
        font-size: 18px;
    }
}
.purchase-process {
    display: grid;
    grid-template-columns: 49.33% 1fr;
    grid-gap: 0 10%;
    padding-top: 30px;
}
@media only screen and (max-width: 1200px) {
    .purchase-process {
        grid-template-columns: 1fr 420px;
    }
}
@media only screen and (max-width: 1022px) {
    .purchase-process {
        grid-template-columns: 1fr;
        padding-top: 16px;
    }
}
.purchase-process__right {
    margin-top: -40px;
}
@media only screen and (max-width: 1022px) {
    .purchase-process__right {
        order: 1;
        margin-top: 44px;
    }
}
.purchase-process__left {
    margin-top: 58px;
}
@media only screen and (max-width: 1022px) {
    .purchase-process__left {
        order: 2;
        margin-top: 50px;
    }
}
.purchase-process__footer {
    margin-top: 80px;
}
@media only screen and (max-width: 1022px) {
    .purchase-process__footer {
        display: none;
    }
}
.purchase-process .title--h5 {
    font-size: 24px;
}
.purchase-process__address-contact {
    display: grid;
    grid-gap: 16px;
}
.purchase-process__address-contact-item {
    display: grid;
    grid-template-columns: 100px 1fr auto;
    grid-gap: 20px;
    align-items: start;
    padding: 20px;
    position: relative;
}
@media only screen and (max-width: 1022px) {
    .purchase-process__address-contact-item {
        grid-template-columns: 80px 1fr auto;
    }
}
@media only screen and (max-width: 767px) {
    .purchase-process__address-contact-item {
        grid-template-columns: 1fr;
        padding: 16px;
        grid-gap: 0;
    }
}
@media only screen and (max-width: 767px) {
    .purchase-process__address-contact__change {
        font-size: 10px;
        position: absolute;
        top: 8px;
        right: 12px;
    }
    .purchase-process__address-contact__change .icon {
        width: 12px;
        height: 12px;
    }
}
.purchase-process__address-contact__change:hover {
    text-decoration: underline;
}
.purchase-process-info-02 .purchase-process__indicator-line:before {
    width: 33%;
}
.purchase-process-info-03 .purchase-process__indicator-line:before {
    width: 66%;
}
.purchase-process__thank-you__right {
    display: grid;
    grid-gap: 44px;
}
@media only screen and (max-width: 1022px) {
    .purchase-process__thank-you__right {
        grid-gap: 24px;
    }
}
.purchase-process__thank-you__header {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
@media only screen and (max-width: 1022px) {
    .purchase-process__thank-you__header {
        gap: 12px;
    }
}
.purchase-process__thank-you__icon {
    flex-shrink: 0;
    color: var(--color-gray-950);
    margin-top: 4px;
}
.purchase-process__thank-you__icon .icon {
    width: 60px;
    height: 60px;
}
@media only screen and (max-width: 1022px) {
    .purchase-process__thank-you__icon .icon {
        width: 40px;
        height: 40px;
    }
}
.purchase-process__thank-you__title {
    margin-bottom: 4px;
}
.purchase-process__thank-you__text a {
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-gray-950);
}
.purchase-process__thank-you__box {
    position: relative;
}
.purchase-process__thank-you__box-content {
    padding: 32px;
}
@media only screen and (max-width: 1022px) {
    .purchase-process__thank-you__box-content {
        padding: 16px;
    }
}
.purchase-process__thank-you__person-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px 16px;
    margin-top: 16px;
}
@media only screen and (max-width: 767px) {
    .purchase-process__thank-you__person-info {
        grid-template-columns: 1fr;
        grid-gap: 16px;
        margin-top: 16px;
    }
}
.purchase-process__thank-you__footer {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    gap: 20px;
}
.purchase-process__thank-you__footer .btn {
    text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
    .purchase-process__thank-you__footer .btn {
        width: 100%;
    }
}
.purchase-process__thank-you__footer-link {
    color: var(--color-gray-950);
}
.purchase-process__thank-you__footer-link a {
    font-weight: 500;
    text-decoration: underline;
}
.purchase-process__thank-you__footer-link a:hover {
    text-decoration: none;
}
.purchase-process__thank-you__map {
    height: 0;
    padding-bottom: 40%;
    position: relative;
}
.purchase-process__thank-you__map-init {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.purchase-process__thank-you__map-init .gm-svpc {
    display: none;
}
.purchase-process__thank-you__map-init .gm-style-iw.gm-style-iw-c,
.purchase-process__thank-you__map-init .gm-style-iw-d {
    padding: 0 !important;
    max-height: none !important;
    max-width: 100%;
    overflow: initial !important;
    background-color: var(--color-gray-50) !important;
}
.purchase-process__thank-you__map-init .gm-style-iw-chr {
    position: absolute !important;
    right: 0;
}
.purchase-process__thank-you__map-init .gm-style .gm-style-iw-tc::after {
    background-color: var(--color-gray-50) !important;
}
.purchase-process__thank-you .gray-container .title {
    margin-bottom: 4px;
}

.infowindow-popup {
    width: 234px;
    padding: 12px 20px;
    background: var(--color-gray-50);
    color: var(--color-gray-950);
    display: grid;
    grid-gap: 8px;
}
@media only screen and (max-width: 767px) {
    .infowindow-popup {
        width: 144px;
        padding: 6px 12px;
    }
}
.infowindow-popup strong {
    font-weight: 500;
}
.infowindow-popup .gm-ui-hover-effect {
    top: -6px;
    right: -6px;
}

.infowindow-wrap {
    display: none;
}

.purchase-process-info-04 .purchase-process__indicator-line:before {
    width: 100%;
}
.recipe-card-list .product-filter {
    margin-bottom: 68px;
}
@media only screen and (max-width: 1200px) {
    .recipe-card-list .product-filter {
        margin-bottom: 62px;
    }
}
.recipe-card-list__total {
    margin-bottom: 30px;
}
.recipe-card-list__inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 40px 20px;
}
@media only screen and (max-width: 1200px) {
    .recipe-card-list__inner {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 1022px) {
    .recipe-card-list__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 767px) {
    .recipe-card-list__inner {
        grid-template-columns: 1fr;
    }
}
.recipe-card-list__footer {
    margin-top: 72px;
}
@media only screen and (max-width: 1200px) {
    .recipe-card-list__footer {
        margin-top: 62px;
    }
}
.recipe-card-list .recipe-card {
    max-width: 100%;
}
.recipe-card-list .recipe-card__image {
    padding-bottom: 101%;
}
@media only screen and (max-width: 767px) {
    .recipe-card-list .recipe-card__image {
        padding-bottom: 93%;
    }
}
@charset "UTF-8";
.recipe-detail__category {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 0;
    margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
    .recipe-detail__category {
        margin-bottom: 12px;
    }
}
.recipe-detail__category-item {
    position: relative;
}
.recipe-detail__category-item::after {
    content: "•";
    position: relative;
    font-size: inherit;
    font-weight: inherit;
    color: currentColor;
    display: inline-block;
    margin: 0 4px;
}
.recipe-detail__category-item:last-child::after {
    display: none;
}
.recipe-detail__header .title {
    margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
    .recipe-detail__header .title {
        font-size: 30px;
        margin-bottom: 12px;
    }
}
.recipe-detail__header .editor-text {
    max-width: 450px;
    width: 100%;
    margin-top: auto;
}
.recipe-detail__header-content {
    display: flex;
    flex-direction: column;
    padding: 172px 0 10px;
    height: 100%;
}
@media only screen and (max-width: 1439px) {
    .recipe-detail__header-content {
        padding-top: 100px;
    }
}
@media only screen and (max-width: 1200px) {
    .recipe-detail__header-content {
        padding-top: 50px;
    }
}
@media only screen and (max-width: 1022px) {
    .recipe-detail__header-content {
        padding: 0;
    }
}
.recipe-detail__info {
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.recipe-detail__info .tag {
    min-height: 34px;
}
.recipe-detail__image {
    position: relative;
    height: 0;
    padding-bottom: 133.5%;
}
@media only screen and (max-width: 1022px) {
    .recipe-detail__image {
        margin-top: 24px;
        padding-bottom: 69%;
    }
}
.recipe-detail__button {
    margin-top: 36px;
}
.recipe-detail__details {
    margin-top: 14px;
}
@media only screen and (max-width: 1022px) {
    .recipe-detail__details {
        margin-top: 42px;
    }
}
.recipe-detail__details-title {
    margin-bottom: 26px;
}
@media only screen and (max-width: 767px) {
    .recipe-detail__details-title {
        font-size: 18px;
        margin-bottom: 12px;
    }
}
.recipe-detail__details-list {
    display: grid;
    grid-gap: 12px;
}
@media only screen and (max-width: 767px) {
    .recipe-detail__details-list {
        grid-gap: 8px;
    }
}
.recipe-detail__details-item {
    padding: 16px;
}
.recipe-detail__details-item-super-title {
    margin-bottom: 2px;
}
.recipe-detail__details strong {
    color: var(--color-gray-950);
    font-weight: 500;
}
.recipe-detail__details-image {
    width: 184px;
    height: 100%;
    min-height: 118px;
    border-radius: 10px;
    flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
    .recipe-detail__details-image {
        width: 100%;
        height: 0;
        min-height: 1px;
        padding-bottom: 48.24%;
    }
}
@media only screen and (max-width: 1022px) {
    .recipe-detail__details .row {
        gap: 40px;
    }
}
.recipe-detail__steps .recipe-detail__details-item {
    padding: 6px 44px 6px 6px;
    gap: 44px;
    display: flex;
}
@media only screen and (max-width: 1022px) {
    .recipe-detail__steps .recipe-detail__details-item {
        gap: 12px;
    }
}
@media only screen and (max-width: 767px) {
    .recipe-detail__steps .recipe-detail__details-item {
        padding: 6px;
        flex-direction: column;
        gap: 6px;
    }
}
.recipe-detail__steps .recipe-detail__details-item-content {
    padding: 24px 0;
}
@media only screen and (max-width: 767px) {
    .recipe-detail__steps .recipe-detail__details-item-content {
        padding: 10px;
    }
}
.recipe-detail__steps .recipe-detail__details-item-title {
    margin-bottom: 4px;
}
.recipe-slider--with-tabs .section-header .title {
    line-height: 1;
    font-weight: 500;
    color: var(--color-gray-950);
}

.recipe-slider--with-tabs .section-header .title {
    font-size: 60px;
}
@media only screen and (max-width: 1200px) {
    .recipe-slider--with-tabs .section-header .title {
        font-size: 50px;
    }
}
@media only screen and (max-width: 1022px) {
    .recipe-slider--with-tabs .section-header .title {
        font-size: 42px;
        line-height: 1.2;
    }
}
@media only screen and (max-width: 767px) {
    .recipe-slider--with-tabs .section-header .title {
        font-size: 36px;
    }
}

.recipe-slider__header .section-header {
    margin-bottom: 0;
}
.recipe-slider .tab-buttons {
    max-width: 416px;
    width: 100%;
    margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
    .recipe-slider .tab-buttons {
        margin-bottom: 14px;
        max-width: 100%;
    }
}
.recipe-slider .tab-buttons__nav {
    font-size: 14px;
}
.recipe-slider .tab-buttons__nav-link {
    min-height: 44px;
}
.recipe-slider__tab-content {
    display: none;
}
.recipe-slider__tab-content.is-active {
    display: block;
}
@media only screen and (min-width: 1023px) {
    .recipe-slider--without-slider .swiper-wrapper {
        display: grid;
        grid-gap: 44px 20px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        transform: translate3d(0, 0, 0) !important;
    }
    .recipe-slider--without-slider .swiper-slide {
        margin: 0 !important;
        width: 100% !important;
    }
    .recipe-slider--without-slider .product-slider__nav,
    .recipe-slider--without-slider .swiper-scrollbar {
        display: none;
    }
}
@media only screen and (min-width: 1023px) {
    .recipe-slider--without-slider .recipe-card__image {
        padding-bottom: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .recipe-slider--with-tabs {
        position: relative;
        padding-bottom: 50px;
    }
}
@media only screen and (min-width: 768px) {
    .recipe-slider--with-tabs .section-header {
        margin-bottom: 0;
        position: relative;
        padding-bottom: 25px;
    }
}
@media only screen and (max-width: 767px) {
    .recipe-slider--with-tabs .section-header {
        margin-bottom: 15px;
    }
}
@media only screen and (min-width: 1023px) {
    .recipe-slider--with-tabs .section-header .title {
        max-width: 416px;
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .recipe-slider--with-tabs .section-header__inner {
        text-align: left;
        gap: 0;
    }
}
.recipe-slider--with-tabs .section-header__buttons {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 6px;
}
@media only screen and (max-width: 767px) {
    .recipe-slider--with-tabs .section-header__buttons {
        right: initial;
        top: initial;
        bottom: 0;
        left: 0;
        margin-top: 0;
        width: 100%;
        padding: 0 16px;
        justify-content: center;
    }
}
.reset-password {
    width: 100%;
    padding-top: 60px;
}
.reset-password__body {
    max-width: 600px;
    margin: 80px auto 0;
}
@media only screen and (max-width: 767px) {
    .reset-password__body {
        margin-top: 40px;
    }
}
.mobile-hamburger {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
}

.header-main {
    width: 100%;
    background-color: var(--color-white);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 102;
    transition: box-shadow 150ms var(--easing-slow), top 300ms var(--easing-slow) 0.1s;
}
.is-open-search .header-main, .body-scroll-locked .header-main {
    padding-right: var(--scroll-width, 0px);
}
.is-scrolled .header-main {
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.0196078431), 0px 11px 11px 0px rgba(0, 0, 0, 0.0196078431), 0px 25px 15px 0px rgba(0, 0, 0, 0.0117647059), 0px 44px 18px 0px rgba(0, 0, 0, 0), 0px 69px 19px 0px rgba(0, 0, 0, 0);
}
.header-main__top {
    background-color: var(--color-white);
    position: relative;
    padding: 12px 0;
    z-index: 4;
    height: 68px;
}
@media only screen and (max-width: 1022px) {
    .header-main__top {
        z-index: 8;
        height: auto;
    }
    .is-open-search .header-main__top {
        width: calc(100% - 60px);
    }
}
.header-main__top .container {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}
.header-main__top-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 4px;
}
.is-open-search .header-main__top-right {
    opacity: 0;
    visibility: hidden;
}
.header-main__top-inner {
    justify-content: space-between;
    width: 100%;
}
.header-main__logo {
    width: auto;
    max-width: 85px;
    display: block;
    order: -1;
    z-index: 3;
}
.header-main__logo img {
    max-height: 30px;
    object-fit: contain;
    width: 100%;
    height: auto;
}
.header-main__menu-wrapper {
    display: flex;
    height: 100%;
}
@media only screen and (max-width: 1022px) {
    .header-main__menu-wrapper {
        flex-direction: row-reverse;
    }
}
.header-main__icon {
    cursor: pointer;
    position: relative;
    min-width: 36px;
    min-height: 36px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 45ms var(--easing-slow), transform 50ms var(--easing-slow);
}
.header-main__icon:hover {
    background-color: var(--color-gray-100);
}
.header-main__icon:active {
    transform: scale(0.95);
}
.header-main__icon-items {
    height: 18px;
    width: 18px;
    position: absolute;
    border-radius: 100%;
    top: -2px;
    right: -2px;
    text-align: center;
    background-color: var(--color-red);
    font-weight: 700;
    color: var(--color-white);
    border: 2px solid currentColor;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-main__icon-items p {
    font-size: 10px;
    line-height: 1;
}
.header-main__icon.is-active .header-main__icon-items {
    transform: scale(1);
}
@media only screen and (min-width: 1023px) {
    .header-main__icon.has-text {
        padding: 4px 20px;
        gap: 10px;
    }
}
.header-main__user {
    margin-right: 32px;
}
@media only screen and (max-width: 1200px) {
    .header-main__user {
        margin-right: 16px;
    }
}
@media only screen and (max-width: 1022px) {
    .header-main__user {
        margin-right: 0;
    }
}
.header-main--purchase-process {
    position: relative;
    background-color: transparent;
}
@media only screen and (max-width: 1022px) {
    .header-main--purchase-process {
        position: fixed;
    }
}
.header-main--purchase-process .header-main__inner {
    display: none;
}
@media only screen and (max-width: 1200px) {
    .header-main--purchase-process .header-main__inner {
        display: flex;
    }
}
.header-main--purchase-process .header-main--alternate {
    height: 124px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 1022px) {
    .header-main--purchase-process .header-main--alternate {
        display: flex;
        height: 100%;
        background: none;
    }
}
.header-main--purchase-process .header-main--alternate img {
    width: 134px;
}
@media only screen and (max-width: 1022px) {
    .header-main--purchase-process .header-main--alternate img {
        width: 100px;
    }
}
@media only screen and (max-width: 1022px) {
    .header-main__search > .container {
        max-width: 100%;
    }
}
:has(.header-main--homepage) .header-main__search-trigger {
    display: none;
}
.header-main__bottom {
    padding: 12px 0;
    position: relative;
    background-color: var(--color-white);
}
@media only screen and (min-width: 1023px) {
    .header-main__bottom {
        transition: margin 150ms var(--easing-slow), opacity 150ms var(--easing-slow), visibility 150ms var(--easing-slow);
    }
    .is-scrolled .header-main__bottom {
        margin-top: -68px;
    }
    .is-scrolled-up .header-main__bottom {
        margin-top: 0;
    }
    .is-open-search .header-main__bottom {
        opacity: 0;
        visibility: hidden;
    }
}
@media only screen and (max-width: 1022px) {
    .header-main__bottom {
        position: fixed;
        left: 0;
        top: var(--header-height, 94px);
        overflow: auto;
        height: calc(100% - var(--header-height, 94px));
        padding: 8px 0 16px;
        width: 100%;
        transition: opacity 150ms var(--easing-spring-slow), visibility 150ms var(--easing-spring-slow);
        visibility: hidden;
        opacity: 0;
        z-index: 9;
    }
    .is-open-menu .header-main__bottom {
        opacity: 1;
        visibility: visible;
    }
}

.mobile-hamburger {
    cursor: pointer;
    z-index: 9;
    width: 36px;
    height: 36px;
    flex-direction: column;
    gap: 4px;
    display: flex;
}
.mobile-hamburger .bars {
    background-color: var(--color-gray-950);
    height: 2px;
    display: block;
    border-radius: 4px;
    width: 20px;
    transition: transform 0.3s ease;
}
.is-open-menu .mobile-hamburger .bars:first-child {
    transform: translateY(6px) rotate(225deg);
}
.is-open-menu .mobile-hamburger .bars:nth-child(2) {
    transform: scale(0);
}
.is-open-menu .mobile-hamburger .bars:last-child {
    transform: translateY(-6px) rotate(315deg);
}
.teaser-detail .editor-text h2,
.teaser-detail .editor-text h3,
.teaser-detail .editor-text h4,
.teaser-detail .editor-text h5,
.teaser-detail .editor-text h6, .teaser-detail .editor-text h1 {
    line-height: 1;
    font-weight: 500;
    color: var(--color-gray-950);
}

.teaser-detail .editor-text h1 {
    font-size: 36px;
}
@media only screen and (max-width: 1022px) {
    .teaser-detail .editor-text h1 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 767px) {
    .teaser-detail .editor-text h1 {
        font-size: 24px;
    }
}

.teaser-detail .editor-text h2,
.teaser-detail .editor-text h3,
.teaser-detail .editor-text h4,
.teaser-detail .editor-text h5,
.teaser-detail .editor-text h6 {
    font-size: 30px;
    letter-spacing: 0;
}
@media only screen and (max-width: 1022px) {
    .teaser-detail .editor-text h2,
    .teaser-detail .editor-text h3,
    .teaser-detail .editor-text h4,
    .teaser-detail .editor-text h5,
    .teaser-detail .editor-text h6 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 767px) {
    .teaser-detail .editor-text h2,
    .teaser-detail .editor-text h3,
    .teaser-detail .editor-text h4,
    .teaser-detail .editor-text h5,
    .teaser-detail .editor-text h6 {
        font-size: 22px;
    }
}

.teaser-detail {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    overflow: auto;
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    z-index: 99999;
}
.teaser-detail__logo {
    display: inline-block;
    max-width: 150px;
}
.teaser-detail .container {
    position: relative;
    z-index: 3;
}
.teaser-detail__header {
    padding-top: 40px;
}
.teaser-detail__body {
    padding: 80px 0;
}
@media only screen and (max-width: 1022px) {
    .teaser-detail__body {
        padding-top: 40px;
    }
}
.teaser-detail .editor-text h1,
.teaser-detail .editor-text h2,
.teaser-detail .editor-text h3,
.teaser-detail .editor-text h4,
.teaser-detail .editor-text h5,
.teaser-detail .editor-text h6 {
    margin: 64px 0 24px;
    line-height: 1.2;
}
@media only screen and (max-width: 1200px) {
    .teaser-detail .editor-text h1,
    .teaser-detail .editor-text h2,
    .teaser-detail .editor-text h3,
    .teaser-detail .editor-text h4,
    .teaser-detail .editor-text h5,
    .teaser-detail .editor-text h6 {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .teaser-detail .editor-text h1,
    .teaser-detail .editor-text h2,
    .teaser-detail .editor-text h3,
    .teaser-detail .editor-text h4,
    .teaser-detail .editor-text h5,
    .teaser-detail .editor-text h6 {
        margin-bottom: 15px;
    }
}
.teaser-detail .editor-text h1:first-child,
.teaser-detail .editor-text h2:first-child,
.teaser-detail .editor-text h3:first-child,
.teaser-detail .editor-text h4:first-child,
.teaser-detail .editor-text h5:first-child,
.teaser-detail .editor-text h6:first-child {
    margin-top: 0;
}
.teaser-detail .editor-text h1:last-child,
.teaser-detail .editor-text h2:last-child,
.teaser-detail .editor-text h3:last-child,
.teaser-detail .editor-text h4:last-child,
.teaser-detail .editor-text h5:last-child,
.teaser-detail .editor-text h6:last-child {
    margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
    .teaser-detail .editor-text p {
        margin: 15px 0;
    }
}
.teaser-detail .editor-text p:first-child {
    margin-top: 0;
}
.teaser-detail .editor-text p:last-child {
    margin-bottom: 0;
}
.teaser-detail .editor-text h1 {
    font-size: 36px;
    letter-spacing: normal;
}
.teaser-detail .editor-text h2,
.teaser-detail .editor-text h3,
.teaser-detail .editor-text h4,
.teaser-detail .editor-text h5,
.teaser-detail .editor-text h6 {
    letter-spacing: -0.01em;
}
@media only screen and (max-width: 767px) {
    .teaser-detail .editor-text h2,
    .teaser-detail .editor-text h3,
    .teaser-detail .editor-text h4,
    .teaser-detail .editor-text h5,
    .teaser-detail .editor-text h6 {
        font-size: 20px;
    }
}
.teaser-detail__footer {
    opacity: 0.5;
}
.teaser-detail__footer a:hover {
    text-decoration: underline;
}
.teaser-detail__footer-row {
    border-top: 1px solid rgba(40, 35, 34, 0.2);
    padding: 16px 0 24px;
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 1022px) {
    .teaser-detail__footer-row {
        flex-direction: column;
        gap: 20px;
    }
}
.teaser-detail__footer-col {
    padding: 0;
    flex: 1;
}
@media only screen and (max-width: 1200px) {
    .teaser-detail__footer-col {
        flex: auto;
    }
}
@media only screen and (max-width: 1200px) {
    .teaser-detail__footer-col--middle {
        flex: 0 0 20%;
    }
}
@media only screen and (max-width: 1022px) {
    .teaser-detail__footer-col--middle {
        order: -1;
        flex: 0 0 100%;
        width: 100%;
    }
}
.teaser-detail__credits, .teaser-detail__nav {
    display: flex;
    gap: 24px;
}
.teaser-detail__credits {
    justify-content: flex-end;
}
.teaser-detail .social-nav ul {
    justify-content: center;
}
.teaser-detail .social-nav__link .icon::before {
    background-color: currentColor;
}
.user-profile__overlay {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    top: 0;
}

.user-profile {
    position: relative;
    padding: 80px 0 20px;
}
@media only screen and (max-width: 1200px) {
    .user-profile {
        padding: 60px 0 20px;
    }
}
@media only screen and (max-width: 767px) {
    .user-profile {
        padding: 34px 0;
    }
}
.user-profile__title {
    margin-bottom: 8px;
}
.user-profile__header {
    padding-bottom: 24px;
    border-bottom: 0.5px solid var(--color-gray-100);
    margin-bottom: 44px;
}
@media only screen and (max-width: 1022px) {
    .user-profile__header {
        padding-bottom: 24px;
        margin-bottom: 32px;
    }
}
@media only screen and (max-width: 767px) {
    .user-profile__header--mobile {
        margin-bottom: 20px;
        border: 0;
        padding: 0 20px;
    }
}
.user-profile__row {
    max-width: 1440px;
    display: grid;
    grid-gap: 120px;
    grid-template-columns: 330px 1fr;
}
@media only screen and (max-width: 1200px) {
    .user-profile__row {
        grid-template-columns: 260px 1fr;
        grid-gap: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .user-profile__row {
        grid-template-columns: 1fr;
        grid-gap: 0;
        display: block;
    }
}
.user-profile__close {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    position: absolute;
    right: 10px;
    top: 10px;
}
.user-profile__close .icon {
    width: 24px;
    height: 24px;
}
.user-profile__close .icon::before {
    background-color: var(--color-gray-950);
}
.user-profile__close:active {
    transform: scale(0.95);
}
.user-profile__overlay {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    z-index: 9;
    visibility: hidden;
    transition: opacity 0.3s var(--easing-slow), visibility 0.3s var(--easing-slow);
}
.is-open-profile-nav .user-profile__overlay {
    opacity: 1;
    visibility: visible;
}
.user-profile__left {
    position: relative;
}
@media only screen and (max-width: 767px) {
    .user-profile__left {
        position: fixed;
        top: var(--header-height, 0px);
        height: calc(100% - var(--header-height, 0px));
        width: calc(100% - 80px);
        overflow: auto;
        z-index: 99;
        background-color: var(--color-gray-50);
        left: 0;
        padding: 60px 0;
        transition: transform 300ms var(--easing-slow);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
        transform: translate(calc(-100% - 40px), 0);
    }
    .is-open-profile-nav .user-profile__left {
        transform: translate(0, 0);
    }
}
.user-profile__left-inner {
    position: relative;
}
@media only screen and (min-width: 1023px) {
    .user-profile__left-inner--sticky {
        position: sticky;
        position: -webkit-sticky;
        transition: top 150ms var(--easing-slow);
        top: calc(var(--header-height, 0px) + 24px);
    }
    .is-scrolled .user-profile__left-inner--sticky {
        top: calc(var(--header-height, 0px) + 24px - 62px);
    }
    .is-scrolled-up .user-profile__left-inner--sticky {
        top: calc(var(--header-height, 0px) + 24px);
    }
}
@media only screen and (min-width: 768px) {
    .user-profile__nav {
        display: grid;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.0509803922), 0px 4px 4px 0px rgba(0, 0, 0, 0.0392156863), 0px 9px 6px 0px rgba(0, 0, 0, 0.031372549), 0px 17px 7px 0px rgba(0, 0, 0, 0.0117647059), 0px 26px 7px 0px rgba(0, 0, 0, 0);
        padding: 0 12px;
        line-height: 1;
        border-radius: 24px;
    }
}
@media only screen and (max-width: 767px) {
    .user-profile__nav {
        border: 0;
        border-bottom: 0.5px solid var(--color-gray-200);
        border-top: 0.5px solid var(--color-gray-200);
    }
}
.user-profile__nav-title {
    padding: 0 12px;
}
.user-profile__nav-link {
    display: flex;
    padding: 24px 0;
    align-items: center;
    gap: 10px;
    transition: color 150ms var(--easing-slow);
}
@media only screen and (max-width: 767px) {
    .user-profile__nav-link {
        padding: 18px 8px;
    }
}
.user-profile__nav-link .icon {
    flex-shrink: 0;
}
.user-profile__nav-item {
    padding: 0 12px;
}
.user-profile__nav-item:not(:last-child) {
    border-bottom: 0.5px solid var(--color-gray-100);
}
@media only screen and (max-width: 767px) {
    .user-profile__nav-item:not(:last-child) {
        border-color: var(--color-gray-200);
    }
}
.user-profile__nav-item:hover .user-profile__nav-link, .user-profile__nav-item.is-active .user-profile__nav-link {
    color: var(--color-gray-950);
}
.user-profile__back-button {
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s ease;
    margin-bottom: 32px;
}
.user-profile__back-button .icon {
    flex-shrink: 0;
}
.user-profile__overview ul {
    display: grid;
    grid-gap: 8px;
}
.user-profile__overview-buttons {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
@media only screen and (max-width: 767px) {
    .user-profile__overview-buttons {
        margin-top: 16px;
    }
}
.user-profile__overview-password {
    font-size: 32px;
    margin-left: 4px;
    position: relative;
    line-height: 0;
    top: -3px;
}
.user-profile__info-text {
    max-width: 660px;
    margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
    .user-profile__info-text {
        font-size: 12px;
    }
}
.user-profile .dropdown__list {
    z-index: 90;
}
.user-profile__address {
    margin-top: 20px;
}
.user-profile__address-item {
    position: relative;
    padding-left: 20px;
}
.user-profile__address-list {
    display: grid;
    grid-gap: 44px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 1022px) {
    .user-profile__address-list {
        grid-template-columns: 1fr;
        grid-gap: 28px;
    }
}
.user-profile__address-number {
    position: absolute;
    left: 0;
    top: 0;
}
.user-profile__address-buttons {
    margin: 14px 0 10px;
    display: flex;
    gap: 24px;
}
.user-profile__address-footer {
    margin-top: 40px;
}
.user-profile .form-component {
    padding: 40px 0 0;
}
@media only screen and (max-width: 1022px) {
    .user-profile .form-component {
        padding-top: 20px;
    }
}
.user-profile .form-component__header {
    margin-top: -20px;
}
@media only screen and (max-width: 1022px) {
    .user-profile .form-component__header {
        margin-top: 0;
    }
}
.user-profile .form-component__row {
    grid-gap: 20px;
}
@media only screen and (max-width: 1022px) {
    .user-profile .form-component__row.col-6 {
        grid-template-columns: 1fr;
    }
}
.user-profile .form-component__form {
    max-width: 600px;
    margin: 0;
}
.user-profile .form-component__inner {
    grid-gap: 20px;
}
.user-profile .form-component .icon-lock {
    display: none;
}
.user-profile .form-component__submit .btn {
    min-width: 140px;
}
.user-profile .wishlist-module .container {
    max-width: 100%;
    padding: 0;
}
.user-profile .wishlist-module__inner {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 44px 20px;
    margin-bottom: 44px;
}
@media (max-width: 1968px) {
    .user-profile .wishlist-module__inner {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 1200px) {
    .user-profile .wishlist-module__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 1022px) {
    .user-profile .wishlist-module__inner {
        margin-bottom: 32px;
    }
}
@media (max-width: 520px) {
    .user-profile .wishlist-module__inner {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 1023px) {
    .user-profile .wishlist-module__clear-btn {
        position: absolute;
        top: -70px;
        right: 0;
    }
}
.user-profile .wishlist-module__empty {
    padding: 30px 0;
    gap: 16px;
    max-width: 440px;
}
.user-profile .wishlist-button {
    width: 28px;
    height: 28px;
    margin-top: 0;
}
.user-profile .wishlist-button .icon {
    width: 14px;
    height: 14px;
}
.user-profile .product-card {
    max-width: 100%;
}
@media only screen and (min-width: 1201px) and (max-width: 1439px) {
    .user-profile .product-card__image {
        height: 258px;
    }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .user-profile .product-card__image {
        height: 258px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
    .user-profile .product-card__image {
        height: 200px;
    }
}
.user-profile .link-with-arrow .icon {
    width: 16px;
    height: 16px;
    margin-left: 4px;
}
.user-profile .checkbox {
    font-weight: 400;
}
.user-profile .checkbox a {
    font-weight: 500;
}
.user-profile .has-checkbox + .has-checkbox {
    margin-top: -14px;
}
.user-profile--wishlist .user-profile__row {
    max-width: 100%;
}
.wishlist-module .product-card:hover .product-image-group--5-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.wishlist-module .product-card:hover .product-image-group--5-items .product-image-group__item--1 {
    transform: rotate(5deg) translate(9%, -15%);
}
.wishlist-module .product-card:hover .product-image-group--5-items .product-image-group__item--2 {
    transform: rotate(-5deg) translate(12%, 18%);
}
.wishlist-module .product-card:hover .product-image-group--5-items .product-image-group__item--3 {
    transform: rotate(15deg) translate(-11%, 25%);
}
.wishlist-module .product-card:hover .product-image-group--5-items .product-image-group__item--4 {
    transform: rotate(-5deg) translate(-18%, -16%);
}
.wishlist-module .product-card:hover .product-image-group--5-items .product-image-group__item--5 {
    transform: rotate(-2deg) translate(38%, 46%);
}

.wishlist-module .product-card:hover .product-image-group--6-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.wishlist-module .product-card:hover .product-image-group--6-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(22%, -12%);
}
.wishlist-module .product-card:hover .product-image-group--6-items .product-image-group__item--2 {
    transform: rotate(-15deg) translate(-16%, 112%);
}
.wishlist-module .product-card:hover .product-image-group--6-items .product-image-group__item--3 {
    transform: rotate(-5deg) translate(92%, 20%);
}
.wishlist-module .product-card:hover .product-image-group--6-items .product-image-group__item--4 {
    transform: rotate(15deg) translate(-10%, 34%);
}
.wishlist-module .product-card:hover .product-image-group--6-items .product-image-group__item--5 {
    transform: rotate(10deg) translate(-22%, -12%);
}
.wishlist-module .product-card:hover .product-image-group--6-items .product-image-group__item--6 {
    transform: rotate(-2deg) translate(40%, 45%);
}

.wishlist-module .product-card:hover .product-image-group--7-items .product-image-group__item {
    background-color: var(--color-gray-100);
}
.wishlist-module .product-card:hover .product-image-group--7-items .product-image-group__item--1 {
    transform: rotate(-10deg) translate(22%, -12%);
}
.wishlist-module .product-card:hover .product-image-group--7-items .product-image-group__item--2 {
    transform: rotate(-15deg) translate(-16%, 112%);
}
.wishlist-module .product-card:hover .product-image-group--7-items .product-image-group__item--3 {
    transform: rotate(-5deg) translate(92%, 20%);
}
.wishlist-module .product-card:hover .product-image-group--7-items .product-image-group__item--4 {
    transform: rotate(15deg) translate(-10%, 34%);
}
.wishlist-module .product-card:hover .product-image-group--7-items .product-image-group__item--5 {
    transform: rotate(-6deg) translate(-30%, 130%);
}
.wishlist-module .product-card:hover .product-image-group--7-items .product-image-group__item--6 {
    transform: rotate(10deg) translate(-22%, -12%);
}
.wishlist-module .product-card:hover .product-image-group--7-items .product-image-group__item--7 {
    transform: rotate(-2deg) translate(40%, 45%);
}

.wishlist-module__inner {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-gap: 44px 20px;
    margin-bottom: 90px;
}
@media (max-width: 1968px) {
    .wishlist-module__inner {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 1200px) {
    .wishlist-module__inner {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .wishlist-module__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 600px) {
    .wishlist-module__inner {
        grid-template-columns: 1fr;
        grid-gap: 44px;
        margin-bottom: 20px;
    }
}
.wishlist-module__clear-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 150ms var(--easing-slow);
    font-weight: 500;
}
.wishlist-module__clear-btn .icon {
    top: -1px;
    flex-shrink: 0;
}
.wishlist-module__clear-btn:hover {
    color: var(--color-gray-950);
}
.wishlist-module__empty {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    max-width: 512px;
    width: 100%;
    margin: 0 auto;
    display: none;
    padding: 40px 0;
}
.wishlist-module__empty-icon {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin: 0 auto 16px;
}
.wishlist-module--empty .wishlist-module__empty {
    display: flex;
}
.wishlist-module--empty .wishlist-module__main {
    display: none;
}
.wishlist-module .is-removed {
    display: none;
}
.wishlist-module .product-card {
    max-width: 100%;
}
.wishlist-module .product-card__image {
    height: 0;
    padding-bottom: 101.5%;
}
@media only screen and (max-width: 767px) {
    .wishlist-module .product-card__image {
        padding-bottom: 93.5%;
    }
}
@media only screen and (min-width: 768px) {
    .wishlist-module .product-card .product-image-group--2-items .product-image-group__item {
        width: 54.25%;
        height: 53.85%;
    }
}
@media only screen and (min-width: 768px) {
    .wishlist-module .product-card .product-image-group--3-items .product-image-group__item {
        width: 45.2%;
        height: 45%;
    }
}
@media only screen and (min-width: 768px) {
    .wishlist-module .product-card .product-image-group--4-items .product-image-group__item--1, .wishlist-module .product-card .product-image-group--4-items .product-image-group__item--2 {
        width: 45.2%;
        height: 45%;
    }
}
@media only screen and (min-width: 768px) {
    .wishlist-module .product-card .product-image-group--4-items .product-image-group__item--3 {
        width: 48.2%;
        height: 47.95%;
    }
}
@media only screen and (min-width: 768px) {
    .wishlist-module .product-card .product-image-group--4-items .product-image-group__item--4 {
        width: 45.2%;
        height: 45%;
    }
}
@media only screen and (min-width: 768px) {
    .wishlist-module .product-card .product-image-group--5-items .product-image-group__item {
        width: 33.15%;
        height: 32.9%;
    }
}
.wishlist-module .product-card .product-image-group--5-items .product-image-group__item--5 {
    transform: rotate(2deg) translate(41%, 44%);
}
@media only screen and (min-width: 768px) {
    .wishlist-module .product-card .product-image-group--5-items .product-image-group__item--5 {
        width: 54.25%;
        height: 53.85%;
    }
}
@media only screen and (min-width: 768px) {
    .wishlist-module .product-card .product-image-group--6-items .product-image-group__item {
        width: 27.15%;
        height: 27%;
    }
}
.wishlist-module .product-card .product-image-group--6-items .product-image-group__item--6 {
    transform: rotate(2deg) translate(43%, 42%);
}
@media only screen and (min-width: 768px) {
    .wishlist-module .product-card .product-image-group--6-items .product-image-group__item--6 {
        width: 54.25%;
        height: 53.85%;
    }
}
@media only screen and (min-width: 768px) {
    .wishlist-module .product-card .product-image-group--7-items .product-image-group__item {
        width: 27.15%;
        height: 27%;
    }
}
.wishlist-module .product-card .product-image-group--7-items .product-image-group__item--7 {
    transform: rotate(2deg) translate(43%, 42%);
}
@media only screen and (min-width: 768px) {
    .wishlist-module .product-card .product-image-group--7-items .product-image-group__item--7 {
        width: 54.25%;
        height: 53.85%;
    }
}
.wishlist-module .product-card:hover {
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
}
/*# sourceMappingURL=bundle.css.map */