/* ============================================
   AVANTCHA THEME 3.0
   Stylsheet: AVANTCHA General Layout
============================================ */

html {interpolate-size: allow-keywords;scroll-behavior: smooth;overflow-anchor: none;}

/*Animations*/
@keyframes button_hover {0% {transform: scaleY(0);}100% {transform: scaleY(100%);}}
@keyframes button_mouseout {0% {transform: scaleY(100%);}100% {transform: scaleY(0%);}}

@keyframes successEnter {to {opacity: 1;filter: blur(0);transform: translateY(0);}}
@keyframes couponPop {0% {transform: scale(0.98);} 60% {transform: scale(1.02);} 100% {transform: scale(1);}}
@keyframes glowPulse {0% {opacity: 0;} 40% {opacity: 1;} 100% {opacity: 0;}}
@keyframes glowPulse {0% {opacity: 0;} 40% {opacity: 1;} 100% {opacity: 0;}}

.es-portal-root, .FloatingButton__FloatingButtonContainer-sc-f76a104d-0, #__EAAPS_PORTAL {display:none !important;}


/*Global Widths*/
.fullwidth, .semilargewidth, .largewidth, .mediumwidth, .smallwidth, .miniwidth {margin-left: auto;
  margin-right: auto;--s-margin-inline-start: auto;--s-margin-inline-end: auto}
.fullwidth {width:100%;}
.semilargewidth {width:var(--width-semilarge);max-widh:var(--width-max-plp);}
.largewidth {width:var(--width-large);max-width:var(--width-max);--s-width:var(--width-large);}
.mediumwidth {width: var(--width-medium);max-width: var(--width-max);--s-width: var(--width-medium)}
.smallwidth {width:var(--width-small);max-width:var(--width-max);--s-width: var(--width-small)}
.miniwidth {width:var(--width-mini);max-width:var(--width-max);--s-width: var(--width-mini)}

/*General Ordered and Unordered Lists*/
ul:not(announcement-bar__mode-always ul, theme-nav-bar ul, theme-footer-navigation ul, 
ul.language-options, .text-center-mobile ul, 
.text-center ul, ul.block-product-list, ul.av-collection__list, ul.block-articles, 
ul.cart-item__discount, .header-nav-drawer__menu ul, ul.footer__social-media-content, ul.list-unstyled,
ul.facets-filtering__list, ul.main-blog__list), 
ol:not(announcement-bar__mode-always ol, theme-nav-bar ol, theme-footer-navigation ol, ul.language-options, ul.carousel__track, .text-center-mobile ol, .text-center ol) {
  padding-left: 1.05em;list-style: square;}
ul li:not(announcement-bar__mode-always ul li, theme-nav-bar ul li, theme-footer-navigation ul li, ul.language-options li, ol.carousel__track, .header-nav-drawer__menu ul li, ul.footer__social-media-content li, ul.list-unstyled li), 
ol li:not(announcement-bar__mode-always ol li, theme-nav-bar ol li, theme-footer-navigation ol li, ol.language-options li, ul.carousel__track li) {padding-bottom:var(--size-4);}
.text-center-mobile ul,.text-center-mobile ol,.text-center ul,.text-center ol {
  padding-left: 0;list-style: none;
}


/*Header and Search Box Styling*/
.header-group-container {position: sticky;top: 0;z-index:var(--zindex-s);}
.header-group-container.is-sticky {box-shadow: var(--shadow-s);}
.header-group-container-spacer {display: none;}
.header-group-container-spacer.is-active {display: block;}
.header__logo-link .header__logo-image {transition: all var(--speed-slower) var(--motion-ease-in);}

.header-nav__menu-item {transition: all var(--speed-slower) var(--motion-ease-in);}
.announcement-bar__group-item {transition: all var(--speed-slower) var(--motion-ease-in);}
.custom-location-preview {transition: all var(--speed-slower) var(--motion-ease-in);padding-top:var(--size-12); padding-bottom:var(--size-12);}

.header-group-container.is-sticky .header__logo-link .header__logo-image {--desktop-size: 150px !important;--mobile-size: 120px !important;}
.header-group-container.is-sticky .announcement-bar__group-item {--s-padding-block-start:var(--size-4);--s-padding-block-end:var(--size-4);}
.header-group-container.is-sticky .custom-location-preview {padding-top: var(--size-8);padding-bottom: var(--size-8);}
.header-group-container.is-sticky theme-announcement-bar-carousel {font-size:var(--font-size-xxs);}
.header-group-container.is-sticky .header-nav__menu-item {padding: var(--size-12) 0;}

@media (max-width: 959px) {
  theme-announcement-bar-carousel {
    grid-template-rows: 1fr;
    transition: grid-template-rows var(--speed-slower) var(--motion-ease-in), opacity var(--speed-slower) var(--motion-ease-in), padding var(--speed-slower) var(--motion-ease-in);
  }
  theme-announcement-bar-carousel > :not(dialog) {
    min-height: 0;
    overflow: hidden;
  }
  .header-group-container.is-sticky theme-announcement-bar-carousel {
    grid-template-rows: 0fr;
    opacity: 0;
    pointer-events: none;
    padding-top:0;padding-bottom:0;
  }
}

[type="drawer"] .header-action-bar.left,[layout^="center_logo_"] .header-action-bar.left {gap: 10px;}
theme-sticky-header {box-shadow: var(--shadow-l);}
theme-nav-bar ul {list-style:none;padding-left:0;}
theme-nav-bar .header-nav {font-size: var(--font-size-xs);}
theme-nav-bar .header-nav__menu-item a {transition: all var(--motion-ease-in) var(--speed-fast);}
theme-nav-bar .header-nav__menu-item:hover > a, theme-nav-bar .header-nav__menu-item a:hover {color:var(--color-link-hover);font-weight:var(--font-weight-medium);}
theme-nav-bar .header-nav__menu-item > a {height: auto;font-size: var(--font-size-xs);
  color: var(--color-link);line-height: normal;display:block;padding: var(--size-8);}
theme-nav-bar .header-nav-dropdown-panel__image .header__image--cover {margin-block-start:0;}
theme-nav-bar .header-nav-dropdown-panel__image .header__image__content {margin-block-start:var(--size-4);}
theme-nav-bar .header-nav-dropdown-panel__image .header__image-link .megamenu-list__item-title {font-weight: var(--font-weight-medium);color: var(--color-body);transition: all var(--motion-ease-in) var(--speed-slow);}
theme-nav-bar .header-nav-dropdown-panel__image .header__image-link:hover .megamenu-list__item-title {color: var(--color-link-hover);}
theme-nav-bar li.sub-menu-link-item.no-children {font-weight:var(--font-weight-light);}
theme-nav-bar li.sub-menu-link-item.no-children a {padding:calc(var(--size-4) * 1.3) 0;color:var(--color-body);}
theme-nav-bar .header-nav-dropdown-panel__link {font-size:inherit;font-weight:var(--font-weight-light);padding: var(--size-8) 0;color:var(--color-body);}
theme-nav-bar .header-nav-dropdown-panel {height:auto;}
theme-nav-bar .header-nav__menu-item > a > span {padding:0;}
theme-nav-bar .header-nav__menu-item {min-height:auto;margin-inline: 0px;padding: var(--size-20) 0;cursor:pointer;}
theme-nav-bar .header-action-bar {padding-block: 0;}
theme-nav-bar .header-nav-dropdown-menu,theme-nav-bar .header-nav-dropdown-panel {transform:translateY(-26px);padding-top: var(--size-24);background-color:white;}
theme-nav-bar .header-nav-dropdown-panel__hero {font-size:inherit;color:var(--color-body);}
theme-nav-bar .header-nav-dropdown-panel__submenu .header-nav-dropdown-panel__link img {width:24px;}
theme-nav-bar .has-image {display: flex;flex-direction: row;align-items: center;gap: var(--size-8);}
theme-nav-bar .header-nav-dropdown-panel__menu {padding: 0 var(--size-24);width:auto;gap:var(--size-24);}
theme-nav-bar .header-nav-dropdown-panel__hero {margin-block-end: 8px;}
theme-nav-bar .header-nav-dropdown-panel__menu>li {padding-inline-end: 0;}
theme-nav-bar .header-nav-dropdown-panel.normal-dropdown ul {display:block;}
theme-nav-bar .has-mega-menu {background-color:white;padding-bottom: var(--size-32);}
theme-nav-bar .has-mega-menu .header-nav-dropdown-panel__menu {box-shadow:none;position:static;}
theme-nav-bar .has-mega-menu .mega-menu-meta-content {padding: 0 var(--size-32);}
theme-nav-bar .has-mega-menu .mega-menu-meta-item {align-self: start;padding-inline-end: 0;max-width: 360px;width: calc(20vw - 20px);}

.custom-location-dropdown a {transition: all var(--motion-ease-in) var(--speed-slow);}
.custom-location-dropdown a:hover {background-color: var(--color-body);color: white;}
.location-dropdown-countryname i {margin-right: var(--size-4);}

theme-action-bar a:hover .header__btn div span svg path {fill: var(--color-icons-dark);}

theme-header-nav-drawer .header-nav-drawer__content {background:var(--color-darkbody)}
theme-header-nav-drawer .header-nav-drawer__header {padding-inline: var(--size-12);padding-bottom: var(--size-12);}
theme-header-nav-drawer a:not(.button),
theme-header-nav-drawer a:not(.button):hover, theme-header-nav-drawer .header-nav-drawer__menu-control,theme-header-nav-drawer .header-nav-drawer__submenu .header-nav-drawer__menu-control {color:var(--color-grey);}
theme-header-nav-drawer .header-nav-drawer__menu-control {padding:var(--size-16);}
theme-header-nav-drawer .header-nav-drawer__submenu .header-nav-drawer__submenu .header-nav-drawer__menu-control {padding:var(--size-12);}

.header-nav-drawer__footer .language-options, .header-nav-drawer__footer .shipping-destination-container {justify-content: start;gap:var(--size-16);padding:var(--size-8) var(--size-16);}
.header-nav-drawer__footer .shipping-destination-container .theme-select__arrow {vertical-align: middle;width: 12px;}

/*Search form and results*/
.plugin-product-search .plugin-product-search-searchInputWrap {flex: 0 0 100px;}
.plugin-product-search .plugin-product-search-searchInput.body3 {padding: var(--size-16);
  height: auto;border: 1px solid var(--color-border-dark);transition: all var(--motion-ease-in) var(--speed-slow);
}
.plugin-product-search .plugin-product-search-searchIcon.__sl-custom-track-search-plugin-icon {width: 38px;height: 38px;}
.plugin-product-search .plugin-product-search-closeIcon {width: 38px;height: 38px;}
.plugin-product-search .plugin-product-search-index-input.body3.plugin-product-search-searchInputWarp {height: auto;}


/*Scroller Design*/
* {scrollbar-width: thin;scrollbar-color: var(--color-darkgrey) var(--color-body);}
*::-webkit-scrollbar {width: var(--size-8);}
*::-webkit-scrollbar-track {background: var(--color-darkbody);}
*::-webkit-scrollbar-thumb {background-color: var(--color-darkgrey);box-shadow: inset 2px 2px 5px 0 rgba(#FFF, 0.5);}

/*Screen size based hiding and showing rules*/
.show-for-desktop {display:block;}
.show-for-mobile {display:none;}

/*Lenis Test*/
html.lenis, html.lenis body {height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto !important;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}


/*Master Grids, Grid Columns, Grid item Column and Row*/
.avflex {display:flex;gap: var(--size-default);flex-wrap:wrap;}
.avgrid {display: grid;grid-template-columns: repeat(1, 1fr);gap: var(--size-default);}
.avgrid-fluid {display:grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap:var(--size-default);}
.grid-columns-1 {grid-template-columns: repeat(1, 1fr);}
.grid-columns-2 {grid-template-columns: repeat(2, 1fr);}
.grid-columns-3 {grid-template-columns: repeat(3, 1fr);}
.grid-columns-4 {grid-template-columns: repeat(4, 1fr);}
.grid-columns-5 {grid-template-columns: repeat(5, 1fr);}
.grid-columns-6 {grid-template-columns: repeat(6, 1fr);}
.grid-columns-7 {grid-template-columns: repeat(7, 1fr);}
.grid-columns-8 {grid-template-columns: repeat(8, 1fr);}
.grid-columns-9 {grid-template-columns: repeat(9, 1fr);}
.grid-columns-10 {grid-template-columns: repeat(10, 1fr);}
.grid-columns-11 {grid-template-columns: repeat(11, 1fr);}
.grid-columns-12 {grid-template-columns: repeat(12, 1fr);}
.grid-item-column-1 {grid-column:span 1;}
.grid-item-column-2 {grid-column:span 2;}
.grid-item-column-3 {grid-column:span 3;}
.grid-item-column-4 {grid-column:span 4;}
.grid-item-column-5 {grid-column:span 5;}
.grid-item-column-6 {grid-column:span 6;}
.grid-item-column-7 {grid-column:span 7;}
.grid-item-column-8 {grid-column:span 8;}
.grid-item-column-9 {grid-column:span 9;}
.grid-item-column-10 {grid-column:span 10;}
.grid-item-column-11 {grid-column:span 11;}
.grid-item-column-12 {grid-column:span 12;}
.grid-item-row-1 {grid-row:span 1;}
.grid-item-row-2 {grid-row:span 2;}
.grid-item-row-3 {grid-row:span 3;}
.grid-item-row-4 {grid-row:span 4;}
.grid-item-row-5 {grid-row:span 5;}
.grid-item-row-6 {grid-row:span 6;}
.grid-item-row-7 {grid-row:span 7;}
.grid-item-row-8 {grid-row:span 8;}
.grid-item-row-9 {grid-row:span 9;}
.grid-item-row-10 {grid-row:span 10;}
.grid-item-row-11 {grid-row:span 11;}
.grid-item-row-12 {grid-row:span 12;}
.justify-start {justify-content:flex-start;}
.justify-end {justify-content:flex-end;padding: 0px;}
.justify-between {justify-content:space-between;}
.justify-even {justify-content:space-evenly;}
.justify-center {justify-content: center;}
.justify-around {justify-content: space-around;}
.align-start {align-items:flex-start;}
.align-end {align-items:flex-end;}
.align-center {align-items:center;}
.align-stretch {align-items:stretch;}
.grid-item-justify-start {justify-self:flex-start;}
.grid-item-justify-end {justify-self:flex-end;padding: 0px;}
.grid-item-justify-between {justify-self:space-between;}
.grid-item-justify-even {justify-self:space-evenly;}
.grid-item-justify-center {justify-self: center;}
.grid-item-justify-around {justify-self: space-around;}
.grid-item-align-start {align-self:flex-start;}
.grid-item-align-end {align-self:flex-end;}
.grid-item-align-center {align-self:center;}
.grid-item-align-stretch {align-self:stretch;}
.flex-nowrap {flex-wrap:nowrap;}


/*Element Positioning*/
.position-relative {position:relative;}
.position-fixed {position:fixed;}
.position-absolute {position:absolute;}
.position-left {left:0;}
.position-top {top:0;}
.position-right {right:10px;}
.position-bottom {bottom:0;}
.position-center {top: -50%;left: 50%;transform: translate(-50%, -50%);}
.position-top-10 {top:var(--size-12);}
.position-top-20 {top:var(--size-16);}
.position-top-25 {top: var(--size-24);}
.position-top-30 {top: var(--size-24);}
.position-top-35 {top: var(--size-32);}

/*Text colors - Applies to container and container children*/
.white, .white * {color:var(--color-grey);}
.black, .black * {color:var(--color-body);}


/*General height spacing and grid/flex gaps*/
.dis5 {height:var(--size-4);}
.dis10 {height:var(--size-12);}
.dis20 {height:var(--size-16);}
.dis30 {height:var(--size-32);}
.dis40 {height:var(--size-48);}
.dis50 {height:var(--size-64);}
.dis60 {height:var(--size-92);}
.gap0 {gap:0;}
.gap5 {gap:var(--size-4);}
.gap8 {gap: var(--size-8);}
.gap10 {gap: var(--size-12);}
.gap20 {gap:var(--size-16);}
.gap30 {gap:var(--size-32);}
.gap40 {gap:var(--size-48);}
.gap50 {gap:var(--size-48);}
.gap60 {gap:var(--size-64);}

/*General Padding Styles*/
.padding-xy-xs {padding:var(--padding-xy-xs);}
.padding-xy-s {padding:var(--padding-xy-s);}
.padding-xy-m {padding:var(--padding-xy-m);}
.padding-xy-l {padding:var(--padding-xy-l);}
.padding-xy-xl {padding: var(--padding-xy-xl);}

.padding-xy-10 {padding: var(--size-12);}
.padding-xy-15 {padding: var(--size-16);}
.padding-xy-20 {padding: var(--size-24);}
.padding-xy-30 {padding: var(--size-32);}
.padding-xy-40 {padding: var(--size-48);}
.padding-xy-45 {padding: var(--size-64);}

.padding-y-xs {padding-top: var(--size-8);padding-bottom: var(--size-8);}
.padding-y-s {padding-top:var(--size-12);padding-bottom:var(--size-12);}
.padding-y-m {padding-top:var(--size-16);padding-bottom:var(--size-16);}
.padding-y-l {padding-top:var(--size-32);padding-bottom:var(--size-32);}
.padding-y-xl {padding-top:var(--size-48);padding-bottom:var(--size-48);}

.padding-x-xs {padding-left: var(--size-8);padding-right: var(--size-8);}
.padding-x-s {padding-left:var(--size-12);padding-right:var(--size-12);}
.padding-x-m {padding-left:var(--size-16);padding-right:var(--size-16);}
.padding-x-l {padding-left:var(--size-32);padding-right:var(--size-32);}
.padding-x-xl {padding-left:var(--size-48);padding-right:var(--size-48);}

/*General Visibility Styling*/
.hidden {display:none;}
.show {display:block !important;}
.showflex {display:flex !important;}
.showgrid {display:grid !important;}

/*Z Indexing Classes*/
.zindex-s {z-index:var(--zindex-s);}
.zindex-m {z-index:var(--zindex-m);}
.zindex-l {z-index:var(--zindex-l);}
.zindex-xl {z-index:var(--zindex-xl);}
.zindex-xxl {z-index:var(--zindex-xxl);}

/*Global Popup, Dropdown Styling and Accordians*/
.custom-location-dropdown {background-color:white;box-shadow:var(--shadow-m);display:none;min-width:max-content;}
.dropdown-button {cursor:pointer;}
.global-popup {inset:0;min-width:var(--popup-size-desktop-min);max-width:var(--popup-size-desktop-max);
  width:clamp(var(--popup-size-desktop-min), var(--popup-size-desktop-default), var(--popup-size-desktop-max));
    box-shadow: var(--shadow-l);border:0;padding:var(--size-48) var(--padding-all-32);z-index:var(--zindex-xxl);
    opacity: 0;transform: scale(0.9) translateY(-20px);
    transition: all var(--motion-ease-in) var(--speed-slow);}
.global-popup[open] {
  opacity: 1;
  transform: scale(1) translateY(0);
}
.global-popup::backdrop {background-color: rgba(0, 0, 0);
  transition: background-color var(--motion-ease-in),
    overlay 0.3s var(--speed-slow) allow-discrete,display 0.3s var(--speed-slow) allow-discrete;
}
.global-popup[open]::backdrop {background-color: rgba(0, 0, 0, 0.5);}

@starting-style {
  .global-popup[open] {
    opacity: 0;transform: scale(0.9) translateY(-20px);
  }
}

@starting-style {
  .global-popup[open]::backdrop {
    background-color: rgba(0, 0, 0, 0);
  }
}

.modal__close-control {position: absolute;inset-block-start: 10px;inset-inline-end: 15px;color: var(--color-body);background-color: white;width: 40px;height:40px;padding: 0;}
details .event-widget-content {overflow: hidden;height: 0;transition: all var(--motion-ease) var(--speed-slow), content-visibility 0.3s allow-discrete;}
details[open] .event-widget-content {height: auto;}
.event-widget {padding:var(--size-24) 0;}
.event-widget summary {width: 100%;}
.event-widget .event-name {margin-bottom: var(--size-8);}
.event-ticket-info > span {margin-right: var(--size-32);}
.event-widget-content {margin-top: var(--size-32);}
.event-widget-overview-image {width:100%;height:auto;}
details summary .icon__arrow, details summary .icon__minus {
  transition: transform var(--motion-ease-in) var(--speed-slow);
  transform: rotate(0deg) scale(1);position: absolute;right: 6px;}
details summary .icon__minus {opacity: 0;transform: rotate(var(--animation-rotate-degree)) scale(0);}

/* `>` before summary is deliberate: without it, a nested <details> would
   also match through an OPEN ANCESTOR's descendant selector, flipping an
   icon that belongs to a different, still-closed item further down a
   nested tree (e.g. a submenu). Scoping to the details' own direct-child
   summary keeps each item's icon tied only to its own open/closed state. */
details[open] > summary .icon__arrow {opacity: 0;transform: rotate(var(--animation-rotate-degree)) scale(0);}
details[open] > summary .icon__minus {opacity: 1;transform: rotate(0deg) scale(1);}

/* theme-collapse (public/components/collapse/index.js) keeps [open] on the
   element for its whole close animation so content doesn't snap to
   display:none mid-shrink, but that means the [open]-driven icon swap above
   would lag a full animation behind the click too. is-collapse-closing is
   set the instant close() runs, before the animation starts, so the icon
   flips with the click instead of waiting for [open] to actually be removed. */
details[open].is-collapse-closing > summary .icon__arrow {opacity: 1;transform: rotate(0deg) scale(1);}
details[open].is-collapse-closing > summary .icon__minus {opacity: 0;transform: rotate(var(--animation-rotate-degree)) scale(0);}


/*Buttons, Links and Interaction Styling*/
.content-group-container a:not(.button, .advc-btn, .facets-filtering__active-button), .cart-item__title a {color: var(--color-link);font-weight:var(--font-weight-medium);text-decoration: none;transition:all var(--motion-ease-in) var(--speed-slow);}
.content-group-container a:not(.button, .advc-btn):hover, .cart-item__title a:hover {color:var(--color-link-hover);}

button, .button, .shopline-element-buy-now {position: relative;
  display: inline-flex;align-items: center;justify-content: center;
  padding: var(--button-padding);color: var(--color-button-dark-fg);
  text-align: center;text-decoration: none;white-space: nowrap;
  vertical-align: middle;cursor: pointer;user-select: none;
  background-color: var(--color-button-dark-bg);border: none;
  transition: all var(--motion-ease) var(--speed-slow);
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);overflow: hidden;
  text-transform: uppercase;box-shadow: none;font-size:var(--font-size-s);}

button span:not(.cart-bubble__count), .button span:not(.cart-bubble__count), .shopline-element-buy-now span:not(.cart-bubble__count) {position: relative;z-index: 2;}

.button.button-secondary, button.button-secondary,.shopline-element-buy-now.button-secondary,
.buy-now-btn-with-gift  button[class*="_buy_"] {
  background-color:transparent;
  color:var(--color-button-light-fg);border:1px solid var(--color-border-dark);}

.this-is-dark .button.button-secondary, .this-is-dark button.button-secondary {color: var(--color-grey);border: 1px solid var(--color-grey);}

button::before, a.button::before {content: "";position: absolute;inset: 0;background: var(--color-grey);
  transform: translateY(101%);
  transition: all var(--speed-slow) var(--motion-ease-in);opacity:0.2;}

.button:not([disabled], .button--icon):hover, .buy-now-btn-with-gift button[class*="_buy_"]:hover {color: white;}

.pay-button-buy-now:hover {color: var(--color-body) !important;}

button:hover::before, a.button:hover::before {opacity:0.3;transform: translateY(0);}

button::after,a.button::after {display: none !important;}
button.plain-old-button {padding:var(--size-8);}

.field-full-width button, .field-full-width .button {width:100%;}

.pay-button-common-item, .outline, .buy-now-btn-with-gift button {background-color:transparent;border:1px solid var(--color-body);color:var(--color-body);height:auto !important;}
.pay-button-common-item:hover,.button.outline:hover, .buy-now-btn-with-gift button:hover {background-color:transparent;color:var(--color-body);}
.input-password__icon-show {color: var(--color-body);}
.input-password__icon-hide {color:var(--color-body);}

.button-on-dark-background {background-color:var(--color-button-light-bg-2);color:var(--color-button-light-fg-2);}

product-item .block-product-card__quick-add {
  pointer-events: auto;width: 40px;height: 40px;
  background: transparent;border: none;border-radius: 0;
  color: var(--color-text);display: flex;align-items: center;
  justify-content: center;cursor: pointer;
  position: relative;align-items: center;justify-content: center;
  padding: 0;color: var(--color-button-light-fg);text-align: center;text-decoration: none;
  white-space: nowrap;vertical-align: middle;cursor: pointer;
  user-select: none;background-color: var(--color-button-light-bg);
  border: none;
  transition: all var(--motion-ease) var(--speed-slow);
  --border-opacity: calc(100% - var(--button-border-opacity));
  --alpha-button-background: 1;
  font-family: var(--font-family-sans);font-weight: var(--font-weight-medium);
  overflow: hidden;text-transform: uppercase;box-shadow: none;font-size: var(--font-size-r);
}

theme-facets-remove a.button {background-color:var(--color-darkgrey);}
.facets-filtering__modal-content button.button {background-color:var(--color-button-light-bg);color:var(--color-button-light-fg);}
.facets-filtering__modal-content button.button:hover {color: var(--color-button-light-fg);}


/*Icons Styling*/
.button--icon,.button--icon,
.button--link,.header-action-bar .button--icon {
  background-color: transparent;text-decoration: none;  
  padding: var(--size-8);text-decoration: none;
  transition: all var(--motion-ease-in) var(--speed-slow);
}
.button--icon:hover, .button--icon:focus {transform: scale(1);}
.button--icon:hover svg .avantcha-svg-stroke {stroke: var(--color-icons-dark);}

.avantcha-svg {color: var(--color-icons-dark);display: block;flex-shrink: 0;}
.avantcha-svg-stroke {stroke: var(--color-icons-dark);fill: none;stroke-width: 4.5;stroke-linecap: round;stroke-linejoin: round;display: block;flex-shrink: 0;}
.avantcha-svg-stroke-alt {stroke-width: 1;display: block;flex-shrink: 0;}
theme-action-bar .header__btn {justify-content: center;padding: 0 2px;}
theme-action-bar.header-action-bar {column-gap: var(--size-4);}
theme-action-bar .header__btn div span svg path {fill: var(--color-icons-header);}
.svg-container {width: 28px;height: 28px;display: inline-flex;align-items: center;justify-content: center;}
.svg-container svg {display: block;max-width: 100%;max-height: 100%;}
theme-cart-bubble .cart-bubble__count {background-color:var(--color-button-dark-bg);}
theme-action-bar .avantcha-svg-stroke {stroke: var(--color-icons-header);transition: all var(--motion-ease-in) var(--speed-slow);}
theme-header-nav-drawer .avantcha-svg-stroke {stroke: var(--color-lightgrey);}


/*.block-image img {transition: all var(--speed-slow) var(--motion-ease-in);}
.block-image:hover img {transform: scale(1.05);}*/

/*Customer and Account pages*/
.customer-container .customer__submit {text-transform:uppercase;}
.customer-container .customer {width:auto;max-width:70%;}
.b2b-loggedin-as-retail {background-color: var(--color-error-bg);
color: var(--color-error-fg);padding: var(--size-16);}

/*Form Styling*/
.avantcha-forms {box-shadow: var(--shadow-1);}
.field {margin-block-end: var(--size-32);}
.field.field-secondary {margin-block-end:var(--size-12);}
.b2b-application-form-tradelicense {padding:var(--size-16);text-align:center;}
.b2b-application-form-tradelicense-input {opacity:0;width:0;}
.upload-container {width:100%;}
.upload-container svg {display: block;margin: auto;margin-bottom: 6px;width: 50px;}
.upload-container span {display:block;}
#b2b-application-form-tradelicense-filename.active {background-color: var(--color-success-bg);display: inline-block;padding: var(--size-12);margin-top: var(--size-12);}
.field__input {padding: var(--size-24) var(--size-12) var(--size-16) var(--size-16);font-weight:var(--font-weight-light);}
select.field__input {padding-bottom:var(--size-12);}
textarea.field__input {padding:var(--size-16);}
.footer-letter-form .field__input {padding:var(--size-24) var(--size-16) var(--size-12);min-width:280px;}
.footer-letter-form .field__label {color: var(--color-light-grey);opacity: 1;}
.field__input:focus~.field__label,
.field__input:not(:placeholder-shown)~.field__label,
.field__input:autofill~.field__label {transform: scale(0.7) translate(0, -150%)}
select.field__input:not(:placeholder-shown)~.field__label,
select.field__input:autofill~.field__label {
  transform: scale(0.7) translate(0, -135%)
}
.field-validation-error {line-height: 1.2em;color: var(--color-error-fg);
  background-color:var(--color-error-bg);position: absolute;width: 100%;right: 0;font-size: var(--font-size-xs);padding: var(--size-4);bottom: -50%;}
.phone-status-icon {position: absolute;right: 0px;top: 50%;transform: translateY(-50%);padding: 8px;}
.address-cascade__select, .field-label {width:100%;}
.address-fields .field {margin-bottom:var(--size-16);}
textarea.field__input::placeholder {opacity:1;}

.field-checkbox .checkbox {
  position: relative;inset-block-start: 0;inset-inline-start: 0;
  display: inline-block;width: 16px;height: 16px;border-collapse: separate;
  border: 1px solid var(--color-body);border-radius: 2px;transition: all var(--motion-ease-in) var(--speed-slow);direction: ltr;
}

.field-checkbox input[type="checkbox"]:checked+.checkbox {
  background-color: var(--color-body);
  border-color: white;
}

.field-checkbox .checkbox::after {
  position: absolute;inset-block-start: 47%;inset-inline-start: 24.5%;
  display: table;width: 6px;height: 10px;
  content: " ";border: 2px solid rgb(var(--color-body));border-block-start: 0;border-inline-start: 0;opacity: 0;
  transition: all var(--motion-ease-in) var(--speed-slow), opacity 0.1s;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
}
.field-checkbox input[type="checkbox"]:checked+.checkbox::after {
  position: absolute;display: table;content: " ";border: 2px solid white;
  border-block-start: 0;border-inline-start: 0;opacity: 1;
  transition: all var(--motion-ease-in) var(--speed-slow);transform: rotate(45deg) scale(1) translate(-50%, -50%);
}


/* Product List and Details Page */
.block-product-list {overflow-x:visible;}
theme-input-number {width:max-content;border:1px solid var(--color-border-dark);}
theme-input-number::before, theme-input-number::after {display:none;}
theme-input-number button.minus-button, theme-input-number button.plus-button {background-color:transparent;color:var(--color-body);border: 0;width:70px;outline: none;}
theme-input-number input[type="number"] {width: 70px;padding: var(--size-16) 0;}
.facets-filtering__modal-content {background-color: var(--color-darkbody);color:white;}
.facets-filtering .facets-filtering__modal-content .facets-filtering__modal-header {color: white;}
theme-modal .facets-filtering__summary {color:white;}
theme-modal .facets-filtering__content {background-color:var(--color-darkbody);}
theme-product-detail {position:relative;}
theme-product-detail .product-detail__media-group {position:sticky;top:0;}
theme-product-detail .block-product-card__layer {position: absolute;top: 0;left: 0;z-index: var(--zindex-s);}
.product-detail__dividing-line {background-color: var(--color-grey);}
.buy-now-btn-with-gift button {font-weight: var(--font-weight-medium);
  padding: var(--button-padding) !important;min-height: auto;
  line-height: normal !important;font-size:var(--font-size-s) !important;}
.product-price, .cost__content {color: var(--color-price);font-weight: var(--font-weight-medium);}
li.av-product-item {transition:all var(--speed-slow) var(--motion-ease-in);}
li.av-product-item:hover {box-shadow:var(--shadow-product-item);}


/*Product Zoom Functionality*/
@media (hover: hover) and (pointer: fine) {
  .media-gallery__item[data-media-type="image"] .media-gallery__media {
    overflow: hidden;
    cursor: zoom-in;
  }

  .media-gallery__item[data-media-type="image"] .media-gallery__image {
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.2s ease;
    will-change: transform;
  }

  .media-gallery__item[data-media-type="image"].is-zooming .media-gallery__image {
    transform: scale(3.2);
  }

  .media-gallery__item[data-media-type="image"] .media-gallery__preview-icon {
    display: none;
  }
}



/*Product Description and Metainformation*/
.product-detail__metainformation {position:sticky;top:0;}
.product-detail__metainformation-item {border-bottom: 1px solid var(--color-grey);padding: var(--size-32);}
.product-detail__metainformation svg {width: 35px;height: 35px;}
.product-detail__metainformation-steep {border-right:1px solid var(--color-grey);padding:var(--size-32);}
.product-detail__metainformation-steep.last {border-right:0;}
.product-detail__metainformation-steep h6 {font-weight:var(--font-weight-medium);}
.product-metainformation-title {padding:var(--size-16) var(--size-32);}


/*Mini Cart and Cart Styling*/
.cart-item__total-original {opacity:0.6;}
.cart-item__picture {width:100px;}
.cart-item__product {column-gap: var(--size-24);}
theme-cart-drawer theme-input-number button.minus-button,
theme-cart-drawer theme-input-number button.plus-button {width:40px;padding: var(--size-8);}
theme-cart-drawer theme-input-number input[type="number"] {width: 60px;padding: var(--size-12) 0;}
.cart-fixed-checkout__total-amount {column-gap:var(--size-12);}
theme-main-cart-items theme-input-number button.minus-button,
theme-main-cart-items theme-input-number button.plus-button {width:50px;}
.main-cart-items__infos {display:block;}
theme-cart-item-remove svg {width:20px;height:20px;}

/*Subscription Form*/
.subscriber-coupon-wrap {margin-top: var(--size-12);text-align: center;}
.subscriber-coupon-box {
  padding: var(--padding-xy-s);border: 1px dashed var(--color-border-dark);background: var(--color-success-bg);
  color: var(--color-success-fg);display: flex;justify-content: space-between;align-items: center;gap: var(--size-12);
  cursor: pointer;user-select: none;height: 46px;max-width: fit-content;transform: scale(0.98);animation: couponPop var(-speed-fast) ease forwards;animation-delay: 120ms;}
.subscriber-success-panel::after {content: "";
  position: absolute;inset: -10px;border-radius: var(--size-12);
  pointer-events: none;background: radial-gradient(circle, rgba(180, 160, 120, 0.15), transparent 70%);
  opacity: 0;animation: glowPulse 600ms ease 150ms;}
#subscriberCouponCode {font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);letter-spacing: 0.08em;}
.copy-icon, .tick-icon {fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;}
.tick-icon {display: none;}
.subscriber-coupon-box.copied .copy-icon {display: none;}
.subscriber-coupon-box.copied .tick-icon {display: block;}
.copied-text {opacity: 0;transform: translateY(-4px);margin-top: 6px;color: var(--color-link);
  transition: all var(--motion-ease-in) var(--speed-slow);text-align: left;}
.copied-text.show {opacity: 1;transform: translateY(0);}
.form-validation-messages {padding: var(--size-4) var(--size-8);}
.errors-everywhere {background:var(--color-error-bg);color:var(--color-error-fg);margin-top: var(--size-12);}
.success-everywhere {background: var(--color-success-bg);color: var(--color-success-fg);margin-top: var(--size-12);}


/*Footer*/
.footer__copyright img {display: inline-block;vertical-align: middle;margin-right: var(--size-8);}
.payment-icon-additional-image {height: 22px;width: auto;display: block;}
.footer__payment-icons {opacity: 0.7;filter: grayscale(100%);transition: all var(--motion-ease-in) var(--speed-slow);}
.footer__payment-icons:hover {opacity:1;filter: grayscale(0%);}

.footer__social-media-content a {color:var(--color-grey);transition: color var(--motion-ease-in) var(--speed-slow);}
.footer__social-media-content a:hover {color:white;}
.footer__social-media-content a svg {width: 22px;}

@media (max-width:1238px) {
  theme-nav-bar .header-nav__menu-item > a {padding: var(--size-4);}
}

@media (max-width:1210px) {
  .header-nav {display:none !important;}
  .header-action-bar.left .button--hidden-desktop {display:inline-flex !important;}
  .header__container-top-wrap .header-action-bar {padding-block: 18px;}
}

@media (min-width:1024px) {
  .hide-desktop {display: none;}
}

@media (min-width: 767px) and (max-width: 1024px) {
  .hide-tablet {display: none;}
}

@media (max-width: 1024px) {
  /* Tablet Master Grids, Grid Columns, Grid item Column and Row */
  .tablet-block {display:block;}
  .tablet-grid-columns-1 {grid-template-columns: repeat(1, 1fr);}
  .tablet-grid-columns-2 {grid-template-columns: repeat(2, 1fr);}
  .tablet-grid-columns-3 {grid-template-columns: repeat(3, 1fr);}
  .tablet-grid-columns-4 {grid-template-columns: repeat(4, 1fr);}
  .tablet-grid-columns-5 {grid-template-columns: repeat(5, 1fr);}
  .tablet-grid-columns-6 {grid-template-columns: repeat(6, 1fr);}
  .tablet-grid-columns-7 {grid-template-columns: repeat(7, 1fr);}
  .tablet-grid-columns-8 {grid-template-columns: repeat(8, 1fr);}
  .tablet-grid-columns-9 {grid-template-columns: repeat(9, 1fr);}
  .tablet-grid-columns-10 {grid-template-columns: repeat(10, 1fr);}
  .tablet-grid-columns-11 {grid-template-columns: repeat(11, 1fr);}
  .tablet-grid-columns-12 {grid-template-columns: repeat(12, 1fr);}
  .tablet-grid-item-column-1 {grid-column:span 1;}
  .tablet-grid-item-column-2 {grid-column:span 2;}
  .tablet-grid-item-column-3 {grid-column:span 3;}
  .tablet-grid-item-column-4 {grid-column:span 4;}
  .tablet-grid-item-column-5 {grid-column:span 5;}
  .tablet-grid-item-column-6 {grid-column:span 6;}
  .tablet-grid-item-column-7 {grid-column:span 7;}
  .tablet-grid-item-column-8 {grid-column:span 8;}
  .tablet-grid-item-column-9 {grid-column:span 9;}
  .tablet-grid-item-column-10 {grid-column:span 10;}
  .tablet-grid-item-column-11 {grid-column:span 11;}
  .tablet-grid-item-column-12 {grid-column:span 12;}
  .tablet-grid-item-row-1 {grid-row:span 1;}
  .tablet-grid-item-row-2 {grid-row:span 2;}
  .tablet-grid-item-row-3 {grid-row:span 3;}
  .tablet-grid-item-row-4 {grid-row:span 4;}
  .tablet-grid-item-row-5 {grid-row:span 5;}
  .tablet-grid-item-row-6 {grid-row:span 6;}
  .tablet-grid-item-row-7 {grid-row:span 7;}
  .tablet-grid-item-row-8 {grid-row:span 8;}
  .tablet-grid-item-row-9 {grid-row:span 9;}
  .tablet-grid-item-row-10 {grid-row:span 10;}
  .tablet-grid-item-row-11 {grid-row:span 11;}
  .tablet-grid-item-row-12 {grid-row:span 12;}
  .tablet-justify-start {justify-content:flex-start;}
  .tablet-justify-end {justify-content:flex-end;padding: 0px;}
  .tablet-justify-between {justify-content:space-between;}
  .tablet-justify-even {justify-content:space-evenly;}
  .tablet-justify-center {justify-content: center;}
  .tablet-justify-around {justify-content: space-around;}
  .tablet-align-start {align-items:flex-start;}
  .tablet-align-end {align-items:flex-end;}
  .tablet-align-center {align-items:center;}
  .tablet-align-stretch {align-items:stretch;}
  .tablet-grid-item-justify-start {justify-self:flex-start;}
  .tablet-grid-item-justify-end {justify-self:flex-end;padding: 0px;}
  .tablet-grid-item-justify-between {justify-self:space-between;}
  .tablet-grid-item-justify-even {justify-self:space-evenly;}
  .tablet-grid-item-justify-center {justify-self: center;}
  .tablet-grid-item-justify-around {justify-self: space-around;}
  .tablet-grid-item-align-start {align-self:flex-start;}
  .tablet-grid-item-align-end {align-self:flex-end;}
  .tablet-grid-item-align-center {align-self:center;}
  .tablet-grid-item-align-stretch {align-self:stretch;}

  /* Tablet Element Positioning */
  .tablet-position-relative {position:relative;}
  .tablet-position-fixed {position:fixed;}
  .tablet-position-absolute {position:absolute;}
  .tablet-position-left {left:0;}
  .tablet-position-top {top:0;}
  .tablet-position-right {right:0;}
  .tablet-position-bottom {bottom:0;}
  .tablet-position-center {top: -50%;left: 50%;transform: translate(-50%, -50%);}
  .tablet-position-top-10 {top:var(--size-12);}
  .tablet-position-top-20 {top:var(--size-16);}
  .tablet-position-top-25 {top: var(--size-24);}
  .tablet-position-top-30 {top: var(--size-24);}
  .tablet-position-top-35 {top: var(--size-32);}

  /* Tablet Text colors */
  .tablet-white, .tablet-white * {color:white;}
  .tablet-black, .tablet-black * {color:var(--color-body);}

  /* Tablet General height spacing and grid/flex gaps */
  .tablet-dis5 {height:var(--size-4);}
  .tablet-dis10 {height:var(--size-12);}
  .tablet-dis20 {height:var(--size-16);}
  .tablet-dis30 {height:var(--size-32);}
  .tablet-dis40 {height:var(--size-48);}
  .tablet-dis50 {height:var(--size-64);}
  .tablet-dis60 {height:var(--size-92);}
  .tablet-gap0 {gap:0;}
  .tablet-gap5 {gap:var(--size-4);}
  .tablet-gap10 {gap: var(--size-12);}
  .tablet-gap20 {gap:var(--size-16);}
  .tablet-gap30 {gap:var(--size-32);}
  .tablet-gap40 {gap:var(--size-48);}
  .tablet-gap50 {gap:var(--size-48);}
  .tablet-gap60 {gap:var(--size-64);}

  /* Tablet General Padding Styles */
  .tablet-padding-xy-xs {padding:var(--padding-xy-xs);}
.tablet-padding-xy-s {padding:var(--padding-xy-s);}
.tablet-padding-xy-m {padding:var(--padding-xy-m);}
.tablet-padding-xy-l {padding:var(--padding-xy-l);}
.tablet-padding-xy-xl {padding: var(--padding-xy-xl);}

.tablet-padding-xy-10 {padding: var(--size-12);}
.tablet-padding-xy-15 {padding: var(--size-16);}
.tablet-padding-xy-20 {padding: var(--size-24);}
.tablet-padding-xy-30 {padding: var(--size-32);}
.tablet-padding-xy-40 {padding: var(--size-48);}
.tablet-padding-xy-45 {padding: var(--size-64);}

.tablet-padding-y-xs {padding-top: var(--size-8);padding-bottom: var(--size-8);}
.tablet-padding-y-s {padding-top:var(--size-12);padding-bottom:var(--size-12);}
.tablet-padding-y-m {padding-top:var(--size-16);padding-bottom:var(--size-16);}
.tablet-padding-y-l {padding-top:var(--size-32);padding-bottom:var(--size-32);}
.tablet-padding-y-xl {padding-top:var(--size-48);padding-bottom:var(--size-48);}

.tablet-padding-x-xs {padding-left: var(--size-8);padding-right: var(--size-8);}
.tablet-padding-x-s {padding-left:var(--size-12);padding-right:var(--size-12);}
.tablet-padding-x-m {padding-left:var(--size-16);padding-right:var(--size-16);}
.tablet-padding-x-l {padding-left:var(--size-32);padding-right:var(--size-32);}
.tablet-padding-x-xl {padding-left:var(--size-48);padding-right:var(--size-48);}

.product-detail__metainformation-item {padding: var(--size-24);}
.product-metainformation-title {padding: var(--size-16) var(--size-24);}
.product-detail__metainformation-steep {padding: var(--size-24);}

/*PLP Columns*/
--desktop-columns: 3 !important;
}

@media (max-width: 959px) {
  theme-product-detail .product-detail__media-group {position:static;}
  theme-action-bar .header__btn div[class*="_link_btn_"] {display:inline-flex !important;}
  theme-action-bar .header__btn div[class*="_link_btn_"] div[class*="_link_btn_content_"] {display: none !important;}
  .header-action-bar.left .wishlist-box-version-3 {display:none;}
}

@media (max-width:767px) {
  .hide-mobile {display: none;}
  .show-for-desktop {display: none;}
  .show-for-mobile {display: block;}

    .text-center-mobile ul,
    .text-center-mobile ol,
    .text-center ul,
    .text-center ol {
      padding-left: 0;
      list-style: none;
    }
  
  /* Mobile Master Grids, Grid Columns, Grid item Column and Row */
  .mobile-block {display: block;}
  .mobile-grid-columns-1 {grid-template-columns: repeat(1, 1fr);}
  .mobile-grid-columns-2 {grid-template-columns: repeat(2, 1fr);}
  .mobile-grid-columns-3 {grid-template-columns: repeat(3, 1fr);}
  .mobile-grid-columns-4 {grid-template-columns: repeat(4, 1fr);}
  .mobile-grid-columns-5 {grid-template-columns: repeat(5, 1fr);}
  .mobile-grid-columns-6 {grid-template-columns: repeat(6, 1fr);}
  .mobile-grid-columns-7 {grid-template-columns: repeat(7, 1fr);}
  .mobile-grid-columns-8 {grid-template-columns: repeat(8, 1fr);}
  .mobile-grid-columns-9 {grid-template-columns: repeat(9, 1fr);}
  .mobile-grid-columns-10 {grid-template-columns: repeat(10, 1fr);}
  .mobile-grid-columns-11 {grid-template-columns: repeat(11, 1fr);}
  .mobile-grid-columns-12 {grid-template-columns: repeat(12, 1fr);}
  .mobile-grid-item-column-1 {grid-column:span 1;}
  .mobile-grid-item-column-2 {grid-column:span 2;}
  .mobile-grid-item-column-3 {grid-column:span 3;}
  .mobile-grid-item-column-4 {grid-column:span 4;}
  .mobile-grid-item-column-5 {grid-column:span 5;}
  .mobile-grid-item-column-6 {grid-column:span 6;}
  .mobile-grid-item-column-7 {grid-column:span 7;}
  .mobile-grid-item-column-8 {grid-column:span 8;}
  .mobile-grid-item-column-9 {grid-column:span 9;}
  .mobile-grid-item-column-10 {grid-column:span 10;}
  .mobile-grid-item-column-11 {grid-column:span 11;}
  .mobile-grid-item-column-12 {grid-column:span 12;}
  .mobile-grid-item-row-1 {grid-row:span 1;}
  .mobile-grid-item-row-2 {grid-row:span 2;}
  .mobile-grid-item-row-3 {grid-row:span 3;}
  .mobile-grid-item-row-4 {grid-row:span 4;}
  .mobile-grid-item-row-5 {grid-row:span 5;}
  .mobile-grid-item-row-6 {grid-row:span 6;}
  .mobile-grid-item-row-7 {grid-row:span 7;}
  .mobile-grid-item-row-8 {grid-row:span 8;}
  .mobile-grid-item-row-9 {grid-row:span 9;}
  .mobile-grid-item-row-10 {grid-row:span 10;}
  .mobile-grid-item-row-11 {grid-row:span 11;}
  .mobile-grid-item-row-12 {grid-row:span 12;}
  .mobile-justify-start {justify-content:flex-start;}
  .mobile-justify-end {justify-content:flex-end;padding: 0px;}
  .mobile-justify-between {justify-content:space-between;}
  .mobile-justify-even {justify-content:space-evenly;}
  .mobile-justify-center {justify-content: center;}
  .mobile-justify-around {justify-content: space-around;}
  .mobile-align-start {align-items:flex-start;}
  .mobile-align-end {align-items:flex-end;}
  .mobile-align-center {align-items:center;}
  .mobile-align-stretch {align-items:stretch;}
  .mobile-grid-item-justify-start {justify-self:flex-start;}
  .mobile-grid-item-justify-end {justify-self:flex-end;padding: 0px;}
  .mobile-grid-item-justify-between {justify-self:space-between;}
  .mobile-grid-item-justify-even {justify-self:space-evenly;}
  .mobile-grid-item-justify-center {justify-self: center;}
  .mobile-grid-item-justify-around {justify-self: space-around;}
  .mobile-grid-item-align-start {align-self:flex-start;}
  .mobile-grid-item-align-end {align-self:flex-end;}
  .mobile-grid-item-align-center {align-self:center;}
  .mobile-grid-item-align-stretch {align-self:stretch;}

  /* Mobile Element Positioning */
  .mobile-position-relative {position:relative;}
  .mobile-position-fixed {position:fixed;}
  .mobile-position-absolute {position:absolute;}
  .mobile-position-left {left:0;}
  .mobile-position-top {top:0;}
  .mobile-position-right {right:0;}
  .mobile-position-bottom {bottom:0;}
  .mobile-position-center {top: -50%;left: 50%;transform: translate(-50%, -50%);}
  .mobile-position-top-10 {top:var(--size-12);}
  .mobile-position-top-20 {top:var(--size-16);}
  .mobile-position-top-25 {top: var(--size-24);}
  .mobile-position-top-30 {top: var(--size-24);}
  .mobile-position-top-35 {top: var(--size-32);}

  /* Mobile Text colors */
  .mobile-white, .mobile-white * {color:white;}
  .mobile-black, .mobile-black * {color:var(--color-body);}

  /* Mobile General height spacing and grid/flex gaps */
  .mobile-dis5 {height:var(--size-4);}
  .mobile-dis10 {height:var(--size-12);}
  .mobile-dis20 {height:var(--size-16);}
  .mobile-dis30 {height:var(--size-32);}
  .mobile-dis40 {height:var(--size-48);}
  .mobile-dis50 {height:var(--size-64);}
  .mobile-dis60 {height:var(--size-92);}
  .mobile-gap0 {gap:0;}
  .mobile-gap5 {gap:var(--size-4);}
  .mobile-gap10 {gap: var(--size-12);}
  .mobile-gap20 {gap:var(--size-16);}
  .mobile-gap30 {gap:var(--size-32);}
  .mobile-gap40 {gap:var(--size-48);}
  .mobile-gap50 {gap:var(--size-48);}
  .mobile-gap60 {gap:var(--size-64);}

  /* Mobile General Padding Styles */
  .mobile-padding-xy-xs {padding:var(--padding-xy-xs);}
.mobile-padding-xy-s {padding:var(--padding-xy-s);}
.mobile-padding-xy-m {padding:var(--padding-xy-m);}
.mobile-padding-xy-l {padding:var(--padding-xy-l);}
.mobile-padding-xy-xl {padding: var(--padding-xy-xl);}

.mobile-padding-xy-10 {padding: var(--size-12);}
.mobile-padding-xy-15 {padding: var(--size-16);}
.mobile-padding-xy-20 {padding: var(--size-24);}
.mobile-padding-xy-30 {padding: var(--size-32);}
.mobile-padding-xy-40 {padding: var(--size-48);}
.mobile-padding-xy-45 {padding: var(--size-64);}

.mobile-padding-y-xxs {padding-top: var(--size-4);padding-bottom: var(--size-4);}
.mobile-padding-y-xs {padding-top: var(--size-8);padding-bottom: var(--size-8);}
.mobile-padding-y-s {padding-top:var(--size-12);padding-bottom:var(--size-12);}
.mobile-padding-y-m {padding-top:var(--size-16);padding-bottom:var(--size-16);}
.mobile-padding-y-l {padding-top:var(--size-32);padding-bottom:var(--size-32);}
.mobile-padding-y-xl {padding-top:var(--size-48);padding-bottom:var(--size-48);}

.mobile-padding-x-xs {padding-left: var(--size-8);padding-right: var(--size-8);}
.mobile-padding-x-s {padding-left:var(--size-12);padding-right:var(--size-12);}
.mobile-padding-x-m {padding-left:var(--size-16);padding-right:var(--size-16);}
.mobile-padding-x-l {padding-left:var(--size-32);padding-right:var(--size-32);}
.mobile-padding-x-xl {padding-left:var(--size-48);padding-right:var(--size-48);}

.avantcha-forms {padding:0;}
.field {margin-block-end: var(--size-24);}
.global-popup {min-width: var(--popup-size-mobile-min);max-width: var(--popup-size-mobile-max);}

.reverse-mobile {flex-direction: column-reverse;--s-flex-direction: column-reverse;}

.children-mobile-fullwidth, .children-mobile-halfwidth, .children-mobile-thirdwidth, .children-mobile-quarterwidth {--s-column-gap: var(--size-default);--s-flex-wrap:wrap;flex-wrap:wrap;}

.children-mobile-fullwidth .reverse-mobile, .children-mobile-halfwidth.reverse-mobile,
.children-mobile-thirdwidth.reverse-mobile,
.children-mobile-quarterwidth.reverse-mobile {
  flex-direction: row-reverse;
  --s-flex-direction: row-reverse;
}

.mobile-fullwidth {flex-basis: 100%;--s-flex-basis:100%;--s-flex-grow: 0;
  --s-flex-shrink: 1;width: 100%;--s-width: 100%;}

.mobile-halfwidth {--s-column-gap: var(--size-default);flex-basis: calc(50% - (var(--size-default) / 2));
  --s-flex-basis: calc(50% - (var(--size-default) / 2));
  --s-flex-grow: 0;--s-flex-shrink: 1;}
.mobile-thirdwidth {--s-column-gap: var(--size-default);flex-basis: calc(33.33% - (var(--size-default) / 2));
  --s-flex-basis: calc(33.33% - (var(--size-default) / 2));
  --s-flex-grow: 0;--s-flex-shrink: 1;}
.mobile-quarterwidth {--s-column-gap: var(--size-default);flex-basis: calc(25% - (var(--size-default) / 2));
  --s-flex-basis: calc(25% - (var(--size-default) / 2));
  --s-flex-grow: 0;--s-flex-shrink: 1;}
    
.product-detail__metainformation-steep {border-right: 0;}

/*PLP Columns*/
--desktop-columns: 2 !important;

.footer__navigation-title .icon__arrow {display:inline;}

.customer-container .customer {max-width: 96%;}
}

/*Go To Top Button*/
.scroll-to-top-button {
  position: fixed;
  right: var(--size-24);
  bottom: var(--size-24);
  z-index: var(--zindex-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: var(--color-button-light-bg-2);
  color: var(--color-button-dark-fg);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity var(--speed-slow) var(--motion-ease-in), transform var(--speed-slow) var(--motion-ease-in), visibility var(--speed-slow) var(--motion-ease-in), background-color var(--speed-slow) var(--motion-ease-in), color var(--speed-slow) var(--motion-ease-in);
}
.scroll-to-top-button.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.scroll-to-top-button.is-over-footer {
  background-color: var(--color-button-light-bg);
  color: var(--color-button-light-fg);
}
.scroll-to-top-button .icon__arrow-up {
  display: flex;
  transform: rotate(-90deg);
}
.scroll-to-top-button svg {
  width: 16px;
  height: 16px;
}
@media (max-width: 767px) {
  .scroll-to-top-button {
    right: var(--size-16);
    bottom: var(--size-16);
    width: 40px;
    height: 40px;
  }
}