:root {
    --color-black: #000000;
    --color-black-rgb: 0, 0, 0;
    --color-filter-black: brightness(0);

    --color-body-black: var(--color-black);
    --color-body-black-rgb: var(--color-black-rgb);

    --color-bg-gray: #f7f6f5;
    --color-bg-gray-rgb: 247, 246, 245;

    --color-gray-100: #e2e2e2;
    --color-gray-100-rgb: 226, 226, 226;

    --color-gray-500: #808080;
    --color-gray-500-rgb: 128, 128, 128;

    --color-gray-700: #545454;
    --color-gray-700-rgb: 84, 84, 84;

    --color-white: #ffffff;
    --color-white-rgb: 255, 255, 255;
    --color-filter-white: brightness(0) invert(1);

    --color-burgandy: #a51d3f;
    --color-burgandy-rgb: 165, 29, 63;
    --color-filter-burgandy: brightness(0) saturate(100%) invert(19%) sepia(51%)
        saturate(3144%) hue-rotate(324deg) brightness(90%) contrast(99%);

    --color-dark-burgandy: #56112b;
    --color-dark-burgandy-rgb: 86, 17, 43;
    --color-filter-dark-burgandy: brightness(0) saturate(100%) invert(8%)
        sepia(38%) saturate(5183%) hue-rotate(319deg) brightness(99%)
        contrast(95%);

    --color-off-white: #f7f5eb;
    --color-off-white-rgb: 247, 245, 235;

    --color-brown: #85593a;
    --color-brown-rgb: 133, 89, 58;

    --color-body: var(--color-body-black);
    --color-body-rgb: var(--color-body-black-rgb);
    --color-body-couple: var(--color-white);
    --color-body-couple-rgb: var(--color-white-rgb);
    --color-theme: var(--color-burgandy);
    --color-theme-rgb: var(--color-burgandy-rgb);
    --color-theme-couple: var(--color-white);
    --color-theme-couple-rgb: var(--color-white-rgb);

    --color-active: var(--color-dark-burgandy);
    --color-active-rgb: var(--color-dark-burgandy-rgb);

    --rgb: var(--color-body-rgb);
    --rgb-couple: var(--color-body-couple-rgb);

    --font-body: "Classico URW", "serif";
    --font-heading: "Cormorant Garamond", "serif";
    --font-weight-regular: normal;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --font-weight-body: var(--font-weight-regular);

    --font-size-h1: 4rem;
    --font-size-h2: 3.2rem;
    --font-size-h3: 1.8rem;
    --font-size-h4: 1.6rem;
    --font-size-body: 1.4rem;
    --font-size-description: 1.2rem;
    --font-size-button: 1.2rem;
    --font-size-overline: 1.4rem;

    --line-height-h1: 1;
    --line-height-h2: 1.125;
    --line-height-h3: 1.222;
    --line-height-h4: 1.2;
    --line-height-body: 1.4285;
    --line-height-description: 1.3333;
    --line-height-button: 1;
    --line-height-overline: 1.2;

    --icon-size-4xs: 1rem;
    --icon-size-3xs: 1.2rem;
    --icon-size-2xs: 1.4rem;
    --icon-size-xs: 1.6rem;
    --icon-size-sm: 2rem;
    --icon-size-md: 2.6rem;
    --icon-size-lg: 3rem;
    --icon-size-xl: 3.2rem;
    --icon-size-2xl: 3.6rem;
    --icon-size-3xl: 4rem;

    --spacing-8xl: 16rem;
    --spacing-7xl: 14rem;
    --spacing-6xl: 12rem;
    --spacing-5xl: 10rem;
    --spacing-4xl: 8rem;
    --spacing-3xl: 7.2rem;
    --spacing-2xl: 6.4rem;
    --spacing-xl: 6rem;
    --spacing-4lg: 5.6rem;
    --spacing-3lg: 5rem;
    --spacing-2lg: 4.8rem;
    --spacing-lg: 4rem;
    --spacing-2md: 3.6rem;
    --spacing-md: 3rem;
    --spacing-2sm: 2.4rem;
    --spacing-sm: 2rem;
    --spacing-xs: 1.6rem;
    --spacing-2xs: 1.2rem;
    --spacing-3xs: 1rem;
    --spacing-4xs: 0.8rem;
    --spacing-5xs: 0.6rem;
    --spacing-6xs: 0.4rem;
    --spacing-7xs: 0.2rem;
    --max-width-sm: 45.8rem;
    --max-width-sm-2: 68.6rem;
    --max-width-sm-3: 73rem;
    --max-width-md: 92rem;
    --max-width-2md: 97.7rem;
    --max-width-lg: 120.8rem;
    --spacing-container: var(--spacing-2sm);
    --gap-section: var(--spacing-4xl);

    --hamburger-size: 2.7rem;
    --hamburger-line: 0.1rem;
    --hamburger-gap: 0.8rem;
    --hamburger-background: var(--color-white);
    --logo-height: 3.6rem;
    --header-height: 5.6rem;
    --footer-height: 0rem;
    --navi-height: 0;

    --border-width: 1px;
    --border-style: solid;
    --border-color: var(--color-theme);
    --border: var(--border-width) var(--border-style) var(--border-color);
    --border-light: var(--border-width) var(--border-style)
        rgba(var(--color-white-rgb), 0.2);
    --box-shadow: 8px 8px 10px 0 rgba(var(--color-black-rgb), 0.25);
    --product-drop-shadow: var(--product-drop-shadow);

    --input-height: 4rem;
    --input-spacing-x: var(--spacing-3xs);
    --input-spacing-y: var(--spacing-2xs);
    --input-border: var(--border-width) var(--border-style)
        var(--color-lime-light);

    --button-height: 5.6rem;
    --button-spacing-x: var(--spacing-xs);
    --button-spacing-y: var(--spacing-3xs);

    --radius: 1rem;
    --radius-x2: 2rem;
    --opacity-overlay: 0.7;
    --opacity: 0.5;
    --opacity-light: 0.15;
    --duration: 0.3s;
    --duration-x2: 0.5s;
    --duration-x3: 1s;
    --duration-x4: 1.5s;
    --timing-function: ease-in-out;

    --bg-1-aspect: 1.1114897457;
}

/* SITE ==================== */
/* GENERAL */
.no-scroll {
    height: 100% !important;
    overflow: hidden !important;
}
.c-black {
    color: var(--color-black) !important;
    --rgb: var(--color-black-rgb);
    --rgb-couple: var(--color-white-rgb);
    --filter: var(--filter-black);
}
.c-white {
    color: var(--color-white) !important;
    --rgb: var(--color-white-rgb);
    --rgb-couple: var(--color-black-rgb);
    --filter: var(--filter-white);
}
.c-theme {
    color: var(--color-theme) !important;
    --rgb: var(--color-theme-rgb);
    --rgb-couple: var(--color-theme-couple-rgb);
}
.c-burgandy {
    color: var(--color-burgandy) !important;
    --rgb: var(--color-burgandy-rgb);
    --rgb-couple: var(--color-burgandy-couple-rgb);
}
.c-dark-burgandy {
    color: var(--color-dark-burgandy) !important;
    --rgb: var(--color-dark-burgandy-rgb);
    --rgb-couple: var(--color-dark-burgandy-rgb);
}
.c-gray-500 {
    color: var(--color-gray-500) !important;
    --rgb: var(--color-gray-500-rgb);
    --rgb-couple: var(--color-gray-500-rgb);
}
.c-gray-700 {
    color: var(--color-gray-700) !important;
    --rgb: var(--color-gray-700-rgb);
    --rgb-couple: var(--color-gray-700-rgb);
}

.bg-black {
    background-color: var(--color-black) !important;
}
.bg-white {
    background-color: var(--color-white) !important;
}
.bg-theme {
    background-color: var(--color-theme) !important;
}

.filter-black {
    -webkit-filter: var(--filter-black) !important;
    filter: var(--filter-black) !important;
}
.filter-white {
    -webkit-filter: var(--filter-white) !important;
    filter: var(--filter-white) !important;
}
.filter-theme {
    -webkit-filter: var(--filter-theme) !important;
    filter: var(--filter-theme) !important;
}

.a-left {
    text-align: left !important;
}
.a-right {
    text-align: right !important;
}
.a-center {
    text-align: center !important;
}

.inline-block {
    display: inline-block !important;
}
.capitalize {
    text-transform: capitalize !important;
}
.uppercase {
    text-transform: uppercase !important;
}
.nowrap {
    white-space: nowrap !important;
}
.hidden {
    display: none !important;
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.overflow-hidden {
    overflow: hidden !important;
}

.media-wrapper {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

*:is(
    .object,
    .object-fit,
    .object-auto,
    .object-contain,
    .object-fill-height,
    .object-fill-width
) {
    text-decoration: none !important;
    box-shadow: none !important;
    background-image: none !important;
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.object-auto {
    height: auto;
}

.object > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.object-fit > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.object-auto > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
}

.object-contain > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.object-fill-height > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 100%;
}

.object-fill-width > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.aspect-ratio-1 {
    aspect-ratio: 1 / 1;
}

.aspect-ratio-4-3 {
    aspect-ratio: 4 / 3;
}

.aspect-ratio-3-2 {
    aspect-ratio: 3 / 2;
}

.aspect-ratio-16-9 {
    aspect-ratio: 16 / 9;
}

.aspect-ratio-1-2 {
    aspect-ratio: 1 / 2;
}

.aspect-ratio-2-3 {
    aspect-ratio: 2 / 3;
}

.aspect-ratio-3-4 {
    aspect-ratio: 3 / 4;
}

.social {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-gap: var(--spacing-3xs) var(--spacing-2sm);
    line-height: 1;
}
.social a {
    display: block;
    text-decoration: none;
    background: none;
    box-shadow: none;
}
.social .ic {
    display: block;
    padding: 1px;
    margin: -1px;
    font-size: var(--icon-size-sm);
}

html.no-touchevents .social a:hover {
    opacity: 0.7;
}

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

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

.padding-x-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.padding-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

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

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-x-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.margin-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.margin-0 {
    margin: 0 !important;
}

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

::-webkit-scrollbar {
    width: 0;
    overflow: hidden;
}

::-moz-selection {
    background: var(--color-theme);
    color: var(--color-white);
}
::selection {
    background: var(--color-theme);
    color: var(--color-white);
}
.bg-theme ::-moz-selection {
    background: var(--color-white);
    color: var(--color-theme);
}
.bg-theme ::selection {
    background: var(--color-white);
    color: var(--color-theme);
}

article,
aside,
figcaption,
figure,
picture,
footer,
header,
hgroup,
main,
nav,
section,
dl,
dd {
    display: block;
    margin: 0;
}
html {
    font-family: sans-serif;
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@view-transition {
    navigation: auto;
}
body {
    margin: 0;
    position: relative;
    min-height: 100svh;
    overflow-x: hidden;
    background: var(--color-bg-gray);
    color: var(--color-body);
    /* -webkit-animation-name: pageAnimation;
    animation-name: pageAnimation;
    -webkit-animation-duration: var(--duration-x3);
    animation-duration: var(--duration-x3);
    -webkit-animation-timing-function: var(--timing-function);
    animation-timing-function: var(--timing-function);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: opacity; */
}
@-webkit-keyframes pageAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes pageAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
p {
    margin: 0;
}
small {
    font-size: 88.8888888889%;
}
address {
    font-style: normal;
}
ul,
ol {
    list-style: none;
}
ul,
ol,
li {
    margin: 0;
    padding: 0;
}
a {
    color: inherit;
}
a,
a:hover,
a:focus {
    outline: 0;
    text-decoration: none;
    box-shadow: none;
}
a[href^="tel"] {
    white-space: nowrap;
}
a[href^="mailto"] {
    word-break: break-word;
}
a,
button,
[role="button"] {
    cursor: pointer;
}
button,
input,
textarea,
select {
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    min-width: 0;
    font: inherit;
    line-height: normal;
    text-transform: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    text-indent: inherit;
    color: inherit;
}
fieldset {
    border: 0 !important;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
img {
    border: 0;
    outline: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
th,
td {
    padding: 0;
    font-weight: inherit;
}
hr {
    margin: 0;
    border: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--border-color);
}
iframe {
    border: 0;
}
[tabindex="-1"]:focus {
    outline: 0 !important;
}
script {
    margin: 0 !important;
}

html.resizing * {
    transition: none !important;
}

/* TEXT ==================== */
body {
    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
strong {
    font-weight: var(--font-weight-bold);
}

.font-body {
    font-family: var(--font-body) !important;
}
.font-heading {
    font-family: var(--font-heading) !important;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

.style-italic {
    font-style: italic !important;
}
.font-heading.style-italic {
    padding: 0.16em;
    margin: -0.16em;
}

.weight-light {
    font-weight: var(--font-weight-light) !important;
}
.weight-regular {
    font-weight: var(--font-weight-regular) !important;
}
.weight-medium {
    font-weight: var(--font-weight-medium) !important;
}
.weight-semibold {
    font-weight: var(--font-weight-semibold) !important;
}
.weight-bold {
    font-weight: var(--font-weight-bold) !important;
}
.weight-black {
    font-weight: var(--font-weight-black) !important;
}

.size-icon-4xs {
    font-size: var(--icon-size-4xs) !important;
}
.size-icon-3xs {
    font-size: var(--icon-size-3xs) !important;
}
.size-icon-2xs {
    font-size: var(--icon-size-2xs) !important;
}
.size-icon-xs {
    font-size: var(--icon-size-xs) !important;
}
.size-icon-sm {
    font-size: var(--icon-size-sm) !important;
}
.size-icon-md {
    font-size: var(--icon-size-md) !important;
}
.size-icon-lg {
    font-size: var(--icon-size-lg) !important;
}
.size-icon-xl {
    font-size: var(--icon-size-xl) !important;
}
.size-icon-2xl {
    font-size: var(--icon-size-2xl) !important;
}
.size-icon-3xl {
    font-size: var(--icon-size-3xl) !important;
}

.size-h1 {
    font-size: var(--font-size-h1) !important;
    line-height: var(--line-height-h1);
    font-weight: var(--font-weight-medium);
    font-family: var(--font-heading);
}
.size-h2 {
    font-size: var(--font-size-h2) !important;
    line-height: var(--line-height-h2);
    font-weight: var(--font-weight-medium);
    font-family: var(--font-heading);
}
.size-h3 {
    font-size: var(--font-size-h3) !important;
    line-height: var(--line-height-h3);
}
.size-h4 {
    font-size: var(--font-size-h4) !important;
    line-height: var(--line-height-h4);
}
.size-body {
    font-size: var(--font-size-body) !important;
    line-height: var(--line-height-body) !important;
}
.size-description {
    font-size: var(--font-size-description) !important;
    line-height: var(--line-height-description) !important;
}
.size-button {
    font-size: var(--font-size-button) !important;
    line-height: var(--line-height-button) !important;
}
.size-overline {
    font-size: var(--font-size-overline) !important;
    line-height: var(--line-height-overline) !important;
}
/* TRANSITION ====================*/
img,
a,
button,
[role="button"],
input,
textarea,
select,
.select2-selection__placeholder,
.select2-results__option,
.label.anim,
.button,
.ctrl,
.explore,
.container,
.object,
.object-fit,
.bg-img,
.tab-content,
.tabdata-content,
.ic:before,
*[class*="swiper-button-"] {
    transition: var(--duration) var(--timing-function);
}

/* CTAs ====================*/
html.no-touchevents a:hover {
    color: var(--color-active);
}

.link-overlay {
    font-size: 0;
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    pointer-events: auto;
}

.link-block {
    display: block;
    position: relative;
    z-index: 1;
}

/* Button */
*:is(.button, .wp-element-button, .wp-block-button__link) {
    --gap-y: 0;
    --gap-x: 0;
    --button-border: var(--border-width) var(--border-style)
        var(--color-burgandy);
    --button-hover-border: var(--border-width) var(--border-style)
        var(--color-dark-burgandy);
    --button-bg: var(--color-burgandy);
    --button-hover-bg: var(--color-dark-burgandy);
    --button-color: var(--color-white);
    --button-hover-color: var(--color-white);
    text-decoration: none !important;
    box-shadow: none !important;
    margin: 0;
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--gap-y) var(--gap-x);
    vertical-align: top;
    white-space: normal;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 25rem;
    max-width: 100%;
    height: var(--button-height);
    min-height: 0;
    max-height: none;
    padding: 0 !important;
    opacity: 1 !important;
    color: var(--button-color) !important;
    background: transparent !important;
    border: var(--button-border) !important;
    border-radius: 0 !important;
    overflow: hidden;
    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    text-align: center;
    transition: var(--duration) var(--timing-function);
}

*:is(.button, .wp-element-button, .wp-block-button__link) span {
    --offset: 0.3rem;
    width: calc(100% - var(--offset) * 2);
    height: calc(100% - var(--offset) * 2);
    background-color: var(--button-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    border: var(--button-border);
    transition: var(--duration) var(--timing-function);
}

/* Button White */
*:is(.button, .wp-element-button, .wp-block-button__link).white {
    --button-border: var(--border-width) var(--border-style) var(--color-white);
    --button-hover-border: var(--border-width) var(--border-style)
        var(--color-dark-burgandy);
    --button-bg: var(--color-white);
    --button-hover-bg: var(--color-dark-burgandy);
    --button-color: var(--color-burgandy);
    --button-hover-color: var(--color-white);
}

/* Button Black */
*:is(.button, .wp-element-button, .wp-block-button__link).black {
    --button-border: var(--border-width) var(--border-style) var(--color-black);
    --button-hover-border: var(--border-width) var(--border-style)
        var(--color-dark-burgandy);
    --button-bg: var(--color-black);
    --button-hover-bg: var(--color-dark-burgandy);
    --button-color: var(--color-white);
    --button-hover-color: var(--color-white);
}

/* Button Secondary */
*:is(.button, .wp-element-button, .wp-block-button__link).secondary {
    --button-border: 0.2rem var(--border-style) var(--color-burgandy);
    --button-hover-border: 0.2rem var(--border-style) var(--color-burgandy);
    --button-bg: var(--color-white);
    --button-hover-bg: var(--color-burgandy);
    --button-color: var(--color-burgandy);
    --button-hover-color: var(--color-white);
    --button-height: 4.2rem;
    min-width: 21.1rem;
}

html.no-touchevents
    *:is(.button, .wp-element-button, .wp-block-button__link).secondary:hover {
    background-color: var(--button-hover-bg) !important;
    border-color: var(--color-white) !important;
    color: var(--button-hover-color) !important;
}

/* Button Hover */
html.no-touchevents
    *:is(.button, .wp-element-button, .wp-block-button__link):hover {
    background-color: var(--button-hover-bg) !important;
    border: var(--button-hover-border) !important;
}

html.no-touchevents
    *:is(.button, .wp-element-button, .wp-block-button__link):hover
    span {
    background-color: var(--button-hover-bg) !important;
    border-color: var(--color-white) !important;
    color: var(--button-hover-color) !important;
}

/* Button Disabled */
*:is(.button, .wp-element-button, .wp-block-button__link).disabled,
*:is(.button, .wp-element-button, .wp-block-button__link):disabled {
    --button-border: var(--border-width) var(--border-style)
        var(--color-gray-500);
    --button-hover-border: var(--border-width) var(--border-style)
        var(--color-gray-500);
    --button-bg: var(--color-gray-500);
    --button-hover-bg: var(--color-gray-500);
    --button-color: var(--color-white);
    --button-hover-color: var(--color-white);
    cursor: not-allowed;
}

html.no-touchevents
    *:is(.button, .wp-element-button, .wp-block-button__link).disabled:hover,
html.no-touchevents
    *:is(.button, .wp-element-button, .wp-block-button__link):disabled:hover {
    background-color: transparent !important;
    border: var(--button-border) !important;
}

html.no-touchevents
    *:is(.button, .wp-element-button, .wp-block-button__link).disabled:hover
    span,
html.no-touchevents
    *:is(.button, .wp-element-button, .wp-block-button__link):disabled:hover
    span {
    background-color: var(--button-bg) !important;
    border-color: var(--color-gray-500) !important;
}

.underline-hover {
    --hover-rgb: var(--color-black-rgb);
    --rgb: var(--color-black-rgb);
    display: inline-block;
    position: relative;
}

.underline-hover::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0.1rem;
    background-color: rgba(var(--rgb), 1);
    transition: var(--duration) var(--timing-function);
}

html.no-touchevents .underline-hover:hover {
    color: rgba(var(--hover-rgb), 1);
}
html.no-touchevents .underline-hover:hover::before {
    width: 100%;
}

/* GENERAL ====================*/
.ic,
.ic-name {
    display: inline-block;
}
.ic > img {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 1em;
}
*[class*="ic-"] + *[class*="ic-"] {
    margin-left: var(--spacing-2xs);
}
.ic-youtube:before,
.ic-envelope:before {
    transform: scale(1.25);
    display: block;
    margin: 0 0.2em;
}
.brand {
    text-decoration: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
}
.brand .logo {
    display: inline-block;
    vertical-align: top;
    height: var(--logo-height);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.lang ul {
    display: inline-flex;
    vertical-align: top;
    align-items: baseline;
}
.lang ul > li:not(:last-child, :empty):after {
    content: "|";
    margin: 0 0.5em;
}
.lang ul > li > a.active {
    color: var(--color-active);
}

html.no-touchevents .lang ul > li > a:not(.active):hover {
    opacity: var(--opacity);
}

/*CONTENT====================*/
.entry-content {
    --gap-content-xs: var(--spacing-xs);
    --gap-row: var(--spacing-3xl);
    --gap-column: var(--spacing-sm);
    --gap-content: var(--spacing-sm);
    --wp--preset--font-size--normal: var(--font-size-body);
    --wp--preset--font-size--small: var(--font-size-description);
    --wp--preset--font-size--medium: var(--font-size-h4);
    --wp--preset--font-size--large: var(--font-size-h4);
    --wp--preset--font-size--x-large: var(--font-size-h3);
    --wp--preset--font-size--xx-large: var(--font-size-h2);
    --wp--preset--font-size--huge: var(--font-size-h1);
    width: 100%;
}
.entry-content :is(h1, h2) {
    margin: 0;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-medium);
    font-size: inherit;
    line-height: inherit;
    letter-spacing: normal;
    color: var(--color-black);
}

.entry-content .has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
    line-height: var(--line-height-tagline);
}
.entry-content :is(h6, .has-normal-font-size, .has-regular-font-size) {
    font-size: var(--wp--preset--font-size--normal) !important;
    line-height: var(--line-height-body);
}
.entry-content :is(h5, .has-medium-font-size) {
    font-size: var(--wp--preset--font-size--medium) !important;
    line-height: var(--line-height-h4);
}
.entry-content :is(h4, .has-large-font-size, .has-larger-font-size) {
    font-size: var(--wp--preset--font-size--large) !important;
    line-height: var(--line-height-h4);
}
.entry-content :is(h3, .has-x-large-font-size) {
    font-size: var(--wp--preset--font-size--x-large) !important;
    line-height: var(--line-height-h3);
}
.entry-content :is(h2, .has-xx-large-font-size) {
    font-size: var(--wp--preset--font-size--xx-large) !important;
    line-height: var(--line-height-h2);
}
.entry-content :is(h1, .has-huge-font-size) {
    font-size: var(--wp--preset--font-size--huge) !important;
    line-height: var(--line-height-h1);
}
.entry-content p {
    margin: 0;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: normal;
    color: inherit;
}
.entry-content a {
    color: var(--color-theme);
    text-decoration: underline;
    display: inline-block;
}
.entry-content ul {
    margin: 0;
    padding: 0;
    list-style-type: disc;
    padding-left: 1.05em;
}
.entry-content ul li::marker {
    font-size: 0.6em;
}
.entry-content ol {
    margin: 0;
    padding: 0;
    list-style-type: decimal;
    list-style-position: inside;
}

.entry-content .is-layout-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: unset;
    grid-gap: var(--gap-row);
}

.entry-content :is(.wp-block-image, .wp-block-video) :is(img, video) {
    margin: 0;
    height: auto;
    max-height: none;
    max-width: 100%;
    vertical-align: top;
    overflow: hidden;
}
.entry-content
    :is(.wp-block-image, .wp-block-video).size-medium
    :is(img, video) {
    max-width: min(40rem, calc(100% - 2 * var(--spacing-container)));
    max-height: min(47.3rem, calc(100vh - var(--header-height)));
}

.entry-content .wp-block-embed .wp-block-embed__wrapper {
    position: relative;
}
.entry-content .wp-block-embed .wp-block-embed__wrapper:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
}
.entry-content .wp-block-embed .wp-block-embed__wrapper > * {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.entry-content [class*="wp-block"] figcaption {
    font-style: normal;
    font-size: var(--font-size-body-sm);
    line-height: var(--line-height-body);
    color: var(--color-black);
}

.entry-content > *,
.entry-content :is([class*="wp-block-"], figcaption) {
    margin: 0;
}
.entry-content > *:not(:first-child),
*:is(.wp-block-group, .wp-block-column, .wp-block-quote) > *:not(:first-child) {
    margin-top: var(--gap-content);
}

.entry-content > p + ul:not(:first-child) {
    margin-top: 0;
}

[class*="wp-block-"]:not(.wp-block-heading, .wp-block-list, .wp-block-column)
    + *:not(:first-child),
*
    + [class*="wp-block-"]:not(
        .wp-block-heading,
        .wp-block-list,
        .wp-block-column
    ):not(:first-child) {
    margin-top: var(--gap-row);
}
/* .entry-content li:not(:first-child), */
.entry-content br + *:not(:first-child),
.entry-content [class*="wp-block-"] br + *:not(:first-child),
.entry-content [class*="wp-block-"] figcaption:not(:first-child) {
    margin-top: var(--gap-content-xs);
}

.entry-content .wp-block-columns {
    grid-gap: var(--gap-row) var(--gap-column);
}
.entry-content .wp-block-columns > * {
    margin: 0;
}

.entry-content [class*="wp-block"].aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.entry-content [class*="wp-block-"] figcaption.wp-element-caption {
    max-width: var(--max-width-md);
    margin-left: auto;
    margin-right: auto;
    font-size: var(--font-size-description);
    line-height: var(--line-height-description);
    font-weight: var(--font-weight-regular);
    color: var(--color-gray-500);
    text-align: center;
}

.entry-content .wp-block-columns {
    justify-content: space-between;
}

/* HAMBURGER ====================*/
.hamburger {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    line-height: 1;
}
.hamburger .bars {
    display: block;
    width: var(--hamburger-size);
    height: var(--hamburger-size);
    position: relative;
    transform: rotate(0deg);
    transition: var(--duration) var(--timing-function);
    cursor: pointer;
}
.hamburger .bars > .bar {
    display: block;
    position: absolute;
    width: 100%;
    height: var(--hamburger-line);
    background: rgba(var(--rgb), 1);
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: var(--duration) var(--timing-function);
}
.hamburger .bars > .bar:nth-child(1) {
    top: calc((var(--hamburger-size) / 3) - (var(--hamburger-line) / 2));
}
.hamburger .bars > .bar:nth-child(2) {
    top: calc((var(--hamburger-size) * 2 / 3) - (var(--hamburger-line) / 2));
}
.hamburger .bars > .bar:nth-child(4) {
    top: calc((var(--hamburger-size) / 4) * 3 - (var(--hamburger-line) / 2));
}
.active > .hamburger .bars > .bar:nth-child(1) {
    top: calc((var(--hamburger-size) / 2) - (var(--hamburger-line) / 2));
    transform: rotate(45deg);
}
.active > .hamburger .bars > .bar:nth-child(2) {
    top: calc((var(--hamburger-size) / 2) - (var(--hamburger-line) / 2));
    transform: rotate(-45deg);
}

/* FORM  ====================*/
*:is(input, textarea, select) {
    background: none;
    border-radius: 0;
    border: 0;
    border-bottom: 0.1rem solid var(--color-gray-100);
    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body);
    line-height: normal;
    text-transform: inherit;
    text-align: left;
    letter-spacing: inherit;
    text-indent: inherit;
    color: var(--color-body-black);
    display: block;
    width: 100%;
    height: var(--input-height);
    padding: var(--input-spacing-y) var(--input-spacing-x);
    padding-bottom: 0;
}

textarea {
    --height: calc(var(--input-height) * 2);
    resize: none;
    display: block;
    overflow: auto;
    width: 100% !important;
    min-width: 100%;
    max-width: 100%;
    min-height: var(--height);
}

.checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: var(--spacing-4xs);
}

.checkbox label {
    font-size: var(--font-size-description);
    line-height: var(--line-height-description);
}

.checkbox input[type="checkbox"] {
    --input-height: 20px;
    box-shadow: unset;
    border: none;
    background: var(--color-white);
    padding: inherit;
    margin: unset;
    min-width: unset;
    font: inherit;
    line-height: normal;
    text-align: center;
    width: unset;
    font: inherit;
    color: currentColor;
    width: 1em;
    height: 1em;
    border: 0.05em solid var(--color-gray-500);
    border-radius: 0.15em;
    display: grid;
    place-content: center;
}

input[type="checkbox"]::before {
    content: "";
    width: 0.85em;
    height: 0.85em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    transform-origin: center;
    box-shadow: inset 1em 1em var(--color-burgandy);
    -webkit-clip-path: polygon(16% 48%, 10% 60%, 48% 90%, 92% 20%, 80% 10%, 45% 70%);
            clip-path: polygon(16% 48%, 10% 60%, 48% 90%, 92% 20%, 80% 10%, 45% 70%);
}

input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.input-file {
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-3xs);
    z-index: 0;
}

.input-file .file-label .subttl {
    font-size: var(--font-size-description);
    line-height: var(--line-height-description);
    font-weight: var(--font-weight-regular);
}

.input-file .file-upload-wrapper {
    display: flex;
    grid-gap: var(--spacing-sm);
    align-items: center;
    margin-top: var(--spacing-xs);
}

.input-file .file-upload-action {
    flex-shrink: 0;
}

.input-file .file-upload-button {
    padding: var(--spacing-2xs) var(--spacing-xs);
    font-weight: var(--font-weight-regular);
    border: 0.2rem solid var(--color-burgandy);
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
}

html.no-touchevents .input-file .file-upload-button:hover {
    background-color: var(--color-burgandy);
    border-color: var(--color-burgandy);
    color: var(--color-white);
}

.input-file .file-upload-placeholder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    color: var(--color-gray-500);
    font-size: var(--font-size-description);
    line-height: var(--line-height-description);
}

.input-file .file-upload-placeholder .header {
    display: flex;
    grid-gap: var(--spacing-5xs);
    font-size: var(--font-size-description);
    line-height: var(--line-height-description);
    align-items: center;
}

.input-file .file-upload-placeholder .file-size {
    flex-shrink: 0;
}

.input-file .file-upload-placeholder .header .cancel-upload {
    margin-left: auto;
    width: var(--spacing-sm);
    aspect-ratio: 1;
    font-size: var(--font-size-description);
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-gray-700);
}

.input-file .file-upload-placeholder .file-progress {
    width: 100%;
    border-radius: 0;
    height: 0.2rem;
    margin-top: var(--spacing-5xs);
    background-color: var(--color-gray-100);
}

.input-file .file-upload-placeholder .file-progress {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border: none;
    mask-image: radial-gradient(white, white);
    -webkit-mask-image: radial-gradient(white, white);
}

.input-file .file-upload-placeholder .file-progress::-webkit-progress-bar {
    background-color: var(--color-gray-100) !important;
}

.input-file .file-upload-placeholder .file-progress::-webkit-progress-value {
    background-color: var(--color-burgandy);
}

.input-file
    .custom-file-upload.filled
    .file-upload-placeholder
    .file-description {
    display: none;
}

/* SELECT */
.select {
    position: relative;
}
.select select {
    line-height: normal;
    padding-right: var(--input-height);
    text-overflow: "";
    cursor: pointer;
}
.select:after {
    font-family: "iconfont";
    content: "\e90c";
    font-size: var(--icon-size-xs);
    font-weight: normal;
    line-height: 1;
    color: inherit;
    vertical-align: top;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-right: var(--input-spacing-x);
    width: var(--input-height);
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}
.select2-parent:after {
    display: none !important;
}
.select2-rendered__match {
    text-decoration: underline;
}
.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 98;
    background-color: #fff;
    filter: alpha(opacity=0);
}
.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}
.select2-container {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
}
.select2-dropdown {
    --color-active: var(--color-black);
    box-sizing: border-box;
    display: block;
    width: 100%;
    position: absolute;
    z-index: 1051;
    left: -100000px;
    font-weight: var(--font-weight-body);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body) !important;
    color: var(--color-middark) !important;
    background: var(--color-white) !important;
    border: var(--input-border) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    transition: none;
}
.select2-container--open .select2-dropdown {
    left: 0;
}
.select2-container--open .select2-dropdown--below {
    margin: -1px 0 0;
}
.select2-container--open .select2-dropdown--above {
    /*top*/
    margin: 0;
}
.select2-results {
    display: block;
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    text-align: left;
}
.select2-results__option {
    color: var(--color-burgandy);
    text-align: center;
    padding: var(--spacing-2xs);
}
.select2-results__option[aria-selected] {
    cursor: pointer;
}
.select2-results__option:not([id]) {
    margin: 0;
}
.select2-search--dropdown {
    display: block;
    padding: var(--spacing-sm);
}
.select2-search--dropdown .select2-search__field {
    padding: 7px 15px 8px;
    width: 100%;
    box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
    display: none;
}
.select2-container--default .select2-selection--single {
    outline: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: var(--input-height);
    color: inherit;
    background: none;
    border: 0;
    border-bottom: var(--input-border);
    border-radius: 0;
    transition: none;
    overflow: hidden;
    cursor: pointer;
    font-weight: var(--font-weight-regular);
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    display: block;
    padding: var(--input-spacing-y) var(--input-spacing-x);
    padding-right: var(--input-height);
    height: 100%;
    line-height: calc(var(--input-height) - var(--input-spacing-y) * 2);
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
    border-bottom: 0.1rem solid var(--color-gray-100);
    padding-bottom: 0;
    background-color: transparent;
}

form
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: transparent;
}
.filled
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: normal;
    color: inherit;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__rendered[title] {
    background-color: transparent;
    color: var(--color-burgandy);
}
.select2-container--default
    .select2-selection--single
    .select2-selection__clear {
    position: relative;
    cursor: pointer;
    float: right;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__placeholder {
    color: var(--color-theme);
    opacity: 1;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow,
.select2-container--default
    .select2-selection--single
    .select2-selection__clear {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    display: block;
    width: calc(var(--input-height) / 2);
    height: 100%;
    font-size: 0;
    text-align: center;
    color: inherit;
    cursor: pointer;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border: 0;
    margin: 0;
    position: static;
    top: auto;
    left: auto;
    display: block;
    width: 100%;
    height: 100%;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b:before,
.select2-container--default
    .select2-selection--single
    .select2-selection__clear:before {
    font-family: "iconfont";
    font-size: var(--icon-size-3xs);
    font-weight: normal;
    line-height: 1;
    vertical-align: top;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-right: var(--input-spacing-x);
    text-align: center;
    width: 100%;
    height: 100%;
    color: var(--color-burgandy);
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b:before {
    content: "\e90c";
}
.select2-container--default
    .select2-selection--single
    .select2-selection__clear:before {
    content: "\e900";
}
.select2-container--default.select2-container--disabled
    .select2-selection--single {
    background-color: #eee;
    cursor: default;
}
.select2-container--default.select2-container--disabled
    .select2-selection--single
    .select2-selection__clear {
    display: none;
}
.select2-container--default.select2-container--disabled
    .select2-selection__choice__remove {
    display: none;
}
.select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    border: 0;
}
/* .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
} */
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--border-color);
}
.select2-container--default .select2-search--inline {
    float: left;
}
.select2-container--default .select2-search--inline .select2-search__field {
    -webkit-appearance: textfield;
    box-sizing: border-box;
    box-shadow: none;
    background: none;
    border: none;
    padding: 0;
    outline: 0;
    font-size: 100%;
    margin-top: 5px;
}
.select2-container--default
    .select2-search--inline
    .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 30vh;
    overflow-y: auto;
}
.select2-container--default .select2-results__option span {
    display: inline;
    font-weight: inherit;
    transition: var(--duration) var(--timing-function);
}
.select2-container--default .select2-results__option[role="group"] {
    padding: 0;
}
.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background: var(--color-burgandy);
    color: var(--color-white);
}
.select2-container--default
    .select2-results__option--highlighted[aria-selected]
    span {
    color: inherit;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    font-weight: inherit;
    text-decoration: none;
    background: var(--color-burgandy);
    color: var(--color-white);
}
.select2-container--default
    .select2-results__option[aria-selected="true"]
    span {
    box-shadow: var(--cta-shadow);
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
    background: none !important;
    color: inherit !important;
    opacity: var(--opacity-light) !important;
    pointer-events: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    display: none;
}
.select2-container--default .select2-results__group {
    display: block;
    padding: 0;
    cursor: default;
}

/* CHECKBOX & RADIO */
.choice {
    position: relative;
    display: flex;
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: normal;
    text-transform: none;
}
.choice > span {
    position: relative;
    display: inline-block;
    -webkit-touch-callout: none;
}
.choice > input {
    position: absolute;
    z-index: -1000;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    background: none;
}
.choice input + span {
    display: inline-block;
    vertical-align: baseline;
    text-align: left;
    padding-left: calc(1em + var(--spacing-5xs));
    line-height: inherit;
    min-width: 1em;
    min-height: 1em;
    height: auto;
    cursor: pointer;
}
.choice input + span:before,
.choice input + span:after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    border-radius: 2px;
    color: rgba(var(--rgb), 1);
    line-height: 1;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0.25em;
}
.choice input + span:before {
    background: none;
    border: 1px solid;
}
.choice input + span:after {
    background: currentColor;
    opacity: 0;
    transform: scale(0.5);
    transition: opacity var(--duration) var(--timing-function);
}
.choice input:checked + span:after {
    opacity: 1;
}
.choice input[type="checkbox"] + span:after {
    font-family: "iconfont";
    content: "\e923";
    background: none;
    width: 1em;
    height: 1em;
    transform: scale(0.65);
}
.choice input[type="radio"] + span:before,
.choice input[type="radio"] + span:after {
    border-radius: 50%;
}
.choice-container {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: var(--spacing-xs);
}
.label:not(.anim) + *[class*="choice"] {
    margin-top: var(--spacing-sm);
}

.fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-gap: var(--spacing-xs) 0;
}
.field {
    position: relative;
    width: 100%;
}
.field.focusin {
    z-index: 2;
}

.field.file {
    padding: var(--spacing-xs);
    background-color: var(--color-off-white);
}

.label {
    padding: 0;
    border: 0;
    border-radius: 0;
    position: relative;
    display: block;
    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
    font-size: inherit;
    text-transform: none;
    color: var(--color-gray-500);
    opacity: 1;
}
.c-white .label {
    color: inherit;
}
.label:not(.anim):not(:last-child) {
    margin-bottom: var(--spacing-2xs);
}
.label a {
    box-shadow: var(--cta-shadow);
}
.label.anim {
    height: auto;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    left: 0;
    top: calc(var(--input-height) / 2);
    transform: translateY(-50%);
    padding: 0 var(--input-spacing-x);
    pointer-events: none;
}
.label.anim:not(.fixed) {
    transition-property: opacity, visibility;
}
.input.filled .label.anim:not(.fixed) {
    opacity: 0;
    visibility: hidden;
}
.input:has(*:-internal-autofill-selected) .label.anim:not(.fixed) {
    opacity: 0;
    visibility: hidden;
}

.input.filled .label.anim.fixed {
    top: 0;
    padding: 0;
    transform: translateY(0);
    font-size: calc(var(--font-size-body) * 0.7);
}
.input:has(*:-internal-autofill-selected) .label.anim.fixed {
    top: 0;
    padding: 0;
    transform: translateY(0);
    font-size: calc(var(--font-size-body) * 0.7);
}

.input {
    position: relative;
    text-align: left;
}

.input .entry-title {
    font-weight: var(--font-weight-body);
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
}
.input .entry-title:not(:last-child) {
    margin-bottom: var(--spacing-2sm);
}

.input.with-cta .cta {
    margin: 0;
    position: absolute;
    z-index: 3;
    right: 0;
    top: calc(var(--input-height) / 2);
    transform: translateY(-50%);
}
.input input:-internal-autofill-selected,
.input textarea:-internal-autofill-selected,
.input select:-internal-autofill-selected {
    color: inherit;
}
.input input:disabled,
.input textarea:disabled,
.input select:disabled,
.select2-container--default.select2-container--disabled
    .select2-selection--single {
    cursor: default;
    opacity: 0.1;
}
.input input[type="checkbox"]:disabled,
.input input[type="radio"]:disabled {
    background-color: transparent;
}
.input :-ms-input-placeholder {
    font-size: var(--font-size-body) !important;
    font-weight: var(--font-weight-regular) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: rgba(var(--color-body-black-rgb), 0.5) !important;
    opacity: 1 !important;
}
.input ::-webkit-input-placeholder {
    font-size: var(--font-size-body) !important;
    font-weight: var(--font-weight-regular) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: rgba(var(--color-body-black-rgb), 0.5) !important;
    opacity: 1 !important;
}
.input ::-moz-placeholder {
    font-size: var(--font-size-body) !important;
    font-weight: var(--font-weight-regular) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: rgba(var(--color-body-black-rgb), 0.5) !important;
    opacity: 1 !important;
}
.input ::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
.input ::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 0;
}
input::-webkit-contacts-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-transition: 5000s ease 0s;
    transition: 5000s ease 0s;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* FORM:UPLOAD FILE ====================*/

/* PLUGIN:POPUP ====================*/

/* PLUGIN:SLIDER ====================*/
.swiper {
    width: 100%;
}
.swiper-wrapper {
    will-change: transform;
}
.swiper-slide {
    width: 100% !important;
}

*[class*="swiper-button-"] {
    z-index: 10;
    outline: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    color: inherit;
    background: none;
    border-radius: 0;
    overflow: visible;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--color-theme-couple);
}
.swiper-button-next {
    right: 0;
}
.swiper-button-prev {
    left: 0;
}
*[class*="swiper-button-"]:after {
    position: relative;
    font-family: "iconfont";
    font-weight: normal;
    font-size: var(--icon-size-sm);
    color: var(--color-theme);
    opacity: 1;
    transition: var(--duration) var(--timing-function);
}

html.no-touchevents *[class*="swiper-button-"]:hover {
    background-color: var(--color-theme);
}

html.no-touchevents *[class*="swiper-button-"]:hover:after {
    color: var(--color-theme-couple);
}
.swiper-button-prev:after {
    content: "\e905";
    transform: translateX(-12%);
}
.swiper-button-next:after {
    content: "\e906";
    transform: translateX(12%);
}
.swiper-button-disabled {
    opacity: var(--opacity-light) !important;
    pointer-events: auto !important;
}
.swiper-button-lock {
    display: none !important;
}

.swiper-pagination {
    --rgb: var(--color-white-rgb);
    line-height: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: var(--spacing-5xs);
    pointer-events: none;
    position: static;
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-md);
    margin-left: auto;
    margin-right: auto;
}
.swiper-horizontal > .swiper-pagination-bullets {
    bottom: var(--gap-section);
    left: unset;
    right: var(--header-nav-right);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.swiper-pagination.a-center {
    justify-content: center;
}
.swiper-pagination-bullet {
    outline: none !important;
    margin: 0 !important;
    opacity: 1 !important;
    font-size: 0;
    display: block;
    overflow: hidden;
    position: relative;
    transition: var(--duration) var(--timing-function);
    pointer-events: auto;
    border: none;
    border-radius: 0;
    width: 3.6rem;
    height: 0.2rem;
    background: rgba(var(--rgb), 0.3);
}

.autoplay .swiper-pagination .swiper-pagination-bullet::before {
    transform: scaleX(0);
    transition: unset;
}
.autoplay
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    -webkit-animation: progressBar var(--autoplay-duration) linear forwards;
            animation: progressBar var(--autoplay-duration) linear forwards;
}

.swiper-pagination .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(var(--rgb), 1);
    transform-origin: left;
    transform: scaleX(0);
    transition: transform var(--duration) var(--timing-function);
}

.swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    transform: scaleX(1);
}

.static-pagination .swiper-pagination {
    position: static;
    margin: var(--spacing-2sm) 0;
}
.static-pagination .swiper-pagination-bullet {
    border: var(--border);
}
.static-pagination .swiper-pagination-bullet-active {
    background: rgba(var(--color-theme-rgb), 1);
}
.swiper-pagination[data-style="bar"] {
    grid-gap: 0;
}
.swiper-pagination[data-style="bar"] .swiper-pagination-bullet {
    border-radius: 0;
    height: 2px;
    width: 70px;
    max-width: 12.3076923077vw;
    margin: 0 !important;
}
.swiper-pagination[data-style="bar"] .swiper-pagination-bullet:first-child {
    margin-left: 0 !important;
}
.swiper-pagination[data-style="bar"] .swiper-pagination-bullet:last-child {
    margin-right: 0 !important;
}
.swiper-horizontal > .swiper-pagination[data-style="bar"] {
    bottom: var(--spacing-2md);
}

.swiper-fade .swiper-slide {
    opacity: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
}
.swiper-fade .swiper-slide-active {
    opacity: 1 !important;
    z-index: 1 !important;
    pointer-events: auto !important;
}

.swiper.default.fade .swiper-slide,
.swiper.auto.fade .swiper-slide {
    width: 100% !important;
    height: auto !important;
}
.swiper.default.fade .swiper-slide > *,
.swiper.auto.fade .swiper-slide > * {
    height: 100%;
}

.swiper.fix *[class*="swiper-button-"] {
    top: 0;
    transform: none;
}

.swiper-button-prev.spacing-x {
    left: var(--spacing-container);
}
.swiper-button-next.spacing-x {
    right: var(--spacing-container);
}

/*PLUGIN:MARQUEE====================*/
*[data-js="liMarquee"] .mWrap .mMove,
*[data-js="liMarquee"] .mWrap .mItem {
    width: auto !important;
}
*[data-js="liMarquee"] .mWrap .mItem {
    float: left !important;
}
*[data-js="liMarquee"] .cloneContent {
    padding: 0 !important;
}

/* FUNCTION:TAB ====================*/
.tab,
.tabdata {
    position: relative;
}
.tab-content,
.tabdata-content {
    margin: 0 !important;
    position: relative;
    height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition-property: opacity;
    transition-duration: 1s;
}
.tab-content.active,
.tabdata-content.active {
    height: auto;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
}

/* FUNCTION:ACCORDION ====================*/
.accordion {
    --border-color: var(--color-gray-100);
    padding-bottom: var(--spacing-2sm);
    border-bottom: var(--border-width) var(--border-style) var(--border-color);
}

.accordion > .entry-panel {
    display: none;
    padding-top: var(--spacing-2sm);
}
.accordion > .entry-panel *[block-width] {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.accordion > .entry-title {
    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
    color: inherit;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0;
    padding-top: var(--spacing-2sm);
    transition: var(--duration) var(--timing-function);
    cursor: pointer;
}
.accordion:first-child > .entry-title {
    padding-top: 0;
}
.accordion.active > .entry-title {
    color: var(--color-burgandy);
}
.accordion > .entry-title:after {
    font-family: "iconfont";
    content: "\e90c";
    font-size: var(--icon-size-2xs);
    font-weight: normal;
    line-height: 1;
    display: block;
    margin-left: auto;
    pointer-events: none;
    transition: var(--duration) var(--timing-function);
}
.accordion.active > .entry-title:after {
    transform: rotate(-180deg);
    color: var(--color-burgandy);
}

/* FUNCTION:VIDEO ==================== */

/* FUNCTION:CLIPBOARD ==================== */
#clipboard {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    max-width: 100%;
    margin: 0 auto;
    padding: var(--spacing-xs);
    font-family: var(--font-body);
    font-weight: var(--font-weight-body);
    font-size: var(--font-size-body-sub);
    line-height: normal;
    letter-spacing: normal;
    text-transform: uppercase;
    background-color: var(--color-theme);
    color: var(--color-white);
    border-radius: 50%;
    overflow: hidden;
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* FUNCTION:COPY TO CLIPBOARD ==================== */
@-webkit-keyframes copy-slide-up {
    0% {
        transform: translate(-50%, 0) scale(0.8);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -120%) scale(1);
        opacity: 1;
    }
}
@keyframes copy-slide-up {
    0% {
        transform: translate(-50%, 0) scale(0.8);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -120%) scale(1);
        opacity: 1;
    }
}

#copy_tooltip {
    display: block;
    position: absolute;
    background: var(--color-theme);
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    top: 0;
    width: 12rem;
    left: 50%;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    line-height: var(--line-height-tagline);
    font-size: var(--font-size-tagline);
    font-family: var(--font-heading);
}

#copy_tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid var(--color-theme);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

#copy_tooltip.active {
    -webkit-animation: copy-slide-up 0.15s cubic-bezier(0.51, 0.92, 0.265, 1.55)
        both;
    animation: copy-slide-up 0.15s cubic-bezier(0.51, 0.92, 0.265, 1.55) both;
}

#copy_tooltip.inactive {
    -webkit-animation: copy-slide-up 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)
        reverse both;
    animation: copy-slide-up 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse
        both;
}

/* PAGE ==================== */
#page {
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100svh;
}

/* FILTER ==================== */

/*MODULES==================== */

/* ANIMATE ==================== */
.animate {
    -webkit-animation-duration: var(--duration);
    animation-duration: var(--duration);
    -webkit-animation-timing-function: var(--timing-function);
    animation-timing-function: var(--timing-function);
    /* will-change: opacity, transform; */
}
.animated {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

@-webkit-keyframes matrixZoomOut {
    from {
        opacity: 0;
        transform: scale(1.05);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes matrixZoomOut {
    from {
        opacity: 0;
        transform: scale(1.05);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.matrixZoomOut {
    transform-origin: center center;
    -webkit-animation-name: matrixZoomOut;
    animation-name: matrixZoomOut;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
}

@keyframes matrixZoomIn {
    from {
        opacity: 0;
        transform: scale(1.05);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes matrixZoomIn {
    from {
        opacity: 0;
        transform: scale(1.05);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.matrixZoomIn {
    transform-origin: center center;
    -webkit-animation-name: matrixZoomIn;
    animation-name: matrixZoomIn;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
}

@-webkit-keyframes slideInFromLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInFromLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.slideInFromLeft {
    -webkit-animation-name: slideInFromLeft;
    animation-name: slideInFromLeft;
    -webkit-animation-duration: 1.2s;
            animation-duration: 1.2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
            animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

@-webkit-keyframes fadeInBlur {
    from {
        opacity: 0;
        -webkit-filter: blur(10px);
                filter: blur(10px);
    }
    to {
        opacity: 1;
        -webkit-filter: blur(0);
                filter: blur(0);
    }
}

@keyframes fadeInBlur {
    from {
        opacity: 0;
        -webkit-filter: blur(10px);
                filter: blur(10px);
    }
    to {
        opacity: 1;
        -webkit-filter: blur(0);
                filter: blur(0);
    }
}

.fadeInBlur {
    -webkit-animation-name: fadeInBlur;
    animation-name: fadeInBlur;
    -webkit-animation-duration: 1.2s;
            animation-duration: 1.2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
            animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    opacity: 0;
    will-change: opacity, filter;
}

@keyframes fadeEntryFromLeft {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeEntryFromLeft {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeEntryFromLeft {
    opacity: 0;
    transform: translateX(-100px);
    animation-name: fadeEntryFromLeft;
    -webkit-animation-name: fadeEntryFromLeft;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 1.2s;
            animation-duration: 1.2s;
    -webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
            animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes fadeEntryFromRight {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeEntryFromRight {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeEntryFromRight {
    opacity: 0;
    transform: translateX(100px);
    animation-name: fadeEntryFromRight;
    -webkit-animation-name: fadeEntryFromRight;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 1.2s;
            animation-duration: 1.2s;
    -webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
            animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

@-webkit-keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.7);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.7);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.fadeInScale {
    opacity: 0;
    transform: scale(0.7);
    animation-name: fadeInScale;
    -webkit-animation-name: fadeInScale;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 1.2s;
            animation-duration: 1.2s;
    -webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
            animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.lenis {
    height: auto;
}
.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
}
.lenis.lenis-stopped {
    overflow: hidden;
}
.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

/* BUNDLE ==================== */
img,
iframe,
.button,
#header,
#footer,
.mfp-close,
.select2-selection--single,
.select2-results__option,
.choice > span,
.accordion > .entry-title,
.sc-billboard {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html.touchevents a {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.hamburger,
.plaimanas,
.button,
.social a,
.object,
.object-fit,
.qty-btn,
.sc-link,
.mfp-close .modal-dismiss {
    text-decoration: none !important;
    box-shadow: none !important;
}

/* CHECK ==================== */
#page-message {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--spacing-md);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background: var(--color-white);
    color: var(--color-black);
    will-change: opacity;
    opacity: 0;
    pointer-events: none;
}
@media (max-width: 991px) and (orientation: landscape) {
    html.is-device #page-message {
        opacity: 1;
        pointer-events: auto;
        transition: opacity var(--duration) var(--timing-function);
    }
}

/* HEADER ==================== */
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: transform var(--duration-x2) var(--timing-function);
    --rgb: var(--color-white-rgb);
    --bg-color: transparent;
}

/* Transform On Scroll */
html.page-scrolling--down #header {
    transform: translateY(-100%);
}

html.page-scrolling--up #header {
    --rgb: var(--color-burgandy-rgb);
    --bg-color: var(--color-bg-gray);
    transform: translateY(0);
}

/* Underline Hover */
#header .underline-hover {
    --hover-rgb: var(--color-white-rgb);
    --rgb: var(--color-white-rgb);
}

html.page-scrolling--up #header .underline-hover {
    --hover-rgb: var(--color-burgandy-rgb);
    --rgb: var(--color-burgandy-rgb);
}

html.no-touchevents #header .search-trigger:hover {
    color: rgba(var(--rgb), 0.5);
}

/* Show / Hide Logo */
*:is(.index-page, .not-found-page) #header .header-brand {
    transition: opacity var(--duration) var(--timing-function);
    transition-delay: var(--duration-x2);
}

html:not(.page-scrolling)
    *:is(.index-page, .not-found-page)
    #header
    .header-brand {
    transition-delay: 0s;
}

html:not(.page-scrolling, .header-active)
    *:is(.index-page, .not-found-page)
    #header
    .header-brand {
    opacity: 0;
}

/* Variant Header */
.variant-header #header {
    --rgb: var(--color-burgandy-rgb);
    --bg-color: var(--color-bg-gray);
}

.variant-header #header .underline-hover {
    --hover-rgb: var(--color-burgandy-rgb);
    --rgb: var(--color-burgandy-rgb);
}

/* Header Active */
html.header-active #header {
    --rgb: var(--color-burgandy-rgb);
    --bg-color: var(--color-bg-gray);
    border-bottom: 0.1rem solid var(--color-gray-100);
}

html.header-active #header .underline-hover {
    --rgb: var(--color-burgandy-rgb);
    --hover-rgb: var(--color-burgandy-rgb);
}

.header-active-overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(var(--color-black-rgb), 0.3);
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--duration) var(--timing-function);
}

html.header-active .header-active-overlay {
    opacity: 1;
    pointer-events: auto;
}

/* Header Nav */
.header-nav {
    color: rgba(var(--rgb), 1);
    background-color: var(--bg-color);
    height: var(--header-height);
    padding: 0 var(--spacing-container);
    position: relative;
    z-index: 100;
    transition: background-color var(--duration) var(--timing-function);
}

/* Header Search */
#header .search {
    position: absolute;
    top: calc(100% + 0.1rem);
    left: 0;
    width: 100%;
    padding: var(--spacing-md) var(--spacing-container);
    background-color: var(--color-bg-gray);
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--duration) var(--timing-function);
}

#header.search-enabled .search {
    opacity: 1;
    pointer-events: auto;
}

#header .search .input {
    max-width: var(--max-width-sm);
    margin-left: auto;
    margin-right: auto;
}

#header .search .input input {
    --input-height: 4.4rem;
    --input-spacing-y: var(--spacing-2xs);
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
}

#header .search .label {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
}

#header .search .input.filled .label.anim.fixed {
    font-size: calc(var(--font-size-body) * 0.7);
}
#header .search .input:has(*:-internal-autofill-selected) .label.anim.fixed {
    font-size: calc(var(--font-size-body) * 0.7);
}

#header .search .input button {
    position: absolute;
    top: 50%;
    right: var(--input-spacing-x);
    transform: translateY(-50%);
}

/* Submenu Decoration */
.submenu .submenu-list .decoration {
    display: block;
    width: 2rem;
    aspect-ratio: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: -webkit-filter var(--duration) var(--timing-function);
    transition: filter var(--duration) var(--timing-function);
    transition: filter var(--duration) var(--timing-function), -webkit-filter var(--duration) var(--timing-function);
}

.submenu .submenu-list .decoration[class*="country-"] {
    -webkit-filter: none !important;
            filter: none !important;
    border-radius: 50%;
    overflow: hidden;
}

.decoration.our-story {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><mask id="mask0_625_8184" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_625_8184)"><path d="M9.98398 16.4711C9.31203 16.0588 8.60023 15.7244 7.84856 15.468C7.09703 15.2116 6.31419 15.0834 5.50002 15.0834C5.0471 15.0834 4.5928 15.1154 4.1371 15.1795C3.68141 15.2436 3.23988 15.3505 2.81252 15.5001C2.47391 15.6229 2.15662 15.5852 1.86065 15.387C1.56467 15.1889 1.41669 14.9066 1.41669 14.5401V5.07071C1.41669 4.84946 1.47815 4.64883 1.60106 4.46883C1.72384 4.28883 1.88356 4.15716 2.08023 4.07383C2.63037 3.8548 3.19044 3.69057 3.76044 3.58112C4.33044 3.47154 4.9103 3.41675 5.50002 3.41675C6.29697 3.41675 7.07259 3.51772 7.8269 3.71966C8.5812 3.92161 9.30558 4.21703 10 4.60592V15.218C10.7031 14.843 11.4309 14.5463 12.1836 14.3278C12.9362 14.1093 13.7084 14.0001 14.5 14.0001C14.9925 14.0001 15.4461 14.0332 15.8606 14.0995C16.2751 14.1657 16.7414 14.2725 17.2596 14.4199C17.3184 14.436 17.3731 14.4374 17.424 14.424C17.4747 14.4106 17.5 14.3665 17.5 14.2917V3.93279C17.5886 3.96168 17.6773 3.98841 17.7661 4.013C17.8547 4.03758 17.9434 4.06855 18.0321 4.10592C18.202 4.20314 18.3363 4.3289 18.435 4.48321C18.5339 4.63765 18.5834 4.8121 18.5834 5.00654V14.524C18.5834 14.8906 18.4313 15.1715 18.1273 15.367C17.8234 15.5625 17.4941 15.6015 17.1394 15.484C16.7036 15.3536 16.2653 15.2542 15.8246 15.1859C15.3839 15.1176 14.9424 15.0834 14.5 15.0834C13.6806 15.0834 12.8897 15.2076 12.1275 15.4559C11.3652 15.7044 10.6506 16.0428 9.98398 16.4711ZM11.5 13.0001V5.41675L16 1.41675V9.00008L11.5 13.0001Z" fill="black"/></g></svg>');
}
.decoration.certification {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><mask id="mask0_625_8208" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_625_8208)"><path d="M7.40541 17.9711L5.93916 15.5482L3.17791 14.9295L3.4327 12.1059L1.56104 10.0001L3.4327 7.89426L3.17791 5.07072L5.93916 4.45197L7.40541 2.02905L9.99999 3.13634L12.5946 2.02905L14.0608 4.45197L16.8221 5.07072L16.5673 7.89426L18.439 10.0001L16.5673 12.1059L16.8221 14.9295L14.0608 15.5482L12.5946 17.9711L9.99999 16.8638L7.40541 17.9711ZM8.93749 12.7116L13.6073 8.06259L12.8333 7.30468L8.93749 11.1797L7.16666 9.41364L6.3927 10.1876L8.93749 12.7116Z" fill="black"/></g></svg>');
}
.decoration.private-customer {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><mask id="mask0_625_8190" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_625_8190)"><path d="M4.69228 17.5834H3.24998V16.5001H4.69228C5.19117 16.5001 5.63561 16.3732 6.02561 16.1195C6.41561 15.8657 6.78901 15.6069 7.14582 15.343C7.59137 15.6422 8.03957 15.9072 8.4904 16.138C8.94124 16.3687 9.43908 16.484 9.98394 16.484C10.5288 16.484 11.0267 16.3687 11.4775 16.138C11.9285 15.9072 12.3767 15.6422 12.8221 15.343C13.1843 15.6069 13.5577 15.8657 13.9423 16.1195C14.3269 16.3732 14.7687 16.5001 15.2677 16.5001H16.75V17.5834H15.2677C14.8488 17.5834 14.4746 17.5244 14.145 17.4063C13.8154 17.2883 13.3664 17.0529 12.7981 16.7003C12.2137 17.0422 11.7193 17.2763 11.315 17.4024C10.9105 17.5283 10.4669 17.5913 9.98394 17.5913C9.50103 17.5913 9.05603 17.5283 8.64894 17.4024C8.242 17.2763 7.7463 17.0422 7.16186 16.7003C6.60742 17.039 6.15846 17.2709 5.81498 17.3959C5.47151 17.5209 5.09728 17.5834 4.69228 17.5834ZM9.99207 14.8238C9.73985 14.8238 9.477 14.8086 9.20353 14.7782C8.93005 14.7477 8.52623 14.4562 7.99207 13.9038L7.24207 13.1955L6.59623 13.8413C6.27026 14.194 5.95429 14.4445 5.64832 14.593C5.34221 14.7415 5.01603 14.8317 4.66978 14.8638H4.12811L3.05936 9.70529C3.02839 9.54293 3.05832 9.38425 3.14915 9.22925C3.23985 9.07439 3.36644 8.97182 3.52894 8.92154L4.71644 8.56737V5.25654C4.71644 4.88265 4.84623 4.56585 5.10582 4.30612C5.3654 4.04654 5.68214 3.91675 6.05603 3.91675H8.2804V2.41675H11.7035V3.91675H13.9279C14.3018 3.91675 14.6185 4.04654 14.8781 4.30612C15.1378 4.56585 15.2677 4.88265 15.2677 5.25654V8.56737L16.455 8.92154C16.6175 8.97182 16.7442 9.07439 16.835 9.22925C16.9257 9.38425 16.9555 9.54293 16.9246 9.70529L15.8558 14.8638H15.3142C14.9679 14.8317 14.6418 14.7415 14.3358 14.593C14.0297 14.4445 13.7137 14.194 13.3879 13.8413L12.7421 13.1955L11.9921 13.9038C11.4578 14.4562 11.0539 14.7477 10.7804 14.7782C10.5069 14.8086 10.2442 14.8238 9.99207 14.8238ZM5.78353 8.26779L9.98394 7.06112L14.1844 8.26779V5.00008H5.78353V8.26779Z" fill="black"/></g></svg>');
}
.decoration.selling-wine {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><mask id="mask0_625_8214" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_625_8214)"><path d="M16.7835 9.43575V15.4518C16.7835 15.8172 16.6551 16.1319 16.3981 16.3958C16.1412 16.6596 15.8231 16.7916 15.444 16.7916H4.54C4.16083 16.7916 3.84277 16.6596 3.58583 16.3958C3.32889 16.1319 3.20041 15.8172 3.20041 15.4518V9.39888C2.72597 9.09554 2.43243 8.70318 2.31979 8.22179C2.20701 7.74054 2.21048 7.23818 2.33021 6.71471L3.25646 4.12804C3.3259 3.80541 3.47625 3.57145 3.7075 3.42617C3.93889 3.28089 4.23243 3.20825 4.58812 3.20825H15.3798C15.7356 3.20825 16.027 3.27263 16.254 3.40138C16.481 3.53013 16.6335 3.76707 16.7115 4.11221L17.6537 6.71471C17.7735 7.23818 17.7735 7.74589 17.6537 8.23783C17.5342 8.72992 17.2441 9.12922 16.7835 9.43575ZM11.8254 8.70825C12.1972 8.70825 12.5012 8.60034 12.7373 8.3845C12.9734 8.16867 13.0776 7.92186 13.0498 7.64408L12.5017 4.29159H10.6169V7.49992C10.6169 7.83645 10.7355 8.122 10.9727 8.35659C11.2099 8.59103 11.4942 8.70825 11.8254 8.70825ZM8.15875 8.70825C8.50055 8.70825 8.78736 8.59103 9.01916 8.35659C9.25111 8.122 9.36708 7.83645 9.36708 7.49992V4.29159H7.48229L6.93437 7.67617C6.91715 7.91659 7.02396 8.14874 7.25479 8.37263C7.48562 8.59638 7.78694 8.70825 8.15875 8.70825ZM4.49208 8.70825C4.80083 8.70825 5.06632 8.6145 5.28854 8.427C5.51076 8.2395 5.64111 8.00367 5.67958 7.7195L6.23229 4.29159H4.58812C4.49729 4.29159 4.42521 4.31159 4.37187 4.35159C4.3184 4.39172 4.27833 4.45186 4.25166 4.532L3.34604 7.11846C3.20826 7.51804 3.25666 7.8829 3.49125 8.21304C3.72569 8.54318 4.0593 8.70825 4.49208 8.70825ZM15.4921 8.70825C15.8874 8.70825 16.2151 8.54853 16.4752 8.22909C16.7353 7.90964 16.7965 7.53943 16.6587 7.11846L15.7323 4.51596C15.7056 4.43582 15.6656 4.37839 15.6123 4.34367C15.5588 4.30895 15.4867 4.29159 15.3958 4.29159H13.7517L14.3044 7.7195C14.3428 8.00367 14.4767 8.2395 14.7058 8.427C14.935 8.6145 15.1971 8.70825 15.4921 8.70825Z" fill="black"/></g></svg>');
}
.decoration.wine-education,
.decoration.by-category {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><mask id="mask0_625_8202" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_625_8202)"><path d="M7.28853 16.5834V15.5001H9.45832V12.2613C8.37499 12.0722 7.50589 11.5756 6.85103 10.7717C6.19603 9.96772 5.86853 9.04383 5.86853 8.00008V3.41675H14.1314V8.00008C14.1314 9.04383 13.8039 9.96772 13.1489 10.7717C12.4941 11.5756 11.625 12.0722 10.5417 12.2613V15.5042H12.7114V16.5834H7.28853ZM6.95186 7.20841H13.0481V4.50008H6.95186V7.20841Z" fill="black"/></g></svg>');
}
.decoration.country-argentina {
    background-image: url(../media/design/flags/argentina-flag.jpg);
}
.decoration.country-australia {
    background-image: url(../media/design/flags/australia-flag.jpg);
}
.decoration.country-chile {
    background-image: url(../media/design/flags/chile-flag.jpg);
}
.decoration.country-france {
    background-image: url(../media/design/flags/france-flag.jpg);
}
.decoration.country-germany {
    background-image: url(../media/design/flags/germany-flag.jpg);
}
.decoration.country-italy {
    background-image: url(../media/design/flags/italy-flag.jpg);
}
.decoration.country-new-zealand {
    background-image: url(../media/design/flags/new-zealand-flag.jpg);
}
.decoration.country-south-africa {
    background-image: url(../media/design/flags/south-africa-flag.jpg);
}
.decoration.country-spain {
    background-image: url(../media/design/flags/spain-flag.jpg);
}
.decoration.country-usa {
    background-image: url(../media/design/flags/usa-flag.jpg);
}
.decoration.by-region {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><mask id="mask0_375_2975" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_375_2975)"><path d="M10 17.5832C8.95627 17.5832 7.97363 17.3855 7.0521 16.9903C6.13058 16.595 5.3253 16.0528 4.63627 15.3636C3.9471 14.6746 3.40488 13.8693 3.0096 12.9478C2.61433 12.0262 2.41669 11.0436 2.41669 9.99984C2.41669 8.94748 2.61433 7.96268 3.0096 7.04546C3.40488 6.12824 3.9471 5.32511 4.63627 4.63609C5.3253 3.94692 6.13058 3.4047 7.0521 3.00942C7.97363 2.61414 8.95627 2.4165 10 2.4165C11.0524 2.4165 12.0372 2.61414 12.9544 3.00942C13.8716 3.4047 14.6747 3.94692 15.3638 4.63609C16.0529 5.32511 16.5952 6.12824 16.9904 7.04546C17.3857 7.96268 17.5834 8.94748 17.5834 9.99984C17.5834 11.0436 17.3857 12.0262 16.9904 12.9478C16.5952 13.8693 16.0529 14.6746 15.3638 15.3636C14.6747 16.0528 13.8716 16.595 12.9544 16.9903C12.0372 17.3855 11.0524 17.5832 10 17.5832ZM10 16.4613C10.3003 16.1612 10.5818 15.6721 10.8446 14.9942C11.1074 14.3163 11.3093 13.5607 11.4504 12.7273H8.5496C8.70141 13.5821 8.90606 14.3484 9.16356 15.0263C9.42092 15.7042 9.69974 16.1825 10 16.4613ZM8.6571 16.3571C8.39322 15.9405 8.15495 15.4159 7.94231 14.7836C7.72967 14.1511 7.56676 13.4657 7.45356 12.7273H4.10585C4.54599 13.69 5.16752 14.49 5.97044 15.1273C6.77335 15.7646 7.66891 16.1745 8.6571 16.3571ZM11.3429 16.3571C12.3311 16.1745 13.2267 15.7646 14.0296 15.1273C14.8325 14.49 15.454 13.69 15.8942 12.7273H12.5465C12.4065 13.4709 12.2302 14.159 12.0175 14.7915C11.805 15.424 11.5802 15.9459 11.3429 16.3571ZM3.72752 11.644H7.34627C7.3078 11.3482 7.2837 11.0584 7.27398 10.7746C7.2644 10.491 7.2596 10.2189 7.2596 9.95817C7.2596 9.69748 7.2644 9.43227 7.27398 9.16255C7.2837 8.89268 7.3078 8.62373 7.34627 8.35567H3.72752C3.64738 8.62484 3.58946 8.89831 3.55377 9.17609C3.51794 9.45387 3.50002 9.72845 3.50002 9.99984C3.50002 10.2712 3.51794 10.5458 3.55377 10.8236C3.58946 11.1014 3.64738 11.3748 3.72752 11.644ZM8.45023 11.644H11.5498C11.5881 11.3343 11.6122 11.0472 11.6219 10.7828C11.6315 10.5183 11.6363 10.2573 11.6363 9.99984C11.6363 9.74234 11.6315 9.47789 11.6219 9.2065C11.6122 8.93511 11.5881 8.6515 11.5498 8.35567H8.45023C8.4119 8.6515 8.38787 8.93511 8.37815 9.2065C8.36856 9.47789 8.36377 9.74234 8.36377 9.99984C8.36377 10.2573 8.36856 10.5218 8.37815 10.7932C8.38787 11.0646 8.4119 11.3482 8.45023 11.644ZM12.6538 11.644H16.2725C16.3527 11.3748 16.4106 11.1014 16.4463 10.8236C16.4821 10.5458 16.5 10.2712 16.5 9.99984C16.5 9.72845 16.4821 9.45039 16.4463 9.16567C16.4106 8.88095 16.3527 8.61095 16.2725 8.35567H12.6538C12.6922 8.6515 12.7163 8.9413 12.7261 9.22505C12.7356 9.50866 12.7404 9.78081 12.7404 10.0415C12.7404 10.3022 12.7356 10.5674 12.7261 10.8371C12.7163 11.107 12.6922 11.3759 12.6538 11.644ZM12.5465 7.27234H15.8942C15.4488 6.299 14.8313 5.499 14.0417 4.87234C13.2521 4.24581 12.3525 3.83317 11.3429 3.63442C11.6068 4.07775 11.8424 4.61171 12.0496 5.2363C12.257 5.86074 12.4226 6.53942 12.5465 7.27234ZM8.5496 7.27234H11.4504C11.2986 6.42289 11.09 5.65255 10.8246 4.9613C10.559 4.27005 10.2842 3.79574 10 3.53838C9.71585 3.79574 9.44099 4.27005 9.17544 4.9613C8.91002 5.65255 8.70141 6.42289 8.5496 7.27234ZM4.10585 7.27234H7.45356C7.57745 6.53942 7.74308 5.86074 7.95044 5.2363C8.15766 4.61171 8.39322 4.07775 8.6571 3.63442C7.6421 3.83317 6.7412 4.2472 5.9544 4.8765C5.16745 5.50567 4.55127 6.30428 4.10585 7.27234Z" fill="black"/></g></svg>');
}
.decoration.by-brand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><mask id="mask0_375_2985" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_375_2985)"><path d="M3.41669 17.5832V16.4998H5.03044V13.7546C4.53794 13.6339 4.14585 13.378 3.85419 12.9869C3.56252 12.5959 3.41669 12.159 3.41669 11.6761V5.62484H7.72752V11.6761C7.72752 12.1483 7.58037 12.5826 7.28606 12.979C6.99176 13.3754 6.60099 13.6339 6.11377 13.7546V16.4998H7.72752V17.5832H3.41669ZM4.50002 9.39255H6.64419V6.70817H4.50002V9.39255ZM10.4679 17.5832C10.1635 17.5832 9.90683 17.4787 9.69794 17.2698C9.48905 17.0609 9.3846 16.8043 9.3846 16.4998V8.96463C9.3846 8.74991 9.44738 8.55011 9.57294 8.36525C9.69849 8.18039 9.85745 8.04845 10.0498 7.96942L10.6748 7.7115C11.038 7.56831 11.3331 7.34685 11.5602 7.04713C11.7872 6.74741 11.9006 6.36998 11.9006 5.91484V3.32046C11.9006 3.06935 11.9886 2.85595 12.1644 2.68025C12.3401 2.50442 12.5535 2.4165 12.8046 2.4165H14.1634C14.4145 2.4165 14.6279 2.50442 14.8038 2.68025C14.9795 2.85595 15.0673 3.06935 15.0673 3.32046V5.91484C15.0673 6.38386 15.1856 6.76477 15.4223 7.05755C15.659 7.35032 15.9589 7.56831 16.3221 7.7115L16.9344 7.96942C17.1266 8.04845 17.2828 8.18039 17.4029 8.36525C17.5232 8.55011 17.5834 8.74991 17.5834 8.96463V16.4998C17.5834 16.8043 17.4789 17.0609 17.27 17.2698C17.0611 17.4787 16.8045 17.5832 16.5 17.5832H10.4679ZM12.984 4.53984H13.984V3.49984H12.984V4.53984ZM10.4679 10.2482H16.5V8.96463L15.8671 8.7065C15.2977 8.47039 14.8414 8.12317 14.4984 7.66484C14.1554 7.2065 13.984 6.62477 13.984 5.91963V5.62317H12.984V5.91963C12.984 6.62477 12.809 7.2065 12.4592 7.66484C12.1093 8.12317 11.6497 8.47039 11.0802 8.7065L10.4679 8.96463V10.2482ZM10.4679 16.4998H16.5V14.7113H10.4679V16.4998Z" fill="black"/></g></svg>');
}
.decoration.alcohol {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_410_1814" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_410_1814)"><path d="M4.6001 20.5999V19.7999H6.3731V16.3614C5.80776 16.2551 5.37093 15.9993 5.0626 15.5942C4.75426 15.189 4.6001 14.7319 4.6001 14.2229V7.4999H8.94635V14.2229C8.94635 14.7062 8.78893 15.1569 8.4741 15.5749C8.15943 15.9929 7.72576 16.2551 7.1731 16.3614V19.7999H8.94635V20.5999H4.6001ZM5.4001 11.7422H8.14635V8.2999H5.4001V11.7422ZM12.5231 20.5999C12.2924 20.5999 12.1014 20.5242 11.9501 20.3729C11.7988 20.2217 11.7231 20.0307 11.7231 19.7999V10.6904C11.7231 10.5416 11.7696 10.3996 11.8626 10.2644C11.9556 10.1291 12.0662 10.0332 12.1943 9.9769L12.9443 9.65765C13.4828 9.44732 13.9203 9.13674 14.2568 8.7259C14.5933 8.3149 14.7616 7.74665 14.7616 7.02115V4.36915C14.7616 4.09999 14.8558 3.87115 15.0443 3.68265C15.2328 3.49415 15.4617 3.3999 15.7308 3.3999H16.5923C16.8617 3.3999 17.0905 3.49415 17.2788 3.68265C17.4673 3.87115 17.5616 4.09999 17.5616 4.36915V7.02115C17.5616 7.76332 17.7373 8.33574 18.0886 8.7384C18.4399 9.1409 18.8848 9.44732 19.4231 9.65765L20.1673 9.9769C20.2955 10.0332 20.3997 10.1291 20.4798 10.2644C20.56 10.3996 20.6001 10.5416 20.6001 10.6904V19.7999C20.6001 20.0307 20.5244 20.2217 20.3731 20.3729C20.2219 20.5242 20.0309 20.5999 19.8001 20.5999H12.5231ZM15.5616 5.49615H16.7616V4.1999H15.5616V5.49615ZM12.5231 12.5962H19.8001V10.6904L19.0308 10.3712C18.3475 10.0878 17.7985 9.69199 17.3838 9.18365C16.969 8.67532 16.7616 7.94999 16.7616 7.00765V6.29615H15.5616V7.00765C15.5616 7.94999 15.3501 8.67532 14.9271 9.18365C14.5039 9.69199 13.9507 10.0878 13.2673 10.3712L12.5231 10.6904V12.5962ZM12.5231 19.7999H19.8001V17.3077H12.5231V19.7999Z" fill="%23A51D3F"/></g></svg>');
}
.decoration.food {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_410_1821" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_410_1821)"><path d="M7.1076 20.5999V11.4904C6.3076 11.2904 5.6896 10.939 5.2536 10.4362C4.81777 9.93349 4.59985 9.3124 4.59985 8.5729V3.3999H5.39985V8.4729H7.1076V3.3999H7.9076V8.4729H9.61535V3.3999H10.4154V8.5729C10.4154 9.3124 10.1974 9.93349 9.76135 10.4362C9.32552 10.939 8.7076 11.2904 7.9076 11.4904V20.5999H7.1076ZM15.7729 20.5999V12.4037C14.8895 12.1075 14.2008 11.5671 13.7066 10.7824C13.2124 9.99757 12.9654 9.04615 12.9654 7.92815C12.9654 6.67349 13.2772 5.60507 13.9009 4.7229C14.5245 3.8409 15.2819 3.3999 16.1729 3.3999C17.0767 3.3999 17.8405 3.83774 18.4644 4.7134C19.088 5.58907 19.3999 6.65499 19.3999 7.91115C19.3999 9.04332 19.1495 10.0043 18.6489 10.7942C18.1482 11.5838 17.4562 12.1182 16.5729 12.3972V20.5999H15.7729Z" fill="%23A51D3F"/></g></svg>');
}
.decoration.temperature {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_410_1828" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_410_1828)"><path d="M11.9942 19.3999C10.9339 19.3999 10.0365 19.0312 9.30195 18.2939C8.56728 17.5567 8.19995 16.6587 8.19995 15.5999C8.19995 14.8769 8.38553 14.206 8.7567 13.5874C9.12787 12.9687 9.64228 12.4955 10.3 12.1679V6.2876C10.3 5.81494 10.4631 5.41552 10.7895 5.08935C11.1156 4.76302 11.5191 4.59985 12 4.59985C12.4808 4.59985 12.8843 4.76302 13.2105 5.08935C13.5368 5.41552 13.7 5.81902 13.7 6.29985V12.1691C14.341 12.4959 14.8439 12.9687 15.2087 13.5874C15.5734 14.206 15.7705 14.8769 15.8 15.5999C15.7871 16.6587 15.4115 17.5567 14.6732 18.2939C13.9347 19.0312 13.0417 19.3999 11.9942 19.3999ZM11.1 10.1499H12.9V6.29985C12.9 6.04485 12.8142 5.8311 12.6427 5.6586C12.4712 5.4861 12.2587 5.39985 12.0052 5.39985C11.7517 5.39985 11.5375 5.4861 11.3625 5.6586C11.1875 5.8311 11.1 6.04485 11.1 6.29985V10.1499Z" fill="%23A51D3F"/></g></svg>');
}
.decoration.global {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_410_1851" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_410_1851)"><path d="M19.5499 20.1135L16.3999 16.9635V19.7H15.5999V15.6H19.6999V16.4H16.9634L20.1134 19.55L19.5499 20.1135ZM11.9999 20.6C10.8216 20.6 9.7099 20.3764 8.6649 19.929C7.6199 19.4817 6.7049 18.8657 5.9199 18.081C5.1349 17.2964 4.51865 16.3817 4.07115 15.337C3.62365 14.2925 3.3999 13.1813 3.3999 12.0033C3.3999 10.8088 3.62357 9.69286 4.0709 8.65552C4.51824 7.61836 5.13424 6.70702 5.9189 5.92152C6.70357 5.13602 7.61824 4.51944 8.6629 4.07177C9.7074 3.62394 10.8187 3.40002 11.9967 3.40002C13.1912 3.40002 14.3071 3.62377 15.3444 4.07127C16.3816 4.51877 17.2929 5.13502 18.0784 5.92002C18.8639 6.70502 19.4805 7.61586 19.9282 8.65252C20.376 9.68919 20.5999 10.805 20.5999 12C20.5999 12.2359 20.5881 12.4718 20.5644 12.7078C20.5406 12.9436 20.5133 13.1795 20.4827 13.4155H19.6519C19.6929 13.1795 19.7278 12.9436 19.7567 12.7078C19.7855 12.4718 19.7999 12.2359 19.7999 12C19.7999 11.6402 19.7727 11.2804 19.7182 10.9205C19.6637 10.5607 19.5838 10.2051 19.4787 9.85378H14.8192C14.8782 10.1884 14.915 10.5357 14.9297 10.8955C14.9445 11.2554 14.9519 11.6069 14.9519 11.95C14.9519 12.2025 14.9483 12.4468 14.9412 12.6828C14.9342 12.9186 14.9319 13.1629 14.9344 13.4155H14.1094C14.1069 13.1629 14.1092 12.9144 14.1162 12.6703C14.1233 12.4259 14.1269 12.1775 14.1269 11.925C14.1269 11.5819 14.1195 11.2345 14.1047 10.883C14.09 10.5315 14.0532 10.1884 13.9942 9.85378H10.0057C9.94665 10.2051 9.90982 10.5612 9.89515 10.922C9.88032 11.283 9.8729 11.6439 9.8729 12.0048C9.8729 12.3658 9.88032 12.7251 9.89515 13.0828C9.90982 13.4404 9.94665 13.7949 10.0057 14.1463H12.9844V14.9463H10.0192C10.1955 15.8363 10.4345 16.6998 10.7362 17.5368C11.0377 18.3738 11.4589 19.1474 11.9999 19.8578C12.2357 19.8578 12.4758 19.8475 12.7202 19.827C12.9643 19.8065 13.1961 19.7546 13.4154 19.6713V20.4635C13.1961 20.5469 12.9643 20.5904 12.7202 20.5943C12.4758 20.5981 12.2357 20.6 11.9999 20.6ZM4.52115 14.1463H9.18065C9.12165 13.8116 9.08482 13.4639 9.07015 13.103C9.05532 12.742 9.0479 12.3894 9.0479 12.0453C9.0479 11.6676 9.05532 11.2999 9.07015 10.9423C9.08482 10.5846 9.12165 10.2218 9.18065 9.85378H4.52115C4.41599 10.2051 4.33615 10.5612 4.28165 10.922C4.22715 11.283 4.1999 11.6439 4.1999 12.0048C4.1999 12.3658 4.22715 12.7251 4.28165 13.0828C4.33615 13.4404 4.41599 13.7949 4.52115 14.1463ZM4.75365 9.05378H9.20415C9.34882 8.16928 9.56532 7.31544 9.85365 6.49227C10.1422 5.66927 10.5416 4.89811 11.0519 4.17878C9.64157 4.37628 8.3794 4.90769 7.2654 5.77302C6.15124 6.63852 5.31399 7.73211 4.75365 9.05378ZM11.0769 19.8213C10.5717 19.0891 10.1759 18.3115 9.8894 17.4885C9.60274 16.6654 9.3774 15.8179 9.2134 14.9463H4.75365C5.31399 16.2551 6.1544 17.3423 7.2749 18.2078C8.3954 19.0731 9.66274 19.6109 11.0769 19.8213ZM10.0192 9.05378H13.9807C13.8217 8.17944 13.5859 7.33502 13.2734 6.52052C12.9609 5.70602 12.5364 4.93827 11.9999 4.21727C11.4551 4.91094 11.0327 5.67186 10.7327 6.50002C10.4327 7.32819 10.1948 8.17944 10.0192 9.05378ZM14.7864 9.05378H19.2462C18.6858 7.73211 17.8486 6.63536 16.7344 5.76352C15.6204 4.89169 14.3582 4.36344 12.9479 4.17878C13.4197 4.91094 13.7935 5.69177 14.0692 6.52127C14.3448 7.35077 14.5839 8.19494 14.7864 9.05378Z" fill="%23A51D3F"/></g></svg>');
}
.decoration.boat {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M2.77737 19.0588L0.98621 12.7014C0.936105 12.5036 0.952737 12.3035 1.03611 12.1012C1.11947 11.899 1.25726 11.7685 1.44947 11.71L3.15789 11.1341V5.45905C3.15789 4.95231 3.33484 4.52836 3.68874 4.1872C4.04263 3.84604 4.48105 3.67383 5.004 3.67057H9.57095V0H14.4291V3.67057H18.996C19.5156 3.67057 19.9532 3.84288 20.3087 4.18751C20.6643 4.53193 20.8421 4.95577 20.8421 5.45905V11.1389L22.5556 11.71C22.7709 11.7769 22.9339 11.9064 23.0444 12.0985C23.1552 12.2906 23.1774 12.4899 23.1111 12.6965L21.2226 19.0588C20.4681 18.7974 19.7852 18.4354 19.1738 17.9729C18.5626 17.5104 17.8572 16.8486 17.0574 15.9875C16.3222 16.8529 15.56 17.5889 14.7707 18.1956C13.9815 18.8025 13.0579 19.1059 12 19.1059C10.9421 19.1059 10.0185 18.8025 9.22926 18.1956C8.44 17.5889 7.67779 16.8529 6.94263 15.9875C6.15905 16.8486 5.45758 17.5104 4.83821 17.9729C4.21884 18.4354 3.53189 18.7974 2.77737 19.0588ZM0 24V22.9646H1.89474C2.77895 22.9646 3.65263 22.8308 4.51579 22.5633C5.37895 22.2955 6.18947 21.9075 6.94737 21.3991C7.70526 21.9126 8.51579 22.2917 9.37895 22.5364C10.2421 22.7811 11.1158 22.9034 12 22.9034C12.8842 22.9034 13.7579 22.7811 14.6211 22.5364C15.4842 22.2917 16.2947 21.9126 17.0526 21.3991C17.8105 21.9126 18.6211 22.3019 19.4842 22.5669C20.3474 22.832 21.2211 22.9646 22.1053 22.9646H24V24H22.1053C21.2242 24 20.3626 23.8972 19.5205 23.6917C18.6784 23.4863 17.8558 23.1797 17.0526 22.7719C16.2495 23.1797 15.418 23.4863 14.5582 23.6917C13.6986 23.8972 12.8459 24 12 24C11.1541 24 10.3014 23.8972 9.44179 23.6917C8.582 23.4863 7.75053 23.1797 6.94737 22.7719C6.14421 23.1797 5.32189 23.4863 4.48042 23.6917C3.63895 23.8972 2.77642 24 1.89284 24H0ZM4.22684 10.7795L12 8.33433L19.7732 10.7844V5.45905C19.7732 5.23943 19.7003 5.05896 19.5546 4.91764C19.4089 4.77653 19.2227 4.70597 18.996 4.70597H5.004C4.77726 4.70597 4.59105 4.77653 4.44537 4.91764C4.29968 5.05896 4.22684 5.23943 4.22684 5.45905V10.7795ZM11.9975 18.0705C13.0124 18.0705 13.8796 17.715 14.5989 17.0039C15.3181 16.2928 16.136 15.4176 17.0526 14.3782C17.8968 15.3413 18.5455 16.0454 18.9985 16.4903C19.4514 16.9353 19.9715 17.3167 20.5588 17.6346L22.0146 12.6197L12 9.44009L1.97558 12.6197L3.44116 17.6206C4.02537 17.3088 4.54547 16.9372 5.00147 16.5059C5.45768 16.0746 6.10632 15.3654 6.94737 14.3782C7.87053 15.4223 8.68926 16.2987 9.40358 17.0076C10.1181 17.7162 10.9827 18.0705 11.9975 18.0705Z" fill="white"/></svg>');
}
.decoration.thermometer {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_410_1935" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_410_1935)"><path d="M12 24C10.6073 24 9.42583 23.4824 8.45562 22.4473C7.48521 21.4124 7 20.1522 7 18.6667C7 17.7027 7.22271 16.8151 7.66813 16.004C8.11375 15.1929 8.72438 14.542 9.5 14.0513V2.66667C9.5 1.91444 9.74042 1.282 10.2212 0.769334C10.7019 0.256445 11.2948 0 12 0C12.7052 0 13.2981 0.256445 13.7787 0.769334C14.2596 1.282 14.5 1.91444 14.5 2.66667V14.0513C15.2756 14.542 15.8862 15.1929 16.3319 16.004C16.7773 16.8151 17 17.7027 17 18.6667C17 20.1522 16.5148 21.4124 15.5444 22.4473C14.5742 23.4824 13.3927 24 12 24ZM10.75 11.1793H13.25V9.17933H12V8.154H13.25V5.17933H12V4.154H13.25V2.66667C13.25 2.28889 13.1302 1.97222 12.8906 1.71667C12.651 1.46111 12.3542 1.33333 12 1.33333C11.6458 1.33333 11.349 1.46111 11.1094 1.71667C10.8698 1.97222 10.75 2.28889 10.75 2.66667V11.1793Z" fill="white"/></g></svg>');
}
.decoration.warehouse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_410_3159" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_410_3159)"><path d="M2.73684 20.2313H5.63158V10.7982H18.3684V20.2313H21.2632V7.67344L12 3.90019L2.73684 7.67344V20.2313ZM1 22V6.47838L12 2L23 6.47838V22H16.6316V12.5669H7.36842V22H1ZM8.84908 22V19.9138H10.8977V22H8.84908ZM10.9758 18.4626V16.3764H13.0242V18.4626H10.9758ZM13.1023 22V19.9138H15.1509V22H13.1023Z" fill="white"/></g></svg>');
}

/* Submenu */
.menu .submenu {
    --submenu-card-min-height: 26rem;
    --submenu-padding-y: var(--spacing-xs);
    position: absolute;
    top: calc(100% + 0.1rem);
    left: 0;
    width: 100%;
    background-color: var(--color-bg-gray);
    padding: var(--submenu-padding-y) var(--spacing-container);
    opacity: 0;
    pointer-events: none;
    transition-property: opacity, height;
    transition-duration: var(--duration), var(--duration);
    transition-timing-function: var(--timing-function), var(--timing-function);
    transition-delay: 0s, 0s;
    display: flex;
    justify-content: space-between;
    height: calc(var(--submenu-card-min-height) + var(--submenu-padding-y) * 2);
}

.menu .submenu.active {
    opacity: 1;
    pointer-events: auto;
}

.submenu .link-overlay {
    pointer-events: none;
}

.submenu.active .link-overlay {
    pointer-events: auto;
}

.menu .submenu-trigger.active.underline-hover:before {
    width: 100%;
}

.submenu .submenu-list {
    display: flex;
    flex-wrap: wrap;
    width: min(30.9027777778vw, 44.5rem);
    justify-content: space-between;
    gap: var(--spacing-2xs);
    flex-shrink: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.submenu .submenu-list li {
    width: 47.191011236%;
}

.submenu .submenu-list.has-inner-submenu {
    width: 16rem;
    flex-direction: column;
    position: relative;
}

.submenu .submenu-list.has-inner-submenu li {
    width: 100%;
}

.submenu .submenu-list li a {
    color: var(--color-black);
    display: flex;
    align-items: center;
    gap: var(--spacing-4xs);
}

.submenu .submenu-list li a .text {
    background-image: linear-gradient(
        var(--color-burgandy),
        var(--color-burgandy)
    );
    background-position: 0% 100%;
    background-size: 0 0.1rem;
    background-repeat: no-repeat;
    display: inline;
    transition: var(--duration) var(--timing-function);
}

html.no-touchevents .submenu .submenu-list li a:hover .text,
.submenu .submenu-list li a.active .text {
    background-size: 100% 0.1rem;
}

html.no-touchevents .submenu .submenu-list li a:hover,
.submenu .submenu-list li a.active {
    color: var(--color-burgandy);
}

html.no-touchevents .submenu .submenu-list li a:hover .decoration,
.submenu .submenu-list li a.active .decoration {
    -webkit-filter: var(--color-filter-burgandy);
            filter: var(--color-filter-burgandy);
}

.submenu .submenu-cards {
    display: flex;
    gap: var(--spacing-2sm);
    flex-shrink: 0;
    position: relative;
    z-index: 20;
}

.card[data-card="submenu"] {
    background-color: var(--color-burgandy);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4xs);
    padding: var(--spacing-4xs);
    color: var(--color-white);
    height: var(--submenu-card-min-height);
    aspect-ratio: 0.8153846154;
}

.card[data-card="submenu"] .card-media {
    aspect-ratio: 1;
}

/* Submenu Inner */
.submenu-inner {
    position: absolute;
    top: calc(-1 * var(--submenu-padding-y));
    padding: var(--submenu-padding-y) 0;
    left: 100%;
    width: min(65rem, 45.1388888889vw);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--duration) var(--timing-function);
}

.submenu-inner.active {
    opacity: 1;
    pointer-events: auto;
}

.submenu-inner .submenu-inner-list {
    -moz-columns: 3;
         columns: 3;
}

.submenu-inner .submenu-inner-list li {
    padding-bottom: var(--spacing-2xs);
    -moz-column-break-inside: avoid;
         break-inside: avoid;
}

.submenu-inner .submenu-inner-list li a {
    display: block;
}

/* FOOTER ==================== */
.not-found-page #footer {
    display: none;
}

#footer {
    position: relative;
    z-index: 1;
    background-color: var(--color-black);
    color: var(--color-white);
    padding: var(--spacing-8xl) var(--spacing-container) var(--spacing-2lg);
}

.footer-nav {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-2md);
}

.footer-nav > * {
    flex-grow: 1;
    flex-shrink: 0;
}

.footer-nav .underline-hover {
    --rgb: var(--color-white-rgb);
    --hover-rgb: var(--color-white-rgb);
}

.footer-nav .footer-links {
    max-width: 68.566rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2sm);
}

.footer-links .accordion {
    border: none;
    padding: 0;
}

.footer-links .accordion > .entry-title {
    padding: 0;
}

.footer-links .accordion > .entry-title:after {
    font-size: var(--icon-size-4xs);
}

.footer-links .accordion.active > .entry-title,
.footer-links .accordion.active > .entry-title:after {
    color: var(--color-white);
}

.footer-links .accordion > .entry-panel ul {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
    color: var(--color-gray-700);
    font-size: var(--font-size-description);
    line-height: var(--line-height-description);
}

.footer-nav .footer-subscription {
    max-width: var(--max-width-sm);
}

.footer-subscription .subscription-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xs);
}

.footer-subscription .subscription-info a {
    text-decoration: underline;
}

html.no-touchevents .footer-subscription .subscription-info a:hover {
    color: var(--color-white);
}

.footer-subscription .subscription-form {
    margin-top: var(--spacing-2md);
}

.footer-subscription .subscription-form form {
    display: flex;
    gap: var(--spacing-4xs);
}

.footer-subscription .input .label {
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
}

.footer-subscription .input.filled .label.anim.fixed {
    top: 0.5em;
    padding: 0 var(--input-spacing-x);
}
.footer-subscription
    .input:has(*:-internal-autofill-selected)
    .label.anim.fixed {
    top: 0.5em;
    padding: 0 var(--input-spacing-x);
}

.footer-subscription .subscription-form .input {
    flex-grow: 1;
}

.footer-subscription .subscription-form input {
    border-bottom: unset;
    background-color: var(--color-white);
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
}

.footer-subscription .subscription-form button {
    flex-shrink: 0;
    min-width: 10.9rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-black);
    border: 0.2rem solid var(--color-white);
    transition: var(--duration) var(--timing-function);
    height: var(--input-height);
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
}

html.no-touchevents .footer-subscription .subscription-form button:hover {
    background-color: var(--color-burgandy);
    border-color: var(--color-burgandy);
}

.footer-subscription .subscription-desc {
    margin-top: var(--spacing-2sm);
    padding-top: var(--spacing-2sm);
    border-top: 0.1rem solid var(--color-gray-700);
    color: var(--color-gray-700);
    font-size: 1rem;
    line-height: 1.6;
}

/* MAIN ====================*/
#main {
    --sticky-top: calc(var(--header-height) + var(--spacing-container));
    position: relative;
    width: 100%;
    z-index: 0;
    overflow: clip;
}

section {
    overflow: clip;
    position: relative;
    width: 100vw;
}

section.header-offset {
    margin-top: var(--header-height);
}

.sc-inner {
    position: relative;
    width: 100%;
    padding-top: var(--gap-section);
    padding-bottom: var(--gap-section);
}
.sc-inner.pc-t-header {
    padding-top: var(--header-height);
}
.sc-inner.pc-t-0 {
    padding-top: 0;
}
.sc-inner.pc-t-25 {
    padding-top: calc(var(--gap-section) / 4);
}
.sc-inner.pc-t-50 {
    padding-top: calc(var(--gap-section) / 2);
}
.sc-inner.pc-t-75 {
    padding-top: calc(var(--gap-section) * 3 / 4);
}
.sc-inner.pc-t-100 {
    padding-top: var(--gap-section);
}
.sc-inner.pc-t-125 {
    padding-top: calc(var(--gap-section) * 1.25);
}
.sc-inner.pc-t-150 {
    padding-top: calc(var(--gap-section) * 1.5);
}
.sc-inner.pc-t-175 {
    padding-top: calc(var(--gap-section) * 1.75);
}
.sc-inner.pc-t-200 {
    padding-top: calc(var(--gap-section) * 2);
}
.sc-inner.pc-b-header {
    padding-bottom: var(--header-height);
}
.sc-inner.pc-b-0 {
    padding-bottom: 0;
}
.sc-inner.pc-b-25 {
    padding-bottom: calc(var(--gap-section) / 4);
}
.sc-inner.pc-b-50 {
    padding-bottom: calc(var(--gap-section) / 2);
}
.sc-inner.pc-b-75 {
    padding-bottom: calc(var(--gap-section) * 3 / 4);
}
.sc-inner.pc-b-100 {
    padding-bottom: var(--gap-section);
}
.sc-inner.pc-b-125 {
    padding-bottom: calc(var(--gap-section) * 1.25);
}
.sc-inner.pc-b-150 {
    padding-bottom: calc(var(--gap-section) * 1.5);
}
.sc-inner.pc-b-175 {
    padding-bottom: calc(var(--gap-section) * 1.75);
}
.sc-inner.pc-b-200 {
    padding-bottom: calc(var(--gap-section) * 2);
}

.container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--spacing-container);
    padding-right: var(--spacing-container);
}
.wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
[class*="block-content-"] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}
.block-content-start {
    align-items: flex-start;
    text-align: start;
}
.block-content-center {
    align-items: center;
    text-align: center;
    text-wrap: balance;
}
.block-content-end {
    align-items: flex-end;
    text-align: end;
}

.block-subttl {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xs);
}

.block-subttl:before,
.block-subttl:after {
    content: "";
    width: 4.52rem;
    height: 0.248rem;
    background-size: contain;
    background-repeat: no-repeat;
}
.block-subttl:before {
    background-position: center right;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="46" height="3" viewBox="0 0 46 3" fill="none"><path d="M45.9825 2.13992C32.3013 2.15746 5.37736 1.84175 5.35982 1.84175C5.35982 1.84175 5.30721 1.84175 5.23705 1.84175C5.32475 1.57865 5.37736 1.31553 5.3949 1.03489C5.3949 0.98227 5.3949 0.929667 5.3949 0.877047C5.67554 0.877047 5.92111 0.877047 6.11405 0.877047C15.5681 0.982288 25.0046 1.14013 34.4587 1.21029C38.2649 1.24537 42.071 1.24538 45.8948 1.26292C45.8948 1.57864 45.9123 1.8768 46 2.15744L45.9825 2.13992Z" fill="%23333333"/><path d="M2.23772 0.263141C1.55366 0.210521 0.816975 0.824386 0.764355 1.45583C0.711735 2.22759 1.13269 2.68364 1.92199 2.73626C2.69375 2.78888 3.25503 2.28022 3.32519 1.50846C3.37781 0.894555 2.85162 0.298221 2.23772 0.263141Z" fill="%23333333"/></svg>');
}
.block-subttl:after {
    background-position: center left;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="46" height="3" viewBox="0 0 46 3" fill="none"><path d="M0.0175357 0.860078C13.6987 0.842538 40.6226 1.15825 40.6402 1.15825C40.6402 1.15825 40.6928 1.15825 40.763 1.15825C40.6753 1.42135 40.6226 1.68447 40.6051 1.96511C40.6051 2.01773 40.6051 2.07033 40.6051 2.12295C40.3245 2.12295 40.0789 2.12295 39.886 2.12295C30.4319 2.01771 20.9954 1.85987 11.5413 1.78971C7.73514 1.75463 3.92896 1.75462 0.105236 1.73708C0.105236 1.42136 0.0877 1.1232 0 0.842564L0.0175357 0.860078Z" fill="%23333333"/><path d="M43.7623 2.73686C44.4463 2.78948 45.183 2.17561 45.2356 1.54417C45.2883 0.772409 44.8673 0.316361 44.078 0.263741C43.3063 0.211121 42.745 0.719781 42.6748 1.49154C42.6222 2.10544 43.1484 2.70178 43.7623 2.73686Z" fill="%23333333"/></svg>');
}

.c-white .block-subttl:before,
.c-white .block-subttl:after {
    -webkit-filter: var(--color-filter-white);
            filter: var(--color-filter-white);
}

.block-ttl > * {
    transition: var(--duration) var(--timing-function);
}

.block-desc > * {
    transition: var(--duration) var(--timing-function);
}

.h-svh {
    height: 100svh;
}
.h-lvh {
    height: 100lvh;
}
.h-vh {
    height: 100vh;
}

.sc-billboard {
    position: relative;
    width: 100%;
    /* -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */
}

.sc-billboard.full-screen {
    height: 100svh;
}

[class*="gradient-overlay-"]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: var(--gradient-height, 30%);
    left: 0;
    background: linear-gradient(
        var(--gradient-direction, 0deg),
        rgba(0, 0, 0, var(--gradient-opacity, 0.6)) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    z-index: 10;
}

.gradient-overlay-top::before {
    top: 0;
    --gradient-direction: 180deg;
}

.gradient-overlay-bottom::before {
    bottom: 0;
    --gradient-direction: 0deg;
}

.overlay::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(var(--color-black-rgb), var(--overlay-opacity, 0.3));
    z-index: 1;
}

.sc-billboard .object-fit,
.sc-billboard .sc-inner,
.sc-billboard *:is(.swiper, .swiper-wrapper, .swiper-slide) {
    height: 100%;
    width: 100%;
}

.card {
    --text-align: left;
    width: 100%;
    display: block;
    position: relative;
    color: rgba(var(--rgb), 1);
    text-align: var(--text-align);
    white-space: normal;
}

.card-container {
    --gap-x: 0rem;
    --gap-y: 0rem;
    --column: 1;
    --minmax: 0rem;
    position: relative;
}

.card-container[data-card-layout="grid"] {
    display: grid;
    grid-gap: var(--gap-y) var(--gap-x);
    grid-template-columns: repeat(
        var(--column),
        calc((100% - (var(--gap-x) * (var(--column) - 1))) / var(--column))
    );
    grid-auto-flow: dense;
}

.card-container[data-card-layout="grid-minmax"] {
    display: grid;
    grid-gap: var(--gap-y) var(--gap-x);
    grid-template-columns: repeat(auto-fill, minmax(var(--minmax), 1fr));
    grid-auto-flow: dense;
}

.card-container[data-card-layout="flex"] {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--gap-y) var(--gap-x);
}
.card-container[data-card-layout="flex"] > .card {
    width: calc((100% - (var(--gap-x) * (var(--column) - 1))) / var(--column));
}

.card-container[data-card-layout="slider"] {
    margin-left: calc((var(--gap-x) * -1) / 2);
    margin-right: calc((var(--gap-x) * -1) / 2);
}
.card-container[data-card-layout="slider"] .swiper-slide {
    width: calc(100% / var(--column)) !important;
    padding-left: calc(var(--gap-x) / 2);
    padding-right: calc(var(--gap-x) / 2);
}
.card-container[data-card-layout="slider"] .swiper-button-prev {
    transform: translateX(calc((var(--gap-y)) / 2));
}
.card-container[data-card-layout="slider"] .swiper-button-next {
    transform: translateX(calc((var(--gap-x) * -1) / 2));
}

.card .card-image {
    position: relative;
}

.card .card-content {
    position: relative;
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-sm);
}

.sc-header {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-md);
}
.sc-header.justify-center {
    justify-content: center;
    text-align: center;
}
.sc-header.justify-between {
    justify-content: space-between;
}
.sc-ttl {
    font-size: var(--font-size-h1);
    line-height: var(--line-height-h1);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
}
.marquee {
    display: inline-flex !important;
}

/* Popup */
.popup {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    z-index: 90;
    --top-offset: var(--spacing-2xs);
}

.popup-content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: calc(100% + var(--top-offset));
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    box-shadow: 0px 0px 10px 0px rgba(var(--color-black-rgb), 0.25);
    transition: var(--duration) var(--timing-function);
}

.popup-content.active {
    opacity: 1;
    visibility: visible;
}

.popup-content-inner {
    padding: var(--spacing-2sm) var(--spacing-xs);
    background-color: var(--color-white);
}

.popup[data-popup-pc-location="start"] .popup-content {
    left: 0;
}

.popup[data-popup-pc-location="center"] .popup-content {
    left: 50%;
    transform: translateX(-50%);
}

.popup[data-popup-pc-location="end"] .popup-content {
    right: 0;
}

/* Map */
.map-wrapper {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.map-wrapper .map {
    width: 100%;
    aspect-ratio: 5;
}

.map-wrapper .pin {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3.6rem;
    aspect-ratio: 1;
}

/* COMPONENT */
/* DEFAULT ====================*/

/* SECTION ====================*/
/* Product Slide Variant */
.product-slide-variant {
    width: 100%;
}

.product-slide-variant .card-container {
    --column: 4;
    --gap-x: var(--spacing-sm);
    --gap-y: var(--spacing-2md);
    margin-top: var(--spacing-4xl);
}

.product-slide-variant .swiper {
    overflow: visible;
}

/* Accordion */
[data-section="accordion"] .accordion-container {
    max-width: var(--max-width-sm);
    margin: 0 auto;
    margin-top: var(--spacing-3xl);
}

/* Product Banner */
[data-section="product-banner"] {
    aspect-ratio: 1.6685979143;
    width: 100vw;
    display: flex;
    align-items: flex-end;
}

[data-section="product-banner"] .cover:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.06%, #000 100%);
}

[data-section="product-banner"] .product-banner-mock-media-container {
    position: relative;
    width: 11rem;
    aspect-ratio: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="110" height="110" viewBox="0 0 110 110" fill="none"><ellipse cx="55" cy="55.0556" rx="55" ry="54.3889" fill="url(%23paint0_linear_274_1265)"/><defs><linearGradient id="paint0_linear_274_1265" x1="55" y1="0.666748" x2="55" y2="109.445" gradientUnits="userSpaceOnUse"><stop stop-color="%233E2E32"/><stop offset="1" stop-color="%235D2E3C"/></linearGradient></defs></svg>');
}

[data-section="product-banner"] .product-banner-mock-media {
    position: absolute;
    width: 5.25rem;
    aspect-ratio: 0.4297520661;
    bottom: var(--spacing-2xs);
    left: 50%;
    transform: translateX(-50%);
}

[data-section="product-banner"] .product-banner-mock-media > * {
    -webkit-filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.25));
}

[data-section="product-banner"] [class*="block-content-"] {
    position: relative;
    z-index: 2;
    max-width: var(--max-width-sm-3);
    margin: 0 auto;
    gap: 0;
}

[data-section="product-banner"] [class*="block-content-"] .block-overline {
    margin-top: var(--spacing-sm);
}

[data-section="product-banner"] [class*="block-content-"] .block-ttl {
    margin-top: var(--spacing-4xs);
}

[data-section="product-banner"] [class*="block-content-"] .block-desc {
    margin-top: var(--spacing-4xs);
}

[data-section="product-banner"] [class*="block-content-"] .block-cta {
    margin-top: var(--spacing-sm);
}

/* Product Slide */
[data-section="product-slide"] .card-container {
    --column: 4;
    --gap-x: var(--spacing-2sm);
    margin-top: var(--spacing-4xl);
}

[data-section="product-slide"] .swiper {
    overflow: visible;
}

/* ELEMENT ====================*/
/* CONTENT CARD */
.card[data-card="content"] .link-overlay {
    z-index: 10;
}

.card[data-card="content"] .card-media {
    /* padding: var(--spacing-4xs); */
    aspect-ratio: 0.7889908257;
    position: relative;
}

.card[data-card="content"] .card-media .object-fit {
    z-index: 3;
}

.card[data-card="content"] .card-media:before,
.card[data-card="content"] .card-media:after {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--spacing-4xs));
    z-index: 1;
    opacity: 1;
    transform: scale(0.85);
    transition: var(--duration-x3) cubic-bezier(0.22, 1, 0.36, 1);
}

.card[data-card="content"] .card-media:before {
    border: 0.3rem solid var(--color-burgandy);
}

.card[data-card="content"] .card-media:after {
    border: 0.1rem solid var(--color-burgandy);
    margin: 0.7rem;
}

html.no-touchevents .card[data-card="content"]:hover .card-media:before,
html.no-touchevents .card[data-card="content"]:hover .card-media:after {
    opacity: 1;
    transform: scale(1);
}

.card[data-card="content"] .card-content {
    /* padding: 0 var(--spacing-7xs); */
    margin-top: var(--spacing-sm);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
    text-align: center;
}

.card[data-card="content"] .card-subttl > * {
    color: var(--color-gray-500);
}

html.no-touchevents .card[data-card="content"]:hover .card-ttl > * {
    color: var(--color-burgandy);
}

/* CAPTION SLIDE */
.caption-slide .media {
    aspect-ratio: 1.5;
    height: auto;
}

.caption-slide figcaption {
    margin-top: var(--spacing-xs);
    margin-left: auto;
    margin-right: auto;
    max-width: var(--max-width-md);
    font-size: var(--font-size-description);
    line-height: var(--line-height-description);
    font-weight: var(--font-weight-regular);
    color: var(--color-gray-500);
    text-align: center;
}

.caption-slide .swiper-pagination {
    margin-top: var(--spacing-2sm);
}

.caption-slide .swiper-pagination-bullet {
    --rgb: var(--color-black-rgb);
}

.caption-slide .swiper-pagination-bullet::before {
    background-color: var(--color-burgandy);
}

/* WINE CARD */
.wine-card-container {
    --column: 3;
    --gap-x: var(--spacing-2sm);
    margin-top: var(--spacing-2xl);
}

.wine-card-container .swiper {
    overflow: visible;
}

.card[data-card="wine"] {
    aspect-ratio: 0.6666666667;
    overflow: hidden;
}

.card[data-card="wine"]:before,
.card[data-card="wine"]:after {
    content: "";
    position: absolute;
    z-index: 1;
    scale: 1.2;
    transition: scale 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.card[data-card="wine"]:before {
    inset: var(--spacing-3xs);
    border: 0.5rem solid var(--color-white);
}

.card[data-card="wine"]:after {
    inset: var(--spacing-sm);
    border: 0.1rem solid var(--color-white);
}

html.no-touchevents .card[data-card="wine"]:hover:before,
html.no-touchevents .card[data-card="wine"]:hover:after {
    scale: 1;
}

.card[data-card="wine"] .card-logo {
    position: absolute;
    z-index: 1;
    top: var(--spacing-2lg);
    left: 50%;
    transform: translateX(-50%);
    width: 27.6785714286%;
    aspect-ratio: 1.7222222222;
}

.card[data-card="wine"] .card-logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    -webkit-filter: var(--color-filter-white);
            filter: var(--color-filter-white);
}

.card[data-card="wine"] .card-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    transition: scale 1.2s cubic-bezier(0.22, 1, 0.36, 1);
    mix-blend-mode: multiply;
}

html.no-touchevents .card[data-card="wine"]:hover .card-media {
    scale: 1.07;
}

.card[data-card="wine"] .card-content {
    height: 100%;
    justify-content: flex-end;
    align-items: center;
    color: var(--color-white);
    z-index: 10;
}

.card[data-card="wine"] .card-content .card-button {
    opacity: 0;
    transition:
        opacity var(--duration-x2) var(--timing-function),
        margin-bottom 1.2s cubic-bezier(0.22, 1, 0.36, 1);
    margin-bottom: calc(-1 * var(--spacing-lg));
}

html.no-touchevents .card[data-card="wine"]:hover .card-content .card-button {
    opacity: 1;
    margin-bottom: var(--spacing-lg);
}

.wine-card-container .swiper-pagination {
    margin-top: var(--spacing-md);
}

.wine-card-container .swiper-pagination .swiper-pagination-bullet::before {
    background-color: #96272b;
}

.wine-card-container .swiper-pagination .swiper-pagination-bullet {
    --rgb: var(--color-burgandy-rgb);
}

/* SECTION SEPARATOR */
.separator {
    width: 100%;
    border-top: 0.1rem solid var(--color-gray-100);
}

.section-separator {
    width: calc(100% - var(--spacing-container) * 2);
    margin-left: auto;
    margin-right: auto;
    border-top: 0.1rem solid var(--color-gray-100);
}

/* CONTACT FORM */
.contact-form {
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--spacing-3xl);
    max-width: var(--max-width-sm);
}

.success-toast {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: fixed;
    top: var(--spacing-sm);
    left: 50%;
    transform: translateX(-50%);
    padding: var(--spacing-xs);
    background-color: var(--color-off-white);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: var(--spacing-4xs);
    z-index: 999;
    display: none;
}

.success-toast:before {
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><mask id="mask0_274_3062" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_274_3062)"><path d="M8.92178 12.7115L13.6076 8.04654L12.8337 7.27258L8.92178 11.1636L7.15095 9.41362L6.37699 10.1876L8.92178 12.7115ZM10.0018 17.5834C8.96234 17.5834 7.98171 17.3861 7.05991 16.9913C6.1381 16.5966 5.3313 16.0535 4.63949 15.362C3.94769 14.6704 3.40428 13.864 3.00928 12.9426C2.61442 12.0212 2.41699 11.0408 2.41699 10.0015C2.41699 8.94821 2.61435 7.96411 3.00908 7.04925C3.4038 6.13439 3.94692 5.33105 4.63845 4.63925C5.32998 3.94744 6.13644 3.40404 7.05783 3.00904C7.97921 2.61418 8.95956 2.41675 9.99887 2.41675C11.0522 2.41675 12.0363 2.61411 12.9512 3.00883C13.866 3.40355 14.6694 3.94668 15.3612 4.63821C16.053 5.32973 16.5964 6.13272 16.9914 7.04716C17.3862 7.96161 17.5837 8.94543 17.5837 9.99862C17.5837 11.0381 17.3863 12.0187 16.9916 12.9405C16.5969 13.8623 16.0537 14.6691 15.3622 15.3609C14.6707 16.0527 13.8677 16.5961 12.9532 16.9911C12.0388 17.386 11.055 17.5834 10.0018 17.5834Z" fill="%23A51D3F"/></g></svg>');
    width: 2rem;
    aspect-ratio: 1;
}

.contact-form .form-cta {
    margin: var(--spacing-lg) auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.contact-form .or-separator {
    display: flex;
    align-items: center;
    gap: var(--spacing-5xs);
    color: var(--color-gray-500);
    font-size: var(--font-size-description);
    line-height: var(--line-height-description);
    margin-bottom: var(--spacing-lg);
}

.contact-form .or-separator:before,
.contact-form .or-separator:after {
    content: "";
    flex-grow: 1;
    height: 0.1rem;
    background-color: var(--color-gray-100);
}

.contact-form .alternative-contact {
    display: flex;
    gap: var(--spacing-lg);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

/* PRODUCT CARD */
.card[data-card="product"] {
    /* margin-bottom: var(--spacing-lg); */
    font-size: var(--font-size-overline);
    line-height: var(--line-height-overline);
}

.card[data-card="product"] .card-media {
    width: 78.5714285714%;
    aspect-ratio: 0.7927927928;
    position: relative;
    margin: 0 auto;
    overflow: visible;
}

.card[data-card="product"] .card-media .product-bg-media {
    width: 51.1904761905%;
    aspect-ratio: 1;
    position: absolute;
    z-index: 0;
    top: 11.1111111111%;
    left: 50%;
    transform: translateX(-50%);
    transition: transform var(--duration-x3) cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 50%;
    overflow: hidden;
}

.card[data-card="product"] .card-media .product-media {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    transition: transform var(--duration-x3) cubic-bezier(0.25, 1, 0.5, 1);
}

.card[data-card="product"] .card-media .product-media > * {
    -webkit-filter: var(--product-drop-shadow);
            filter: var(--product-drop-shadow);
}

html.no-touchevents
    .card[data-card="product"]:hover
    .card-media
    .product-bg-media {
    transform: translateX(-50%) scale(1.81);
}

html.no-touchevents
    .card[data-card="product"]:hover
    .card-media
    .product-media {
    transform: scale(0.9393939394);
}

.card[data-card="product"] .card-content {
    gap: var(--spacing-3xs);
    margin-top: var(--spacing-4lg);
    align-items: center;
    text-align: center;
}

.card[data-card="product"] .card-content .product-name > * {
    margin-top: calc(-1 * var(--spacing-6xs));
    margin-bottom: calc(-1 * var(--spacing-6xs));
}

.card[data-card="product"] .card-content .product-year > * {
    margin-top: calc(-1 * var(--spacing-6xs));
    margin-bottom: calc(-1 * var(--spacing-6xs));
}

/* CURVE BG */
.curve-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;

    -webkit-clip-path: shape(
        from top left,
        hline to 100%,
        vline to calc(100% - var(--pc-offset)),
        curve to 0% calc(100% - var(--pc-offset)) with 50%
            calc(100% + var(--pc-offset))
    );

            clip-path: shape(
        from top left,
        hline to 100%,
        vline to calc(100% - var(--pc-offset)),
        curve to 0% calc(100% - var(--pc-offset)) with 50%
            calc(100% + var(--pc-offset))
    );
    -webkit-clip-path: path(
        "M0,var(--pc-offset) Q50%,calc(-1 * var(--pc-offset)) 100%,var(--pc-offset) V100% H0 Z"
    );
            clip-path: path(
        "M0,var(--pc-offset) Q50%,calc(-1 * var(--pc-offset)) 100%,var(--pc-offset) V100% H0 Z"
    );
}

/* SHOP FILTER */
.shop-filter {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--spacing-2sm);
    max-width: var(--max-width-lg);
    margin: 0 auto;
}

/* .shop-filter.show-sortby {
    grid-template-columns: repeat(6, 1fr);
    max-width: 144rem;
} */

.shop-filter .sortby-section {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-width: 21.2rem;
}

.shop-filter .sortby-section .sortby-label {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: var(--color-burgandy);
}

.shop-filter
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    padding: 0;
    padding-left: var(--spacing-4lg);
    line-height: var(--line-height-body);
    border-bottom: none;
}

.shop-filter .select2-container--default .select2-selection--single {
    height: auto;
}

.shop-filter .filter-ttl {
    margin-bottom: var(--spacing-2xs);
}

.shop-filter .checkbox-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
}

.form-shop-filter .form-cta {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-lg);
    margin-top: var(--spacing-lg);
    flex-wrap: wrap;
}

.shop-filter .checkbox label {
    display: flex;
    align-items: center;
    gap: var(--spacing-4xs);
}

.shop-filter .checkbox label .decoration[class*="country-"] {
    display: block;
    width: 2rem;
    aspect-ratio: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
}

/* DUAL BANNER */
.dual-banner {
    --gap: var(--spacing-container);
    display: flex;
    gap: var(--gap);
}
.dual-banner > [class*="banner-"] {
    --container-width: calc(100vw - var(--spacing-container) * 2);
    --banner-width: calc((var(--container-width) - var(--gap)) / 2);
    width: var(--banner-width);
    min-height: var(--banner-width);
    position: relative;
    padding: var(--spacing-md) var(--spacing-xs);
}

.dual-banner .logo-small {
    position: absolute;
    bottom: var(--spacing-md);
    right: var(--spacing-md);
    height: max(2.7083333333vw, 3.9rem);
    aspect-ratio: 2;
}

.dual-banner .banner-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dual-banner [class*="block-content-"] {
    position: relative;
    z-index: 1;
    max-width: var(--max-width-sm);
    text-wrap: pretty;
}

/* PAGE */
[class*="bg-decoration-"] {
    z-index: 0;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

[class*="bg-decoration-"].fixed {
    position: fixed;
}

/* PAGE: INDEX */
.bg-decoration-type-1 {
    position: absolute;
    aspect-ratio: var(--bg-1-aspect);
    background-image: url("../media/design/bg-decoration/bg-decoration-1.png");
}
.index-main .bg-decoration-type-1 {
    width: 50%;
    top: calc(100dvh - 23vh);
    left: -4%;
}

/* INDEX LOADING */
.index-loading {
    position: fixed;
    inset: 0;
    background-color: var(--color-white);
    z-index: 999;
}
.index-loading .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.index-loading .media {
    position: relative;
    width: 15.6rem;
    aspect-ratio: 1.1304347826;
}

/* Morph Logo */
#morph-loading {
    display: block;
    position: absolute;
    top: 31.5%;
    left: 50%;
    transform: translateX(-50%);
    aspect-ratio: 1.68;
    width: 26.9230769231%;
    height: auto;
}

#morph-loading svg {
    width: 4.2rem;
    height: 2.5rem;
}

#morph-loading #high {
    visibility: hidden;
}

/* NEWS POPUP */
.news-popup {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 400;
    background-color: rgba(var(--color-black-rgb), 0.3);
}
.news-popup-inner {
    padding: var(--spacing-container);
    height: 100%;
    width: 100%;
}
.news-popup-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md);
}

.news-popup-content .media {
    width: 34.7222222222vw;
    aspect-ratio: 1;
    box-shadow: var(--box-shadow);
}

/* AGE FILTER */
.age-filter {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 300;
    background-color: rgba(var(--color-white-rgb), 0.8);
}

.age-filter-inner {
    padding: var(--spacing-container);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.age-filter-content {
    width: 44rem;
    background-color: var(--color-off-white);
    padding: var(--spacing-4xl) var(--spacing-md);
    box-shadow: var(--box-shadow);
    overflow: hidden;
    position: relative;
}

.age-filter-content::after {
    content: "";
    width: 100%;
    aspect-ratio: var(--bg-1-aspect);
    position: absolute;
    bottom: -27%;
    left: -34%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../media/design/bg-decoration/bg-decoration-1.png");
}

.age-filter-content-inner {
    --logo-height: 5.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-2sm);
    text-align: center;
    position: relative;
    z-index: 1;
}

.age-filter-content-inner::before {
    content: "";
    width: 6rem;
    aspect-ratio: 3.5294117647;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="18" viewBox="0 0 60 18" fill="none"><path d="M30.1257 6.52453C28.169 6.22877 26.2201 5.93301 24.2635 5.64503C23.124 5.48159 21.9925 5.27144 20.8452 5.18582C18.4013 4.99903 15.9731 4.67992 13.5057 4.65657C11.1168 4.641 8.74359 4.5943 6.394 4.99903C5.15241 5.20918 3.94226 5.60612 2.73996 6.00306C1.89914 6.27547 1.1762 6.78138 0.571121 7.66866C1.11333 7.89438 1.56911 8.08896 2.10346 8.31467C1.52982 8.90619 0.948298 8.47812 0.437517 8.50925C-0.254 7.21724 -0.159687 6.62571 0.964029 5.87074C2.61424 4.75775 4.39018 3.83155 6.24471 3.09215C6.87336 2.84309 7.58845 2.79638 8.27211 2.6952C11.604 2.21265 14.9516 2.29048 18.2598 2.7886C22.9669 3.48909 27.6582 4.32189 32.3495 5.13134C33.0332 5.24809 33.5911 5.07686 34.2119 4.80445C37.2216 3.46574 40.2234 2.03363 43.4609 1.35649C46.2977 0.76497 49.1895 0.173449 52.1442 0.710489C54.2187 1.08408 56.2776 1.51216 58.2421 2.32161C59.1694 2.70299 59.7666 3.30229 59.963 4.29076C60.0809 4.85893 59.908 5.31036 59.5701 5.76956C58.5643 7.11606 57.0084 7.33399 55.5468 7.7465C53.873 8.22127 52.1521 8.19792 50.4311 8.28353C47.5236 8.43141 44.6239 8.32245 41.7243 8.14344C39.5475 8.01112 37.3866 7.66088 35.2335 7.34955C34.4634 7.24059 33.8425 7.38847 33.1589 7.75428C30.7071 9.0852 28.2161 10.3461 25.7408 11.6381C25.3479 11.8482 24.9628 12.074 24.4285 12.3775C24.6721 12.5565 24.7742 12.6577 24.8921 12.7044C28.2475 14.0587 31.6658 15.1794 35.3277 15.3507C36.145 15.3896 36.8522 15.2339 37.638 14.7669C37.0879 14.5568 36.6322 14.3856 36.1135 14.1832C36.8443 13.8252 37.583 13.8719 37.9445 14.2532C38.3138 14.6346 38.2588 15.2806 37.7795 15.4908C37.1351 15.7865 36.5222 16.0745 35.7206 16.0434C32.3338 15.9033 29.1512 14.9693 25.9923 13.8641C25.1279 13.5605 24.232 13.0157 23.3833 13.0702C22.5346 13.1247 21.7253 13.8018 20.8923 14.1832C18.2834 15.3896 15.6981 16.6427 12.8534 17.2342C12.4369 17.3198 12.0204 17.3587 11.604 17.4366C9.89874 17.7401 8.71217 16.9229 7.77705 15.6542C6.77906 14.3077 7.2977 12.6577 8.95577 11.7471C10.606 10.8442 12.3976 10.4473 14.2679 10.455C16.5467 10.4628 18.7942 10.7742 20.9709 11.4279C21.5838 11.6147 22.0474 11.5291 22.5896 11.2022C25.0807 9.70786 27.5953 8.2524 30.1021 6.78916C30.1021 6.70355 30.1178 6.61793 30.1257 6.53232V6.52453ZM36.9858 5.71508C36.9937 5.8007 37.0094 5.88631 37.0172 5.96414C38.4867 6.15094 39.9562 6.36887 41.4414 6.50897C42.738 6.62571 44.0503 6.62572 45.3469 6.71911C48.8595 6.99153 52.3799 7.27172 55.8768 6.56345C56.694 6.4 57.5349 6.22877 58.305 5.90188C59.4208 5.43489 59.4916 4.42307 58.5171 3.68367C58.2185 3.45796 57.8728 3.24003 57.5113 3.13885C55.814 2.67964 54.1166 2.18929 52.3957 1.8624C51.2012 1.63669 49.9518 1.51994 48.7337 1.58221C44.4118 1.80014 40.632 3.5747 36.9937 5.7073L36.9858 5.71508ZM20.5387 12.3619C20.523 12.2763 20.5073 12.1907 20.4915 12.1051C17.3719 11.0232 14.1972 11.031 10.991 11.6614C9.91448 11.8716 9.00292 12.4242 8.28783 13.2803C7.65917 14.0353 7.73774 14.7125 8.49213 15.3507C8.96362 15.7554 9.48227 15.6698 10.0166 15.6231C12.4369 15.4207 14.7472 14.7436 17.0104 13.9419C18.2205 13.5138 19.36 12.8912 20.5308 12.3619H20.5387Z" fill="%23A51D3F"/></svg>');
}

/* Age Filter Button States */
.age-filter-submit.disabled,
.age-filter-submit:disabled {
    cursor: not-allowed;
}

.digit-group {
    --gap: var(--spacing-2xs);
    display: flex;
    gap: var(--gap);
    width: 100%;
}

.digit-group > input {
    width: calc((100% - var(--gap) * 3) / 4);
    height: 15.8rem;
    font-family: var(--font-heading);
    font-size: var(--font-size-h1);
    line-height: var(--line-height-h1);
    font-weight: var(--font-weight-medium);
    color: var(--color-burgandy);
    text-align: center;
    border: 0.1rem solid var(--color-gray-100);
}

/* INDEX HERO */
[data-section="index-hero"] {
    height: 100svh;
}

[data-section="index-hero"] .curve-bg {
    -webkit-clip-path: polygon(
        100% 83.526%,
        100% 83.526%,
        96.016% 86.467%,
        91.774% 89.157%,
        87.29% 91.584%,
        82.581% 93.732%,
        77.664% 95.589%,
        72.556% 97.14%,
        67.275% 98.37%,
        61.836% 99.266%,
        56.257% 99.814%,
        50.556% 100%,
        50.556% 100%,
        44.689% 99.803%,
        38.954% 99.223%,
        33.368% 98.275%,
        27.949% 96.975%,
        22.717% 95.337%,
        17.69% 93.377%,
        12.887% 91.11%,
        8.325% 88.552%,
        4.023% 85.718%,
        0% 82.623%,
        0% 0%,
        100% 0%,
        100% 83.526%
    );
            clip-path: polygon(
        100% 83.526%,
        100% 83.526%,
        96.016% 86.467%,
        91.774% 89.157%,
        87.29% 91.584%,
        82.581% 93.732%,
        77.664% 95.589%,
        72.556% 97.14%,
        67.275% 98.37%,
        61.836% 99.266%,
        56.257% 99.814%,
        50.556% 100%,
        50.556% 100%,
        44.689% 99.803%,
        38.954% 99.223%,
        33.368% 98.275%,
        27.949% 96.975%,
        22.717% 95.337%,
        17.69% 93.377%,
        12.887% 91.11%,
        8.325% 88.552%,
        4.023% 85.718%,
        0% 82.623%,
        0% 0%,
        100% 0%,
        100% 83.526%
    );
}

[data-section="index-hero"] .sc-inner {
    overflow: clip;
}

[data-section="index-hero"] *:is(.sc-inner, .container, .content) {
    height: 100%;
}

[data-section="index-hero"] .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-md);
}

[data-section="index-hero"] .content .index-hero-logo > img {
    display: inline-block;
    vertical-align: top;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    height: 15.3rem;
}

@-webkit-keyframes translateYInFromTop {
    from {
        transform: translateY(-5%);
    }
    to {
        transform: translateY(0);
    }
}

@keyframes translateYInFromTop {
    from {
        transform: translateY(-5%);
    }
    to {
        transform: translateY(0);
    }
}

.translateYInFromTop {
    -webkit-animation-name: translateYInFromTop;
    animation-name: translateYInFromTop;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
            animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    transform: translateY(-10%);
}

@-webkit-keyframes translateYInFromTopFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes translateYInFromTopFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.translateYInFromTopFadeIn {
    -webkit-animation-name: translateYInFromTopFadeIn;
    animation-name: translateYInFromTopFadeIn;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-timing-function: var(--timing-function);
            animation-timing-function: var(--timing-function);
    opacity: 0;
    transform: translateY(-20%);
}

@-webkit-keyframes translateYInFromBottomFadeIn {
    from {
        opacity: 0;
        transform: translateY(20%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes translateYInFromBottomFadeIn {
    from {
        opacity: 0;
        transform: translateY(20%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.translateYInFromBottomFadeIn {
    -webkit-animation-name: translateYInFromBottomFadeIn;
    animation-name: translateYInFromBottomFadeIn;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-timing-function: var(--timing-function);
            animation-timing-function: var(--timing-function);
    opacity: 0;
    transform: translateY(20%);
}

[data-section="index-hero"] .content .index-hero-logo {
    opacity: 0;
    transform: translateY(-20%);
    -webkit-animation-delay: var(--duration);
            animation-delay: var(--duration);
    -webkit-animation-duration: var(--duration-x2);
            animation-duration: var(--duration-x2);
}

[data-section="index-hero"] .content .block-content-center {
    opacity: 0;
    transform: translateY(20%);
    -webkit-animation-delay: var(--duration);
            animation-delay: var(--duration);
    -webkit-animation-duration: var(--duration-x2);
            animation-duration: var(--duration-x2);
}

[data-section="index-hero"] .curve-bg .cover {
    transform: translateY(-5%);
    width: calc(100% + 10%);
    height: calc(100% + 10%);
}

/* INDEX SHOP CTA */
[data-section="shop-cta"] .sc-inner:before,
[data-section="shop-cta"] .sc-inner:after {
    content: "";
    width: calc(100% - var(--spacing-container) * 2);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--color-gray-100);
    z-index: 0;
    height: 0.1rem;
}

[data-section="shop-cta"] .sc-inner:before {
    top: 0;
}

[data-section="shop-cta"] .sc-inner:after {
    bottom: 0;
}
[data-section="shop-cta"] [class*="block-content-"] {
    margin-bottom: var(--spacing-md);
}

/* BANNER FULL WIDTH */
[data-section="banner-full-width"] .content {
    min-height: 60rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: var(--spacing-md) var(--spacing-container);
}

[data-section="banner-full-width"] [class*="block-content-"] {
    position: relative;
    z-index: 1;
}

/* WINE SOURCING */
[data-section="wine-sourcing"] {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

[data-section="wine-sourcing"] .pan-section-container {
    max-width: calc(100vw - var(--spacing-container) * 2);
    margin-left: auto;
    margin-right: auto;
    background-color: var(--color-off-white);
    position: relative;
}

/* Pan Info */
[data-section="wine-sourcing"] .pan-info {
    --offset-left: calc(-1 * var(--spacing-container));
    --offset-bottom: calc(-1 * (var(--gap-section) / 4));
    position: absolute;
    bottom: var(--offset-bottom);
    left: var(--offset-left);
    padding-left: calc((var(--offset-left) * -1) + var(--spacing-2sm));
    padding-bottom: calc((var(--offset-bottom) * -1) + var(--spacing-2sm));
    width: 47.6rem;
    aspect-ratio: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="490" height="483" viewBox="0 0 490 483" fill="none"><g opacity="0.9" filter="url(%23filter0_f_392_4560)"><path d="M-25.9999 40L450 507H-26L-25.9999 40Z" fill="%23FAF7F0"/></g><defs><filter id="filter0_f_392_4560" x="-66" y="0" width="556" height="547" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="20" result="effect1_foregroundBlur_392_4560"/></filter></defs></svg>');
    pointer-events: none;
}

.pan-info .location-list {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.pan-info .location-list-item {
    display: flex;
    align-items: center;
    pointer-events: auto;
    cursor: pointer;
    padding-bottom: var(--spacing-4xs);
}

.pan-info .location-list-item .decoration {
    display: block;
    height: 2rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition:
        width var(--duration) var(--timing-function),
        margin-right var(--duration) var(--timing-function);
    width: 0;
}

.pan-info .location-list-item.active .decoration,
html.no-touchevents .pan-info .location-list-item:hover .decoration {
    width: 3rem;
    margin-right: var(--spacing-4xs);
}

/* Pan Instruction */
[data-section="wine-sourcing"] .pan-instruction {
    position: absolute;
    right: calc(-1 * var(--spacing-5xs));
    bottom: calc(-1 * var(--spacing-sm));
    padding-right: var(--spacing-3lg);
    padding-bottom: var(--spacing-lg);
    width: 42.1rem;
    aspect-ratio: 2.07299270073;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="321" height="167" viewBox="0 0 321 167" fill="none"><g opacity="0.9" filter="url(%23filter0_f_392_4826)"><path d="M40 177L324 40L324 177L40 177Z" fill="%23FAF7F0"/></g><defs><filter id="filter0_f_392_4826" x="0" y="2.84475e-06" width="364" height="217" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="20" result="effect1_foregroundBlur_392_4826"/></filter></defs></svg>');
    pointer-events: none;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.pan-instruction .pan-instruction-text {
    display: flex;
    align-items: center;
    gap: var(--spacing-4xs);
}

.pan-instruction .pan-instruction-text:before {
    content: "";
    display: block;
    width: 1.6rem;
    aspect-ratio: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8.00003 15.7115L4.78857 12.5L5.55462 11.734L7.45837 13.6379V8.54167H2.3542L4.25795 10.4535L3.50003 11.2115L0.288574 8L3.50795 4.78042L4.27399 5.54646L2.36212 7.45834H7.45837V2.36209L5.55462 4.26604L4.78857 3.5L8.00003 0.288544L11.2115 3.5L10.4454 4.26604L8.5417 2.36209V7.45834H13.6459L11.7421 5.54646L12.5 4.78854L15.7115 8L12.5 11.2115L11.734 10.4454L13.6379 8.54167H8.5417V13.6458L10.4536 11.7421L11.2115 12.5L8.00003 15.7115Z" fill="black"/></svg>');
}

.pan-instruction .pan-instruction-text.back {
    pointer-events: auto;
    cursor: pointer;
    gap: var(--spacing-2xs);
}

.pan-instruction .pan-instruction-text.back:before {
    width: 1.1rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M2.49817 6.54169L6.76588 10.8094L5.99984 11.5834L0.416504 6.00002L5.99984 0.416687L6.76588 1.19065L2.49817 5.45835H11.5832V6.54169H2.49817Z" fill="black"/></svg>');
}

/* Pan Section */
.pan-section-content {
    width: calc(100vw - var(--spacing-container) * 2);
    height: calc(100dvh - (var(--gap-section) / 4) * 2);
    min-height: 72rem;
}

.pan-section-content .pan-section-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 136.7816091954%;
    height: auto;
    aspect-ratio: 1.7435897436;
}

/* Pan Map Pin */
.pan-map-pin {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
    cursor: pointer;
}

.pan-map-pin * {
    pointer-events: none;
}

.pan-map-pin .text {
    position: absolute;
    left: 50%;
    bottom: calc(100% + var(--spacing-6xs));
    transform: translateX(-50%);
    font-family: "EB Garamond", serif;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: var(--font-weight-medium);
    text-align: center;
    text-transform: uppercase;
    color: var(--color-brown);
    transition: opacity var(--duration) var(--timing-function);
    width: 9rem;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

.pan-map-pin .pin-marker {
    display: block;
    width: 2.8rem;
    aspect-ratio: 1;
    background-color: rgba(var(--color-brown-rgb), 0.1);
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    transition: transform var(--duration) var(--timing-function);
}

.pan-map-pin .pin-marker::after,
.pan-map-pin .pin-marker::before {
    content: "";
    aspect-ratio: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden;
}

.pan-map-pin .pin-marker::before {
    width: 1.8rem;
    background-color: rgba(var(--color-brown-rgb), 0.1);
}

.pan-map-pin .pin-marker::after {
    width: 0.8rem;
    background-color: var(--color-brown);
}

@-webkit-keyframes pinMarkerAnimation {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--color-brown-rgb), 0.2);
    }
    100% {
        box-shadow: 0 0 0 1rem rgba(var(--color-brown-rgb), 0);
    }
}

@keyframes pinMarkerAnimation {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--color-brown-rgb), 0.2);
    }
    100% {
        box-shadow: 0 0 0 1rem rgba(var(--color-brown-rgb), 0);
    }
}

html.no-touchevents .pan-map-pin:hover,
.pan-map-pin.active {
    z-index: 20;
}

html.no-touchevents .pan-map-pin:hover .pin-marker,
.pan-map-pin.active .pin-marker {
    transform: scale(1.2);
    -webkit-animation: pinMarkerAnimation 1s ease-in-out infinite;
            animation: pinMarkerAnimation 1s ease-in-out infinite;
}

html.no-touchevents .pan-map-pin:hover .text,
.pan-map-pin.active .text {
    opacity: 0;
}

.pan-map-pin .pin-hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9.6rem;
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    z-index: 10;
    overflow: hidden;
}

.pan-map-pin .pin-hover-content .cover {
    border-radius: 50%;
    overflow: hidden;
    opacity: 0;
    scale: 0.7;
    transition:
        opacity var(--duration) var(--timing-function),
        scale var(--duration) var(--timing-function);
}

html.no-touchevents .pan-map-pin:hover .pin-hover-content .cover,
.pan-map-pin.active .pin-hover-content .cover {
    opacity: 1;
    scale: 1;
}

.pan-map-pin .pin-hover-content .flag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-160%));
    width: 3rem;
    aspect-ratio: 3 / 2;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: opacity var(--duration) var(--timing-function);
    opacity: 0;
}

html.no-touchevents .pan-map-pin:hover .pin-hover-content .flag,
.pan-map-pin.active .pin-hover-content .flag {
    opacity: 1;
    transition-delay: 0.2s;
}

.pan-map-pin .pin-hover-content .country-name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -0.5rem);
    opacity: 0;
    transition: opacity var(--duration) var(--timing-function);
    color: var(--color-white);
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    line-height: 1.2;
    font-weight: var(--font-weight-regular);
    text-align: center;
    width: 6rem;
}

html.no-touchevents .pan-map-pin:hover .pin-hover-content .country-name,
.pan-map-pin.active .pin-hover-content .country-name {
    opacity: 1;
    transition-delay: 0.2s;
}

/* Pan Section Overlay */
[data-section="wine-sourcing"] .pan-section-overlay {
    max-width: calc(100vw - var(--spacing-container) * 2);
    background-color: var(--color-off-white);
    position: absolute;
    top: 0;
    left: var(--spacing-container);
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--duration) var(--timing-function);
}
[data-section="wine-sourcing"] .pan-section-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

.pan-section-overlay .pan-section-content .pan-section-overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 130%;
    height: auto;
    aspect-ratio: 1.8754578755;
}

/* INDEX STORES */
.stores-list {
    padding: var(--spacing-2sm) var(--spacing-container);
    background-color: var(--color-dark-burgandy);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2sm);
}

.stores-list .store {
    aspect-ratio: 1.75;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--color-white);
}

.stores-list .store:nth-child(3n + 2) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
}

.stores-list .store:nth-child(3n + 3) {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
}

.stores-list .store li {
    line-height: var(--line-height-description);
}

.stores-list .store .underline-hover {
    --hover-rgb: var(--color-white-rgb);
    --rgb: var(--color-white-rgb);
}

.stores-list .store .store-content {
    position: relative;
    z-index: 2;
}

.stores-list .store .store-content .city-name {
    margin-bottom: var(--spacing-xs);
}

/* PAGE: CONTACT */
.bg-decoration-type-2[data-bg="1"] {
    width: 31.1111111111%;
    left: -12.4305555556%;
    top: 24.09722222222vw;
    aspect-ratio: 1.02283105023;
    background-image: url("../media/design/bg-decoration/bg-decoration-4.svg");
}

.bg-decoration-type-2[data-bg="2"] {
    width: 25%;
    left: 87.5%;
    top: -13.6111111111vw;
    aspect-ratio: 0.8910891089;
    background-image: url("../media/design/bg-decoration/bg-decoration-5.svg");
}

[data-section="contact"] .contact-geeting {
    margin: var(--spacing-3xl) auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3xl);
}

/* PAGE: FAQ */
.bg-decoration-type-3[data-bg="1"] {
    width: 32.7777777778%;
    aspect-ratio: 0.8708487085;
    left: -7.9861111111%;
    top: 27.08333333333vw;
    background-image: url("../media/design/bg-decoration/bg-decoration-2.svg");
}

.bg-decoration-type-3[data-bg="2"] {
    width: 15.9027777778%;
    aspect-ratio: 0.9087301587;
    right: -4.1666666667%;
    top: 0;
    background-image: url("../media/design/bg-decoration/bg-decoration-3.svg");
}

/* PAGE: CUSTOMER SUPPORT */
.customer-support-main .support-social {
    margin-top: var(--spacing-3xl);
    text-align: center;
}

/* PAGE: SELLING WINE */
[data-section="selling-wine"] [class*="block-content-"] {
    text-wrap: pretty;
}

[data-section="selling-wine"] .block-desc {
    max-width: var(--max-width-md);
}

[data-section="selling-wine"] .block-desc a {
    text-decoration: underline;
    color: var(--color-burgandy);
}

[data-section="selling-wine"] .form-separator {
    margin: var(--spacing-5xl) auto;
    height: 0.1rem;
    background-color: var(--color-gray-100);
}

[data-section="selling-wine"] .form-note {
    margin: 0 auto;
    max-width: var(--max-width-md);
}

/* PAGE: TERMS */
[data-section="terms"] .entry-content {
    margin: 0 auto;
    margin-top: var(--spacing-5xl);
    max-width: var(--max-width-md);
}

/* PAGE: OUR STORES */
[data-section="our-stores"] .stores {
    --gap: var(--spacing-2sm);
    display: flex;
    gap: var(--gap);
    margin-top: var(--spacing-3xl);
}

[data-section="our-stores"] .stores > * {
    --width: calc((50vw - var(--spacing-container)) - var(--gap) / 2);
    width: var(--width);
    min-height: var(--width);
    position: relative;
}

[data-section="our-stores"] .stores .map-marker {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4.8rem;
    aspect-ratio: 1;
}

[data-section="our-stores"] .stores .map-cta {
    position: absolute;
    left: var(--spacing-2sm);
    right: var(--spacing-2sm);
    bottom: var(--spacing-2sm);
    display: flex;
    gap: var(--spacing-2sm);
    align-items: center;
    justify-content: space-between;
}

[data-section="our-stores"] .stores .accordion-container {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../media/design/stores-bg.jpg");
    color: var(--color-white);
    padding: 6.9444444444vw 8.3333333333vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

[data-section="our-stores"] .stores .accordion.active .entry-title,
[data-section="our-stores"] .stores .accordion.active .entry-title:after {
    color: var(--color-white);
}

[data-section="our-stores"] .stores .entry-content a {
    color: var(--color-white);
}

html.no-touchevents
    [data-section="our-stores"]
    .stores
    .accordion
    .entry-content
    a:hover {
    opacity: 0.7;
}

/* PAGE: NOT FOUND */
.not-found-main {
    background-color: var(--color-burgandy);
}

[data-section="not-found"] {
    height: 100svh;
}

[data-section="not-found"] *:is(.sc-inner, .container) {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-section="not-found"] [class*="block-content-"] .block-cta {
    margin-top: var(--spacing-sm);
}

.not-found-main .bg-decoration-type-1 {
    width: 50%;
    top: 10.763889vw;
    left: 0;
    background-image: url("../media/design/bg-decoration/bg-decoration-1-dark.png");
}

/* PAGE: SHOP */
/* Shop Landing */
.shop-main .bg-decoration-type-1 {
    width: 50%;
    left: -4%;
    top: 25.708333vw;
}

[data-section="product-landing"] {
    padding-top: calc(var(--header-height) + var(--spacing-sm));
}

[data-section="product-landing"] .curve-bg {
    height: 75%;
    -webkit-clip-path: polygon(
        100% 78.64%,
        100% 78.64%,
        96.016% 82.453%,
        91.774% 85.941%,
        87.29% 89.088%,
        82.581% 91.873%,
        77.664% 94.281%,
        72.556% 96.291%,
        67.275% 97.886%,
        61.836% 99.048%,
        56.257% 99.759%,
        50.556% 100%,
        50.556% 100%,
        44.689% 99.745%,
        38.954% 98.993%,
        33.368% 97.764%,
        27.949% 96.078%,
        22.717% 93.954%,
        17.69% 91.413%,
        12.887% 88.474%,
        8.325% 85.157%,
        4.023% 81.482%,
        0% 77.469%,
        0% 0%,
        100% 0%,
        100% 78.64%
    );
            clip-path: polygon(
        100% 78.64%,
        100% 78.64%,
        96.016% 82.453%,
        91.774% 85.941%,
        87.29% 89.088%,
        82.581% 91.873%,
        77.664% 94.281%,
        72.556% 96.291%,
        67.275% 97.886%,
        61.836% 99.048%,
        56.257% 99.759%,
        50.556% 100%,
        50.556% 100%,
        44.689% 99.745%,
        38.954% 98.993%,
        33.368% 97.764%,
        27.949% 96.078%,
        22.717% 93.954%,
        17.69% 91.413%,
        12.887% 88.474%,
        8.325% 85.157%,
        4.023% 81.482%,
        0% 77.469%,
        0% 0%,
        100% 0%,
        100% 78.64%
    );
}

[data-section="product-landing"] .content {
    margin-left: auto;
    margin-right: 16.6666666667vw;
    display: flex;
    gap: max(var(--spacing-xl), 4.1666666667vw);
    justify-content: flex-end;
}

[data-section="product-landing"] .content .product-content {
    margin-top: max(5.5555555556vw, 8rem);
    max-width: max(29.6527777778vw, 42.7rem);
    color: var(--color-white);
}

[data-section="product-landing"] .content .product-content .block-desc {
    margin-top: calc(-1 * var(--spacing-5xs));
    margin-bottom: var(--spacing-5xs);
}

@-webkit-keyframes progressBar {
    from {
        transform: scaleX(0);
    }
    to {
        transform: scaleX(1);
    }
}

@keyframes progressBar {
    from {
        transform: scaleX(0);
    }
    to {
        transform: scaleX(1);
    }
}

[data-section="product-landing"] .main-product-display {
    width: max(18.05555555556vw, 26rem);
    position: relative;
}

[data-section="product-landing"] .main-product-display .badge {
    position: absolute;
    width: max(10rem, 6.9444444444vw);
    bottom: 0;
    left: 0;
    aspect-ratio: 1;
    z-index: 5;
}

[data-section="product-landing"] .main-product-display .badge img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

[data-section="product-landing"] .product-media {
    aspect-ratio: 0.3817914831;
}

[data-section="product-landing"] .product-media > * {
    -webkit-filter: var(--product-drop-shadow);
            filter: var(--product-drop-shadow);
}

[data-section="product-landing"]
    .content
    *:is(.block-content-center, .product-media) {
    transition: opacity var(--duration) var(--timing-function);
    opacity: 0;
}

[data-section="product-landing"]
    .content
    .swiper-slide-active
    *:is(.block-content-center, .product-media) {
    opacity: 1;
    transition-delay: var(--duration);
}

[data-section="product-landing"] .content .swiper-pagination-bullet {
    width: 2.4rem;
}

/* Shop Filter */
[data-section="shop-filter"] [class*="block-content-"] {
    margin-bottom: var(--spacing-md);
}

[data-section="shop-filter"] .shop-filter-wrapper {
    margin-top: var(--spacing-2md);
    padding: var(--spacing-md) 0;
    border-top: 0.1rem solid var(--color-gray-100);
    border-bottom: 0.1rem solid var(--color-gray-100);
}

[data-section="shop-filter"] .form-shop-filter {
    padding-bottom: var(--spacing-md);
    -webkit-mask-box-image: -webkit-linear-gradient(
        -90deg,
        var(--color-bg-gray) 0%,
        var(--color-bg-gray) calc(100% - var(--spacing-2md)),
        transparent 100%
    );
}

[data-section="shop-filter"] .shop-filter-slide-toggle {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4xs);
    margin-left: auto;
    margin-right: auto;
    color: var(--color-burgandy);
}

[data-section="shop-filter"] .shop-filter-slide-toggle .ic {
    transition: transform var(--duration) var(--timing-function);
}

[data-section="shop-filter"] .shop-filter-slide-toggle.hide-filter .ic {
    transform: rotate(-180deg);
}

/* Shop List */
[data-section="shop-list"] .card-container {
    --column: 4;
    --gap-x: var(--spacing-sm);
    --gap-y: var(--spacing-2md);
}

[data-section="shop-list"] .load-more-btn {
    margin-top: var(--spacing-3xl);
    text-align: center;
}

[data-section="shop-list"] .shop-list-interlude {
    grid-column: span 2;
    aspect-ratio: 2;
    position: relative;
}

[data-section="shop-list"] .shop-list-interlude .bottle {
    width: 44.7368421053%;
    aspect-ratio: 0.852367688;
    position: absolute;
    left: 3.5087719298%;
    top: 17.5438596491%;
    z-index: 1;
}

[data-section="shop-list"] .text {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    text-align: center;
    width: 23.1111111111%;
    position: absolute;
    right: 12.134502924%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    align-items: center;
    color: var(--color-white);
}

/* PAGE: SHOP SINGLE */
.shop-single-main .bg-decoration-type-3[data-bg="1"] {
    top: 50vh;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.shop-single-main .bg-decoration-type-3[data-bg="2"] {
    top: 65.06172839506vh;
}

/* Landing */
[data-section="product-single-landing"] .curve-bg {
    height: 43.27176781%;
    -webkit-clip-path: polygon(
        100% 61.777%,
        100% 61.777%,
        96.016% 68.6%,
        91.774% 74.842%,
        87.29% 80.473%,
        82.581% 85.458%,
        77.664% 89.765%,
        72.556% 93.363%,
        67.275% 96.218%,
        61.836% 98.297%,
        56.257% 99.569%,
        50.556% 100%,
        50.556% 100%,
        44.689% 99.544%,
        38.954% 98.198%,
        33.368% 95.998%,
        27.949% 92.981%,
        22.717% 89.181%,
        17.69% 84.633%,
        12.887% 79.374%,
        8.325% 73.439%,
        4.023% 66.863%,
        0% 59.682%,
        0% 0%,
        100% 0%,
        100% 61.777%
    );
            clip-path: polygon(
        100% 61.777%,
        100% 61.777%,
        96.016% 68.6%,
        91.774% 74.842%,
        87.29% 80.473%,
        82.581% 85.458%,
        77.664% 89.765%,
        72.556% 93.363%,
        67.275% 96.218%,
        61.836% 98.297%,
        56.257% 99.569%,
        50.556% 100%,
        50.556% 100%,
        44.689% 99.544%,
        38.954% 98.198%,
        33.368% 95.998%,
        27.949% 92.981%,
        22.717% 89.181%,
        17.69% 84.633%,
        12.887% 79.374%,
        8.325% 73.439%,
        4.023% 66.863%,
        0% 59.682%,
        0% 0%,
        100% 0%,
        100% 61.777%
    );
}

[data-section="product-single-landing"] .container {
    display: flex;
    justify-content: space-between;
}

/* PRODUCT INFO 1  */
[data-section="product-single-landing"] .product-info[data-index="1"] {
    width: 23.7068965517%;
    margin-top: max(17.7777777778vw, 25.6rem);
}

.product-info[data-index="1"] .product-header {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4xs);
}

.product-info[data-index="1"] .separator {
    margin-top: var(--spacing-2sm);
}

.product-info[data-index="1"] .product-availability {
    margin-top: var(--spacing-2sm);
    display: flex;
    flex-direction: column;
}

.product-info[data-index="1"] .product-availability > * {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.product-info[data-index="1"] .product-availability .underline-hover {
    --rgb: var(--color-burgandy-rgb);
    --hover-rgb: var(--color-dark-burgandy-rgb);
    color: var(--color-burgandy);
}

.product-info[data-index="1"] .product-cta {
    margin-top: var(--spacing-sm);
}

/* PRODUCT INFO 2  */
.product-info[data-index="2"] .swiper {
    width: 13.3222222222vw;
    margin-top: max(4.1666666667vw, 6.4rem);
}

.product-info[data-index="2"] .product-media {
    width: 100%;
    aspect-ratio: 0.3817914831;
}

.product-info[data-index="2"] .product-media img {
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-filter: var(--product-drop-shadow);
            filter: var(--product-drop-shadow);
}

.product-info[data-index="2"] .year-swiper {
    -webkit-mask-box-image: -webkit-linear-gradient(
        0deg,
        transparent 0%,
        var(--color-bg-gray) var(--spacing-2lg),
        var(--color-bg-gray) calc(100% - var(--spacing-2lg)),
        transparent 100%
    );
    max-width: 19.2rem;
    margin: 0 auto;
    margin-top: var(--spacing-2sm);
}

.product-info[data-index="2"] .year-swiper .swiper-slide {
    width: auto !important;
}

.product-info[data-index="2"] .year-swiper .year-item {
    padding: var(--spacing-4xs) var(--spacing-xs);
    color: var(--color-burgandy);
}

/* PRODUCT INFO 3  */
[data-section="product-single-landing"] .product-info[data-index="3"] {
    width: 23.7068965517%;
    margin-top: max(17.7777777778vw, 25.6rem);
}

.product-character {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.product-character .product-character-item {
    display: flex;
    gap: var(--spacing-2xs);
}

.product-character .product-character-item .character-content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4xs);
}

.product-character .product-character-item .decoration {
    -webkit-filter: var(--color-filter-burgandy);
            filter: var(--color-filter-burgandy);
    width: 2.4rem;
    aspect-ratio: 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.product-character .product-character-item .content-header {
    color: var(--color-burgandy);
}

.product-character .product-character-item .scale-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
}
.product-character .product-character-item .scale-bar {
    display: flex;
    gap: var(--spacing-2xs);
    align-items: center;
}

.product-character .product-character-item .scale-bullet {
    width: 1.1rem;
    aspect-ratio: 1;
    background-color: var(--color-gray-100);
    border-radius: 50%;
}
.product-character .product-character-item .scale-bullet.active {
    background-color: var(--color-burgandy);
}
.product-character .product-character-item .scale-label {
    color: var(--color-burgandy);
}
.product-character .product-character-item .scale-list > a {
    color: var(--color-burgandy);
    text-decoration: underline;
}

/* Product Single Description */
[data-section="product-single-description"] .container {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-3xl);
}

[data-section="product-single-description"] .text-content {
    display: flex;
    gap: var(--spacing-2sm);
    width: 57.6149425287%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

[data-section="product-single-description"] .text-content .media {
    width: 14.7222222222vw;
    aspect-ratio: 0.5638297872;
    flex-shrink: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
}

[data-section="product-single-description"] .logo-small {
    position: absolute;
    bottom: var(--spacing-2xs);
    right: var(--spacing-2xs);
    height: max(2.4305555556vw, 3.5rem);
    aspect-ratio: 2;
}

[data-section="product-single-description"] .text-content .text-content-desc {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

[data-section="product-single-description"]
    .text-content
    .text-content-desc
    .title {
    flex-shrink: 0;
}

[data-section="product-single-description"]
    .text-content
    .text-content-desc
    .read-more-toggle {
    color: var(--color-burgandy);
    text-decoration: underline;
    flex-grow: 1;
    display: flex;
    align-items: center;
}

[data-section="product-single-description"]
    .text-content
    .text-content-desc
    .desc {
    --media: 26.1111111111vw;
    --header: calc(
        var(--font-size-description) * var(--line-height-description)
    );
    --toggle: calc(var(--font-size-body) * var(--line-height-body));
    --gap: var(--spacing-xs);
    height: calc(
        var(--media) - var(--header) - var(--toggle) - (var(--gap) * 2)
    );
    /* line-clamp: var(--max-lines);
    -webkit-line-clamp: var(--max-lines); */
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    transition: height var(--duration) var(--timing-function);
    flex-shrink: 0;
}

[data-section="product-single-description"]
    .text-content
    .text-content-desc
    .desc
    > p:not(:first-child) {
    padding-top: calc(var(--line-height-body) * var(--font-size-body));
}

[data-section="product-single-description"]
    .text-content
    .text-content-desc
    .desc.show {
    /* line-clamp: unset;
    -webkit-line-clamp: unset; */
    height: var(--max-height) !important;
}

[data-section="product-single-description"] .more-content {
    width: 23.6350574713%;
}

[data-section="product-single-description"] .more-content > *:first-child {
    margin-bottom: var(--spacing-xs);
}

[data-section="product-single-description"] .product-character {
    gap: var(--spacing-2sm);
}

[data-section="product-single-description"]
    .product-character
    .product-character-item
    .decoration[class*="country-"] {
    -webkit-filter: unset;
            filter: unset;
    border-radius: 50%;
    overflow: hidden;
}

.product-character .product-character-item .country-map {
    aspect-ratio: 1;
    width: 8.6111111111vw;
}

/* PAGE: WINE PORTFOLIO */
.wine-portfolio-main .bg-decoration-type-1 {
    width: 50%;
    top: 7svh;
    left: 0;
}

/* Landing */
[data-section="wine-portfolio-landing"] {
    aspect-ratio: 3.654822335;
}

[data-section="wine-portfolio-landing"] .curve-bg {
    height: 100%;
    -webkit-clip-path: polygon(
        100% 78.64%,
        100% 78.64%,
        96.016% 82.453%,
        91.774% 85.941%,
        87.29% 89.088%,
        82.581% 91.873%,
        77.664% 94.281%,
        72.556% 96.291%,
        67.275% 97.886%,
        61.836% 99.048%,
        56.257% 99.759%,
        50.556% 100%,
        50.556% 100%,
        44.689% 99.745%,
        38.954% 98.993%,
        33.368% 97.764%,
        27.949% 96.078%,
        22.717% 93.954%,
        17.69% 91.413%,
        12.887% 88.474%,
        8.325% 85.157%,
        4.023% 81.482%,
        0% 77.469%,
        0% 0%,
        100% 0%,
        100% 78.64%
    );
            clip-path: polygon(
        100% 78.64%,
        100% 78.64%,
        96.016% 82.453%,
        91.774% 85.941%,
        87.29% 89.088%,
        82.581% 91.873%,
        77.664% 94.281%,
        72.556% 96.291%,
        67.275% 97.886%,
        61.836% 99.048%,
        56.257% 99.759%,
        50.556% 100%,
        50.556% 100%,
        44.689% 99.745%,
        38.954% 98.993%,
        33.368% 97.764%,
        27.949% 96.078%,
        22.717% 93.954%,
        17.69% 91.413%,
        12.887% 88.474%,
        8.325% 85.157%,
        4.023% 81.482%,
        0% 77.469%,
        0% 0%,
        100% 0%,
        100% 78.64%
    );
}

[data-section="wine-portfolio-landing"] *:is(.sc-inner, .container) {
    height: 100%;
}

[data-section="wine-portfolio-landing"] .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

[data-section="wine-portfolio-landing"] [class*="block-content-center"] {
    gap: var(--spacing-2xs);
}

/* Wine Portfolio */
.tab-links-and-select .tab-links {
    position: relative;
}

.tab-links-and-select .tab-links:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 0.1rem solid var(--color-gray-100);
}

.tab-links-and-select .tab-links .swiper {
    overflow: visible;
}

.tab-links-and-select .tab-links .swiper-wrapper {
    position: relative;
}

.tab-links-and-select .tab-links .swiper-slide {
    width: auto !important;
}

.tab-links-and-select .tab-links .swiper-slide:first-child .tab-link {
    padding-left: 0;
}

.tab-links-and-select .tab-links .swiper-slide:nth-last-child(2) .tab-link {
    padding-right: 0;
}

.tab-links-and-select .tab-links .tab-link {
    padding: var(--spacing-sm) var(--spacing-2sm);
    color: var(--color-burgandy);
    display: inline-block;
}

.tab-links-and-select .tab-links .tab-selector {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.2rem;
    background-color: var(--color-burgandy);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
}

[data-section="wine-portfolio"] .tab-contents {
    margin-top: var(--spacing-6xl);
}

[data-section="wine-portfolio"] .tab-content .card-container {
    --column: 4;
    --gap-x: var(--spacing-sm);
    --gap-y: var(--spacing-4xl);
}

/* Other Regions */
[data-section="other-regions"] .dual-banner {
    margin-top: var(--spacing-2sm);
}

[data-section="other-regions"] .block-subttl::before,
[data-section="other-regions"] .block-subttl::after {
    content: none;
}

/* PAGE: WINE PORTFOLIO SINGLE */
.wine-portfolio-single-main .bg-decoration-type-1 {
    width: 50%;
    left: -2%;
    top: 23.708333vw;
}

/* Landing */
[data-section="wine-portfolio-single-landing"] {
    padding-top: calc(var(--header-height) + var(--spacing-sm));
    padding-bottom: 0;
}

[data-section="wine-portfolio-single-landing"] .curve-bg {
    height: 74.9354005168%;
    -webkit-clip-path: polygon(
        100% 78.64%,
        100% 78.64%,
        96.016% 82.453%,
        91.774% 85.941%,
        87.29% 89.088%,
        82.581% 91.873%,
        77.664% 94.281%,
        72.556% 96.291%,
        67.275% 97.886%,
        61.836% 99.048%,
        56.257% 99.759%,
        50.556% 100%,
        50.556% 100%,
        44.689% 99.745%,
        38.954% 98.993%,
        33.368% 97.764%,
        27.949% 96.078%,
        22.717% 93.954%,
        17.69% 91.413%,
        12.887% 88.474%,
        8.325% 85.157%,
        4.023% 81.482%,
        0% 77.469%,
        0% 0%,
        100% 0%,
        100% 78.64%
    );
            clip-path: polygon(
        100% 78.64%,
        100% 78.64%,
        96.016% 82.453%,
        91.774% 85.941%,
        87.29% 89.088%,
        82.581% 91.873%,
        77.664% 94.281%,
        72.556% 96.291%,
        67.275% 97.886%,
        61.836% 99.048%,
        56.257% 99.759%,
        50.556% 100%,
        50.556% 100%,
        44.689% 99.745%,
        38.954% 98.993%,
        33.368% 97.764%,
        27.949% 96.078%,
        22.717% 93.954%,
        17.69% 91.413%,
        12.887% 88.474%,
        8.325% 85.157%,
        4.023% 81.482%,
        0% 77.469%,
        0% 0%,
        100% 0%,
        100% 78.64%
    );
}

[data-section="wine-portfolio-single-landing"] .container {
    display: flex;
    justify-content: center;
    gap: var(--spacing-xl);
    padding-left: 10.625vw;
}

[data-section="wine-portfolio-single-landing"] .main-product-display {
    aspect-ratio: 0.3817914831;
    width: 18.05555555556vw;
}

[data-section="wine-portfolio-single-landing"] [class*="block-content-"] {
    margin-top: 6.8055555556vw;
    color: var(--color-white);
}

[data-section="wine-portfolio-single-landing"]
    [class*="block-content-"]
    .block-cta {
    margin-top: var(--spacing-5xs);
}

/* Wine Portfolio Single Desc */
[data-section="wine-portfolio-single-desc"] .container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xl);
    max-width: var(--max-width-lg);
}
[data-section="wine-portfolio-single-desc"] .content-header {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-3xl);
}

[data-section="wine-portfolio-single-desc"] .content-header > * {
    width: 39.0625%;
}

[data-section="wine-portfolio-single-desc"]
    .content-header
    .content-title
    > .button {
    margin-top: var(--spacing-xs);
}

/* PAGE: ABOUT OUR STORY */
/* Landing */
[data-section="our-story-landing"] .block-desc {
    max-width: 45rem;
}

[data-section="our-story-landing"] .content {
    display: flex;
    justify-content: space-between;
}

[data-section="our-story-landing"] .block-desc[data-desc="1"] {
    margin-top: max(8.05555555556vw, 11.6rem);
}

[data-section="our-story-landing"] .block-desc[data-desc="2"] {
    margin-top: max(26.1111111111vw, 37.6rem);
}

[data-section="our-story-landing"] .content .content-media {
    width: 13.8888888889vw;
    position: relative;
    overflow: visible;
}

[data-section="our-story-landing"] .content .content-media .empty-bottle {
    aspect-ratio: 0.2355712603;
    width: 100%;
    transform: rotate(38deg);
    position: relative;
    z-index: 1;
    overflow: visible;
}

[data-section="our-story-landing"] .content .content-media .empty-bottle > * {
    overflow: visible;
}

/* [data-section="our-story-landing"] .content .content-media .empty-bottle img {
    filter: drop-shadow(18px 4px 14px rgba(0, 0, 0, 0.15))
        drop-shadow(29px 30px 40px rgba(0, 0, 0, 0.25));
} */

[data-section="our-story-landing"] .content .content-media .badge {
    position: absolute;
    top: 19.1666666667vw;
    left: calc(100% + 3.3333333333vw);
    width: 6.9444444444vw;
    aspect-ratio: 1;
    z-index: 0;
}

/* Our Story Stores */
[data-section="our-story-stores"] .container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xl);
    max-width: var(--max-width-lg);
}

[data-section="our-story-stores"] [class*="block-content-"] {
    max-width: 79.2rem;
    margin-left: auto;
    margin-right: auto;
    text-wrap: pretty;
}

[data-section="our-story-stores"] .stores-list {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* PAGE: ABOUT PRIVATE CUSTOMER */
.about-private-customer-main .bg-decoration-type-3[data-bg="1"] {
    rotate: -113.456deg;
    right: -11.986111%;
    left: unset;
}

/* Private Customer */
[data-section="private-customer"] .container {
    max-width: 96.8rem;
}

.benefits-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xl);
    margin-top: var(--spacing-5xl);
}

.benefits-list .benefit-item {
    --gap: var(--spacing-2sm);
    display: flex;
    gap: var(--gap);
}

.benefits-list .benefit-item > * {
    width: calc(50% - var(--gap) / 2);
}

.benefits-list .benefit-item .media {
    aspect-ratio: 0.784965035;
    position: relative;
}

.benefits-list .benefit-item:nth-child(even) {
    flex-direction: row-reverse;
    text-align: right;
}

.benefits-list .benefit-item .icon {
    margin-bottom: var(--spacing-md);
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--color-burgandy);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: var(--spacing-xs);
}

.benefits-list .benefit-item .icon img {
    width: 2.4rem;
    height: auto;
    aspect-ratio: 1;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

.benefits-list .benefit-item:nth-child(even) .icon {
    margin-left: auto;
}

.benefits-list .benefit-item .icon .decoration {
    width: 2.4rem;
    height: 2.4rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.benefits-list .benefit-item .text .body {
    margin-top: var(--spacing-4xs);
}

.benefits-list .benefit-item .media .temperature {
    position: absolute;
    left: var(--spacing-md);
    right: var(--spacing-md);
    bottom: var(--spacing-xl);
    color: var(--color-white);
    text-align: start;
    padding-bottom: var(--spacing-md);
}
.benefits-list .benefit-item .media .temperature .number {
    display: flex;
    align-items: center;
    gap: var(--spacing-5xs);
}

.benefits-list .benefit-item .media .temperature:after {
    content: "";
    display: block;
    width: 100%;
    height: 0.4rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0.7rem;
    background: linear-gradient(270deg, #ace6ff 0%, #678a99 100%);
}

/* Private Customer Banner */
[data-section="private-customer-banner"] {
    aspect-ratio: 1.7777777778;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 6.4583333333vw;
    padding-left: var(--spacing-container);
    padding-right: var(--spacing-container);
}

[data-section="private-customer-banner"] .curve-bg {
    -webkit-clip-path: polygon(
        0% 31.334%,
        0% 31.334%,
        3.984% 25.741%,
        8.226% 20.624%,
        12.71% 16.008%,
        17.419% 11.921%,
        22.336% 8.39%,
        27.444% 5.441%,
        32.725% 3.1%,
        38.164% 1.396%,
        43.743% 0.353%,
        49.444% 0%,
        49.444% 0%,
        55.311% 0.374%,
        61.046% 1.477%,
        66.632% 3.28%,
        72.051% 5.754%,
        77.282% 8.869%,
        82.309% 12.597%,
        87.113% 16.909%,
        91.675% 21.774%,
        95.977% 27.165%,
        100% 33.052%,
        100% 100%,
        0% 100%,
        0% 31.334%
    );
            clip-path: polygon(
        0% 31.334%,
        0% 31.334%,
        3.984% 25.741%,
        8.226% 20.624%,
        12.71% 16.008%,
        17.419% 11.921%,
        22.336% 8.39%,
        27.444% 5.441%,
        32.725% 3.1%,
        38.164% 1.396%,
        43.743% 0.353%,
        49.444% 0%,
        49.444% 0%,
        55.311% 0.374%,
        61.046% 1.477%,
        66.632% 3.28%,
        72.051% 5.754%,
        77.282% 8.869%,
        82.309% 12.597%,
        87.113% 16.909%,
        91.675% 21.774%,
        95.977% 27.165%,
        100% 33.052%,
        100% 100%,
        0% 100%,
        0% 31.334%
    );
    -webkit-clip-path: shape(
        from 0% var(--pc-offset),
        curve to 100% var(--pc-offset) with 50% calc(-1 * var(--pc-offset)),
        vline to 100%,
        hline to 0%,
        close
    );
            clip-path: shape(
        from 0% var(--pc-offset),
        curve to 100% var(--pc-offset) with 50% calc(-1 * var(--pc-offset)),
        vline to 100%,
        hline to 0%,
        close
    );
}

[data-section="private-customer-banner"] [class*="block-content-"] {
    max-width: 67.6rem;
    position: relative;
    z-index: 10;
    text-wrap: pretty;
}

/* PAGE: WINE EDUCATION */
/* Wine Education */
[data-section="wine-education"] .gallery-marquee {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: var(--spacing-5xl);
}

[data-section="wine-education"] .gallery-marquee .marquee {
    gap: var(--spacing-sm);
    padding-right: var(--spacing-sm);
    align-items: center;
}

.gallery-item {
    position: relative;
}

.gallery-item .item-content {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.2) 100%
    );
    opacity: 0;
    z-index: 1;
    transition: opacity var(--duration) var(--timing-function);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-xs);
    color: var(--color-white);
}

.gallery-item .media .object-fit {
    width: auto;
    height: auto;
}

.gallery-item .media *:is(img, video) {
    width: auto;
    height: auto;
    max-width: min(20.9722222222vw, 30.2rem);
    max-height: min(23.75vw, 34.2rem);
    -o-object-fit: contain;
       object-fit: contain;
    position: static;
}

html.no-touchevents .gallery-item:hover .item-content {
    opacity: 1;
}

[data-section="wine-education"] .wine-education-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--spacing-sm);
    max-width: 92rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--spacing-3xl);
}

[data-section="wine-education"] .wine-education-info .grape {
    width: max(11.3888888889vw, 16.4rem);
    aspect-ratio: 1;
}

/* Dialog Content */
.fancybox__viewport.is-draggable {
    pointer-events: none;
}

.dialog-content {
    display: none;
    pointer-events: auto;
}

.wine-education-dialog .fancybox__backdrop {
    background-color: var(--color-bg-gray);
}

.wine-education-dialog .f-button.is-close-button {
    --f-button-color: var(--color-burgandy);
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    width: 3.3rem;
    height: 3.3rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="35" viewBox="0 0 36 35" fill="none"><line x1="1.35355" y1="0.646447" x2="35.2947" y2="34.5876" stroke="%23A51D3F"/><line x1="0.646447" y1="34.5874" x2="34.5876" y2="0.64624" stroke="%23A51D3F"/></svg>');
}

.wine-education-dialog .f-button.is-arrow {
    --f-button-svg-width: 5rem;
    --f-button-svg-height: 5rem;
    --f-button-border-radius: 0;
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
}

.is-horizontal.is-ltr .f-button.is-arrow.is-next,
.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.is-horizontal.is-ltr .f-button.is-arrow.is-next {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="37" height="16" viewBox="0 0 37 16" fill="none"><path d="M36.7071 8.70711C37.0976 8.31659 37.0976 7.68342 36.7071 7.2929L30.3431 0.928935C29.9526 0.53841 29.3195 0.53841 28.9289 0.928935C28.5384 1.31946 28.5384 1.95262 28.9289 2.34315L34.5858 8L28.9289 13.6569C28.5384 14.0474 28.5384 14.6805 28.9289 15.0711C29.3195 15.4616 29.9526 15.4616 30.3431 15.0711L36.7071 8.70711ZM0 8L-8.74228e-08 9L36 9L36 8L36 7L8.74228e-08 7L0 8Z" fill="%23A51D3F"/></svg>');
}

.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="37" height="16" viewBox="0 0 37 16" fill="none"><path d="M0.292893 7.29289C-0.0976295 7.68341 -0.0976296 8.31658 0.292892 8.7071L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41422 8L8.07107 2.34314C8.46159 1.95262 8.46159 1.31945 8.07107 0.92893C7.68054 0.538405 7.04738 0.538405 6.65686 0.92893L0.292893 7.29289ZM37 8L37 7L1 7L1 8L1 9L37 9L37 8Z" fill="%23A51D3F"/></svg>');
}

.wine-education-dialog .f-button.is-close-button svg,
.wine-education-dialog .f-button.is-arrow svg {
    display: none;
}

.wine-education-dialog .fancybox__slide.has-close-btn {
    padding: 0;
}

.dialog-content.wine-education {
    --padding-y: 12.3456790123dvh;
    --padding-x: 9.7222222222vw;
    background-color: transparent;
    padding: var(--padding-y) var(--padding-x);
    justify-content: center;
    width: 100vw;
    height: 100dvh;
}

.dialog-content.wine-education .dialog-content-wrapper {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-md);
    height: calc(100dvh - var(--padding-y) * 2);
}

.dialog-content.wine-education .content-scroll {
    height: 100%;
    overflow-y: auto;
    width: 38.6873920553%;
    -webkit-mask-box-image: -webkit-linear-gradient(
        -90deg,
        var(--color-bg-gray) 0%,
        var(--color-bg-gray) calc(100% - var(--spacing-2md)),
        transparent 100%
    );
}

.dialog-content.wine-education .entry-content {
    padding-bottom: var(--spacing-lg);
}

.dialog-content.wine-education .dialog-media {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 38.6873920553%;
    flex-shrink: 0;
}

.dialog-content.wine-education .dialog-media *:is(img, video) {
    -o-object-fit: contain;
       object-fit: contain;
    position: static;
}

/* Wine Education Content */
[data-section="wine-education-content"] [class*="block-content-"] {
    max-width: 97.7rem;
    margin-left: auto;
    margin-right: auto;
}

[data-section="wine-education-content"] .container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

/* PAGE: WINE EDUCATION SINGLE */
/* Landing */
[data-section="single-content-landing"] .curve-bg {
    height: 64.08094435076%;
    -webkit-clip-path: polygon(
        100% 68.665%,
        100% 68.665%,
        96.016% 74.258%,
        91.774% 79.376%,
        87.29% 83.991%,
        82.581% 88.078%,
        77.664% 91.61%,
        72.556% 94.559%,
        67.275% 96.899%,
        61.836% 98.604%,
        56.257% 99.647%,
        50.556% 100%,
        50.556% 100%,
        44.689% 99.626%,
        38.954% 98.523%,
        33.368% 96.72%,
        27.949% 94.246%,
        22.717% 91.13%,
        17.69% 87.402%,
        12.887% 83.091%,
        8.325% 78.225%,
        4.023% 72.834%,
        0% 66.947%,
        0% 0%,
        100% 0%,
        100% 68.665%
    );
            clip-path: polygon(
        100% 68.665%,
        100% 68.665%,
        96.016% 74.258%,
        91.774% 79.376%,
        87.29% 83.991%,
        82.581% 88.078%,
        77.664% 91.61%,
        72.556% 94.559%,
        67.275% 96.899%,
        61.836% 98.604%,
        56.257% 99.647%,
        50.556% 100%,
        50.556% 100%,
        44.689% 99.626%,
        38.954% 98.523%,
        33.368% 96.72%,
        27.949% 94.246%,
        22.717% 91.13%,
        17.69% 87.402%,
        12.887% 83.091%,
        8.325% 78.225%,
        4.023% 72.834%,
        0% 66.947%,
        0% 0%,
        100% 0%,
        100% 68.665%
    );
}

[data-section="single-content-landing"] [class*="block-content-"] {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    text-wrap: pretty;
}

[data-section="single-content-landing"] [class*="block-content-"] .media {
    width: 24.02777777778vw;
    aspect-ratio: 0.7828054299;
    margin-bottom: var(--spacing-3xs);
}

/* Content */
[data-section="single-content"] .container {
    max-width: var(--max-width-lg);
}

[data-section="single-content"] .entry-content {
    margin-bottom: var(--spacing-3xl);
}

[data-section="single-content-more"] .content-cards-container {
    margin-top: var(--spacing-lg);
}

/* PAGE: ABOUT CERTIFICATION */
.about-certification-main .bg-decoration-type-3[data-bg="1"] {
    rotate: -113.456deg;
    right: -11.986111%;
    left: unset;
}

.certificate-content.container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xl);
    align-items: center;
}

.certificate-content [class*="block-content-"] {
    max-width: min(90.4rem, 62.7777777778vw);
    margin-left: auto;
    margin-right: auto;
    text-wrap: pretty;
}

/* Text With Media */
.certificate-content .text-with-media {
    --gap: var(--spacing-2sm);
    max-width: min(90.4rem, 62.7777777778vw);
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap);
}

.about-certification-main section.reverse .text-with-media .media {
    order: 2;
}

.certificate-content .text-with-media .media {
    aspect-ratio: 0.784965035;
    position: relative;
}

.certificate-content .text-with-media .media .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 0.6323529412;
    width: 19.153674833%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 1;
}

.certificate-content .text-with-media .text-ttl {
    margin-bottom: var(--spacing-3xs);
}

/* Qualifications */
.certificate-content .qualifications {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.certificate-content .qualifications .quanlification-ttl {
    text-align: center;
    margin-bottom: var(--spacing-md);
}

.certificate-content .qualifications:before,
.certificate-content .qualifications:after {
    content: "";
    position: absolute;
    top: 0;
    width: 9.8611111111vw;
    height: 100%;
    background: linear-gradient(
        270deg,
        #f7f6f5 59.5%,
        rgba(247, 246, 245, 0) 100%
    );
    z-index: 1;
}

.certificate-content .qualifications:before {
    left: 0;
}

.certificate-content .qualifications:after {
    right: 0;
}

.certificate-content .qualifications .card-container {
    --column: 3;
    --gap-x: var(--spacing-2xs);
    /* max-width: min(115.6rem, 80.2777777778vw); */
    max-width: 80.2777777778vw;
}

.certificate-content .qualifications .swiper {
    overflow: visible;
}

.certificate-content .qualifications .swiper-slide {
    height: auto;
}

.certificate-content .qualifications .swiper-pagination-bullet {
    background-color: rgba(var(--color-black-rgb), 0.2);
}

.certificate-content .qualifications .swiper-pagination-bullet:before {
    background-color: var(--color-burgandy);
}

.card[data-card="qualification"] {
    height: 100%;
    padding: var(--spacing-3lg) var(--spacing-2sm);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3xs);
    background-color: var(--color-dark-burgandy);
    color: var(--color-white);
    text-align: center;
}

.card[data-card="qualification"] .card-icon {
    width: 5.4rem;
    height: 5.4rem;
    background-color: var(--color-burgandy);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card[data-card="qualification"] .card-icon img {
    width: 2.4rem;
    height: 2.4rem;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

/* PAGE: BLOG */
.blog-main .bg-decoration-type-1 {
    width: 50%;
    top: 7svh;
    left: 0;
}

/* Landing */
[data-section="blog-landing"] {
    aspect-ratio: 3.654822335;
}

[data-section="blog-landing"] .curve-bg {
    height: 100%;
    -webkit-clip-path: polygon(
        100% 78.64%,
        100% 78.64%,
        96.016% 82.453%,
        91.774% 85.941%,
        87.29% 89.088%,
        82.581% 91.873%,
        77.664% 94.281%,
        72.556% 96.291%,
        67.275% 97.886%,
        61.836% 99.048%,
        56.257% 99.759%,
        50.556% 100%,
        50.556% 100%,
        44.689% 99.745%,
        38.954% 98.993%,
        33.368% 97.764%,
        27.949% 96.078%,
        22.717% 93.954%,
        17.69% 91.413%,
        12.887% 88.474%,
        8.325% 85.157%,
        4.023% 81.482%,
        0% 77.469%,
        0% 0%,
        100% 0%,
        100% 78.64%
    );
            clip-path: polygon(
        100% 78.64%,
        100% 78.64%,
        96.016% 82.453%,
        91.774% 85.941%,
        87.29% 89.088%,
        82.581% 91.873%,
        77.664% 94.281%,
        72.556% 96.291%,
        67.275% 97.886%,
        61.836% 99.048%,
        56.257% 99.759%,
        50.556% 100%,
        50.556% 100%,
        44.689% 99.745%,
        38.954% 98.993%,
        33.368% 97.764%,
        27.949% 96.078%,
        22.717% 93.954%,
        17.69% 91.413%,
        12.887% 88.474%,
        8.325% 85.157%,
        4.023% 81.482%,
        0% 77.469%,
        0% 0%,
        100% 0%,
        100% 78.64%
    );
}

[data-section="blog-landing"] *:is(.sc-inner, .container) {
    height: 100%;
}

[data-section="blog-landing"] .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

[data-section="blog-landing"] [class*="block-content-center"] {
    gap: var(--spacing-2xs);
}

/* Blogs */
[data-section="blogs"] .tab-contents {
    margin-top: var(--spacing-3xl);
}

[data-section="blogs"] .tab-content .card-container {
    --column: 4;
    --gap-x: var(--spacing-sm);
    --gap-y: var(--spacing-2md);
}

[data-section="blogs"] .load-more-btn {
    margin-top: var(--spacing-5xl);
    text-align: center;
}


/* #region Filter Section */
.form-elevator,
.form-elevator__container,
.form-elevator__wrapper {
    position: relative;
}
.form-elevator__more {
	width: auto;
    margin-top: var(--spacing-xs);
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	color: rgb(var(--color-burgandy-rgb));
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}
.form-elevator__cta {
    transition: var(--duration);
    position: relative;
    z-index: 1;
}

.form-elevator.is-collapsed .form-elevator__wrapper {
	max-height: var(--form-elevator-max-height, 38rem);
	overflow: hidden;
	-webkit-mask-box-image: -webkit-linear-gradient(90deg, transparent 0%, white 20%);
}

.form-elevator:not(.is-collapsed) .form-elevator__cta {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    bottom: var(--spacing-lg);
}
.form-elevator:not(.is-collapsed) .form-elevator__more {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    bottom: calc(var(--spacing-lg) + var(--spacing-xs) + var(--button-height));
}
.form-elevator-sibling {
    position: relative;
    z-index: 2;
}
@media (min-width:992px) {
    .form-elevator:not(.is-collapsed)  .form-elevator__wrapper :is(.filter-section, .sortby-section),
    .form-elevator:not(.is-collapsed)  .form-elevator__wrapper .filter-section > .filter-ttl {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        position: -webkit-sticky;
        position: sticky;
        z-index: 1;
        top: var(--header-height, 0);
    }
    .form-elevator:not(.is-collapsed)  .form-elevator__wrapper .filter-section > .filter-ttl::before  {
        content: "";
        width: 100%;
        height: calc(var(--header-height, 0)*2);
        background: linear-gradient(180deg,rgba(247, 246, 245, 1) calc(100% - var(--spacing-2xs)), rgba(247, 246, 245, 0.66) 100%) no-repeat;
        position: absolute;
        bottom: calc(var(--spacing-2xs) * -1);
        left: 0;
        z-index: -1;
        pointer-events: none;
        -webkit-mask-box-image: -webkit-linear-gradient(-90deg, transparent 0%, white var(--spacing-2xs));
    }
}
@media (max-width:991px) {
    .form-elevator:not(.is-collapsed)  .form-elevator__wrapper .filter-section--brand {
        grid-column: 1 / span 2;
    }
    .form-elevator:not(.is-collapsed)  .form-elevator__wrapper .filter-section--brand .checkbox-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: var(--spacing-xs);
    }

    .form-elevator__cta .form-cta {
        flex-wrap: nowrap;
    }
    .form-elevator__cta .form-cta > .button {
        min-width: unset;
        flex: 1;
    }

    .form-elevator:has(.select2-container--open) .form-elevator__wrapper {
        position: relative;
        z-index: 2;
    }
}
/* #endregion Filter Section */