/* Revamp 2025 Styles ====================*/
:root {
    --color-black: #000000;
    --color-black-rgb: 0, 0, 0;
    --color-black-filter: brightness(0);

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

    --color-red: #ff0000;
    --color-red-rgb: 255, 0, 0;
    --color-red-filter: brightness(0) saturate(100%) invert(17%) sepia(100%) saturate(7058%) hue-rotate(9deg) brightness(98%) contrast(121%);

    --color-link-hover: rgba(var(--rgb), 1);
    --color-link-active: rgba(var(--rgb), 1);

    --color-background: var(--color-white);
    --color-background-rgb: var(--color-white-rgb);
    --color-background-filter: var(--color-white-filter);

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

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

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

    --spacing-xl: 72px;
    --spacing-lg: 48px;
    --spacing-md: 36px;
    --spacing-sm: 24px;
    --spacing-xs: 16px;
    --spacing-2xs: 8px;
    --spacing-container: var(--spacing-sm);
    --spacing-section: var(--spacing-xl);
    --spacing-section-sm: var(--spacing-lg);
    --spacing-row: var(--spacing-md);
    --spacing-column: var(--spacing-sm);
    --spacing-content: var(--spacing-sm);
    --spacing-content-sm: var(--spacing-xs);
    --spacing-content-xs: var(--spacing-2xs);

    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;

    --font-size-h2: 36px;
    --line-height-h2: 1;

    --font-size-h1: 48px;
    --line-height-h1: 1;

    --font-size-body: var(--font-size-sm);
    --font-size-body-sm: var(--font-size-xs);
    --line-height-body: 1.5;

    --border: 2px solid;

    --logo-height: 46px;

    --header-spacing-top: 24px;
    --header-spacing-bottom: 14px;
    --header-height: calc(var(--logo-height) + var(--header-spacing-top) + var(--header-spacing-bottom) * 2);

    --button-height: 40px;
    --button-spacing-y: 0.3em;
    --button-spacing-x: var(--spacing-sm);
    --button-color-background: rgba(var(--color-black-rgb), 1);
    --button-color-border: rgba(var(--color-black-rgb), 1);
    --button-color-text: rgba(var(--color-white-rgb), 1);
    --button-border-radius: 0px;

    --transform-logical-flip: 1;
    --transform-origin-start: left;
    --transform-origin-end: right;
    --initial-gradient: linear-gradient(rgb(var(--color-black-rgb)), rgb(var(--color-black-rgb)));
    --hover-gradient: linear-gradient(transparent, transparent);
    --initial-background-position: var(--transform-origin-end);
    --hover-background-position: var(--transform-origin-start);

    --opacity: 0.4;
    --opacity-light: 0.2;
    --opacity-overlay: 0.8;

    --duration: 0.5s;
    --duration-slow: 1s;
    --duration-slower: 1.5s;
    --duration-fast: 200ms;
    --easing: ease;
    --easing-strong: ease;
}

#wpadminbar {
    visibility: hidden;
}

html {
    margin-top: 0 !important;
}

body {
    -webkit-animation-name: pageAnimation;
    animation-name: pageAnimation;
    -webkit-animation-duration: var(--duration-slow);
    animation-duration: var(--duration-slow);
    -webkit-animation-timing-function: var(--easing);
    animation-timing-function: var(--easing);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: all;
}
@-webkit-keyframes pageAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes pageAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

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

.bg-black {
    --color-background: var(--color-black);
    --color-background-rgb: var(--color-black-rgb);
    background-color: rgba(var(--color-background-rgb), 1) !important;
}
.bg-white {
    --color-background: var(--color-white);
    --color-background-rgb: var(--color-white-rgb);
    background-color: rgba(var(--color-background-rgb), 1) !important;
}

.c-black {
    --rgb: var(--color-black-rgb);
    --rgb-couple: var(--color-white-rgb);
    --filter: var(--color-black-filter);
    --filter-couple: var(--color-white-filter);
    color: rgba(var(--rgb), 1) !important;
}
.c-white {
    --rgb: var(--color-white-rgb);
    --rgb-couple: var(--color-black-rgb);
    --filter: var(--color-white-filter);
    --filter-couple: var(--color-black-filter);

    --button-color-background: rgba(var(--color-white-rgb), 1);
    --button-color-border: rgba(var(--color-white-rgb), 1);
    --button-color-text: rgba(var(--color-black-rgb), 1);
    --initial-gradient: linear-gradient(rgb(var(--color-white-rgb)), rgb(var(--color-white-rgb)));

    color: rgba(var(--rgb), 1) !important;
}

.font-size-h1 {
    font-size: var(--font-size-h1) !important;
    line-height: var(--line-height-h1) !important;
}
.font-size-h2 {
    font-size: var(--font-size-h2) !important;
    line-height: var(--line-height-h2) !important;
}

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

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

.z-index-0 {
    z-index: 0 !important;
}
.z-index-1 {
    z-index: 1 !important;
}

.display-inline-block {
    display: inline-block !important;
}
.display-none {
    display: none !important;
}

.alignfull {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}
.alignwide {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pointer-events-none {
    pointer-events: none !important;
}
.pointer-events-auto {
    pointer-events: auto !important;
}

.no-select {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

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

/* Media */
*:is(.object, .object-fit) {
    text-decoration: none;
    box-shadow: none;
    background-image: none;
    display: block;
    overflow: hidden;
    position: relative;
}
*:is(.object, .object-fit) > *:is(img, video, iframe) {
    outline: none;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}
.object-fit:before {
    content: "";
    display: block;
    width: 100%;
}
.object-fit > *:is(img, video, iframe) {
    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-fit.contain > *:is(img, video, iframe) {
    -o-object-fit: contain;
    object-fit: contain;
}
.object-fit.ratio-1-1 {
    aspect-ratio: 1/1;
}

/* CTAs */
.link-overlay {
    font-size: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    background: none !important;
    opacity: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 2 !important;
    top: 0 !important;
    left: 0 !important;
    pointer-events: auto !important;
}

#main *:is(.button, .wp-element-button, .wp-block-button__link) {
    text-decoration: none !important;
    box-shadow: none !important;
    background: none !important;
    margin: 0;
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--spacing-content-sm);
    vertical-align: top;
    white-space: normal;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 0;
    max-width: 100%;
    height: var(--button-height);
    min-height: 0;
    max-height: none;
    padding: var(--button-spacing-y) var(--button-spacing-x) !important;
    color: var(--button-color-text) !important;
    background-color: var(--button-color-background) !important;
    border: 1px solid var(--button-color-border) !important;
    border-radius: var(--button-border-radius) !important;
    opacity: 1 !important;
    overflow: hidden;
    font-family: inherit;
    font-weight: inherit;
    font-size: var(--font-size-body);
    line-height: normal;
    letter-spacing: normal;
    text-transform: none;
    text-align: center;
    transition: var(--duration) var(--easing);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    background-color: transparent !important;
    background-image: var(--initial-gradient), var(--hover-gradient) !important;
    background-size: 101% 101%, 0 101% !important;
    background-position: var(--initial-background-position) !important;
    background-repeat: no-repeat !important;
    transition: background-size 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), background-position 0.45s step-end, color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#main *:is(.button, .wp-element-button, .wp-block-button__link):hover {
    color: rgb(var(--button-color-background)) !important;
    border-color: rgb(var(--button-color-background)) !important;
    background-color: transparent !important;
    background-position: var(--hover-background-position) !important;
    background-size: 0 101%, 101% 101% !important;
}
#main .button.min-width {
    min-width: 160px;
}

/* Wrapper */
#wrapper {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 1fr auto;
    min-height: 100svh;
    overflow: clip;
}
#wrapper > * {
    float: none;
    clear: both;
}
#wrapper > #main {
    grid-row: 1;
}
#wrapper > #footer {
    border: 0;
    height: auto;
    position: relative;
    z-index: 0;
}

:is(#header, #main, #footer),
:is(#header, #main, #footer) *,
:is(#header, #main, #footer) *:before,
:is(#header, #main, #footer) *:after {
    box-sizing: border-box;
}

/* Header */
:is(#header, #phoneheader) {
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    padding-top: 0px;
    background-color: transparent;
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    transition: var(--duration) var(--easing);
    transition-property: background-color, padding-top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
:is(#header, #phoneheader) a {
    color: inherit;
}
:is(#header, #phoneheader) > .wrap {
    display: grid;
    grid-template-columns: 100%;
    align-items: center;
    grid-gap: var(--spacing-xs);
    height: var(--header-height);
    border-top: 0;
    border-bottom: var(--border);
    transition: var(--duration) var(--easing);
}
:is(#header, #phoneheader) > .wrap > * {
    float: none;
    width: auto;
    margin: 0;
}
:is(#header, #phoneheader) > .wrap > .clear {
    display: none;
}
:is(#header, #phoneheader) > .wrap > .brand > .logo {
    margin: 0;
    width: auto;
    height: var(--logo-height);
}

#header > .wrap {
    padding-top: var(--header-spacing-top);
    padding-bottom: var(--header-spacing-bottom);
}
#header > .wrap > .menu {
    position: relative;
    display: flex;
    align-items: baseline;
    grid-gap: var(--spacing-xs) var(--spacing-md);
}
#header > .wrap > .menu > * {
    float: none;
    width: auto;
    margin: 0;
}
#header > .wrap > .bags {
    display: flex;
    align-items: baseline;
    grid-gap: 0 var(--spacing-sm);
}
#header > .wrap > .bags .cart {
    white-space: nowrap;
}
#header > .wrap > .bags .woo-multi-currency {
    width: auto;
    margin: 0;
    display: inline-flex;
    font-size: inherit;
}
#header > .wrap > .bags .woo-multi-currency .wmc-currency {
    padding: 0;
    max-width: none;
    display: inline-flex;
    vertical-align: top;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    background: none;
}
#header > .wrap > .bags .woo-multi-currency .wmc-currency:not(:last-child):after {
    content: "/";
    margin: 0 5px;
}

html.header-white:not(.page-scrolling) :is(#header, #phoneheader) {
    background-color: transparent;
    color: var(--color-white);
}
html.header-white:not(.page-scrolling) :is(#header, #phoneheader) :is(.logo, .menubutton) {
    -webkit-filter: var(--color-white-filter);
    filter: var(--color-white-filter);
}
html.page-scrolling :is(#header, #phoneheader) {
    background-color: var(--color-white);
    color: var(--color-black);
    padding-bottom: var(--spacing-xs);
}

/* Footer */
#footer {
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
}
#footer > .wrap {
    padding: var(--spacing-2xs) 0;
    border-top: var(--border);
}
#footer > .wrap > * {
    float: none;
    margin: 0;
}
#footer > .wrap > .clear {
    display: none;
}
#footer > .wrap > .ftcon {
    border: 0;
    padding: 0;
    width: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 0 var(--spacing-md);
}
#footer > .wrap > .ftcon > * {
    float: none;
    width: auto;
    padding: 0;
    margin: 0;
    position: static;
}
#footer > .wrap > .ftcon > .ftmenu {
    display: flex;
    flex: wrap;
    grid-gap: 0 var(--spacing-xs);
}
#footer > .wrap > .ftcon > .ftmenu > * {
    margin: 0;
    float: none;
    display: initial !important;
}
#footer > .wrap > .ftcon > .ftnewsletter {
    display: none !important;
}

/* Plugin : Slider */
.swiper {
    width: 100%;
}
.swiper-wrapper {
    will-change: transform;
}

*[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%);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0;
    font-family: inherit;
    font-weight: inherit;
    font-size: 0;
    line-height: 1;
    letter-spacing: normal;
    text-transform: uppercase;
    pointer-events: auto;
    transition: var(--duration) var(--easing);
}
*[class*="swiper-button-"]:hover {
    color: inherit;
}
.swiper-button-prev {
    left: 0;
}
.swiper-button-next {
    right: 0;
}
.swiper-button-prev.spacing-container {
    left: var(--spacing-container);
}
.swiper-button-next.spacing-container {
    right: var(--spacing-container);
}

.swiper-button-disabled {
    opacity: 0.1 !important;
    pointer-events: auto !important;
}

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

*[class*="swiper-button-"]:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none"><path d="M7 0.5L1 6L7 11.5" stroke="black"/></svg>');
    background-size: 8px 12px;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 0;
    font-weight: normal;
    color: inherit;
    border: 0;
    border-radius: 0;
    overflow: hidden;
    transition: none;
}
.swiper-button-prev:after {
    transform: none;
}
.swiper-button-next:after {
    transform: rotate(180deg);
}

.swiper-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--spacing-sm);
}
.swiper-buttons > *[class*="swiper-button-"] {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

*[class*="swiper-button-"].style-button {
    --button-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--button-size);
    width: var(--button-size);
    min-width: var(--button-size);
    max-width: var(--button-size);
    color: var(--color-black);
    background-color: var(--color-white);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    border: 0;
    border-radius: 50%;
    overflow: hidden;
}
*[class*="swiper-button-"].style-button:hover {
    background-color: var(--color-black);
    border-color: var(--color-black);
    color: var(--color-white);
}
*[class*="swiper-button-"].style-button:hover:after {
    -webkit-filter: var(--color-white-filter);
    filter: var(--color-white-filter);
}
.swiper-button-disabled.style-button {
    opacity: 0 !important;
    pointer-events: none !important;
}
/* .swiper-button-disabled.style-button:after {
    opacity: var(--opacity-light);
} */

.swiper-pagination:not(.swiper-pagination-custom) {
    --bullet-size: 5px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--spacing-2xs);
    pointer-events: none;
}
.swiper-pagination-bullet {
    outline: none !important;
    margin: 0 !important;
    opacity: 1 !important;
    font-size: 0;
    display: block;
    width: var(--bullet-size);
    height: var(--bullet-size);
    background: rgba(var(--rgb), 0);
    border: 1px solid;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    transition: var(--duration) var(--easing);
    pointer-events: auto;
}
.swiper-pagination-bullet-active {
    background: rgba(var(--rgb), 1);
}
.swiper-horizontal > .swiper-pagination-bullets {
    bottom: calc((var(--spacing-section) - var(--bullet-size)) / 2);
}
.swiper-pagination.static {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    transition: none !important;
    line-height: inherit;
}
.swiper-pagination.static:not(:first-child) > .swiper-pagination-bullet:first-child {
    margin-top: var(--spacing-row) !important;
}
.swiper-pagination-custom {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    transition: none !important;
}

.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 .swiper-slide {
    width: 100% !important;
    height: auto !important;
}

.swiper.fix *[class*="swiper-button-"],
.swiper.fix ~ *[class*="swiper-button-"] {
    top: calc(var(--swiper-button-y, 0));
    transform: translateY(-50%);
}

/* Main */
#main {
    position: relative;
    width: 100%;
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
}

.divider {
    border: 0;
    margin: 0 auto;
    border-bottom: var(--border);
}
.divider:is(:first-child, :last-child) {
    display: none !important;
}
.padding-top-header {
    padding-top: var(--header-height) !important;
}

/* Section */
section {
    position: relative;
    width: 100%;
}
section .wrap {
    min-width: 0;
    max-width: 100%;
}

.sc-inner {
    position: relative;
    z-index: 0;
    width: 100%;
    padding-top: var(--spacing-section);
    padding-bottom: var(--spacing-section);
}
.sc-inner.padding-y-header {
    padding-top: calc(var(--header-height) + var(--spacing-section)) !important;
    padding-bottom: calc(var(--header-height) + var(--spacing-section)) !important;
}
.sc-inner.padding-top-header {
    padding-top: calc(var(--header-height) + var(--spacing-section)) !important;
}
.sc-inner.padding-bottom-header {
    padding-bottom: calc(var(--header-height) + var(--spacing-section)) !important;
}

.sc-container + .sc-container {
    margin-top: var(--spacing-section);
}

*:is(.sc-category, .sc-heading) {
    margin: 0;
}

*:is(.sc-container) > *:not(:first-child) {
    margin-top: var(--spacing-row);
}
*:is(.sc-content, .sc-group, .sc-grid, .sc-sidebar, .sc-main) > *:not(:first-child) {
    margin-top: var(--spacing-content);
}
*:is(.sc-headline, .sc-desc, .sc-explore) > *:not(:first-child) {
    margin-top: var(--spacing-content-sm);
}

.sc-link {
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    font-size: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    position: absolute !important;
    z-index: 2 !important;
    top: 0 !important;
    left: 0 !important;
}

.sc-cover {
    position: relative;
}

.sc-headline-alignment {
    padding-bottom: var(--spacing-sm);
    border-bottom: var(--border);
}

.sc-headline-flex {
    display: flex;
    grid-gap: var(--spacing-content-sm);
}
.sc-headline-flex > *:not(:first-child) {
    margin-top: 0;
}
.sc-headline-flex > .sc-heading {
    align-self: center;
}
.sc-headline-flex > .sc-explore {
    margin-left: auto;
}

.sc-filter-ctrl {
    --button-spacing-x: var(--spacing-xs);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    width: 160px;
    height: var(--button-height);
    padding: var(--button-spacing-y) var(--button-spacing-x);
    color: inherit;
    border: 1px solid rgba(var(--rgb), var(--opacity-light));
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"><path d="M5.5 7H0V6H5.5V0.5H6.5V6H12V7H6.5V12.5H5.5V7Z" fill="currentColor"/></svg>');
    background-size: 12px 13px;
    background-repeat: no-repeat;
    background-position: right var(--button-spacing-x) center;
    padding-right: calc(var(--button-spacing-x) * 2 + 12px);
}

.sc-grid-row {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.sc-grid-row.h-vh {
    min-height: 100vh;
}
.sc-grid-row.h-lvh {
    min-height: 100lvh;
}
.sc-grid-row.h-svh {
    min-height: 100svh;
}
.sc-grid-row.h-dvh {
    min-height: 100dvh;
}
.sc-grid-row.h-lg {
    aspect-ratio: 1440/720;
}
.sc-grid-row.h-sq {
    aspect-ratio: 1/1;
}
.sc-grid-row > .sc-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
}
.sc-grid-row > .sc-inner > .sc-container {
    flex: 1;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 1fr auto 1fr;
    grid-gap: var(--spacing-row) 0;
}
.sc-grid-row > .sc-inner > .sc-container > * {
    position: relative;
}
.sc-grid-row > .sc-inner > .sc-container > *:not(:first-child) {
    margin-top: 0;
}
.sc-grid-row > .sc-inner > .sc-container > *[data-row="top"] {
    grid-row: 1;
    align-self: flex-start;
}
.sc-grid-row > .sc-inner > .sc-container > *[data-row="middle"] {
    grid-row: 2;
    align-self: center;
}
.sc-grid-row > .sc-inner > .sc-container > *[data-row="bottom"] {
    grid-row: 3;
    align-self: flex-end;
}
.sc-grid-row > .sc-inner > .sc-container[data-row-total="1"] {
    grid-template-rows: 1fr;
    grid-gap: 0;
}
.sc-grid-row > .sc-inner > .sc-container[data-row-total="1"] > * {
    grid-row: auto;
}
.sc-grid-row > .sc-inner > .sc-container[data-row-total="2"] {
    grid-template-rows: auto 1fr;
}
.sc-grid-row > .sc-inner > .sc-container[data-row-total="2"] > * {
    grid-row: auto;
}
.sc-grid-row > .sc-inner > .sc-container[data-row-align="center"] {
    grid-template-rows: unset;
    align-items: center;
}
.sc-grid-row > .sc-inner > .sc-container[data-row-align="center"] > * {
    grid-row: unset;
    align-self: unset;
}

.sc-billboard {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sc-billboard > * {
    width: 100%;
}
.sc-billboard > *:is(.sc-inner, .sc-grid-row) {
    width: 100%;
    position: relative;
    z-index: 2;
    pointer-events: none;
}
.sc-billboard > *:is(.sc-inner, .sc-grid-row) *:is(a, button, form, iframe) {
    pointer-events: auto;
}
.sc-billboard > .sc-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.sc-billboard > .sc-cover,
.sc-billboard > .sc-cover .object-fit,
.sc-billboard > .sc-cover .object-fit:before,
.sc-billboard > .sc-cover *:is(.swiper, .swiper-wrapper, .swiper-slide) {
    height: 100%;
}
.sc-billboard > .sc-cover .object-fit > * {
    transition: var(--duration-slow) var(--easing);
}
.sc-billboard > .sc-link:hover ~ .sc-cover .object-fit > * {
    transform: scale(1.02);
}
.sc-billboard.fade .sc-cover .object-fit {
    opacity: var(--opacity-overlay);
}
.sc-billboard.fade-bottom .sc-cover .object-fit:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}
.sc-billboard-flex {
    display: flex;
}
.sc-billboard-flex > .sc-billboard {
    flex: 1;
}

.sc-columns {
    --gap-x: var(--spacing-column);
    --gap-y: var(--spacing-row);
    --column: 2;
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--gap-y) var(--gap-x);
}
.sc-columns > .sc-column {
    width: calc((100% - var(--gap-x)) / var(--column));
}
.sc-columns > .sc-column.vertical-align-center {
    align-self: center;
}

/* Accordion */
.accordion {
    position: relative;
}
.accordion > .entry-panel {
    display: none;
    margin: var(--spacing-content-sm) 0;
}
.accordion > .entry-title {
    padding: var(--spacing-content-sm) 0;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: var(--spacing-content-sm);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.accordion > .entry-title:after {
    content: "";
    display: block;
    width: 12px;
    height: auto;
    aspect-ratio: 1/1;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path d="M1 7.53906L6.13184 1.94043L11.2637 7.53906L12 6.86328L6.13184 0.460938L0.263672 6.86328L1 7.53906Z" fill="currentColor"/></svg>');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 0 0 auto;
    transform: rotate(180deg);
    transition: var(--duration) var(--easing);
}
.accordion.active > .entry-title:after {
    transform: rotate(0deg);
}
.accordion:first-child > .entry-title {
    padding-top: 0;
}
.accordion:last-child > .entry-title {
    padding-bottom: 0;
}
.accordion:last-child > .entry-panel {
    margin-bottom: 0;
}
.accordion:not(:last-child) {
    border-bottom: 1px solid;
}
.accordion:not(:last-child) > .entry-panel {
    margin-top: 0;
}

/* Animation */
.animate {
    -webkit-animation-duration: var(--duration);
    animation-duration: var(--duration);
    -webkit-animation-timing-function: var(--easing-strong);
    animation-timing-function: var(--easing-strong);
}
.animate.animated {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.animate.fadeIn {
    -webkit-animation-duration: var(--duration-slow);
    animation-duration: var(--duration-slow);
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(var(--spacing-content));
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(var(--spacing-content));
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

/* Media Queries */
@media (min-width: 768px) {
    /* Keep for legacy layout format */
    :is(#header, #phoneheader) {
        min-width: 1280px;
    }

    /* Header */
    #header > .wrap {
        grid-template-columns: 1fr auto 1fr;
    }
    #header > .wrap > .brand {
        grid-column: 1;
        justify-self: flex-start;
    }
    #header > .wrap > .menu {
        grid-column: 2;
        justify-self: center;
    }
    #header > .wrap > .bags {
        grid-column: 3;
        justify-self: flex-end;
    }

    /* Footer */
    #footer {
        padding-top: var(--spacing-xs);
    }
    #footer > .wrap {
        padding: var(--spacing-md) 0;
    }
    #footer > .wrap > .ftcon {
        grid-template-columns: 1fr auto 1fr;
    }
    #footer > .wrap > .ftcon > .ftmenu {
        grid-column: 2;
        justify-self: center;
        grid-gap: 0 var(--spacing-md);
    }
    #footer > .wrap > .ftcon > .ftmenu > .ftnewsletter {
        display: none !important;
    }
    #footer > .wrap > .ftcon > .ftnewsletter {
        grid-column: 3;
        justify-self: flex-end;
        display: initial !important;
    }

    /* Section */
    .sc-headline-alignment {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-gap: var(--spacing-content-sm);
    }
    .sc-headline-alignment > *:not(:first-child) {
        margin-top: 0;
    }
    .sc-headline-alignment > .sc-explore {
        grid-column: 2;
        align-self: center;
        justify-self: flex-end;
    }
    .sc-headline-alignment > .sc-category ~ .sc-explore:nth-child(3) {
        grid-row: 1 / span 2;
        align-self: flex-end;
    }

    .sc-columns > .sc-column.rtl {
        flex-direction: row-reverse;
    }
}

@media (max-width: 767px) {
    :root {
        --font-size-h1: 36px;

        --logo-height: 38px;
        --header-height: 60px;
    }

    .align-center-mobile {
        text-align: center !important;
    }

    /* Wrapper */
    #wrapper {
        margin-top: 0;
    }

    /* Header */
    #header {
        top: var(--header-height);
        padding-bottom: var(--spacing-xs);
    }
    #header > .wrap {
        height: auto;
        padding: var(--spacing-xs) 0;
    }
    #header > .wrap > .brand {
        display: none;
    }
    #header > .wrap > .menu {
        flex-direction: column;
    }

    #phoneheader > .wrap {
        grid-template-columns: auto auto;
        align-items: center;
        grid-gap: var(--spacing-xs) var(--spacing-md);
        height: var(--header-height);
    }
    #phoneheader > .wrap > * {
        float: none;
        width: auto;
        margin: 0;
    }
    #phoneheader > .wrap > .brand {
        grid-column: 1;
        justify-self: flex-start;
    }
    #phoneheader > .wrap > .menubutton {
        grid-column: 2;
        justify-self: flex-end;
        width: 26px;
        height: 26px;
        background-color: transparent;
        background-image: url('data:image/svg+xml,<svg width="27" height="18" viewBox="0 0 27 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27 0.5V1.5H0V0.5H27Z" fill="black"/><path d="M27 8.5V9.5H0V8.5H27Z" fill="black"/><path d="M27 16.5V17.5H0V16.5H27Z" fill="black"/></svg>');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% auto;
    }

    #phoneheader.touch {
        padding: 0;
    }

    html.page-scrolling #phoneheader.touch > .wrap {
        border-bottom-color: currentColor;
    }
    html.header-white:not(.page-scrolling) :is(#header, #phoneheader).touch {
        background-color: var(--color-white);
        color: var(--color-black);
    }
    html.header-white:not(.page-scrolling) :is(#header, #phoneheader).touch :is(.logo, .menubutton) {
        -webkit-filter: none;
        filter: none;
    }

    /* Footer */
    #footer {
        padding: var(--spacing-xs) 0;
    }

    /* Section */
    .sc-filter-ctrl {
        width: auto;
    }

    .sc-grid-row.re-h-sq {
        aspect-ratio: 1/1;
    }

    .sc-billboard-flex {
        flex-direction: column;
    }

    .sc-columns {
        flex-direction: column;
    }
    .sc-columns > .sc-column {
        width: 100%;
    }
}

/* Woocommerce ====================*/
/* Woocommerce Button */
#main .woocommerce #respond input#submit,
#main .woocommerce a.button,
#main .woocommerce button.button,
#main .woocommerce input.button,
#main .woocommerce .cart .button,
#main .woocommerce .cart input.button,
#main .woocommerce #respond input#submit.alt,
#main .woocommerce a.button.alt,
#main .woocommerce button.button.alt,
#main .woocommerce input.button.alt,
#main .woof .woof_redraw_zone .woof_submit_search_form_container > a,
#main .woof .woof_redraw_zone .woof_submit_search_form_container > button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    text-decoration: none !important;
    box-shadow: none !important;
    margin: 0;
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    white-space: normal;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 0;
    max-width: 100%;
    height: var(--button-height);
    min-height: 0;
    max-height: none;
    padding: var(--button-spacing-y) var(--button-spacing-x) !important;
    color: var(--button-color-text) !important;
    background-color: var(--button-color-background) !important;
    border: 1px solid var(--button-color-border) !important;
    border-radius: var(--button-border-radius) !important;
    opacity: 1 !important;
    overflow: hidden;
    font-family: inherit;
    font-weight: inherit;
    font-size: var(--font-size-body);
    line-height: normal;
    letter-spacing: normal;
    text-transform: none;
    text-align: center;
    transition: var(--duration) var(--easing);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    background-color: transparent !important;
    background-image: var(--initial-gradient), var(--hover-gradient) !important;
    background-size: 101% 101%, 0 101% !important;
    background-position: var(--initial-background-position) !important;
    background-repeat: no-repeat !important;
    transition: background-size 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), background-position 0.45s step-end, color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

#main .woocommerce #respond input#submit:hover,
#main .woocommerce a.button:hover,
#main .woocommerce button.button:hover,
#main .woocommerce input.button:hover,
#main .woocommerce .cart .button:hover,
#main .woocommerce .cart input.button:hover,
#main .woocommerce #respond input#submit.alt:hover,
#main .woocommerce a.button.alt:hover,
#main .woocommerce button.button.alt:hover,
#main .woocommerce input.button.alt:hover,
#main .woof .woof_redraw_zone .woof_submit_search_form_container > a:hover,
#main .woof .woof_redraw_zone .woof_submit_search_form_container > button:hover {
    color: rgb(var(--button-color-background)) !important;
    border-color: rgb(var(--button-color-background)) !important;
    background-color: transparent !important;
    background-position: var(--hover-background-position) !important;
    background-size: 0 101%, 101% 101% !important;
}
#main .woocommerce #respond input#submit.disabled,
#main .woocommerce #respond input#submit:disabled,
#main .woocommerce #respond input#submit:disabled[disabled],
#main .woocommerce a.button.disabled,
#main .woocommerce a.button:disabled,
#main .woocommerce a.button:disabled[disabled],
#main .woocommerce button.button.disabled,
#main .woocommerce button.button:disabled,
#main .woocommerce button.button:disabled[disabled],
#main .woocommerce input.button.disabled,
#main .woocommerce input.button:disabled,
#main .woocommerce input.button:disabled[disabled],
#main .woocommerce #respond input#submit.disabled:hover,
#main .woocommerce #respond input#submit:disabled:hover,
#main .woocommerce #respond input#submit:disabled[disabled]:hover,
#main .woocommerce a.button.disabled:hover,
#main .woocommerce a.button:disabled:hover,
#main .woocommerce a.button:disabled[disabled]:hover,
#main .woocommerce button.button.disabled:hover,
#main .woocommerce button.button:disabled:hover,
#main .woocommerce button.button:disabled[disabled]:hover,
#main .woocommerce input.button.disabled:hover,
#main .woocommerce input.button:disabled:hover,
#main .woocommerce input.button:disabled[disabled]:hover,
#main .woocommerce #respond input#submit.alt.disabled,
#main .woocommerce #respond input#submit.alt.disabled:hover,
#main .woocommerce #respond input#submit.alt:disabled,
#main .woocommerce #respond input#submit.alt:disabled:hover,
#main .woocommerce #respond input#submit.alt:disabled[disabled],
#main .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
#main .woocommerce a.button.alt.disabled,
#main .woocommerce a.button.alt.disabled:hover,
#main .woocommerce a.button.alt:disabled,
#main .woocommerce a.button.alt:disabled:hover,
#main .woocommerce a.button.alt:disabled[disabled],
#main .woocommerce a.button.alt:disabled[disabled]:hover,
#main .woocommerce button.button.alt.disabled,
#main .woocommerce button.button.alt.disabled:hover,
#main .woocommerce button.button.alt:disabled,
#main .woocommerce button.button.alt:disabled:hover,
#main .woocommerce button.button.alt:disabled[disabled],
#main .woocommerce button.button.alt:disabled[disabled]:hover,
#main .woocommerce input.button.alt.disabled,
#main .woocommerce input.button.alt.disabled:hover,
#main .woocommerce input.button.alt:disabled,
#main .woocommerce input.button.alt:disabled:hover,
#main .woocommerce input.button.alt:disabled[disabled],
#main .woocommerce input.button.alt:disabled[disabled]:hover,
#main .woof .woof_redraw_zone .woof_submit_search_form_container > a:disabled,
#main .woof .woof_redraw_zone .woof_submit_search_form_container > button:disabled,
#main .woof .woof_redraw_zone .woof_submit_search_form_container > a:disabled:hover,
#main .woof .woof_redraw_zone .woof_submit_search_form_container > button:disabled:hover {
    padding: var(--button-spacing-y) var(--button-spacing-x) !important;
    color: var(--button-color-text) !important;
    background: none !important;
    background-color: var(--button-color-background) !important;
    border: var(--border) var(--button-color-border) !important;
    border-radius: var(--button-border-radius) !important;
    opacity: var(--opacity-light) !important;
    pointer-events: none;
}

/* Woocommerce Message */
#main .woocommerce *:is(.woocommerce-error, .woocommerce-info, .woocommerce-message) {
    outline: none !important;
    padding: var(--spacing-xs) !important;
    color: var(--color-black) !important;
    background: var(--color-white) !important;
    border: 1px solid !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    font-family: inherit !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: var(--font-size-body) !important;
    line-height: var(--line-height-body) !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    margin: 0 0 var(--spacing-2xs);
}
#main .woocommerce *:is(.woocommerce-error, .woocommerce-info, .woocommerce-message):before {
    display: none !important;
}
#main .woocommerce *:is(.woocommerce-error, .woocommerce-info, .woocommerce-message) * {
    margin: 0;
}
#main .woocommerce *:is(.woocommerce-error, .woocommerce-info, .woocommerce-message) :is(a, button, .button) {
    float: none !important;
    text-decoration: underline !important;
    box-shadow: none !important;
    height: auto !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    color: inherit !important;
    display: inline !important;
    opacity: 1 !important;
    position: relative !important;
    font-family: inherit !important;
    font-weight: bold !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-transform: none !important;
}
#main .woocommerce .woocommerce-notices-wrapper > *:is(.woocommerce-error, .woocommerce-info, .woocommerce-message):last-child {
    margin-bottom: var(--spacing-2xs);
}

/* Woocommerce Pagination */
#main .woocommerce nav.woocommerce-pagination {
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    line-height: 1;
    text-align: inherit;
    text-transform: none;
    color: inherit;
}
#main .woocommerce nav.woocommerce-pagination:not(:first-child) {
    margin-top: var(--spacing-section);
}
#main .woocommerce nav.woocommerce-pagination ul {
    border: 0;
    padding: 0;
    margin: 0;
}
#main .woocommerce nav.woocommerce-pagination ul li {
    border: 0;
    padding: 0;
    margin: 0;
    float: none;
    display: inline;
    overflow: visible;
}
#main .woocommerce nav.woocommerce-pagination ul li a,
#main .woocommerce nav.woocommerce-pagination ul li span {
    text-decoration: none !important;
    box-shadow: none !important;
    padding: 0;
    margin: 0;
    min-width: 0;
    display: block;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
#main .woocommerce nav.woocommerce-pagination ul li a:focus,
#main .woocommerce nav.woocommerce-pagination ul li a:hover,
#main .woocommerce nav.woocommerce-pagination ul li span.current {
    background: none;
    color: inherit;
}
#main .woocommerce .woocommerce-pagination ul.page-numbers {
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-gap: var(--spacing-xs);
    font-family: inherit;
    font-weight: normal;
    font-style: normal;
    font-size: var(--font-size-body);
    line-height: 1;
    text-transform: uppercase;
    color: inherit;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#main .woocommerce .woocommerce-pagination ul.page-numbers:after,
#main .woocommerce .woocommerce-pagination ul.page-numbers:before {
    display: none !important;
}
#main .woocommerce .woocommerce-pagination ul.page-numbers li {
    display: flex;
    align-items: center;
    justify-content: center;
}
#main .woocommerce .woocommerce-pagination ul.page-numbers li > * {
    text-decoration: none !important;
    box-shadow: none !important;
    margin: 0;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: auto;
    width: auto;
    min-width: 0;
    min-height: 0;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    overflow: visible;
    color: inherit;
    opacity: 1;
}
#main .woocommerce .woocommerce-pagination ul.page-numbers li > *.current {
    font-weight: bold;
}

/* Woocommerce Products */
#main .woocommerce div.product form.cart {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    text-transform: none;
}
#main .woocommerce div.product form.cart .variations {
    margin: 0;
}
#main .woocommerce div.product form.cart .variations,
#main .woocommerce div.product form.cart .variations tbody,
#main .woocommerce div.product form.cart .variations tr,
#main .woocommerce div.product form.cart .variations tr > * {
    display: block;
    width: 100%;
    padding: 0;
    text-align: left;
}
#main .woocommerce div.product form.cart .variations th,
#main .woocommerce div.product form.cart .variations td {
    font-size: inherit;
    line-height: inherit;
    vertical-align: middle;
}
#main .woocommerce div.product form.cart .variations .label {
    padding: 0 !important;
    font-family: var(--font-body);
    font-weight: var(--font-weight-body);
    font-size: var(--font-size-tagline);
    line-height: var(--line-height-tagline);
    letter-spacing: normal;
    text-transform: uppercase;
    color: inherit;
    display: flex !important;
    flex-wrap: wrap;
    grid-gap: 0 var(--spacing-2xs);
    align-items: baseline;
}
#main .woocommerce div.product form.cart .variations .label > *:not(:last-child) {
    padding-right: var(--spacing-2xs);
}
#main .woocommerce div.product form.cart .variations .value {
    text-align: left;
}
#main .woocommerce div.product form.cart .variations label {
    opacity: 1;
    font-weight: inherit;
    text-transform: inherit;
}
#main .woocommerce div.product form.cart .variations label + .woo-selected-variation-item-name {
    margin-left: 3px;
}
#main .woocommerce div.product form.cart .variations select {
    margin: 0;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
#main .woocommerce div.product form.cart .variations .select {
    width: 100%;
}
#main .woocommerce div.product form.cart .button {
    float: none;
}
#main .woocommerce div.product form.cart div.quantity {
    float: none;
    margin: 0;
    display: initial !important;
}
#main .woocommerce div.product div.images {
    margin: 0;
}
#main .woocommerce ul.products,
#main .woocommerce .products ul {
    margin: 0;
}
#main .woocommerce ul.products:after,
#main .woocommerce ul.products:before,
#main .woocommerce .products ul:after,
#main .woocommerce .products ul:before {
    display: none;
}
#main .woocommerce ul.products li.product {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-content-sm);
    font-size: inherit;
    line-height: inherit;
    text-align: center;
    text-transform: none;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#main .woocommerce ul.products li.product,
#main .woocommerce ul.products[class*="columns-"] li.product {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
#main .woocommerce ul.products li.product > * {
    margin: 0;
    width: 100%;
}
#main .woocommerce ul.products li.product a img {
    margin: 0 !important;
}
#main .woocommerce ul.products li.product .price,
#main .woocommerce div.product p.price,
#main .woocommerce div.product span.price {
    margin: 0;
    font-family: inherit;
    font-weight: normal;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: normal;
    color: inherit;
    opacity: 1;
    display: inline-flex;
    flex-wrap: wrap;
    grid-gap: 0 0.5em;
}
#main .woocommerce ins,
#main .woocommerce ul.products li.product .price ins,
#main .woocommerce div.product p.price ins,
#main .woocommerce div.product span.price ins {
    text-decoration: none;
    font-weight: inherit;
    color: var(--color-red);
}
#main .woocommerce del,
#main .woocommerce ul.products li.product .price del,
#main .woocommerce div.product p.price del,
#main .woocommerce div.product span.price del {
    font-weight: inherit;
    text-decoration: line-through;
    color: rgba(var(--rgb), var(--opacity));
    opacity: 1;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
}
#main .woocommerce div.product p.stock {
    font-weight: normal;
    font-size: inherit;
    line-height: inherit;
}
#main .woocommerce ul.products li.product .button {
    margin: 0 !important;
    width: 100% !important;
}
#main .woocommerce ul.products li.product form.cart table.variations,
#main .woocommerce ul.products li.product form.cart .reset_variations,
#main .woocommerce ul.products li.product form.cart .woocommerce-variation,
#main .woocommerce ul.products li.product form.cart .quantity,
#main .woocommerce ul.products li.product form.cart .quantity-container,
#main .woocommerce ul.products li.product form.cart .variations .label {
    display: none !important;
}
#main .woocommerce ul.products li.product .woocommerce-LoopProduct-link,
#main .woocommerce ul.products li.product .woocommerce-loop-product__title,
#main .woocommerce ul.products li.product .price,
#main .woocommerce ul.products li.product .price * {
    padding: 0;
    margin: 0;
    float: none;
    clear: both;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-align: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    transition: none;
    opacity: 1;
}
#main .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    text-decoration: none !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-content-sm);
}
#main .woocommerce ul.products li.product .woocommerce-LoopProduct-link > * {
    margin: 0;
    width: 100%;
}
#main .woocommerce ul.products li.product .woocommerce-LoopProduct-link > .caption {
    flex: 1;
}
#main .woocommerce ul.products li.product .caption {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 0;
    width: 100%;
    height: auto;
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    letter-spacing: normal;
    text-transform: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: var(--spacing-content-sm);
    border-top: 1px solid rgba(var(--rgb), var(--opacity-light));
}
#main .woocommerce ul.products li.product .caption > * {
    margin: 0;
}
#main .woocommerce ul.products li.product .caption .woocommerce-loop-product__title {
    font-family: inherit;
    font-weight: normal;
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    letter-spacing: normal;
    text-transform: none;
}
#main .woocommerce ul.products li.product .caption .entry-category {
    font-family: inherit;
    font-weight: normal;
    font-size: var(--font-size-body-sm);
    line-height: var(--line-height-body);
    letter-spacing: normal;
    text-transform: none;
    color: rgba(var(--rgb), var(--opacity));
}
#main .woocommerce ul.products li.product .caption .entry-price {
    font-family: inherit;
    font-weight: normal;
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    letter-spacing: normal;
}
#main .woocommerce ul.products li.product .caption .entry-price .price del,
#main .woocommerce ul.products li.product .caption .entry-price .price ins {
    white-space: nowrap;
}
#main .woocommerce ul.products li.product .caption .entry-price .soldout {
    opacity: var(--opacity-light);
}
#main .woocommerce ul.products li.product .cover {
    position: relative;
    overflow: hidden;
}
#main .woocommerce ul.products li.product .cover .object-fit:before {
    padding-bottom: 100%;
}
#main .woocommerce ul.products li.product .cover .object-fit > *:is(img, video) {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto !important;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
}
#main .woocommerce ul.products li.product .cover .object-fit > *:is(img, video) ~ *:is(img, video) {
    opacity: 0;
    z-index: 1;
}
#main .woocommerce ul.products li.product:hover .cover .object-fit > *:is(img, video):not(:only-child) {
    opacity: 0;
}
#main .woocommerce ul.products li.product:hover .cover .object-fit > *:is(img, video):not(:only-child) ~ *:is(img, video) {
    opacity: 1;
}

html:not(.touchevents) #main .woocommerce ul.products li.product .entry-variations {
    opacity: 0;
    pointer-events: none;
    transition: var(--duration) var(--easing);
}
html:not(.touchevents) #main .woocommerce ul.products li.product:hover .entry-variations {
    opacity: 1;
    pointer-events: auto;
}

#main .product-container {
    --gap-x: var(--spacing-column);
    --gap-y: var(--spacing-row);
    --column: 4;
    position: relative;
}
#main .product-container + .product-container {
    margin-top: var(--gap-y) !important;
}
#main .product-container[data-layout="grid"] .woocommerce ul.products {
    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;
}
#main .product-container[data-layout="slider"] {
    width: initial;
    max-width: initial;
    margin: 0 calc((var(--gap-x) * -1) / 2) !important;
}
#main .product-container[data-layout="slider"] .woocommerce ul.products > li.product {
    width: calc(100% / var(--column)) !important;
    padding: 0 calc(var(--gap-x) / 2) !important;
}

#main .single-product-container *:is(h1, h2, h3, h4, h5, h6, p) {
    margin: 0;
}

#main .single-product-container :is(.single-product-breadcrumb, .single-product-notes) ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
#main .single-product-container :is(.single-product-breadcrumb, .single-product-notes) ul > li:not(:last-child):after {
    content: "/";
    margin: 0 5px;
}
#main .single-product-container :is(.single-product-breadcrumb, .single-product-notes) ul > li > a {
    color: inherit;
}

#main .single-product-container :is(.single-product-title, .single-product-price) {
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
    text-transform: uppercase;
}
#main .single-product-container .single-product-size {
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    text-transform: uppercase;
}
#main .single-product-container .single-product-notes {
    font-size: var(--font-size-md);
    line-height: var(--line-height-body);
}
#main .single-product-container .single-product-cart {
    padding-top: var(--spacing-content-sm);
    border-top: 1px solid;
}
#main .single-product-container .single-product-cart .single_add_to_cart_button.button {
    width: 100% !important;
    max-width: 100% !important;
}

#main .single-product-container .single-product-summary > *:not(:first-child) {
    margin-top: var(--spacing-row);
}
#main .single-product-container :is(.single-product-header, .single-product-desc, .single-product-notes, .single-product-cart) > *:not(:first-child),
#main .single-product-container .single-product-summary > * + .single-product-cart:not(:first-child) {
    margin-top: var(--spacing-content-sm) !important;
}

#main .single-product-container .single-product-gallery {
    --thumb-width: 40px;
    --thumb-gap: var(--spacing-xs);
    position: relative;
}
#main .single-product-container .single-product-gallery .gallery-slider {
    position: relative;
    width: 100%;
}
#main .single-product-container .single-product-gallery .gallery-slider .object-fit:before {
    padding-bottom: 100%;
}
#main .single-product-container .single-product-gallery .gallery-slider .object-fit > * {
    -o-object-fit: contain;
    object-fit: contain;
}
#main .single-product-container .single-product-gallery :is(.gallery-preview, .gallery-thumbs) {
    position: relative;
    width: auto;
    max-width: none;
    margin: 0 calc((var(--thumb-gap) / 2) * -1);
}
#main .single-product-container .single-product-gallery :is(.gallery-preview, .gallery-thumbs) .swiper-slide {
    padding: 0 calc(var(--thumb-gap) / 2);
}
#main .single-product-container .single-product-gallery .gallery-preview .swiper-slide {
    width: 100% !important;
}
#main .single-product-container .single-product-gallery .gallery-thumbs {
    margin-top: var(--thumb-gap);
}
#main .single-product-container .single-product-gallery .gallery-thumbs .swiper-slide {
    height: auto !important;
    width: calc(var(--thumb-width) + var(--thumb-gap)) !important;
}

/* Woocommerce Plugin : Woof */
.woof,
.woof .woof_container_inner h4,
.woof .woof_block_html_items,
.woof .woof_checkbox_label,
.woof .woof_radio_label,
.woof .woof_list_checkbox > li,
.woof .woof_list_checkbox > li .woof_checkbox_label,
.woof .woof_list_radio > li,
.woof .woof_list_radio > li .woof_radio_label {
    margin: 0;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: inherit;
}
.woof .woof_checkbox_label,
.woof .woof_radio_label {
    margin-left: 0 !important;
}
.woof .woof_childs_list_li,
.woof .woof_price_filter,
.woof .woof_submit_search_form_container {
    padding: 0;
}
.woof .woof_container {
    float: none;
    position: relative;
    border: 0;
    margin: 0;
    padding: var(--spacing-xs) 0;
    border-bottom: 1px solid;
}
.woof .woof_container a {
    text-decoration: none !important;
    box-shadow: none !important;
}
.woof .woof_container_inner {
    margin: 0;
    padding: 0;
    border: 0;
}
.woof .woof_container_inner h4,
.woof .woof_container_inner h4 a.woof_front_toggle {
    padding: 0;
}
.woof .woof_container_inner h4 {
    position: relative;
    cursor: pointer;
    border: 0;
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: normal;
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    padding-right: calc(12px + var(--spacing-xs));
}
.woof .woof_container_inner h4 a.woof_front_toggle {
    box-shadow: none !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: none;
    font-size: 0;
    flex: 1;
}
.woof .woof_container_inner h4 a.woof_front_toggle:after {
    content: "";
    display: block;
    width: 12px;
    height: auto;
    aspect-ratio: 1/1;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path d="M1 7.53906L6.13184 1.94043L11.2637 7.53906L12 6.86328L6.13184 0.460938L0.263672 6.86328L1 7.53906Z" fill="currentColor"/></svg>');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 0 0 auto;
    transition: var(--duration) var(--easing);
}
.woof .woof_container_inner h4 a.woof_front_toggle_opened:after {
    transform: rotate(180deg);
}
.woof .woof_block_html_items {
    width: 100% !important;
    padding: var(--spacing-xs) 0 0;
    font-size: var(--font-size-body);
}
.woof .woof_list li {
    margin: 0 !important;
    padding: 0 !important;
}
.woof .woof_list label {
    padding: 0;
}
.woof .woof_childs_list_li:not(:last-child) {
    border-bottom: 0;
}
.woof .woof_childs_list_li > .woof_checkbox_label,
.woof .woof_childs_list_li > .woof_radio_label {
    display: block;
    line-height: normal;
}
.woof .woof_childs_list {
    display: flex;
    flex-direction: column;
    width: 100% !important;
    margin: 0 !important;
}
.woof .woof_childs_list > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.woof .woof_childs_list > li:not(:last-child) {
    margin-bottom: var(--spacing-xs) !important;
}
.woof :is(.woof_list_checkbox, .woof_list_radio) {
    margin: 0;
    padding: 0;
}
.woof :is(.woof_list_checkbox, .woof_list_radio) > li {
    position: relative;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    line-height: inherit;
}
.woof :is(.woof_list_checkbox, .woof_list_radio) > li:not(:last-child) {
    margin-bottom: var(--spacing-xs) !important;
}
.woof :is(.woof_list_checkbox, .woof_list_radio) > li :is(.woof_checkbox_term, .woof_radio_term) {
    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;
}
.woof :is(.woof_list_checkbox, .woof_list_radio) > li :is(.woof_checkbox_label, .woof_radio_label) {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    text-align: left;
    line-height: inherit;
    height: auto;
    min-height: var(--font-size-body);
    min-width: var(--font-size-body);
    max-width: 100%;
    padding-left: calc(var(--font-size-body) + 0.5em);
    cursor: pointer;
    transition: var(--duration) var(--easing);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.woof :is(.woof_list_checkbox, .woof_list_radio) > li :is(.woof_checkbox_label, .woof_radio_label):before,
.woof :is(.woof_list_checkbox, .woof_list_radio) > li :is(.woof_checkbox_label, .woof_radio_label):after {
    content: "";
    border-radius: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: var(--font-size-body);
    height: var(--font-size-body);
    margin: 0;
    position: absolute;
    left: 0;
    top: calc(var(--line-height-body) * 0.15em);
}
.woof :is(.woof_list_checkbox, .woof_list_radio) > li :is(.woof_checkbox_label, .woof_radio_label):before {
    background: none;
    border: 1px solid;
}
.woof :is(.woof_list_checkbox, .woof_list_radio) > li :is(.woof_checkbox_label, .woof_radio_label):after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none"><path d="M3.48333 7.55001L0.25 4.33335L1.1 3.46668L3.48333 5.85001L8.9 0.450012L9.75 1.30001L3.48333 7.55001Z" fill="currentColor"/></svg>');
    background-size: 10px 8px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
}
.woof :is(.woof_list_checkbox, .woof_list_radio) > li :is(.woof_checkbox_term, .woof_radio_term):checked + :is(.woof_checkbox_label, .woof_radio_label):after {
    opacity: 1;
}
.woof :is(.woof_list_checkbox, .woof_list_radio) > li .woof_childs_list_opener {
    margin: 0;
    flex: 1;
    text-align: right;
    background: none !important;
}
.woof :is(.woof_list_checkbox, .woof_list_radio) > li .woof_childs_list_opener span {
    background: none;
    width: auto;
    height: auto;
    vertical-align: top;
}
.woof :is(.woof_list_checkbox, .woof_list_radio) > li .woof_childs_list_opener span:before {
    display: block;
    font-size: inherit;
    width: auto;
    text-align: center;
}
.woof :is(.woof_list_checkbox, .woof_list_radio) > li .woof_childs_list_opener span.woof_is_closed:before {
    content: "+";
}
.woof :is(.woof_list_checkbox, .woof_list_radio) > li .woof_childs_list_opener span.woof_is_opened:before {
    content: "-";
}
.woof .woof_radio_term_reset {
    padding: 0;
    line-height: inherit;
    color: var(--color-error);
}
.woof .woof_radio_term_reset:before {
    font-family: "iconfont";
    content: "\e900";
    font-size: var(--font-size-2xs);
    font-weight: bold;
    margin-left: var(--spacing-2xs);
    display: block;
}
.woof .woof_radio_term_reset > img {
    display: none !important;
}
.woof .woof_submit_search_form_container {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    grid-gap: var(--spacing-xs);
}
.woof .woof_submit_search_form_container > * {
    margin: 0;
    flex: unset;
}
.woof .woof_submit_search_form_container .button {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    cursor: pointer !important;
}
.woof .woof_submit_search_form_container .button.woof_reset_search_form {
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    color: inherit !important;
    padding: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
}
.woof_container_overlay_item,
.woof_checkbox_count,
.woof_radio_count {
    display: none !important;
}

div.woof_info_popup {
    display: none !important;
    position: fixed;
    z-index: 10001;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: none;
    border-radius: 50%;
    color: var(--color-white);
    background: var(--color-black);
    overflow: hidden;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-transform: uppercase;
    text-align: center;
    width: 120px;
    height: 120px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#product-filter-panel-overlay,
#product-filter-panel {
    padding: 0;
    margin: 0;
    display: block;
    position: fixed;
    z-index: 1003;
    top: 0;
    height: 100dvh;
    pointer-events: none;
    box-sizing: border-box;
}
#product-filter-panel-overlay {
    width: 100%;
    left: 0;
    right: 0;
    cursor: pointer;
    background: rgba(var(--color-black-rgb), var(--opacity));
    transition: opacity var(--duration) var(--easing);
    opacity: 0;
    pointer-events: none;
}
#product-filter-panel-overlay.active {
    opacity: 1;
    pointer-events: auto;
}
#product-filter-panel {
    left: auto;
    right: 0;
    display: flex;
    flex-direction: column;
    width: 360px;
    max-width: 100vw;
    margin-left: auto;
    background: var(--color-white);
    color: var(--color-black);
    overflow: hidden;
    transition: var(--duration) var(--easing);
    transform: translateX(100%);
    will-change: transform;
    pointer-events: none;
}
#product-filter-panel *,
#product-filter-panel *:before,
#product-filter-panel *:after {
    box-sizing: border-box;
}
#product-filter-panel.active {
    transform: translateX(0);
    pointer-events: auto;
}
#product-filter-panel .product-filter-title {
    margin: 0;
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
}
#product-filter-panel .product-filter-close {
    font-size: 0;
    color: inherit;
    display: inline-block;
    width: 14px;
    aspect-ratio: 1/1;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M1.39989 13.3078L0.692139 12.6L6.29214 7.00001L0.692139 1.40001L1.39989 0.692261L6.99989 6.29226L12.5999 0.692261L13.3076 1.40001L7.70764 7.00001L13.3076 12.6L12.5999 13.3078L6.99989 7.70776L1.39989 13.3078Z" fill="black"/></svg>');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
#product-filter-panel .product-filter-ctrls {
    width: 100%;
    position: relative;
    z-index: 2;
    background: var(--color-white);
    color: var(--color-black);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: var(--spacing-xs);
    padding-top: var(--spacing-md);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#product-filter-panel .product-filter-ctrls:after {
    content: "";
    display: block;
    width: calc(100% - (var(--spacing-xs) * 2));
    height: auto;
    border-bottom: var(--border);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#product-filter-panel .product-filter-ctrls > .product-filter-title {
    flex: 1;
}
#product-filter-panel .product-filter-wrap {
    flex: 1;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#product-filter-panel .product-filter-scroll {
    width: auto;
    max-width: none;
    height: 100%;
    padding: 0 25px 0 0;
    margin-right: -25px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#product-filter-panel .product-filter-inner {
    padding: 0 var(--spacing-xs);
    min-height: 100%;
}
#product-filter-panel.has-woof-submit .product-filter-inner {
    padding-bottom: var(--ctrls-height, --spacing-xs);
}
#product-filter-panel.has-woof-submit .product-filter-inner .woof_submit_search_form_container {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--color-white);
    color: var(--color-black);
    padding: var(--spacing-md) var(--spacing-xs);
}

/* Woocommerce - Media Queries */
@media (min-width: 768px) {
    #main .woocommerce ul.products li.product .caption .entry-price .price del,
    #main .woocommerce ul.products li.product .caption .entry-price .price ins {
        display: block;
    }
    #main .woocommerce ul.products li.product:not(.product--featured) .cover .object-fit > *:is(img, video) {
        width: 65.7657657658% !important;
    }

    #main .sc-columns > .sc-column .product-container {
        --column: 2;
    }

    #main .single-product-container {
        display: grid;
        grid-template-columns: 24.4528301887% 33.2075471698% 24.4528301887%;
        justify-content: space-between;
        align-items: center;
    }
    #main .single-product-container > .single-product-gallery {
        grid-row: 1;
        grid-column: 2;
    }
    #main .single-product-container > .single-product-summary.area-1 {
        grid-row: 1;
        grid-column: 1;
    }
    #main .single-product-container > .single-product-summary.area-2 {
        grid-row: 1;
        grid-column: 3;
        text-align: right;
    }
    #main .single-product-container > .single-product-summary.area-2 .single-product-notes ul {
        justify-content: flex-end;
    }
    #main .single-product-container .single-product-gallery .gallery-preview .swiper-button-prev {
        left: var(--spacing-xs);
    }
    #main .single-product-container .single-product-gallery .gallery-preview .swiper-button-next {
        right: var(--spacing-xs);
    }
}

@media (max-width: 767px) {
    #main .woocommerce ul.products li.product--featured .cover .object-fit:before {
        padding-bottom: 66.5277777778%;
    }

    #main .product-container {
        --gap-x: var(--spacing-xs);
        --column: 2;
    }
    #main .product-container[data-layout="slider"] {
        --column: 1;
    }

    *[data-section="single-product"] > .sc-inner {
        padding-top: var(--spacing-xs);
    }

    #main .single-product-container > [class^="single-product-"]:not(:first-child) {
        margin-top: var(--spacing-row);
    }
}

/* Clear old page */
html.page-scrolling :is(#header, #phoneheader).white * {
    color: var(--color-black) !important;
    -webkit-filter: var(--color-black-filter) !important;
    filter: var(--color-black-filter) !important;
}
html:not(.page-scrolling) :is(#header, #phoneheader).white {
    color: var(--color-white);
}
html:not(.page-scrolling) :is(#header, #phoneheader).white > * {
    color: var(--color-white);
    -webkit-filter: var(--color-white-filter);
    filter: var(--color-white-filter);
}
html:not(.page-scrolling) :is(#header, #phoneheader).white > .wrap {
    border-color: inherit;
}

#content .boxhead {
    margin-top: calc(var(--header-height) + var(--spacing-section));
}
#content .bhcon {
    border-top: 0;
}
#content .mainslcon {
    border-top: 0;
    top: var(--header-height);
}
#content .faq {
    padding-top: calc(var(--header-height) + var(--spacing-section));
}
#content .faqcon {
    padding-top: 0;
    border-top: 0;
}
#content .faqcontent:first-child {
    margin-top: 0;
}

@media (max-width: 767px) {
    :is(#header, #phoneheader).touch {
        color: var(--color-black) !important;
        background-color: var(--color-white) !important;
    }
    :is(#header, #phoneheader).touch * {
        color: var(--color-black) !important;
        -webkit-filter: var(--color-black-filter) !important;
        filter: var(--color-black-filter) !important;
    }
    :is(#header, #phoneheader).white.touch {
        background-color: var(--color-white);
        color: var(--color-black);
    }
    #phoneheader.white.touch > .wrap {
        border-bottom-color: currentColor;
    }

    #content .philohhead {
        margin-top: 0;
    }
}