/** Shopify CDN: Minification failed

Line 13812:46 Unexpected "{"
Line 21915:12 Expected identifier but found whitespace
Line 21915:14 Unexpected "{"
Line 21915:23 Expected ":"
Line 21915:55 Expected ":"
Line 21918:12 Expected identifier but found whitespace
Line 21918:14 Unexpected "{"
Line 21918:23 Expected ":"
Line 21918:55 Expected ":"

**/
/* animate */
@keyframes initial-loading{
  0% {
    transform:translate(-3.4rem)
  } 50% {
    transform:translate(9.6rem)
  } to {
    transform:translate(-3.4rem)
  }
}

@keyframes animateShine {
  to {
    left: 100%;
  }
}

@keyframes animateLookbook {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.4);
  }
}

@keyframes animateMenuOpen {
  0% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes animateIcon {
  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes animateWidth {
  from {
    width: 100%;
  }

  to {
    width: var(--percent, 100%);
  }
}

@keyframes animateHeight {
  0% {
    height: 100%;
  }

  100% {
    height: 0;
  }
}

@keyframes animateZoom {
  from {
    transform: scale3d(1,1,1);
  }

  50% {
    transform: scale3d(1.4,1.4,1);
  }

  to {
    transform: scale3d(1,1,1);
  }
}

@keyframes animateZoomIn {
  0% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes animateZoomOut {
  0% {
    transform: scale(1.15);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes animateZoomFade {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes animateRotator {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(270deg);
  }
}

@keyframes animateDash {
  0% {
    stroke-dashoffset: 280;
  }

  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

@keyframes animateMarquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes animateScaleLeftToRight {
  0% {
    opacity: 0;
    transform: translate(-3rem, -50%) scale(0);
  }

  100% {
    opacity: 1;
    transform: translate(0, -50%) scale(1);
  }
}

@keyframes animateIconLoading {
  0% { transform: rotate(0deg) }
  50% { transform: rotate(180deg) }
  100% { transform: rotate(360deg) }
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(var(--button-color-text), 0.6);
  }
  100% {
    box-shadow: 0 0 0 1.5rem rgba(var(--button-color-text), 0);
  }
}

/* Animation block */
@keyframes lineMove {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(1.2rem);
  }
}

@keyframes textScroll {
  0% {
    transform: translateY(0rem);
  }
  50% {
    transform: translateY(-0.3rem);
  }
  100% {
    transform: translateY(0rem);
  }
}
@font-face {
  font-family: 'Instrument Serif';
  src: url('{{ "InstrumentSerif-Regular.woff2" | asset_url }}') format('woff2'),
       url('{{ "InstrumentSerif-Regular.woff" | asset_url }}') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Instrument Serif';
  src: url('{{ "InstrumentSerif-Italic.woff2" | asset_url }}') format('woff2'),
       url('{{ "InstrumentSerif-Italic.woff" | asset_url }}') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}


@font-face {
  font-family: 'TTDrugs';
  src: url('/cdn/shop/files/TTDrugs-Regular.woff2?v=1752358131') format('woff2'),
       url('/cdn/shop/files/TTDrugs-Regular.woff?v=1752358131') format('woff');
  font-weight: 400;
  font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'TTDrugs';
  src: url('/cdn/shop/files/TTDrugs-Bold.woff2?v=1752358119') format('woff2'),
       url('/cdn/shop/files/TTDrugs-Bold.woff?v=1752358119') format('woff');
  font-weight: 700;
  font-style: normal;
    font-display: swap;
}

.tt-drugs {
    font-family: 'TTDrugs';
}
.instrument-serif {
    font-family: 'Instrument Serif', serif!important;
}

.instrument-serif em, .instrument-serif  i {
  font-style: italic!important;
  font-family: 'Instrument Serif', serif!important;
  letter-spacing: -0.04em;
}

animate-element:not([loaded]) {
  transition-duration: var(--duration-long);
  transition-timing-function: ease;
}

.js animate-element[background] {
  background: rgba(var(--color-foreground), 0.06);
}

.js animate-element [data-animate] {
  opacity: 0;
}

.js animate-element [data-animate="fade-up"] {
  transform: translateY(5rem);
}

.js animate-element [data-animate="fade-down"] {
  transform: translateY(-5rem);
}

.js animate-element [data-animate="fade-left"] {
  transform: translateX(-5rem);
}

.js animate-element [data-animate="fade-right"] {
  transform: translateX(5rem);
}

animate-element[loaded] [data-animate] {
  opacity: 1;
  transition-delay: var(--a-delay, 0s);
  transition-property: opacity, transform;
  transition-timing-function: ease;
  transition-duration: var(--duration-long);
}

animate-element[loaded] [data-animate="fade-up"],
animate-element[loaded] [data-animate="fade-down"] {
  transform: translateY(0);
}

animate-element[loaded] [data-animate="fade-left"],
animate-element[loaded] [data-animate="fade-right"] {
  transform: translateX(0);
}

animate-element[loaded] [data-animate="zoom-in"] {
  animation: animateZoomIn 1s ease forwards;
}

animate-element[loaded] [data-animate="zoom-out"] {
  animation: animateZoomOut 1s ease forwards;
}

animate-element[loaded] [data-animate="zoom-fade"] {
  animation: animateZoomFade 1s ease forwards;
}

.load-image {
  position: relative;
}

animate-element .load-image > img {
  transition: clip-path var(--duration-slow) var(--cubic),
    opacity var(--duration-slow) var(--cubic);
  transition-delay: var(--delay, 200ms);
  opacity: 0;
}

animate-element[loaded="true"] .load-image > img {
  opacity: 1;
}

animate-element .load-image[data-animate="flip-left"] > img {
  clip-path: inset(0 0 0 100%);
}

animate-element[loaded="true"] .load-image[data-animate="flip-left"] > img {
  clip-path: inset(0 -1% 0 -1%);
}

animate-element .load-image[data-animate="flip-right"] > img {
  clip-path: inset(0 100% 0 0);
}

animate-element[loaded="true"] .load-image[data-animate="flip-right"] > img {
  clip-path: inset(0 -1% 0 0);
}

animate-element .load-image[data-animate="flip-up"] > img {
  clip-path: inset(100% 0 0 0);
}

animate-element[loaded="true"] .load-image[data-animate="flip-up"] > img {
  clip-path: inset(-1% 0 0 0);
}

animate-element .load-image[data-animate="flip-down"] > img {
  clip-path: inset(0 0 100% 0);
}

animate-element[loaded="true"] .load-image[data-animate="flip-down"] > img {
  clip-path: inset(0 0 -1% 0);
}

/* base */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: calc(var(--font-body-scale) * 62.5%);
  scroll-behavior: smooth;
}

body {
  --color-foreground: var(--global-color-foreground);
  --color-background: var(--global-color-background);
  --gradient-background: var(--global-gradient-background);
  --alpha-link: 0.85;
  height: 100%;
  margin: 0;
  font-family: var(--font-body-family);
  font-size: var(--font-body-size);
  font-weight: var(--font-body-weight);
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

body.o-h {
  padding-inline-end: var(--scrollbar-width, 0);
}

.no-js:not(html) {
  display: none !important;
}

.no-js-inline {
  display: none !important;
}

html.no-js .no-js:not(html) {
  display: block !important;
}

html.no-js .no-js-inline {
  display: inline-block !important;
}

html.no-js .no-js-hidden {
  display: none !important;
}

html.js noscript {
  display: none;
}

a:empty,
ul:empty,
dl:empty,
div:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  display: none;
}

.list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
[class*='heading-size-'] {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  font-style: var(--font-heading-style);
  letter-spacing: var(--heading-letter-spacing);
  line-height: 1.2;
  letter-spacing: .02em;
  margin: 0 0 1.6rem;
  word-break: break-word;
}

.heading-size-x-small, .heading-size-xx-small, .heading-size-xxx-small, .subscription-info__heading {
  letter-spacing: .03em;
}

.h0,
.h1,
h1 {
  font-size: clamp(var(--min-size, var(--cus-size, 3rem)), var(--font-heading-size), var(--cus-size, 3rem));
}

.h2,
h2 {
  font-size: clamp(var(--min-size, var(--cus-size, 1.8rem)), var(--font-heading-size), var(--cus-size, 2rem));
}

.h3,
h3 {
  font-size: clamp(var(--min-size, var(--cus-size, 1.6rem)), var(--font-heading-size), var(--cus-size, 1.6rem));
}

.h4,
h4 {
  font-size: clamp(var(--min-size, var(--cus-size, 1.5rem)), var(--font-heading-size), var(--cus-size, 1.5rem));
}

.h5,
h5 {
  font-size: clamp(var(--min-size, var(--cus-size, 1.2rem)), var(--font-heading-size), var(--cus-size, 1.2rem));
}

.h6,
h6 {
  font-size: clamp(var(--min-size, var(--cus-size, 1rem)), var(--font-heading-size), var(--cus-size, 1rem));
}

.typography-font-heading {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
}

.typography-font-body {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

/* Font Size: Heading */
.main-heading-xx-small .banner__heading[class*='heading-size-default'],
.main-heading-xx-small .p-w__heading[class*='heading-size-default'],
.heading-size .heading-size-xx-small {
  font-size: max(1rem, calc(var(--font-heading-size) - calc(var(--step-size-xxs) )));
}

.main-heading-x-small .banner__heading[class*='heading-size-default'],
.main-heading-x-small .p-w__heading[class*='heading-size-default'],
.heading-size .heading-size-x-small {
  font-size: max(1rem, calc(var(--font-heading-size) - calc(var(--step-size-xs) )));
}

.main-heading-small .banner__heading[class*='heading-size-default'],
.main-heading-small .p-w__heading[class*='heading-size-default'],
.heading-size .heading-size-small {
  font-size: max(1rem, calc(var(--font-heading-size) - calc(var(--step-size-s) )));
}

.main-heading-medium .banner__heading[class*='heading-size-default'],
.main-heading-medium .p-w__heading[class*='heading-size-default'] {
  font-size: max(1.2rem, calc(var(--font-heading-size) ));
}

.main-heading-large .banner__heading[class*='heading-size-default'],
.main-heading-large .p-w__heading[class*='heading-size-default'],
.heading-size .heading-size-large {
  font-size: max(1.2rem, calc(var(--font-heading-size) + calc(var(--step-size-l) )));
}

.main-heading-x-large .banner__heading[class*='heading-size-default'],
.main-heading-x-large .p-w__heading[class*='heading-size-default'],
.heading-size .heading-size-x-large {
  font-size: max(1.2rem, calc(var(--font-heading-size) + calc(var(--step-size-xl) )));
}

.main-heading-xx-large .banner__heading[class*='heading-size-default'],
.main-heading-xx-large .p-w__heading[class*='heading-size-default'],
.heading-size .heading-size-xx-large {
  font-size: max(1.2rem, calc(var(--font-heading-size) + calc(var(--step-size-xxl) )));
}

.main-heading-xxx-large .banner__heading[class*='heading-size-default'],
.main-heading-xxx-large .p-w__heading[class*='heading-size-default'],
.heading-size .heading-size-xxx-large {
  font-size: max(1.2rem, calc(var(--font-heading-size) + calc(var(--step-size-xxxl) )));
}

.heading-size .heading-size-medium {
  font-size: max(1.2rem, calc(var(--font-heading-desktop) + calc(calc(var(--font-heading-step) * -2) )));
}

.heading-size .heading-size-customize-size {
  font-size: clamp(1.6rem, 0.1rem + 18vw, var(--customize-t-size));
}

@media only screen and (min-width: 750px) {
  .heading-size .heading-size-medium {
    font-size: max(1.2rem, calc(var(--font-heading-desktop) + calc(calc(var(--font-heading-step) * -1) )));
  }
}

@media only screen and (min-width: 1200px) {
  .heading-size .heading-size-medium {
    font-size: max(1.2rem, calc(var(--font-heading-desktop) ));
  }
}

/* Font Size: Body */
.main-text-xx-small,
.main-text-xx-small .text-size-default,
.text-size-xx-small {
  font-size: max(1rem, calc(var(--font-body-size) - calc(var(--body-step-size-xxs) )));
}

.main-text-x-small,
.main-text-x-small .text-size-default,
.text-size-x-small {
  font-size: max(1rem, calc(var(--font-body-size) - calc(var(--body-step-size-xs) )));
}

.main-text-small,
.main-text-small .text-size-default,
.text-size-small {
  font-size: max(1rem, calc(var(--font-body-size) - calc(var(--body-step-size-s) )));
}

.main-text-medium,
.main-text-medium .text-size-default,
.text-size-medium {
  font-size: max(1.2rem, calc(var(--font-body-size) ));
}

.main-text-large,
.main-text-large .text-size-default,
.text-size-large {
  font-size: max(1.2rem, calc(var(--font-body-size) + calc(var(--body-step-size-l) )));
}

.main-text-x-large,
.main-text-x-large .text-size-default,
.text-size-x-large {
  font-size: max(1.2rem, calc(var(--font-body-size) + calc(var(--body-step-size-xl) )));
}

.main-text-xx-large,
.main-text-xx-large .text-size-default,
.text-size-xx-large,
.heading-size-body {
  font-size: max(1.2rem, calc(var(--font-body-size) + calc(var(--body-step-size-xxl) )));
}

.main-text-xxx-large,
.main-text-xxx-large .text-size-default,
.text-size-xxx-large {
  font-size: max(1.2rem, calc(var(--font-body-size) + calc(var(--body-step-size-xxxl) )));
}

a:not([href]) {
  cursor: not-allowed;
}

.mask:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.3);
  pointer-events: none;
  z-index: 1;
}

.placeholder-svg {
  color: currentColor;
  fill: currentColor;
  vertical-align: middle;
  background: rgba(var(--color-foreground), 0.085);
  opacity: 0.5;
}

.placeholder-svg-dark {
  fill: white;
  background: rgba(var(--color-foreground), 1);
  opacity: 1;
}

.icon {
  color: currentColor;
  fill: currentColor;
  stroke: transparent;
}

.link {
  color: rgb(var(--color-link));
  letter-spacing: var(--link-letter-spacing);
}

.link--text,
.link--color-text {
  color: rgb(var(--color-foreground));
}

.link.animate-arrow .icon {
  width: calc(var(--font-heading-scale) * 1.4rem);
  height: calc(var(--font-heading-scale) * 1.4rem);
  margin-left: calc(var(--font-heading-scale) * 2rem);
  flex-shrink: 0;
}

.link-arrow.animate-arrow .icon {
  width: 2.5rem;
  height: 1.5rem;
  margin: 0 0 0 1.5rem;
}

.animate-arrow .icon-arrow path {
  transform: translateX(-0.25rem);
  transition: transform var(--duration-short) ease;
}

.i-plus-effect {
  position: relative;
  height: 1.6rem;
  width: 1.6rem;
}

.i-plus-effect:before,
.i-plus-effect:after {
  content: "";
  width: 1.6rem;
  height: 0.1rem;
  background: rgb(var(--color-foreground));
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

.i-plus-effect:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

.i-plus-effect:after {
  transform: translate(-50%, -50%);
}

.icon-effect.active .i-plus-effect:before,
.icon-effect.active .i-plus-effect:after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.icon-effect.active .i-plus-effect:before {
  background: transparent;
}

/* link */
.u-none {
  text-decoration: none;
}

.u-u {
  text-decoration: underline;
}

.u-link,
.h-link {
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration, text-decoration-thickness ease 100ms;
}

.link-cover:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.link__icon {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--color-background), 0.4);
  transition: var(--duration-default) ease-in-out;
}

.link__icon:before {
  content: "";
  width: 1.9rem;
  height: 1.9rem;
  border-top: 0.2rem rgba(var(--color-foreground), 1) solid;
  border-right: 0.2rem rgba(var(--color-foreground), 1) solid;
  display: inline-block;
  position: relative;
  top: 50%;
  left: calc(50% - 2.6rem);
  transform: translate(calc(-50% + 1.9rem), -50%) rotate(45deg);
  transition: var(--duration-default) ease-in-out;
}

.link__icon:after {
  content: "";
  width: 20px;
  height: 2px;
  background: rgba(var(--color-foreground), 1);
  position: absolute;
  top: 50%;
  left: calc(50% - 2rem);
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: var(--duration-default) ease-in-out;
}

/* media-effect */
media-effect[data-media-scroll-shadow] .banner__media-hover:before,
.banner__media-hover:after {
  content: '';
  position: absolute;
  top: 0;
  background: rgba(var(--color-opacity), 0);
  z-index: 0;
  width: 100%;
  height: 100%;
  transition: background 0.8s ease;
  pointer-events: none;
}
/* banner image overlay */
#shopify-section-template--18470945620141__496e3ccd-49a7-4461-951f-0d3c7a67bf86 .banner__media-hover:after {
  z-index: 1;
  background: rgba(var(--color-opacity), 0.4);
  transition: background 1.2s ease;
}


.data__media-hover {
  z-index: 2;
}

  /* data-media-scroll-shadow */
  media-effect[data-media-scroll-shadow] .banner__media-hover:before {
    z-index: 1;
    background: rgba(var(--color-opacity), var(--media-scroll-opacity, 0));
    transition: none;
  }

  /* data-media-scroll-prl */
  media-effect[data-media-scroll-prl] .banner__media-hover .image-effect {
    translate: 0px var(--translate-y, 0px) 0px;
  }

/* base-link */
  /* style-link */
  .link--style-line,
  .link--style-dot {
    text-decoration: none !important;
  }

  .link--style-line .link-style {
    background: linear-gradient(
      90deg,
      var(--u-link-color) 33.33333%,
      transparent 0 66.66666667%,
      var(--u-link-color) 0
    )
    var(--d, 100%) 100%/300% 1px no-repeat;
    transition: background 0.6s cubic-bezier(0.52, 0.18, 0.45, 1.4) 0s;
  }

  .link--style-line.u-none .link-style,
  .link--style-line.h-link .link-style,
  .link--style-line.u-none:hover .link-style,
  .link--style-line.h-link:hover .link-style {
    background: linear-gradient(
      90deg,
      var(--u-link-color) 33.33333%,
      transparent 0 70%,
      var(--u-link-color) 0
    )
    var(--d, 100%) 100%/300% 1px no-repeat;
    transition: background 0.6s cubic-bezier(0.52, 0.18, 0.45, 1.4) 0s;
  }

  .link--style-line.u-none .link-style,
  .link--style-line.h-link .link-style {
    --d: 50%;
  }

  .link--style-line:hover .link-style {
    --d: 0%;
  }

  /* style-dot */
  .link--style-dot {
    position: relative !important;
    padding: 0.6rem 0;
  }

  .link--style-dot .link-style:before,
  .link--style-dot.u-link:hover .link-style:before,
  .link--style-dot.u-u:hover .link-style:before {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background-color: var(--u-link-color);
    transition: var(--duration-long) var(--cubic);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0.5rem);
    opacity: 0;
  }

  li.active .link--style-dot .link-style:before,
  .link--style-dot.active .link-style:before,
  .link--style-dot.u-link .link-style:before,
  .link--style-dot.u-u .link-style:before,
  .link--style-dot:hover .link-style:before {
    transform: translate(-50%);
    opacity: 1;
  }

  /* style-border */
  .link--style-border .link-style {
    padding: 0.2rem 1rem;
    border: 0.1rem solid transparent;
    border-radius: 1rem;
    letter-spacing: 0.32px;
    transition: border var(--duration-default) ease;
  }

  .menu-lv-1-item:hover .menu-lv-1.link--style-border .link-style {
    border: 0.1rem solid #808080;
  }

  .header__menu-item.link--style-border ,
  .header__icon .link--style-border {
    padding: 0.7rem 0;
  }

  .header__icon .link--style-border:hover .link-style {
    border: 0.1rem solid #808080;
  }

  .menu-lv-2-item:hover .menu-lv-2.link--style-line .link-style {
    --d: 0;
  }

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.f-w-600 {
  font-weight: 600;
}

.f-normal {
  font-weight: normal;
}

.f-bold {
  font-weight: bold;
}

.f-medium {
  font-weight: 500;
}

.f-italic {
  font-style: italic;
}

.d-none {
  display: none;
}

.d-inline {
  display: inline;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

.d-grid {
  display: grid;
}

.d-table {
  display: table;
}

.d-table-r {
  display: table-row;
}

.pos-relative {
  position: relative;
}

.pos-absolute {
  position: absolute;
}

.pos-fixed {
  position: fixed;
}

.pos-sticky {
  position: sticky;
}

.pos-static {
  position: static;
}

.pos-absolute-c-c {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pos-absolute-t-c {
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.pos-absolute-c-l {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.pos-absolute-c-r {
  top: 50%;
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}

.cus-pos-absolute-c-r {
  top: var(--cus-t, 50%);
  left: var(--cus-l, auto);
  bottom: var(--cus-b, auto);
  right: var(--cus-r, auto);
  transform: translate(var(--cus-x, 0), var(--cus-y, -50%));
}

.v-a-baseline {
  vertical-align: baseline;
}

.v-a-top {
  vertical-align: top;
}

.v-a-middle {
  vertical-align: middle;
}

.w-100 {
  width: 100%;
}

.w-100v {
  width: 100vw;
}

.w-auto {
  width: auto;
}

[style*="--cus-w"] {
  width: var(--cus-w, 100%);
}

.h-100 {
  height: 100%;
}

.h-100-i {
  height: 100% !important;
}

.h-100v {
  height: 100vh;
}

.h-auto {
  height: auto;
}

[style*="--cus-h"] {
  height: var(--cus-h, 100%);
}

.h-max-c {
  height: max-content;
}

.m-w {
  max-width: min(100%, var(--m-w));
}

.mi-w {
  min-width: var(--mi-w);
}

.m-h {
  max-height: min(100%, var(--m-h));
}

.mi-h {
  min-height: var(--mi-h);
}

.c-inline {
  font-size: 0;
  letter-spacing: 0;
}

.c-pointer {
  cursor: pointer;
}

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

.e-auto {
  pointer-events: auto;
}

.e-auto-i {
  pointer-events: auto !important;
}

.z-index--1 {
  z-index: -1;
}

.z-index-0 {
  z-index: 0;
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-4 {
  z-index: 4;
}

.z-index-5 {
  z-index: 5;
}

.z-index-6 {
  z-index: 6;
}

.z-index-7 {
  z-index: 7;
}

.z-index-8 {
  z-index: 8;
}

.z-index-9 {
  z-index: 9;
}

.z-index-10 {
  z-index: 10;
}
.z-index-100 {
  z-index: 100;
}

.j-c-center {
  justify-content: center;
}

.j-c-between {
  justify-content: space-between;
}

.j-c-around {
  justify-content: space-around;
}

.j-c-evenly {
  justify-content: space-evenly;
}

.j-c-start {
  justify-content: flex-start;
}

.j-c-end {
  justify-content: flex-end;
}

.j-i-center {
  justify-items: center;
}

.j-s-start {
  justify-self: flex-start;
}

.j-s-end {
  justify-self: flex-end;
}

.j-s-center {
  justify-self: center;
}

.a-i-center {
  align-items: center;
}

.a-i-start {
  align-items: flex-start;
}

.a-i-end {
  align-items: flex-end;
}

.a-i-stretch {
  align-items: stretch;
}

.a-i-baseline {
  align-items: baseline;
}

.a-c-center {
  align-content: center;
}

.a-c-start {
  align-content: flex-start;
}

.a-c-end {
  align-content: flex-end;
}

.f-wrap {
  flex-wrap: wrap;
}

.f-nowrap {
  flex-wrap: nowrap;
}

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

.f-row {
  flex-direction: row;
}

.f-column-reverse {
  flex-direction: column-reverse;
}

.f-row-reverse {
  flex-direction: row-reverse;
}

.f-1 {
  flex: 1;
}

.f-grow {
  flex-grow: 1;
}

.f-shrink {
  flex-shrink: 0;
}

.f-basis {
  flex-basis: auto;
}

.c-gap {
  column-gap: var(--c-gap, 0);
}

.r-gap {
  row-gap: var(--r-gap, 0);
}

.g-gap {
  grid-gap: var(--g-gap, 0);
}

.t-c-grid {
  grid-template-columns: var(--t-c-grid, 1fr);
}

.m-auto {
  margin: auto;
}

.l-spacing {
  letter-spacing: var(--letter-spacing);
}

/* start add class margin */
.ml-auto,
.mx-auto {
  margin-left: auto;
}

.mr-auto,
.mx-auto {
  margin-right: auto;
}

.mt-auto {
  margin-top: auto;
}

.mb-auto {
  margin-bottom: auto;
}

[style*="--b-width"] {
  border-width: var(--b-width);
}
/* end add class margin */

.m-extend {
  margin: var(--m-extend);
}

.m-t {
  margin-top: var(--m-t);
}

.m-b {
  margin-bottom: var(--m-b);
}

.m-l {
  margin-left: var(--m-l);
}

.m-r {
  margin-right: var(--m-r);
}

.m-t-i {
  margin-top: var(--m-t-i, 0) !important;
}

.m-b-i {
  margin-bottom: var(--m-b-i, 0) !important;
}

.m-l-i {
  margin-left: var(--m-l-i, 0) !important;
}

.m-r-i {
  margin-right: var(--m-r-i, 0) !important;
}

.m-auto-left,
.m-auto.left {
  margin-left: 0;
  margin-right: auto;
}

.m-auto-right,
.m-auto.right {
  margin-left: auto;
  margin-right: 0;
}

.m-0 {
  margin: 0;
}

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

.p-extend {
  padding: var(--p-extend);
}

.p-t {
  padding-top: var(--p-t);
}

.p-b {
  padding-bottom: var(--p-b);
}

.p-l {
  padding-left: var(--p-l);
}

.p-r {
  padding-right: var(--p-r);
}

.cus-p-l {
  padding-left: var(--c-p-l, 1.5rem);
}

.cus-p-r {
  padding-right: var(--c-p-r, 1.5rem);
}

.p-0 {
  padding: 0;
}

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

.inset-0 {
  inset: 0;
}

.top-0 {
  top: 0;
}

.top-50 {
  top: 50%;
}

.top-100 {
  top: 100%;
}

[style*="--top"] {
  top: var(--top);
}

.left-0 {
  left: 0;
}

[style*="--left"] {
  left: var(--left);
}

.right-0 {
  right: 0;
}

[style*="--right"] {
  right: var(--right);
}

.bottom-0 {
  bottom: 0;
}

.bottom-100 {
  bottom: 100%;
}

.bottom-auto {
  bottom: auto;
}

[style*="--bottom"] {
  bottom: var(--bottom);
}

.border {
  border: 0.1rem solid rgba(var(--color-foreground), var(--border-alpha, 0.08));
}

.border-r-none{
  border-right: none;
}

.border-l-none{
  border-left: none;
}

.b-none {
  border: none;
}

.b-top {
  border-top: 0.1rem solid rgba(var(--color-foreground), var(--cus-o, 0.08));
}

.b-bottom {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), var(--cus-o, 0.08));
}

.b-circle {
  border-radius: 50%;
}

.b-full {
  position: relative;
}

.b-full:before {
  content: '';
  position: absolute;
  left: min(-6rem,calc((100vw - (var(--page-width) - 3rem)) / 2));
  right: min(-6rem,calc((100vw - (var(--page-width) - 3rem)) / 2));
  width: auto;
  height: 0.1rem;
  background: #E9E9E9;
}

.b-full.b-full-top:before {
  top: 0;
}

/* rounded */
.rounded,
.rounded-ovh {
  border-radius: calc(var(--block-rounded) * 0.5);
}

.rounded-ovh {
  overflow: hidden;
}

.spacing,
.element-spacing {
  padding-top: calc(var(--padding-top) * 0.5);
  padding-bottom: calc(var(--padding-bottom) * 0.5);
}

.m-spacing {
  margin-top: calc(var(--m-spacing-t, 0) * 0.5);
  margin-bottom: calc(var(--m-spacing-b, 0) * 0.5);
}

.spacing-all,
.element-spacing-all {
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.clearfix:after {
  clear: both;
  content: '';
  display: block;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.o-f-cover {
  object-fit: cover;
}

.hidden {
  display: none !important;
}

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

.visually-hidden--inline {
  margin: 0;
  height: 1em;
}

.o-a {
  overflow: auto;
}

.o-h {
  overflow: hidden;
}

.o-c {
  overflow: clip;
}

.o-v {
  overflow: visible;
}

.no-js .no-js-overflow-x,
.overflow-x {
  overflow-x: auto;
}

.overflow-x-h {
  overflow-x: hidden;
}

.overflow-y {
  overflow-y: auto;
}

.overflow-y-h {
  overflow-y: hidden;
}

.o-0 {
  opacity: 0;
}

.no-js .no-js-scroll-b,
.scroll-b {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-snap-stop: always;
}

.scroll-b-auto {
  scroll-behavior: auto;
}

.scroll-b-x {
  scroll-snap-type: x mandatory;
}

.scroll-s-start {
  scroll-snap-align: start;
}

.transform-t-3d {
  transform: translate3d(0px, 0px, 0px) !important;
}

.cus-scrollbar::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
  background: #f1f1f1;
}

.cus-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}

.cus-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.js .scroll-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.js .scroll-hidden::-webkit-scrollbar {
  background: transparent;
  width: 0;
  height: 0;
}

.js .scroll-hidden-m::-webkit-scrollbar {
  display: none;
}

.overflow-x-s::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 0.3rem;
}

.overflow-x-s::-webkit-scrollbar-thumb {
  background: rgba(var(--color-foreground), 0.7);
  border: none;
}

.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}

::selection {
  background-color: rgba(var(--color-foreground), 0.2);
}

.text-body {
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  font-family: var(--font-body-family);
  font-size: var(--font-body-size);
  font-weight: var(--font-body-weight);
  font-style: var(--font-body-style);
}

blockquote {
  --color-foreground: var(--global-color-foreground);
  --color-background: var(--global-color-background);
  --gradient-background: var(--global-gradient-background);
  font-style: italic;
  border-left: 0.2rem solid rgba(var(--color-foreground), 0.2);
  background: rgba(var(--color-foreground), 0.04);
  margin: 0;
  padding: 1.5rem 2rem;
}

blockquote > * {
  font-style: italic;
}

.caption {
  font-size: clamp(1rem, calc(var(--font-body-size) - 0.6rem), 1.4rem);
  letter-spacing: 0.07rem;
  line-height: calc(1 + 0.7 / var(--font-body-scale));
}

.caption-large {
  font-size: clamp(1.3rem, calc(var(--font-body-size) - 0.3rem), 1.6rem);
  letter-spacing: 0.04rem;
  line-height: 1.5;
}

.caption-with-letter-spacing {
  font-size: clamp(1rem, calc(var(--font-body-size) - 0.6rem), 1.4rem);
  letter-spacing: 0.13rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
}

.color-foreground {
  color: rgb(var(--color-foreground-transparent, var(--color-foreground)));
}

.color-light {
  color: rgba(var(--color-foreground), 0.75);
}

.color-current {
  color: currentColor;
}

.color-custom {
  color: rgb(var(--color-custom));
}

.bg-transparent-i {
  background: transparent !important;
}

.bg-custom {
  background: rgb(var(--bg-custom));
}

.bg-transparent {
  background: transparent;
}

.i-padding-xs:before,
.i-padding:before,
.i-padding-md:before,
.i-padding-lg:before {
  content: '';
  display: block;
}

.i-padding:before {
  padding-bottom: var(--i-padding);
}

table:not([class]) {
  table-layout: fixed;
  border-collapse: collapse;
  border-style: hidden;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
}

table:not([class]) td,
table:not([class]) th {
  padding: 1em;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.l-h-1 {
  line-height: 1;
}

.l-h-15 > * {
  line-height: 1.5;
}

hr {
  display: block;
  border: none;
  height: 0.1rem;
  background-color: rgba(var(--color-foreground), 0.2);
  margin: 5rem 0;
}

.placeholder {
  background-color: rgba(var(--color-foreground), 0.04);
  color: rgba(var(--color-foreground), 0.55);
  fill: rgba(var(--color-foreground), 0.55);
}

.break {
  word-break: break-word;
}

.w-s-nowrap {
  white-space: nowrap;
}

.visibility-hidden {
  visibility: hidden;
}

.global-settings-popup {
  border-radius: var(--popup-corner-radius);
  border: var(--popup-border-width) solid rgba(var(--color-foreground), var(--popup-border-opacity));
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--global-color-foreground), var(--popup-shadow-opacity));
}

[style*="--w-f-icon"] .icon {
  width: var(--w-f-icon);
}

[style*="--h-f-icon"] .icon {
  height: var(--h-f-icon);
}

/* main-page */
#MainContent {
  transition: transform var(--duration-slow) var(--cubic-fade);
}

.drawer--opening #MainContent,
.drawer--open #MainContent {
  transform: translateX(-4rem);
}

/* Cart items */
.cart-item__remove-header .button--close{
  background-color: transparent;
  border: none;
  width: 2.6rem;
  height: 2.6rem;
  padding: 0.77rem;
  margin-right: -0.8rem;
}

.cart-item__remove button,
.cart-item__remove a{
  background: rgba(var(--color-foreground),.04);
  border: 0.1rem solid rgba(var(--color-foreground),.04);
  width: 4rem;
  height: 4rem;
}

.cart-item__remove button .icon,
.cart-item__remove a .icon{
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  transition: transform var(--duration-default) ease;
  will-change: transform;
}

.cart-item__remove button:hover .icon,
.cart-item__remove a:hover .icon{
  transform: scale(1.095);
}

.cart-item__error-text + svg {
  width: 1.4rem;
  height: 1.4rem;
  flex-shrink: 0;
  margin-right: 0.5rem;
}

.cart-item__error-text:empty + svg {
  display: none;
}

.drawer .bg-gradient:before{
  height: 100%;
  width: 100%;
  animation: none;
}

.cart-drawer .loading-overlay {
  background-color: #fff;
}

.previewCart .drawer__overlay {
  opacity: 0;
  visibility: hidden;
  transition: all var(--duration-medium) ease;
}

/* recommend Cart Collection */
.recommendCartCollection-inner {
  height: 100%;
  isolation: isolate;
  overflow: hidden;
  padding-left: 3.2rem;
}

.recommendCartProduct {
  flex: 1;
}

.drawer.active .recommendCartCollection {
  clip-path: inset(0 0 0 0);
  visibility: visible;
}

.recommendCartCarousel-list,
.previewCart {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 89vh;
  padding-right: 3.2rem;
}

.previewCart::-webkit-scrollbar {
  display: none;
}

.recommendCartCollection-inner.bg-gradient::before {
  z-index: -1;
  height: 100%;
  width: 100%;
}

.recommendCartTitle {
  font-size: max(1.2rem,calc(var(--font-body-size) + calc(var(--body-step-size-xxxl) )));
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.recommendCartItem + .recommendCartItem {
  margin-top: 1rem;
}

/* preview tool cart */
.cart-drawer.style--special .cart__totals .previewCartTool {
  margin-bottom: 2rem;
}

.previewCartTool.style--special .cartTool-item {
  width: 25%;
  padding: 1.35rem 1rem;
  border: .1rem solid rgba(var(--color-foreground),.8);
  transition: var(--duration-default);
}

.previewCartTool.style--special .cartTool-item svg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.previewCartTool.style--special .cartTool-item:hover {
  background-color: #f8f8f8;
}

.previewCartTool.style--special .cartTool-item + .cartTool-item {
  border-left: none;
}

.popup-toolDown {
  border-top: .1rem solid #e3e3e3;
  padding: 3rem;
  transform: translate3d(0,50%,0);
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  transition: transform var(--duration-default) ease,visibility var(--duration-default) ease,opacity var(--duration-default) ease;
}

.popup-toolDown .is-a-gift .icon-cart-gift {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.popup-toolDown.show {
  transform: translate3d(0,0,0);
  opacity: 1;
  visibility: visible;
}

.popup-toolDown label {
  font-family: var(--font-heading-family);
  font-size: calc(var(--font-body-size) + 2px);
  margin-bottom: 7px;
}

.popup-toolDown label svg {
  width: 2rem;
  height: 2rem;
  margin-right: .9rem;
  position: relative;
  top: -2px;
}

.popup-toolDown button {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.popup-toolDown .button--close {
  margin: 0;
  background-color: transparent;
}

.popup-toolDown #shipping-calculator h3{
  font-size: 0;
}

.popup-toolDown #shipping-calculator-form-wrapper label {
  font-size: var(--font-body-size);
}

.popup-toolDown #shipping-calculator-form-wrapper p {
  font-size: calc(var(--font-body-size) + 2px);
  margin: 0 0 1rem 0;
}

.popup-toolDown #shipping-calculator-form-wrapper p svg {
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 0.9rem;
  position: relative;
  top: -3px;
  display: block;
}

.cart-drawer.style--special .cart-drawer__footer .cart__list--total {
  margin-top: 0.4rem;
}

.cart-drawer.style--special .cart-drawer__footer .cart__list--tax {
  margin-top: 0.8rem;
}

/* recommend Cart Collection mobile */
.recommendCartCollection-mobile .quick-add__submit {
  min-width: 2.4rem;
  min-height: 2.4rem;
  border-radius: 50%;
  padding: 0.4rem 0.5rem;
  border: 1px solid rgba(var(--color-foreground),0.8);
  background: #f8f8f8;
}

.cart-drawer.style--special .recommendCartCollection-mobile .cart-item__details {
  padding: 0rem 0 0.8rem 1.5rem;
}

.cart-drawer .recommendCartCollection-mobile .cart-item__quantity {
  margin-top: auto;
  justify-content: space-between;
  align-items: flex-end;
}

.cart-drawer .recommendCartCollection-mobile .price--large {
  font-size: 1.4rem;
}

/* preload-screen */
.preload-screen[loaded] {
  opacity: 0;
  visibility: hidden;
}

.preload-screen {
  background: rgba(var(--color-background), 1);
  background: var(--gradient-background);
}

.u-p-load .preload-screen,
.preload-screen {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transition: opacity 350ms ease, visibility 350ms ease;
}

.u-p-load.p-load .loading-bar {
  display: none;
}

.loading-bar {
  width: 13rem;
  height: 0.2rem;
  border-radius: 0.2rem;
  background-color: rgb(235, 235, 235);
}

.loading-bar:after {
  content: "";
  height: 100%;
  width: 6.8rem;
  position: absolute;
  transform: translate(-3.4rem);
  background-color: rgba(var(--color-foreground), 1);
  border-radius: 0.2rem;
  animation: initial-loading 1.5s ease infinite;
}

.icon-item {
  width: 10rem;
  height: 10rem;
}

.icon-loading {
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0;
}

.icon-loading:before {
  content: '';
  position: absolute;
  animation: animateIconLoading 1s linear infinite;
  width: 8rem;
  height: 8rem;
  top: 1rem;
  left: 1rem;
  border-radius: 50%;
  box-shadow: 0 0.2rem 0 0 rgba(var(--color-foreground), 1);
  transform-origin: 4rem 4.1rem;
}

/* base-rte */
.rte:after {
  content: '';
  display: block;
  clear: both;
}

.subrte:not([class*='text-size-']) {
  font-size: clamp(1.4rem, calc(var(--font-body-size) - 0.2rem), 2.8rem);
}

.rte p {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.rte p a {
  text-decoration: none;
  color: rgba(var(--color-foreground), 1);
  transition: text-decoration var(--duration-short) ease;
}

.subrte p a {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
}

.rte p + h1,
.rte p + h2,
.rte p + h3,
.rte p + h4,
.rte p + h5,
.rte p + h6 {
  margin-top: 1.5rem;
}

.cus-rte > p,
.rte p:last-child {
  margin-bottom: 0;
}

.rte p:empty {
  display: block;
  margin-top: 3.5rem;
}

.rte table {
  table-layout: fixed;
}

.rte img {
  height: auto;
  max-width: 100%;
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--global-color-foreground), 0);
  margin-bottom: var(--media-shadow-vertical-offset);
}

.rte ul {
  padding-left: 2rem;
}

.rte li {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  list-style: inherit;
}

.rte li:last-child {
  margin-bottom: 0;
}

/* swiper */
.swiper.swiper-horizontal > .swiper-pagination-bullets,
.swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper .swiper-pagination-custom,
.swiper .swiper-pagination-fraction {
  bottom: 0;
  top: auto;
  left: 0;
  width: 100%;
}

.swiper .swiper-pagination-bullet {
  width: auto;
  height: auto;
  display: inline-block;
  border-radius: 0;
  background: transparent;
  opacity: 0.2;
}

.swiper .swiper-pagination-bullet-active {
  opacity: 1;
  background: transparent;
}

.has-banner__content--bottom-center .swiper-pagination-bullet {
  opacity: 1;
}

.swiper .controls-number .swiper-pagination-number {
  position: fixed;
  top: 50%;
  right: 1rem;
  width: auto;
  bottom: auto;
  left: auto;
  transform: translate(0%, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.swiper .controls-number .swiper-pagination-number .cus-bullet {
  opacity: 1;
}

.swiper .controls-number .swiper-pagination-number .cus-bullet:after {
  content: "";
  position: absolute;
  width: 0rem;
  height: 0.2rem;
  border: none;
  border-radius: 0;
  background: rgba(var(--color-foreground), 1);
  right: 0;
  top: 64%;
  transform: translateY(-50%);
  transition: all var(--duration-extra-long) ease;
}

.swiper .controls-number .swiper-pagination-number .cus-bullet .dot-stt {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all var(--duration-extra-long) ease;
}

.swiper .controls-number .swiper-pagination-number .cus-bullet.swiper-pagination-bullet-active:after {
  width: 3rem;
}

.swiper .controls-number .swiper-pagination-number .cus-bullet.swiper-pagination-bullet-active .dot-stt {
  right: 3.1rem;
}

/* color-custom-properties */
.gradient {
  color: rgba(var(--color-foreground), 1);
  background: rgba(var(--color-background), 1);
  background: var(--gradient-background);
  /* background-attachment: fixed; */
}

.gradient-global {
  --color-foreground: var(--global-color-foreground);
  --color-background: var(--global-color-background);
  --gradient-background: var(--global-gradient-background);
}

.color-arrow {
  color: rgba(var(--arrow-color), 1);
  background: rgba(var(--arrow-color-background), 1);
  background: var(--arrow-gradient-background);
  box-shadow: 0 0.1rem 0.3rem rgba(var(--color-shadow), 0.3);
  transition: all var(--duration-default) ease;
}

.color-arrow:hover {
  color: rgba(var(--arrow-color-2), 1);
  background: rgba(var(--arrow-color-background-2), 1);
  background: var(--arrow-gradient-background-2);
  box-shadow: 0 0.1rem 0.3rem rgba(var(--color-shadow), 0.3);
}

.cus--color-background {
  background: rgba(var(--color-background), 1);
  transition: background var(--duration-default) ease-in .2s;
}

.cus--color-background:hover {
  background: rgba(var(--color-secondary-background), 1);
}

@media screen and (max-width: 1024px) {
  .swiper-screen__lg {
    display: none !important;
  }
}

@media screen and (max-width: 749px) {
  .swiper-screen__md {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) {
  .swiper-screen__sm {
    display: none !important;
  }
}

@media screen and (min-width: 750px) {
  .swiper-screen__xs {
    display: none !important;
  }
}

.color-inverse.bg-transparent {
  background: transparent;
}

/* shopify-challenge */
.shopify-challenge__container {
  margin: 7rem auto;
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-gap: 1rem;
}

.shopify-challenge__message {
  margin-top: 0;
  margin-bottom: 0;
}

/* base-details-summary */
details > * {
  box-sizing: border-box;
  list-style: none;
}

summary .icon-caret,
header-menu .icon-caret {
  position: absolute;
  height: 0.6rem;
  right: 1.5rem;
  top: calc(50% - 0.2rem);
}

.summary__title:before,
.summary__title:after {
  content: "";
  color: currentColor;
  background: currentColor;
  position: absolute;
  top: 50%;
  transition: all var(--duration-default) ease;
}

.summary__title:before {
  width: 1rem;
  height: 0.2rem;
  left: 100%;
  transform: translate3D(-100%, -50%, 0) rotate(0);
}

.summary__title:after {
  width: 0.2rem;
  height: 1rem;
  left: auto;
  right: 0.4rem;
  transform: translate3D(0, -50%, 0) rotate(0);
}

details[open] > summary > .summary__title:before,
details[open] > .summary__title:before {
  transform: translate3D(-100%, -50%, 0) rotate(180deg);
}

details[open] > summary > .summary__title:after,
details[open] > .summary__title:after {
  transform: translate3D(-50%, -50%, 0) rotate(90deg);
}

summary::-webkit-details-marker {
  display: none;
}

.disclosure-has-popup[open] > summary::before {
  content: ' ';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  cursor: default;
  background: transparent;
}

.disclosure-has-popup > summary::before {
  display: none;
}

.disclosure-has-popup[open] > summary + * {
  z-index: 4;
}

/* base-focus */
/*
  Focus ring - default (with offset)
*/
*:focus {
  outline: 0;
  box-shadow: none;
}

*:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

/* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */
.focused,
.no-js *:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

/* Negate the fallback side-effect for browsers that support :focus-visible */
.no-js *:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/*
  Focus ring - inset
*/
.focus-inset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.focused.focus-inset,
.no-js .focus-inset:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.no-js .focus-inset:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

.focus-inset-hide:focus-visible {
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
}

/*
  Focus ring - none
*/
/* Dangerous for a11y - Use with care */
.focus-none {
  box-shadow: none !important;
  outline: 0 !important;
}

.focus-offset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.focus-offset.focused,
.no-js .focus-offset:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.no-js .focus-offset:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/* limit text */
.limit-text {
  display: -webkit-box;
  -webkit-line-clamp: var(--text-per-line);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

/* component-title */
.p-w__header:not(.spacing):not(.m-spacing) {
  margin: 0 0 2rem;
}

.p-w__header--nogap {
  margin-bottom: 0 !important;
}

.p-w__heading--page:not(.m-spacing) {
  padding-bottom: 2rem;
}

.p-w__description:not(.m-spacing) {
  margin: 0 0 2.3rem;
}

.p-w__content--empty {
  padding-bottom: 18rem;
}

.p-w__footer:not(.spacing):not(.m-spacing) {
  margin: 2rem 0 0;
}

.p-w__header .button,
.p-w__footer .button {
  border-width: 0.1rem;
}

/* component-background */
.fill--background:before {
  content: '';
  position: absolute;
  top: 0;
  left: -1rem;
  right: -1rem;
  width: auto;
  height: 100%;
  background: rgba(var(--color-background), 1);
  background: var(--gradient-background);
}

@media screen and (min-width: 750px) {
  .fill--background:before {
    right: -5rem;
    left: -5rem;
  }
}

@media screen and (min-width: 1200px) {
  .fill--background.fill-left:before {
    left: min(-6rem,calc((100vw - (var(--page-width) - 3rem)) / 2) * -1);
    right: 0;
  }

  .fill--background.fill-right:before {
    left: 0;
    right: min(-6rem,calc((100vw - (var(--page-width) - 3rem)) / 2) * -1);
  }
}

/* component-standard-grid */
.standard-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0px, 1fr));
  gap: var(--snd-grid, 1.6rem);
}

.standard-grid .--snd-grid-item,
.standard-grid [style*="--snd-grid-item-1"],
.standard-grid [style*="--snd-grid-item-2"] {
  grid-column: var(--snd-grid-item-1) / var(--snd-grid-item-2);
}

/* component-grid */
.grid {
  --grid-h-md: var(--n-j-grid-h-md, var(--grid-h-md-u));
  --grid-h-xs: var(--n-j-grid-h-xs, var(--grid-h-xs-u));
  column-gap: var(--grid-h-xs);
  row-gap: var(--grid-v-xs);
}

.grid-col {
  margin-left: calc(var(--grid) * -1);
  margin-right: calc(var(--grid) * -1);
  row-gap: var(--grid);
}

.grid--gapless {
  column-gap: 0 !important;
  row-gap: 0 !important;
}

.grid-scroll {
  --padding: var(--scroll-padding, 1rem);
  scroll-padding-left: var(--padding);
  margin: 0 calc(var(--padding) * -1);
  padding: 0 var(--padding);
}

.grid-scroll--full {
  margin-left: 0;
  margin-right: 0;
}

.grid-scroll .carousel__items:after {
  content: "";
  display: block;
  height: auto;
  padding-right: var(--padding);
}

.no-js .no-js-grid__item,
.grid__item {
  --p: calc(100% / var(--c-xs));
  --w: calc(var(--c-xs) - 1);
  width: calc(var(--p) - var(--grid-h-xs) * var(--w) / var(--c-xs));
  max-width: calc(var(--p) - var(--grid-h-xs) * var(--w) / var(--c-xs));
  flex: 1 0 auto;
}

.no-js .no-js-grid__item {
  --grid-h-md: var(--n-j-grid-h-md, var(--grid-h-md-u));
  --grid-h-xs: var(--n-j-grid-h-xs, var(--grid-h-xs-u));
}

.grid-col .grid__item {
  padding-left: var(--grid);
  padding-right: var(--grid);
  width: calc(100% / var(--c-xs));
  max-width: 100%;
}

.grid__item-full {
  width: 100% !important;
  max-width: 100% !important;
}

.no-js .no-js-grid-scroll {
  width: calc(100vw - var(--padding-h-xs));
}

.no-js .no-js-grid__scroll,
.grid__item-scroll {
  padding-left: 0;
  padding-right: 1rem;
  width: calc(100% / var(--c-xs) - var(--grid-h-xs));
  max-width: calc(100% / var(--c-xs) - var(--grid-h-xs));
}

.no-js .no-js-grid__scroll {
  padding-right: var(--padding-h-xs, 1rem);
}

/* component-breadcrumb */
.breadcrumb .separate:before {
  content: "/";
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.breadcrumb .link--text,
.breadcrumb .separate {
  color: rgba(var(--color-foreground), .48)
}

.breadcrumb .is-active {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* component-pagination */
.pagination-wrapper {
  margin-top: 3rem;
}

.pagination__list > li {
  flex: 1 0 4.4rem;
  max-width: 4.4rem;
}

.pagination__item {
  height: 4.4rem;
  border-radius: var(--buttons-radius);
}

.pagination__item--current {
  background: rgba(var(--color-foreground), 0.04);
}

.pagination__item-arrow {
  border: 0.2rem solid rgba(var(--color-foreground), 0.2);
}

.pagination__item-arrow .icon {
  width: 2rem;
  height: 2rem;
  transition: opacity var(--duration-default) ease,
    transform var(--duration-default) ease;
  will-change: transform;
}

.pagination__item-arrow .icon-caret {
  width: 3rem;
  height: 3rem;
  fill: none;
}

.pagination__item-arrow .icon-caret-special {
  margin-bottom: 0.6rem;
  transition: opacity var(--duration-default) ease,
    transform var(--duration-default) ease;
  will-change: transform;
}

.pagination__item-arrow .icon-caret-horizontal-plus {
  width: 2.4rem;
  height: 2.4rem;
}

.pagination__item--prev .icon {
  transform: rotate(90deg);
}

.pagination__item--next .icon {
  transform: rotate(-90deg);
}

.pagination__item--prev .icon-caret {
  transform: rotate(180deg) translateY(3px);
}

.pagination__item--next .icon-caret {
  transform: rotate(0) translateY(-4px);
}

.pagination__item--prev .icon-caret-special {
  transform: scaleX(1);
}

.pagination__item--next .icon-caret-special {
  transform: scaleX(-1);
}

.pagination__item--prev .icon-caret-horizontal-plus {
  transform: rotate(180deg);
}

.pagination__item--next .icon-caret-horizontal-plus {
  transform: rotate(0deg);
}

/* component-pagination - special */
.section__m-collection .pagination-wrapper.style-special:not(.filter-horizontal-plus) {
  margin-top: 4rem;
}

.pagination-wrapper.style-special:not(.filter-horizontal-plus) .pagination__list {
  grid-gap: 0;
}

.pagination-wrapper.style-special:not(.filter-horizontal-plus) .pagination__list li {
  max-width: 4rem;
}

.pagination-wrapper.style-special:not(.filter-horizontal-plus) .pagination__list .pagination__item-arrow {
  border: unset;
}

.pagination-wrapper.style-special:not(.filter-horizontal-plus) .pagination__list .pagination__item {
  border-bottom: 0.1rem solid #c3c3c3;
  height: 3.1rem;
  align-items: flex-start;
}

.pagination-wrapper.style-special:not(.filter-horizontal-plus) .pagination__list .pagination__item--current {
  background: unset;
  border-bottom: 0.2rem solid #000000;
  text-decoration: none;
}

.pagination-wrapper.style-special .pagination__list .h-link:hover {
  text-decoration: unset;
  color: unset;
}

.pagination-wrapper.style-special {
  margin-top: 3.5rem;
}

.pagination--prev .link--style-dot .link-style:before,
.pagination--next .link--style-dot .link-style:before {
  display: none;
}

/* component-pagination - horizontal-plus */
.pagination-wrapper.filter-horizontal-plus {
  margin-top: 2.5rem;
}

.pagination-wrapper.filter-horizontal-plus .pagination__item {
  height: 2.6rem;
}

.pagination-wrapper.filter-horizontal-plus .pagination__list {
  grid-gap: 1.6rem;
}

.pagination-wrapper.filter-horizontal-plus .pagination__list > li {
  flex: 1 0 2.4rem;
  max-width: 2.4rem;
}

.pagination-wrapper.filter-horizontal-plus .pagination__list > .pagination--prev {
  max-width: 10rem;
}

.pagination-wrapper.filter-horizontal-plus .pagination__list > .pagination--next {
  max-width: 7.1rem;
}

.pagination-wrapper.filter-horizontal-plus .pagination__list .pagination__item-arrow {
  border: unset;
  width: 7.1rem;
}

.pagination-wrapper.filter-horizontal-plus .pagination__list .pagination__item--prev {
  width: 9.5rem;
}

.pagination-wrapper.filter-horizontal-plus .pagination__list .pagination__item--current {
  border-radius: 0.2rem;
  background: #F2E0E0;
  text-decoration: none;
}

/* component-loading */
.loading-overlay {
  opacity: 0.7;
}

.loading > .loading-overlay {
  display: block;
  z-index: 100;
}

.loading-overlay__spinner {
  width: 1.8rem;
}

.spinner {
  animation: animateRotator 1.4s linear infinite;
  color: currentColor;
  fill: currentColor;
  stroke: currentColor;
}

.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: animateDash 1.4s ease-in-out infinite;
}

/* component-option */
.pattern-white {
  border: var(--variant-pills-border-width) solid
    rgba(var(--color-foreground), 0.1);
}

.c-option {
  grid-gap: 1rem;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

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

.c-option__pattern {
  width: 4rem;
  height: 4rem;
}

.c-option__pattern:before {
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%) scale(0);
  background: rgba(var(--color-background), 1);
  transition: transform var(--duration-default) ease;
}

.c-option__pattern:hover:before,
.c-option__checkbox:checked + .c-option__pattern:before {
  transform: translate(-50%, -50%) scale(1);
}

.c-option__span {
  border-radius: var(--variant-pills-radius);
  padding: 0.7rem 2rem;
  transition: border var(--duration-short) ease;
  background: rgba(var(--color-background), 1);
  border: var(--variant-pills-border-width) solid rgba(var(--color-foreground), 0.1);
}

.c-option__span:hover {
  box-shadow: 0 0 0 0.2rem rgba(var(--color-foreground), 0.1);
}

.c-option__checkbox:checked + .c-option__span {
  border-color: rgba(var(--color-foreground), var(--variant-pills-border-opacity));
}

@media screen and (max-width: 749px) {
  .c-option__pattern {
    width: 4.4rem;
    height: 4.4rem;
  }

  .c-option__span {
    padding: 0.9rem 2rem;
  }
}

/* component-show-more */
.no-js .show-more-item {
  display: block !important;
}

/* component-media */
.media {
  background-color: rgba(var(--color-foreground), 0.1);
}

.media--transparent {
  background-color: transparent;
}

.media--ratio {
  --ratio-percent: calc(1 / var(--ratio) * 100%);
  padding-bottom: var(--ratio-percent);
}

.media--xs {
  padding-bottom: max(var(--mi-h), var(--ratio-xs, var(--mi-h)));
}

.media--square {
  padding-bottom: 100%;
}

.media--portrait {
  padding-bottom: 125%;
}

.media--landscape {
  padding-bottom: 66.6%;
}

.media--circle {
  padding-bottom: 100%;
  border-radius: 50%;
}

.media > img,
.media > svg,
.media > video,
.media .shopify-model-viewer-ui,
.media model-viewer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
}

.media > video {
  object-fit: cover;
}

.media > img {
  object-fit: cover;
  object-position: center center;
  transition: var(--duration-default) cubic-bezier(0.5, 0, 0.1, 1);
}

.media--zoom > img {
  transition: transform var(--duration-default) ease-in-out;
}

.media--opacity > img {
  transition: opacity var(--duration-default) ease-in-out;
}

.card-media.media--portrait {
  padding-bottom: var(--card-image-height);
}

.card-media > video {
  object-fit: var(--card-image-fit);
}

.card-media > img {
  object-fit: var(--card-image-fit);
  object-position: center center;
  transition: var(--duration-default) cubic-bezier(0.5, 0, 0.1, 1);
}

.card--2-images .img-second {
  opacity: 0;
}

.global-media-settings {
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  background: rgb(var(--color-background));
}

.global-media-settings:after {
  content: '';
  position: absolute;
  top: calc(var(--media-border-width) * -1);
  right: calc(var(--media-border-width) * -1);
  bottom: calc(var(--media-border-width) * -1);
  left: calc(var(--media-border-width) * -1);
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--global-color-foreground), 0);
  z-index: -1;
  pointer-events: none;
}

.global-media-settings img,
.global-media-settings iframe,
.global-media-settings model-viewer,
.global-media-settings video {
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}
.product-card-wrapper .card__inner,
.product .global-media-settings {
  border: none;
   border-radius: var(--media-radius);
  background: #FFF9EF;
}
.product .swiper-slide-active .product-media-container {
   border: none;
}

.gallery-view-col.--thumb .swiper-slide-thumb-active {
  border: var(--media-border-width) solid var(--button-gradient-background);
}

/* component-deferred-media */
.deferred-media:not([loaded]) template {
  z-index: -1;
}

.deferred-media__poster img {
  width: 100%;
}

.deferred-media[loaded] > .deferred-media__poster {
  display: none;
}

.deferred-media__poster-button:not(.button-play--text) {
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  height: 6rem;
  width: 6rem;
}

.deferred-media__poster-button:not(.button-play--text) .icon {
  width: 2rem;
  height: 2rem;
  transition: transform var(--duration-default) ease;
  will-change: transform;
}

.deferred-media__poster-button:not(.button-play--text) .icon-play {
  margin-left: 0.2rem;
}

.deferred-media__poster-button:not(.button-play--text):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 50%;
  opacity: 0.3;
  background: rgb(var(--color-background));
  animation: animateZoom 1.4s ease-in-out infinite;
}

.deferred-media__poster-button.button-play--text .icon {
  width: 3.5rem;
  height: 3.5rem;
  transition: transform var(--duration-default) ease;
  will-change: transform;
}

/* component-card */
.card--horizontal .card__inner {
  width: 8.6rem;
}

.card__content {
  grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
}

.blog-articles .card__content {
  padding-top: 2.6rem;
}

.card--horizontal .card__content {
  width: calc(100% - 8.6rem);
  padding-left: 1.5rem;
}

.card__information {
  grid-row-start: 2;
  padding: 1.5rem 0;
}

.card--horizontal .card__information {
  padding-top: 0;
  padding-bottom: 0;
}

.card__wishlist,
.card__badge,
.product__badge {
  top: calc(var(--badge-vertical-distance) * 0.5);
  column-gap: 2rem;
}

.card__wishlist.left,
.card__badge.left,
.product__badge.left {
  left: calc(var(--badge-horizontal-distance) * 0.5);
}

.card__wishlist.right,
.card__badge.right,
.product__badge.right {
  right: calc(var(--badge-horizontal-distance) * 0.5);
}

.card__vendor,
.card__info {
  margin-bottom: 1rem;
  line-height: calc(1 + 0.2 / max (1, var(--font-body-scale)));
}

.card__info {
  padding-top: 0.6rem;
}

.card__excerpt {
  margin-top: 2.4rem;
  margin-bottom: 3rem;
}

.card__heading {
  font-size: clamp(1.4rem, var(--font-body-size), 3rem);
}

.card--horizontal .card__heading {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.card__heading .icon-wrap {
  margin-left: 0.8rem;
}

.card__heading .icon {
  display: inline-block;
  width: 1.5rem;
  transition: transform var(--duration-long) ease;
  will-change: transform;
}

.card__heading a:before {
  z-index: 1;
  outline-offset: 0.3rem;
}

.card__heading a:focus-visible {
  box-shadow: none;
  outline: 0;
}

.card__heading a:focus-visible:before {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}

.card__price {
  margin-top: 0.5rem;
}

.card--horizontal .card__price {
  margin-top: 0;
}

.card__rating {
  margin-top: 0.7rem;
}

.card__swatch {
  margin-top: 1rem;
  grid-gap: 0.9rem;
}

.card__swatch--item {
  width: 3rem;
  height: 3rem;
  border-radius: var(--variant-pills-radius);
  box-shadow: var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) 0 rgba(var(--color-shadow), var(--variant-pills-shadow-opacity));
}

.card__swatch--item .pattern {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: var(--variant-pills-radius);
  border: var(--variant-pills-border-width) solid rgba(var(--color-background), var(--variant-pills-border-opacity));
}

.card__swatch--item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: var(--variant-pills-radius);
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  opacity: 0;
  transform: scale(1.25);
  transition: opacity var(--duration-default) ease,transform var(--duration-default) ease;
  will-change: transform;
}

.card__swatch--item.pattern-color:before {
  border: 0.1rem solid var(--border-variant-color);
}

.card__swatch--count {
  font-size: clamp(1.2rem, calc(var(--font-body-size) - 0.4rem), 1.6rem);
}

.card__link {
  margin-top: 0.7rem;
}

.quick-add__submit .icon-caret {
  width: 1.5rem;
  height: 1.5rem;
  transform: rotate(-90deg);
}

.card__quickadd {
  margin-top: 1rem;
}

.item__card-drawer {
  width: 25rem;
  flex: 0 0 25rem;
}

.item__card-price .icon {
  width: 2.2rem;
  margin-bottom: 0.1rem;
}

.item__card-price .unit-price {
  display: none;
}

/* style-product-card */
.card-function-group {
  bottom: calc(var(--badge-vertical-distance) * 0.5);
}

.card-function-group.left {
  left: calc(var(--badge-horizontal-distance) * 0.5);
}

.card-function-group.right {
  right: calc(var(--badge-horizontal-distance) * 0.5);
}

.style-product-card .card__information {
  padding-top: 0;
  padding-bottom: 0;
}

.style-product-card .card__vendor {
  font-size: clamp(1rem, calc(var(--font-body-size) - 0.6rem), 1.4rem);
  color: #545454;
}

.style-product-card .card__heading {
  font-family: var(--font-body-family);
  font-size: clamp(1.2rem, calc(var(--font-body-size) - 0.4rem), 1.6rem);
  font-weight: 500;
  margin-top: 0.4rem;
}

.style-product-card .card__price .price,
.style-product-card .price--on-sale .price-item--regular {
  font-weight: var(--font-body-weight);
  font-size: 1.2rem;
}

.style-product-card .card__badge {
  margin-top: 0.4rem;
  gap: 0.8rem;
}

.style-product-card .card__rating,
.style-product-card .card__price {
  margin-top: 0;
}

.style-product-card .card__quickadd .quick-add__submit {
  --h-btn: 3.8rem;
  min-height: initial;
  height: calc(var(--h-btn) + var(--buttons-border-width) * 2);
  padding: 0;
}

.style-product-card .card__quickadd .quick-add__submit span {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 2rem;
}

.style-product-card .card__quickadd .quick-add__submit:before {
  --border-offset: calc(var(--h-btn) + var(--buttons-border-width) * 4);
}

.style-product-card .card__swatch + modal-opener,
.style-product-card .card__swatch + product-form,
.style-product-advanced-card .card__swatch + modal-opener,
.style-product-advanced-card .card__swatch + product-form {
  margin-top: 1rem;
}

.style-product-card .card__swatch--item:before,
.style-product-advanced-card .card__swatch--item:before {
  border: 0.1rem solid rgba(var(--color-foreground), 0.5);
}

.style-product-card .card__quickadd {
  background-color: transparent;
}

.style-product-card .button-cart_mobile,
.style-product-advanced-card .button-cart_mobile {
  width: 3.6rem;
  height: 3.6rem;
  min-width: 3.6rem;
  min-height: 3.6rem;
  border-radius: 50%;
  padding: 0;
  border: 0;
  color: rgba(var(--button-color-text-2),1);
  background: var(--button-gradient-background-2, rgba(var(--button-color-background-2), 1));
}

.style-product-card .button-cart_mobile .loading-overlay__spinner,
.style-product-advanced-card .button-advanced-card .loading-overlay__spinner,
.style-product-advanced-card .button-cart_mobile .loading-overlay__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}

.style-product-card .button-cart_mobile.loading .text,
.style-product-advanced-card .button-advanced-card.loading .text,
.style-product-advanced-card .button-cart_mobile.loading .text {
  opacity: 0;
}

.style-product-card .card__content.hide-q-add-mobile,
.style-product-advanced-card .card__content.hide-q-add-mobile {
  --param: 0rem;
}

/* Icon background transparent (Wishlist/quickAdd) */
[class*="card--icon__"] .card--icon-button {
  height: 3.6rem;
  width: 3.6rem;
  padding: 1rem;
  z-index: 2;
  border: none;
  color: #000000;
  border-radius: 50%;
  transform: all var(--duration-long) ease;
}

[class*="card--icon__"] .card--icon-button,
[class*="card--icon__"] .card--icon-button:hover {
  background: transparent;
}

[class*="card--icon__"] .card--icon-button:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  z-index: -1;
  transform: translate(-50%, -50%) scale(0);
  background-color: var(--button-gradient-background-2, rgba(var(--button-color-background-2), 1));
  box-shadow: 0 0 4rem var(--button-gradient-background-2, rgba(var(--button-color-background-2), .2));
  transition: transform var(--duration-default) ease;
}

[class*="card--icon__"] .card--icon-button.added,
[class*="card--icon__"] .card--icon-button.loading {
  color: rgba(var(--button-color-text-2), 1);
}

[class*="card--icon__"] .card--icon-button.added:after,
[class*="card--icon__"] .card--icon-button.loading:after {
  transform: translate(-50%, -50%) scale(0.9);
}

[class*="card--icon__"] .card--icon-button:active {
  transform: scale(1.1);
  transition: 0.2s;
}

[class*="card--icon__"] .card--icon-button[aria-disabled='true'] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

[class*="card--icon__"] .loading-overlay__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}

[class*="card--icon__"] .card--icon-button.loading .text {
  opacity: 0;
}

@media only screen and (min-width: 990px) {
  [class*="card--icon__"] .card--icon-button {
    height: auto;
    width: auto;
  }

  [class*="card--icon__"] .card--icon-button:hover,
  [class*="card--icon__"] .card--icon-button.added:hover,
  [class*="card--icon__"] .card--icon-button.loading:hover {
    color: rgba(var(--button-color-text-2), 1);
  }

  [class*="card--icon__"] .card--icon-button:hover:after,
  [class*="card--icon__"] .card--icon-button.added:hover:after,
  [class*="card--icon__"] .card--icon-button.added:after,
  [class*="card--icon__"] .card--icon-button.loading:hover:after,
  [class*="card--icon__"] .card--icon-button.loading:after {
    transform: translate(-50%, -50%) scale(1);
  }
}

/* style-product-advanced-card */
.style-product-advanced-card .card__vendor {
  font-size: clamp(1.2rem, calc(var(--font-body-size) - 0.6rem), 1.4rem);
  line-height: 1.5;
  color: #999999;
}

.style-product-advanced-card .card__heading {
  font-family: var(--font-body-family);
  font-weight: 500;
}

.style-product-advanced-card .card__price .price,
.style-product-advanced-card .price--on-sale .price-item--regular {
  font-weight: var(--font-body-weight);
  font-size: clamp(1.4rem, calc(var(--font-body-size) - 0.4rem), 1.6rem);
}

.style-product-advanced-card .price--on-sale .price-discount {
  display: none;
}

.style-product-advanced-card .card__content {
  padding: 1.2rem;
}

.style-product-advanced-card .card__information {
  grid-template-columns: auto auto;
  column-gap: 2rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.style-product-advanced-card .card__heading + .card__swatch {
  column-gap: 0.5rem;
}

.style-product-advanced-card .function--badge-right {
  position: absolute;
  left: 1.2rem;
  top: 1.2rem;
}

.style-product-advanced-card .button-advanced-card,
.style-product-advanced-card .wishlist-advanced-card {
  width: 4.4rem;
  height: 4.4rem;
  padding: 0;
  border: 0;
  z-index: 1;
  color: rgba(var(--button-color-text), 1);
  background: var(--button-gradient-background, rgba(var(--button-color-background), 1));
  transition: all var(--duration-default) ease;
}

.card__function .card__function-item + .card__function-item {
  padding-top: 1rem;
}

/* style-product-default */
.cus-bg-color:not(.style-product-card, .style-product-advanced-card) .card__information,
.style-product-card.cus-bg-color .card,
.style-product-advanced-card.cus-bg-color .card,
.style-product-standard.cus-bg-color .card__quickadd {
  background: rgba(var(--cus-color-background), 1);
}

.style-product-default .card__quickadd {
  background: transparent;
}

.style-product-standard.cus-bg-color .card__information,
.style-product-standard-plus.cus-bg-color .card__information,
.style-product-standard-card.cus-bg-color .card__information {
 /* padding-left: 1rem;
  padding-right: 1rem;*/
  padding-left: 6%;
  padding-right: 6%;
}

@media screen and (max-width: 989px) {
  .style-product-card.cus-bg-color .card__content,
  .style-product-advanced-card.cus-bg-color .card__content {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

/* f-collection style-classic */
.style-product-default .card__information {
  text-align: center;
}

.style-product-default .card__heading,
.style-product-default .card__price .price {
  font-weight: 400;
}

.style-product-default .card__price {
  margin-top: 1rem;
}

.style-product-default .card__vendor {
  font-size: clamp(1.6rem,calc(var(--font-body-size)),2.8rem);
  font-weight: 600;
}

.style-product-default .quick-add__submit {
  width: auto;
  font-weight: 400;
  min-height: initial;
  padding: 0.9rem 1.56rem;
}

/* style-product-standard */
.style-product-standard .card__quickadd .quick-add__submit {
  padding: 0;
}

.style-product-standard .card__quickadd .quick-add__submit span {
  display: flex;
  height: 100%;
  padding: 0 2rem;
}

/* style-product-standard-plus */
.style-product-standard .card,
.style-product-standard-plus .card,
.style-product-standard-card .card {
  /*background: #f2f7ff;*/
   background: transparent;
}

.style-product-standard-plus .card__heading {
  font-size: clamp(1.2rem, calc(var(--font-body-size) + 0.2rem), 2rem);
  font-weight: var(--font-body-weight);
}

.style-product-standard-plus .card__quickadd,
.style-product-standard-card .card__quickadd {
  padding: 0;
  margin-top: -8px;
}

.style-product-standard-plus .card__information {
  padding: 0.9rem 1.2rem;
}

.style-product-standard-plus .card__rating .rating-star,
.style-product-standard-card .card__rating .rating-star {
  --font-size: 4;
}

.style-product-standard-plus .quick-add__submit.button--transparent,
.style-product-standard-card .quick-add__submit.button--transparent {
  border: 0.1rem solid rgba(var(--button-color-background), 1);
}

.style-product-standard-plus .quick-add__submit.button--transparent:hover,
.style-product-standard-card .quick-add__submit.button--transparent:hover {
  border-color: rgba(var(--button-color-background-hover), 1);
}

/* style-product-standard-card */
.style-product-standard-card .card__item {
  gap: 0.9rem;
}

.style-product-standard-card .card__item + .card__item {
  margin-top: 0.9rem;
}

.style-product-standard-card .function--badge-right {
  left: 1.2rem;
  top: 1.2rem;
}

.style-product-standard-card .function--badge-left {
  right: 1.2rem;
  top: 1.2rem;
}

.style-product-standard-card .card__function-item {
  padding-top: 0 !important;
}

.style-product-standard-card .card__heading,
.style-product-standard-card .card__price .price,
.style-product-standard-card .price--on-sale .price-item--regular,
.style-product-standard-plus .card__heading {
  font-size: 1.8rem;
  font-weight: var(--font-body-weight);
}

.style-product-standard-card .card__vendor,
.style-product-standard-card .price .cus-style,
.style-product-standard-card .price--on-sale .price-item--regular {
  color: rgba(var(--color-default-price), 0.5);
}

.style-product-standard-card .card__vendor, 
.style-product-standard-card .card__info,
.style-product-standard-card .card__swatch,
.style-product-standard-card .card__price {
  margin: 0;
}

.style-product-standard-card .card__swatch {
  grid-gap: .2rem;
}

.style-product-standard-card .card__swatch .card__swatch--count {
  margin-left: 0.7rem;
}

.style-product-standard-card .card--icon-button {
  color: rgba(var(--button-color-text), 1);
}

.style-product-standard-card .card--icon-button:after {
  display: none;
}

.style-product-standard-card .button-wishlist .icon-wishlist-standard-card {
  width: 2.1rem;
  height: 2.6rem;
}

@media only screen and (max-width: 989px) {
  .style-product-standard-card .card--icon-button {
    height: 3.8rem;
    width: 3.8rem;
    padding: 0.5rem;
  }
}

@media screen and (max-width: 749px) {
  .style-product-standard-card .card__swatch--item {
    width: 2.2rem;
    height: 2.2rem;
  }
}

@media only screen and (min-width: 551px) {
  .style-product-standard-card .function--badge-right {
    left: 1.8rem;
    top: 1.8rem;
  }

  .style-product-standard-card .function--badge-left {
    right: 1.8rem;
    top: 1.8rem;
  }
}

@media only screen and (min-width: 1025px) {
  .style-product-standard-card .card__function {
    column-gap: 1rem;
  }

  .style-product-standard-card .card__item {
    gap: 0.9rem;
  }

  .style-product-standard-card .card__swatch {
    grid-gap: 1rem;
  }

  .style-product-standard-card .card__item + .card__item {
    margin-top: 0.5rem;
  }

  .style-product-standard-card .card__information {
    padding-top: 1rem;
    padding-bottom: 1.6rem;
  }

  .style-product-standard-card .card--icon-button:hover,
  .style-product-standard-card .card--icon-button.added,
  .style-product-standard-card .card--icon-button.loading {
    color: rgba(var(--button-color-text-2), 1);
  }
}

@media only screen and (min-width: 1200px) {
  .style-product-standard-card .function--badge-right {
    left: 3rem;
    top: 2rem;
  }

  .style-product-standard-card .function--badge-left {
    right: 3rem;
    top: 2rem;
  }
}

/* style-product-advanced-default */
.style-product-advanced-default .card__information {
  padding: 1.3rem 1.5rem;
}

.style-product-advanced-default .card__heading,
.style-popup-advanced-default .card__heading {
  margin-bottom: 0.7rem;
}

.style-product-advanced-default .card__vendor,
.style-popup-advanced-default .card__vendor {
  font-size: 1.4rem;
  margin-bottom: 0;
}

.style-product-advanced-default .card__rating,
.style-popup-advanced-default .card__rating {
  margin-top: 0.3rem;
}

.style-product-advanced-default .advanced__default-price-cart,
.style-popup-advanced-default .advanced__default-price-cart {
  margin-top: 1.5rem;
  flex-wrap: wrap;
}

.style-product-advanced-default .card__price,
.style-popup-advanced-default .card__price {
  margin-top: 0;
}

.style-product-advanced-default .card__heading,
.style-product-advanced-default .price {
  font-size: 2rem;
}

.style-product-advanced-default .price .cus-style {
  font-size: 1.4rem;
  color: rgba(var(--color-default-price), 0.75);
}

.style-product-advanced-default .card__price .price-discount,
.style-popup-advanced-default .card__price .price-discount {
  display: none;
}

.style-product-advanced-default .card__swatch {
  margin-top: 2.5rem;
  padding-top: 1.7rem;
}

.style-product-advanced-default .card__swatch,
.style-popup-advanced-default .card__swatch {
  grid-gap: 0.5rem;
}

.style-product-advanced-default .card__swatch--count,
.style-popup-advanced-default .card__swatch--count {
  margin-left: 1rem;
}

.style-product-advanced-default .button-advanced-default .block-text,
.style-popup-advanced-default .button-advanced-default .block-text {
  font-size: 1.6rem;
  line-height: 1;
}

.style-product-standard-plus .product-discount.discounts-style-left,
.style-product-standard-card .product-discount.discounts-style-left,
.style-product-advanced-default .product-discount.discounts-style-left,
.style-popup-advanced-default .product-discount.discounts-style-left {
  left: -70%;
}

.style-product-standard-plus .product-discount.discounts-style-right,
.style-product-standard-card .product-discount.discounts-style-right,
.style-product-advanced-default .product-discount.discounts-style-right,
.style-popup-advanced-default .product-discount.discounts-style-right {
  right: -70%;
}

.style-product-advanced-default .button-advanced-default.loading .text,
.style-popup-advanced-default .button-advanced-default.loading .text {
  opacity: 0;
  display: none;
}

.style-product-advanced-default .button-advanced-default.loading .loading-overlay__spinner,
.style-popup-advanced-default .button-advanced-default.loading .loading-overlay__spinner {
  width: 2rem;
  height: 2rem;
}

.style-product-advanced-default .wishlist-advanced-default,
.style-popup-advanced-default .wishlist-advanced-default {
  width: 4rem;
  height: 4rem;
  padding: 0;
  border: 0;
  z-index: 1;
  box-shadow: 0px 0.4rem 1rem rgba(0, 0, 0, 0.10);
}

/* style-popup-advanced-default */
.style-popup-advanced-default .card__information {
  padding: 1.3rem 0;
}

.style-popup-advanced-default .card__heading {
  font-size: 1.8rem;
}

.style-popup-advanced-default .card__heading a:before {
  display: none;
}

.style-popup-advanced-default .price {
  font-size: 1.8rem;
}

.style-popup-advanced-default .button-advanced-default {
  margin-bottom: 0.1rem;
}

.style-popup-advanced-default .card .card__wishlist {
  justify-content: flex-end;
  text-align: center;
  top: auto;
  left: 50%;
  bottom: 1rem;
  transform: translateX(-50%);
}

/* component-blog */
.item-tag {
  margin-top: 1.2rem;
  padding: 0.1rem 0.92rem;
  border: 0.1rem solid var(--button-gradient-background, rgba(var(--button-color-background), var(--alpha-b, 1)));
  border-radius: 2.4rem;
  color: rgba(var(--button-color-background), var(--alpha-b, 1));
  transition: all var(--duration-default) ease;
}

.spacing.bottom-line,
.spacing.grid-line {
  padding-top: calc(var(--padding-top) * 0.5);
  padding-bottom: 0 !important;
}

.bottom-line .container-line:after {
  content: "";
  display: block;
  border-bottom: 0.05rem solid rgba(var(--colors-line-separator), 1);
}

.section__f-blog.grid-line .item {
  padding-bottom: var(--padding-bottom-xs);
}

.section__f-blog.grid-line .carousel:after,
.section__f-blog.grid-line .blog-post:not(.blog-enable_carousel) .carousel__item:after,
.section__f-blog.grid-line .blog-post:not(.blog-enable_list) .item:after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(var(--colors-line-separator), 1);
}

.section__f-blog.grid-line .carousel:after,
.section__f-blog.grid-line .blog-post:not(.blog-enable_carousel) .carousel__item:after{
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.1rem;
}

.section__f-blog.grid-line .blog-post:not(.blog-enable_list) .item:after {
  top: 0;
  right: calc((var(--grid-h-xs) / 2) * -1);
  width: 0.1rem;
  height: 100%;
}

.section__f-blog.grid-line .blog-post:not(.blog-enable_list) .carousel__item:last-child .item:after {
  display: none;
}

.section__f-blog.spacing {
  padding-top: calc(var(--padding-top) * 0.5);
}

.section__f-blog.spacing-xs {
  padding-top: var(--padding-top-xs);
}

.section__f-blog.bottom-line .container-line:after,
.section__m-blog.bottom-line .container-line:after {
  padding-top: var(--padding-bottom-xs);
}

.blog-style-special .breadcrumb {
  font-size: var(--font-body-size);
  padding-bottom: 3rem;
}


.blog-style-special .p-w__header--wrapper {
  margin-bottom: 2.3rem;
}

.blog-style-special .pagination-wrapper.style-special {
  margin-top: 0; 
}

.blog-style-special .blog-articles__article {
  width: calc(33.333% - 1.333rem);
}

.blog-style-special .blog-articles__article .media--adapt {
  padding-bottom: 101.4% !important;
}

.blog-style-special .card__content .tags {
  gap: 0.8rem;
}

.blog-style-special .card__content .item-tag {
  margin-top: 0;
}

.blog-style-special .blog-articles .card__content {
  padding-top: 0;
}

.blog-style-special .card__heading {
  margin: 0.8rem 0;
}

.blog-style-special .blog-articles {
  gap: 2rem;
  padding-bottom: 3rem;
  flex-flow: wrap;
}

/* component-price */
.price {
  font-size: clamp(1.6rem, var(--font-body-size), 3rem);
  font-weight: var(--font-body-weight-bold);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  color: rgb(var(--color-default-price), 1);
}

.price--large {
  font-size: clamp(2rem, calc(var(--font-body-size) + 0.4rem), 2.4rem);
}

.price-item {
  margin: 0 1rem 0 0;
}

.price-item--last,
.price__regular .price-item--regular {
  margin-right: 0;
}

.price__sale,
.price__badge-sale,
.price__badge-sold-out,
.price--on-sale .price__regular {
  display: none;
}

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale {
  display: inline-block;
}

.price--on-sale .price__sale {
  display: initial;
  flex-direction: row;
  flex-wrap: wrap;
}

.price--on-sale .price-item--regular {
  margin-right: 0;
  font-size: var(--font-body-size);
  font-weight: var(--font-body-weight);
  text-decoration: line-through;
  color: rgba(var(--color-default-price), 0.75);
}

.price--on-sale .price-item--sale,
.price__caption {
  color: rgba(var(--color-sale-price), 1);
}

.unit-price,
.price__caption {
  font-weight: var(--font-body-weight);
  margin-top: 0.2rem;
}

.unit-price {
  color: rgba(var(--color-default-price), 0.75);
}

/* component-discount */
.discounts__discount .icon {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.7rem;
}

.product-discount {
  bottom: 1.2rem;
  background: var(--color-background);
  opacity: 1;
  visibility: visible;
  box-shadow: 0 0 1.2rem rgba(var(--color-shadow), 0.1);
}

.card .product-discount.discounts-style-left,
.card .product-discount.discounts-style-right,
.style-product-card .card:hover .product-discount {
  opacity: 0;
  visibility: hidden;
  transition: all var(--duration-long) ease;
}

.banner-discount {
  flex: 0 0 auto;
  will-change: transform, width;
  -webkit-animation: animateMarquee 25s linear infinite;
  animation: animateMarquee 25s linear infinite;
}

.banner-discount__item {
  color: var(--color-foreground);
  margin: 0 1.2rem;
}

.product-discount.discounts-style-left {
  bottom: auto !important;
  top: 0;
  left: -60%;
  transform: rotate3d(0, 0, -1, 45deg);
}

.product-discount.discounts-style-right {
  bottom: auto !important;
  top: 0;
  right: -60%;
  transform: rotate3d(0, 0, 1, 45deg);
}

/* component-rating */
.rating-star {
  --percent: calc((var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))) * 100%);
  letter-spacing: calc(var(--letter-spacing) * 1rem);
  font-size: calc(var(--font-size) * 1rem);
  font-family: Times;
}

.rating-star::before {
  content: '★★★★★';
  background: linear-gradient(90deg, rgba(var(--colors-rating), 1) var(--percent), rgba(var(--color-foreground), 0.15) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.card__rating .rating-star {
  --letter-spacing: 0;
  --font-size: 2;
}

/* component-button */
.t-button {
  font-family: var(--font-body-family);
  -webkit-appearance: none;
  appearance: none;
}

.t-button:not([class*='text-size-']) {
  font-size: 1.6rem;
}

@media (max-width: 990px) {
  .t-button {
    font-size: 1.6rem;
  }
}

.button:not([class*='text-size-']),
.shopify-challenge__button:not([class*='text-size-']),
.shopify-payment-button__button {
 font-size: 1.6rem;
}

.button,
.shopify-challenge__button {
  --alpha-t: 1;
  --alpha-b: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: none;
  padding: 0 3rem;
  cursor: pointer;
  font-family: var(--font-body-family);
  font-style: var(--buttons-font-style);
  font-weight: var(--buttons-font-weight);
  color: rgba(var(--button-color-text), var(--alpha-t));
  background: var(--button-gradient-background, rgba(var(--button-color-background), var(--alpha-b)));
  transition: box-shadow var(--duration-short) ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
  position: relative;
  border-radius: var(--buttons-radius-outset);
  min-width: calc(12rem + var(--buttons-border-width) * 2);
  min-height: calc(4rem + var(--buttons-border-width) * 2);
  overflow: hidden;
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity));
  --button-color-text-hover: var(--button-color-text-2);
  --button-color-background-hover: var(--button-color-background-2);
  --check-background-hover: rgba(var(--button-color-background-2), var(--alpha-b, 1));
  --button-gradient-background-hover: var(--button-gradient-background-2, var(--check-background-hover));
  --border-offset: calc(10rem + var(--buttons-border-width) * 4);
  --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
  --shadow-blur-radius: var(--buttons-shadow-blur-radius);
  --shadow-opacity: var(--buttons-shadow-opacity);
}
@media (max-width: 750px) {
.button,
.shopify-challenge__button {
  min-height: calc(3.4rem + var(--buttons-border-width) * 2);
  font-size: 1.4rem;
}
}

.button--main-classic.button--icon-none.button--style-diagonal-swipe {
  min-height: calc(4.7rem + var(--buttons-border-width) * 2);
  --border-offset: calc(5rem + var(--buttons-border-width) * 4);
  padding: 0 4.8rem;
}

.button--style-diagonal-swipe > span {
  line-height: 1.5;
}

.shopify-challenge__button {
  margin-top: 1rem !important;
}

.button[style*="--mi-w"] {
  min-width: var(--mi-w); 
}

.button[style*="--mi-h"] {
  min-height: var(--mi-h); 
}

.quick-add__submit {
  padding: 0 2rem;
}

.button.button--style-diagonal-swipe:before,
.shopify-challenge__button:before {
  content: '';
  position: absolute;
  top: calc(0px - var(--buttons-border-width, 0));
  right: calc(0px - var(--border-offset, 0));
  left: 0;
  z-index: 0;
  border-radius: 0;
  background: transparent;
  border-right: var(--border-offset) solid transparent;
  border-bottom: var(--border-offset) solid rgba(var(--button-color-background-hover), 1);
  border-bottom-color: var(--button-gradient-background-hover);
  border-image: var(--button-gradient-background-hover);
  border-image-slice: 1;
  transform: translate(-100%);
  transition: transform var(--duration-long) ease-in-out;
}

.button--constant {
  color: currentColor !important;
}

.button.button--style-diagonal-swipe:after,
.shopify-challenge__button:after {
  content: '';
  position: absolute;
  top: var(--buttons-border-width);
  right: var(--buttons-border-width);
  bottom: var(--buttons-border-width);
  left: var(--buttons-border-width);
  z-index: 1;
  border-radius: var(--buttons-radius);
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--buttons-border-opacity)), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
  transition: box-shadow var(--duration-short) ease;
}

.button::selection,
.shopify-challenge__button::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

[class*='button--style-'] {
  transition: color var(--duration-long) ease-out;
}

.button--style-horizontal-overlap > span {
  position: unset !important;
}

.button--style-horizontal-overlap:before,
.button--style-horizontal-overlap:after,
.button--style-horizontal-overlap span:before,
.button--style-horizontal-overlap span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: 0.4s;
}

.button--style-horizontal-overlap:before,
.button--style-horizontal-overlap:after {
  --alpha-b: 0.25;
  --check-background-hover: rgba(var(--button-color-background-2), var(--alpha-b, 1));
  --button-gradient-background-hover: var(--button-gradient-background-2, var(--check-background-hover));
  z-index: 0;
  background: var(--button-gradient-background-hover);
}

.button--style-horizontal-overlap span:before,
.button--style-horizontal-overlap span:after {
  --alpha-b: 0.75;
  --check-background-hover: rgba(var(--button-color-background-2), var(--alpha-b, 1));
  --button-gradient-background-hover: var(--button-gradient-background-2, var(--check-background-hover));
  z-index: -1;
  background: var(--button-gradient-background-hover);
  transition-delay: 0.4s;
}

.button--style-horizontal-overlap:after,
.button--style-horizontal-overlap span:before {
  left: auto;
  right: 0;
}

.button--style-ripple {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.button--style-ripple > * {
  pointer-events: none;
}

.button--style-ripple .text {
  pointer-events: none;
}

.button--style-ripple .layer {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0);
  transform-origin: 0 0;
  will-change: transform;
  z-index: -1;
}

.button--style-ripple .layer:before {
  aspect-ratio: 1;
  background: rgb(var(--button-color-background-hover));
  border-radius: 50%;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate(-50%,-50%);
  width: 200%;
}

.button--main-classic.button--icon-none.button--style-ripple {
  --pd: 1.5rem 1rem;
  line-height: 1.5;
  padding: var(--pd);
  min-height: calc(5rem + var(--buttons-border-width) * 2)
}

.button--main-special.button--icon-none .text,
.button--main-classic.button--icon-none .text {
  justify-content: center;
}

.button--secondary {
  --button-color-background-hover: var(--button-color-background);
  --button-color-text: var(--button-color-text-2);
  --button-color-background: var(--button-color-background-2);
  --check-background-hover: rgba(var(--button-color-background-hover), var(--alpha-b, 1));
  --button-gradient-background: var(--button-gradient-background-2, var(--check-background-hover));
}

.button--transparent {
  color: rgba(var(--button-color-background), 1);
  background: transparent;
  border: var(--buttons-border-width) solid rgba(var(--button-color-background), 1);
}

.button--circle {
  width: calc(var(--circle-diameter, 20rem) * 0.8);
  height: calc(var(--circle-diameter, 20rem) * 0.8);
  min-width: calc(var(--circle-diameter, 20rem) * 0.8);
  min-height: calc(var(--circle-diameter, 20rem) * 0.8);
  padding: 1rem;
  border-radius: 50%;
  background: var(--button-gradient-background, rgba(var(--button-color-background), var(--alpha-b)));
  border: 0.1rem solid;
  border-color: rgba(var(--button-color-text), 1);
  color: rgba(var(--button-color-text), 1);
  transition: transform 0.3s cubic-bezier(0.60, 0.50, 0.20, 0.10);
}

.button--circle.b-transparent {
  border-color: transparent;
}

.button--circle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 95%;
  height: 95%;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  transform: scale(1) translate(-50%, -50%);
  border: 0.2rem dashed;
  border-color: rgba(var(--button-color-text), 1);
}

.button--circle span {
  transition: opacity 0.75s ease;
}

.button--circle .button--icon-circle {
  position: absolute;
  overflow: hidden;
  display: block;
  width: 75%;
  height: 100%;
  margin: 0 auto;
  color: transparent;
  transition: color 0.25s ease-in-out;
}

.button--circle .button--icon-circle .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  transform: translate(-150%,-50%) translate3d(-100%, 0, 0);
}

.button--circle .button--icon-circle:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: rgba(var(--button-color-text-hover), 1);
  transform: translate(0,-50%) translate3d(-105%, 0, 0);
}

@media screen and (min-width: 750px){
  .button--circle {
    width: calc(var(--circle-diameter, 20rem) * 0.95);
    height: calc(var(--circle-diameter, 20rem) * 0.95);
    min-width: calc(var(--circle-diameter, 20rem) * 0.95);
    min-height: calc(var(--circle-diameter, 20rem) * 0.95);
  }

  .button.button--circle:hover {
    transform: scale(0.9);
    color: rgba(var(--button-color-text-hover), 1);
    background: var(--button-gradient-background-hover);
    border-color: rgba(var(--button-color-text-hover), 1);
  }

  .button--circle:hover:before {
    opacity: 1;
    visibility: visible;
    border-color: rgba(var(--button-color-text-hover), 1);
    animation: animateBefore 5s infinite cubic-bezier(0.10, 0.20, 0.60, 0.70);
  }

  .button--circle:hover span {
    opacity: 0;
  }

  .button--circle:hover .button--icon-circle {
    opacity: 1;
    color: rgba(var(--button-color-text-hover), 1);
    transition-delay: 0.75s;
  }

  .button--circle:hover .button--icon-circle .icon {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) translate3d(0,0,0);
    transition: opacity 0.75s cubic-bezier(0.7, 0, 0.3, 1) 0.3s, visibility 0.75s cubic-bezier(0.7, 0, 0.3, 1) 0.3s, transform 0.75s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;
  }

  .button--circle:hover .button--icon-circle:after {
    transform: translate(0,-50%) translate3d(110%, 0, 0);
    transition: transform 0.75s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;
  }

  @keyframes animateBefore{
    0%{
      transform: scale(1) translate(-50%, -50%) rotate(0);
    }
    100%{
      transform: scale(1) translate(-50%, -50%) rotate(-360deg);
    }
  }
}

@media screen and (min-width: 990px){
  .button--circle {
    width: var(--circle-diameter, 20rem);
    height: var(--circle-diameter, 20rem);
    min-width: var(--circle-diameter, 20rem);
    min-height: var(--circle-diameter, 20rem);
  }
}

.button > span {
  position: relative;
  z-index: 2;
}

.button--close {
  padding: 1.35rem;
  width: 4.4rem;
  height: 4.4rem;
  background: rgba(var(--color-foreground), 0.1);
  color: rgba(var(--color-foreground), 0.8);
}

.button--close .i__close:before,
.button--close .i__close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background: currentColor;
  transition: transform var(--duration-default) ease;
  will-change: transform;
}

.button--close .i__close:before {
  width: 100%;
  height: 0.1rem;
}

.button--close .i__close:after {
  width: 0.1rem;
  height: 100%;
}

.button--close:hover .i__close:before,
.button--close:hover .i__close:after {
  transform: translate(-50%, -50%) rotate(135deg);
}

button:disabled,
button[aria-disabled='true'],
button.disabled .button:disabled,
.button[aria-disabled='true'],
.button.disabled{
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.button.loading {
  /*color: transparent;*/
  position: relative;
  font-size: 0;
  letter-spacing: 0;
}

.style-product-default .quick-add__submit.loading {
  font-size: initial;
}

.button.loading > span {
  opacity: 0;
}

.button.loading > .loading-overlay__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  height: 100%;
}

.button.loading > .loading-overlay__spinner .spinner {
  width: fit-content;
  width: -moz-max-content;
}

/* button-wishlist */
.button-wishlist {
  color: rgba(var(--button-color-text), 1);
  background: var(--button-gradient-background, rgba(var(--button-color-background), 1));
  transition: all var(--duration-long) ease;
}

.button-wishlist.button--transparent {
  color: rgba(var(--button-color-text),1);
  background: transparent;
  box-shadow: #63636366 0 0.2rem 0.8rem;
}

.button-wishlist.button--transparent.wishlist-standard-plus,
.button-wishlist.button--transparent.wishlist-standard-card {
  box-shadow: none;
}

.button-wishlist.added {
  color: rgba(var(--button-color-text-2), 1);
  background: var(--button-gradient-background-2, rgba(var(--button-color-background-2), 1));
}

.button-wishlist .icon {
  --p-t: 0 !important;
  width: 1.6rem;
  height: 1.6rem;
}

.button-wishlist.wishlist-default,
.button-wishlist.wishlist-card,
.button-wishlist.wishlist-standard,
.button-wishlist.wishlist-standard-plus {
  height: 3.6rem;
  width: 3.6rem;
  border: none;
}

.button-wishlist.wishlist-standard-plus {
  color: #000000;
  border-radius: 50%;
}

.button-wishlist.wishlist-standard-plus,
.button-wishlist.wishlist-standard-plus:hover {
  background: transparent;
}

.button-wishlist.wishlist-standard-plus:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  z-index: -1;
  transform: translate(-50%, -50%) scale(0);
  background-color: var(--button-gradient-background-2, rgba(var(--button-color-background-2), 1));
  box-shadow: 0 0 4rem var(--button-gradient-background-2, rgba(var(--button-color-background-2), .2));
  transition: transform var(--duration-default) ease;
}

.button-wishlist.wishlist-standard-plus.added {
  color: rgba(var(--button-color-text-2), 1);
}

.button-wishlist.wishlist-standard-plus.added:after {
  transform: translate(-50%, -50%) scale(0.9);
}

.button-wishlist:active,
.button-wishlist.wishlist-card:active,
.button-wishlist.wishlist-standard-plus:active {
  transform: scale(1.1);
  transition: 0.2s;
}

/* button--main */
.button-main .icon {
  transition: transform var(--duration-long) ease;
  will-change: transform;
}

.main-arrow-classic .icon {
  width: 1.6rem;
  height: 1rem;
  transform: rotate(-90deg);
  position: relative;
  z-index: 2;
}

.main-arrow-special .icon {
  width: 2.9rem;
  height: 1.6rem;
  transform: none;
  display: block;
}

.button--main-standard.button--icon-arrow {
  column-gap: 1rem;
  min-width: initial;
  min-height: 5rem;
}

.button--main-classic:not(.button--icon-none) {
  padding: 0.5rem 1.5rem 0.5rem 3rem;
  justify-content: space-between;
}

.button--main-special {
  --h-button-arrow: 4.4rem;
  height: var(--h-button-arrow);
  padding: 0 1.6rem;
  column-gap: 2.4rem;
  justify-content: center;
  border: 0.1rem solid rgba(var(--button-color-background), 1);
  box-shadow: rgba(var(--button-color-background-2), 1) 0.8rem 0.8rem 0,
    rgba(var(--button-color-background-2), 1) 0.8rem 0.8rem 0,
    rgba(var(--button-color-background-2), 1) 0.8rem 0.8rem 0;
  transition: box-shadow var(--duration-long) ease;
  font-weight: 600;
  min-height: calc(4.2rem + var(--buttons-border-width) * 2);
}

/* component-button-social-share */
.share-button details {
  width: fit-content;
}

.share-button__fallback {
  top: 3rem;
  right: 0.1rem;
  min-width: max-content;
  border-radius: var(--inputs-radius);
}

.share-button__fallback:before,
.share-button__fallback:after {
  content: '';
  position: absolute;
  pointer-events: none;
}

.share-button__fallback:after {
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.share-button__fallback:before {
  background: rgb(var(--color-background));
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-foreground), var(--inputs-shadow-opacity));
  z-index: -1;
}

.share-button__fallback button {
  width: 4.4rem;
  height: 4.4rem;
  right: var(--inputs-border-width);
}

.share-button__close:not(.hidden) + .share-button__copy {
  display: none;
}

.share-button__fallback .field__input {
  box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  filter: none;
  min-width: auto;
  min-height: auto;
}

.share-button__fallback .icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.share-button__message:not(:empty) {
  padding: 0.8rem 0 0.8rem 1.5rem;
  margin: var(--inputs-border-width);
}

.share-button__message:not(:empty):not(.hidden) ~ * {
  display: none;
}

details[open] > .share-button__fallback {
  animation: animateMenuOpen var(--duration-default) ease;
}

/* component-form */
/* Field */
input::-webkit-search-decoration {
  -webkit-appearance: none; /* Remove extra spacing for search inputs in Safari */
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
  -webkit-background-clip: text;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px transparent inset;
  -webkit-text-fill-color: rgba(var(--color-foreground), 1);
}

.field {
  transition: box-shadow var(--duration-short) ease;
}

.field:before,
.select:before,
.localization-form__select:before {
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--global-color-foreground), var(--inputs-shadow-opacity));
  z-index: -1;
}

.field:after,
.select:after,
.localization-form__select:after {
  content: '';
  pointer-events: none;
  position: absolute;
  top: var(--inputs-border-width);
  left: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.f-a-none:after,
.f-b-none:before {
  content: none;
}

.field__input,
.select__select {
  -webkit-appearance: none;
  appearance: none;
  color: rgba(var(--color-foreground), 1);
  background: rgb(var(--color-background));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: clamp(1.4rem, calc(var(--font-body-size) - 0.2rem), 1.8rem);
  line-height: calc(1 + 0.5 / max(1, var(--font-body-scale)));
  width: 100%;
  box-sizing: border-box;
  transition: box-shadow var(--duration-short) ease;
  border-radius: var(--inputs-radius);
  height: 5rem;
  min-height: calc(var(--inputs-border-width) * 2);
  min-width: calc(7rem + (var(--inputs-border-width) * 2));
  position: relative;
  border: none;
  text-overflow: ellipsis;
}

.cart-drawer .popup-toolDowns .field__input, .select__select {
  border: var(--inputs-border-width) solid rgba(var(--color-foreground), var(--inputs-border-opacity));
}

.field__input {
  padding: 1.2rem 1.5rem;
  transition: box-shadow var(--duration-short) ease;
  box-shadow: unset;
}

.field__input--inline {
  padding: 1.2rem 1.5rem !important;
  border: var(--inputs-border-width) solid rgba(var(--color-foreground), 0.55);
}

.select__select {
  font-size: clamp(1.6rem, calc(var(--font-body-size) + 0.2rem), 2rem);
  padding: 0 2rem;
  margin: var(--inputs-border-width);
  min-height: calc(var(--inputs-border-width) * 2);
}

.select .icon-caret {
  height: 0.6rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.2rem);
  right: calc(var(--inputs-border-width) + 1.5rem);
}

.search__input.field__input {
  padding-right: 5rem;
}

.field__input::-webkit-search-cancel-button {
  display: none;
}

.field__input::placeholder {
  opacity: 0;
}

.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill {
  padding: 0.8rem 1.5rem .8rem 2rem;
  margin: var(--inputs-border-width);
}

.field__input--bg {
  background: rgba(var(--color-foreground), 0.04);
}

.field__input--bg:focus,
.field__input--bg:focus-visible {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground), 0.2);
}

.field__label--fixed {
  top: calc(1.2rem + var(--inputs-border-width));
  left: calc(var(--inputs-border-width) + 2rem);
  color: rgba(var(--color-foreground), 0.8);
  transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
}

.field__label--inline {
  margin: 1rem 0 0;
}

.field__input:focus ~ .field__label--fixed,
.field__input:not(:placeholder-shown) ~ .field__label--fixed,
.field__input:-webkit-autofill ~ .field__label--fixed {
  font-size: 1rem;
  top: calc(var(--inputs-border-width) - 0.8rem);
  left: calc(var(--inputs-border-width) + 0.5rem);
  letter-spacing: 0.04rem;
  background: rgba(var(--color-background), 1);
  z-index: 2;
  padding: 0 0.5rem;
}

.field__button {
  color: rgba(var(--color-foreground), 0.8);
  height: 4.4rem;
  width: 4.4rem;
}

.field__button > svg {
  height: 2rem;
  width: 2rem;
}

.field__input:-webkit-autofill ~ .field__button,
.field__input:-webkit-autofill ~ .field__label {
  color: rgba(var(--color-foreground), 1);
}

.field__button.search__button:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.field__button.search__button:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.field__button.search__button:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
  background-color: inherit;
}

/* Text area */
.text-area {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  min-height: 10rem;
  resize: none;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.55);
}

.text-area--inline {
  box-shadow: unset;
}

input[type='checkbox'] {
  display: inline-block;
  position: absolute;
  opacity: 1;
  margin: 0;
  width: 1.6rem;
  height: 1.6rem;
  top: 0.7rem;
  left: -0.4rem;
  z-index: -1;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

input[type='checkbox'] ~ svg {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 1rem;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground),var(--popup-border-opacity));
}

input[type='checkbox']:checked ~ svg {
  background: rgba(var(--color-foreground), 1);
  border-color: rgba(var(--color-foreground), 1);
  color: rgb(var(--color-background));
}

/* Form global */
.form__message {
  margin-top: 1rem;
}

.form__message .icon {
  flex-shrink: 0;
  margin-right: 0.5rem;
  height: 1.3rem;
  width: 1.3rem;
}

.form-status-list {
  margin: 2rem 0 4rem;
}

.form-status-list li {
  list-style-position: inside;
}

.form-status-list .link::first-letter {
  text-transform: capitalize;
}

/* component-quantity */
.quantity {
  color: rgba(var(--color-foreground));
  width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  border-radius: var(--inputs-radius);
  min-height: calc((var(--inputs-border-width) * 2) + 4.5rem);
}

.quantity:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-foreground), var(--inputs-shadow-opacity));
  z-index: -1;
}

.quantity__button {
  width: calc(4.5rem / var(--font-body-scale));
  font-size: clamp(1.8rem, calc(var(--font-body-size) + 0.2rem), 2.2rem);
}

.quantity__button:first-child {
  margin-left: calc(var(--inputs-border-width));
}

.quantity__button:last-child {
  margin-right: calc(var(--inputs-border-width));
}

.quantity__button svg {
  width: 1rem;
  pointer-events: none;
  color: rgba(var(--color-foreground), 1);
}

.quantity__button:focus-visible,
.quantity__input:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:focus,
.quantity__input:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:not(:focus-visible):not(.focused),
.quantity__input:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
  background-color: inherit;
}

.quantity__input:-webkit-autofill,
.quantity__input:-webkit-autofill:hover,
.quantity__input:-webkit-autofill:active {
  box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}

.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity__input[type='number'] {
  -moz-appearance: textfield;
}

/* component-drawer */
.drawer {
  opacity: 0;
  pointer-events: none;
  /* background-color: rgba(var(--color-foreground), 0.5); */
  background: transparent;
  transition-property: opacity, visibility, background-color, transform;
  transition-duration: var(--duration-slow);
  transition-timing-function: var(--cubic-fade);
}

.drawer__overlay:empty {
  min-height: 100lvh;
  background: rgba(94, 94, 94, 0.267);
  display: block;
  cursor: url(close.svg) 24 24, auto;
  transition-property: opacity, visibility, background;
  transition-duration: var(--duration-slow);
  transition-timing-function: var(--cubic-fade);
}

.drawer__inner {
  width: 40rem;
  max-width: calc(100vw - 3rem);
  padding: 0 2rem 2rem;
  transform: translateX(100%);
  transition-property: transform, visibility;
  transition-duration: var(--duration-extra-long);
  transition-timing-function: var(--cubic-fade);
}

#CartDrawer{
  transform: translateX(100%);
  transition-property: transform, visibility;
  transition-duration: var(--duration-extra-long);
  transition-timing-function: var(--cubic-fade);
}

#CartDrawer .drawer__inner {
  transform: none;
}

.drawer.active #CartDrawer {
  transform: translate(0);
  visibility: visible;
}

.drawer__header {
  padding: 2rem 0 0;
  margin: 0 0 2rem;
}

.drawer__heading {
  font-size: 2rem;
  line-height: 1.5;
}

.drawer__list a {
    background: rgba(var(--color-button), 0.16);
    padding: 1rem 2rem;
    word-break: break-all;
    border-radius: var(--buttons-radius);
}

.drawer__wrapper-details {
  padding-bottom: 5rem;
}

.drawer.active {
  opacity: 1;
  pointer-events: visible;
}

.drawer.active .drawer__inner {
  transform: translateX(0);
  visibility: visible;
  box-shadow: rgb(255 255 255 / 10%) 0rem 0.8rem 2.4rem, rgb(255 255 255 / 20%) 0rem 1.6rem 5.6rem, rgb(255 255 255 / 20%) 0rem 2.4rem 8rem;
}

/* account-drawer */
.account-style--special .drawer__inner {
  width: 43.6rem;
  padding: 0 2.4rem 2.4rem;
}

.account-style--special .drawer__close {
  margin: 2.4rem 0 0.8rem auto;
}

.account-style--special .drawer__header {
  padding: 0;
  margin: 0 0 2.4rem;
}

.account-style--special .drawer__header .drawer__heading {
  text-transform: uppercase;
}

.account-style--special .drawer__header .drawer__description {
  margin-top: 0.8rem;
}

.account-style--special .drawer__description {
  color: rgba(var(--color-foreground), 0.46);
  font-size: 1.4rem;
}

.account-style--special .field__input {
  background: rgba(var(--color-foreground), 0);
  border: 0.1rem solid rgba(var(--color-foreground), 0.46);
  height: 4.5rem;
  padding: 1rem;
  transition: border var(--duration-default) ease, color var(--duration-default) ease;
}

.account-style--special .field__input:focus, 
.account-style--special .select__select:focus, 
.account-style--special .localization-form__select:focus:after, 
.account-style--special .field__input:focus-visible, 
.account-style--special .select__select:focus-visible, 
.account-style--special .localization-form__select:focus-visible:after {
  box-shadow: none;
  border: 0.1rem solid rgba(var(--color-foreground), 1) !important;
  margin: 0;
}

.account-style--special .field__label {
  top: calc(1.1rem + var(--inputs-border-width));
  left: calc(var(--inputs-border-width) + 1rem);
  color: rgba(var(--color-foreground), 0.46);
  font-size: 1.4rem;
}

.account-style--special .field__input:focus ~ .field__label--fixed, 
.account-style--special .field__input:not(:placeholder-shown) ~ .field__label--fixed, 
.account-style--special .field__input:-webkit-autofill ~ .field__label--fixed {
  color: rgba(var(--color-foreground), 1);
}

.account-style--special .drawer__wrapper .button,
.account-style--special .drawer__footer .button {
  font-size: 1.4rem;
  text-transform: uppercase;
}

.account-style--special .drawer__wrapper .link {
  font-size: 1.3rem;
}

/* component-modal */
.modal__toggle {
  list-style-type: none;
}

.modal__toggle::-webkit-details-marker {
  display: none;
}

.no-js .modal__toggle {
  z-index: 2;
}

details.modal .modal__toggle-open {
  display: flex;
}

details.modal .modal__toggle-close {
  display: none;
}

.media-modal {
  cursor: zoom-out;
}

.media-modal .deferred-media {
  cursor: initial;
}

/* component-popup-modal */
.popup-modal {
  z-index: 101;
  opacity: 0;
  pointer-events: none;
  box-sizing: border-box;
  background: rgba(var(--color-foreground), 0.5);
  transition: opacity var(--duration-long) ease, visibility var(--duration-default) ease;
}

.popup-modal__content {
  min-height: 30vh;
  max-height: 100%;
  max-width: 117rem;
  width: 100%;
  transition: transform var(--duration-default) ease;
}

.quick-add-modal__content {
  top: unset !important;
  left: unset !important;
  right: unset !important;
  bottom: unset !important;
  transform: translate(0%, -50%) translate3d(0,50%,0) scaleY(0) !important;
  animation: unset !important;
  max-height: unset !important;
  height: max(50rem, calc(100% - 25rem)) !important;
  border: none;
  box-shadow: 0 0 2.5rem 1rem #b0adad59;
  transition: transform var(--duration-long) ease;
}

.quick-add-modal__content:focus-visible {
  outline: none;
  box-shadow: none !important;
}

.quick-add-modal.quick-add--opening .quick-add-modal__content,
.quick-add-modal.quick-add--open .quick-add-modal__content {
  transform: translate(0%, -50%) translate3d(0,50%,0) scaleY(1) !important;
}

.quick-add-modal__content:before,
.quick-add-modal__content:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 50%;
  z-index: 10;
  background: rgb(var(--color-background));
  transition: height var(--duration-long) ease;
  will-change: transform;
}

.quick-add-modal__content:before {
  left: 0;
}

.quick-add-modal__content:after {
  right: 0;
}

.quick-add-modal[open] .quick-add-modal__content:before,
.quick-add-modal[open] .quick-add-modal__content:after {
  top: 0;
  bottom: auto;
  height: 0;
}

.quick-add-modal[open] .quick-add-modal__content:before {
  transition-delay: var(--duration-long);
}

.quick-add-modal[open] .quick-add-modal__content:after {
  transition-delay: var(--duration-extra-long);
}

.quick-add-modal .scroll-trigger.scroll-trigger {
  animation: none;
  opacity: 1;
}

.popup-modal__content img {
  max-width: 100%;
}

.popup-modal__toggle {
  top: 1rem;
  right: 1rem;
}

.popup-modal__content-info {
  padding: 2rem;
}

.quick-add-modal__content-info {
  padding: 0 !important;
}

/* component-accordion */
.accordion {
  margin-top: 2.5rem;
}

.accordion--style {
  margin-top: 0;
}

.accordion summary {
  padding: 1.5rem 0;
}

.accordion--style summary {
  padding: 1.3rem 5rem 1.3rem 2rem;
  border-radius: 8px;
}

.accordion .icon-accordion {
  align-self: center;
  height: calc(var(--font-heading-scale) * 2rem);
  margin-right: calc(var(--font-heading-scale) * 1rem);
  width: calc(var(--font-heading-scale) * 2rem);
}

.product-view-modern .accordion__title {
  line-height: 1.2;
}

.accordion__title {
  max-width: calc(100% - 6rem);
  min-height: 1.6rem;
}

.accordion--style .accordion__title {
  line-height: calc(1 + 1 / max(1, var(--font-heading-scale)));
}

.accordion--style summary .icon-caret {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
}

.accordion__content {
  margin-bottom: 1.5rem;
}

.accordion--style .accordion__content {
  padding: 0 3rem 1.5rem;
}

.accordion__content img {
  max-width: 100%;
}

.accordion__content > * {
  line-height: 1.5;
}

.accordion + .accordion {
  border-top: none;
  margin-top: 0;
}

/* component-badge */
.badge {  
  font-size: max(1rem, calc(var(--badge-font-size) - 0.4rem));
  border-radius: var(--badge-corner-radius);
  padding: var(--badge-vertical-thickness) var(--badge-horizontal-thickness);
}

.badge.outline {
  background: transparent;
  border: 0.1rem solid;
}

.sale-badge {
  color: rgb(var(--sale-badge-color-text));
  background: var(--sale-badge-color-background);
}

.sale-badge.outline {
  border-color: var(--sale-badge-color-background);
}

.sold-out-badge {
  color: rgb(var(--sold-out-badge-color-text));
  background: var(--sold-out-badge-color-background);
}

.sold-out-badge.outline {
  border-color: var(--sold-out-badge-color-background);
}

.new-badge {
  color: rgb(var(--new-badge-color-text));
  background: var(--new-badge-color-background);
}

.new-badge.outline {
  border-color: var(--new-badge-color-background);
}

@media only screen and (min-width: 750px) {
  .badge {
    font-size: max(1rem, calc(var(--badge-font-size) - 0.2rem));
  }
}

@media only screen and (min-width: 1200px) {
  .badge {  
    font-size: var(--badge-font-size);
  }
}

/* component-cart-count-bubble */
.cart-count-bubble,
.wishlist-count-bubble:not(.wishlist-text-count) {
  top: 0.2rem;
  right: 0;
  min-width: 2.3rem;
  height: 2.3rem;
  font-size: clamp(1.2rem, calc(var(--font-body-size) - 0.4rem), 1.6rem);
  color: rgba(var(--cart-color-text), 1);
  background: rgba(var(--cart-color-background), 1);
  background: var(--cart-gradient-background);
  border: 0.1rem solid rgba(var(--cart-color-text), 0.08);
}

/* component-social-icons */
.list-social {
  margin-left: -1.3rem;
}

.list-social__link {
  padding: 1.2rem;
  color: rgba(var(--social-media-color-text), 1);
}

.list-social__link .icon {
  position: relative;
  height: 3.2rem;
  width: 3.2rem;
}

.list-social__link:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--social-media-gradient-background);
  transform: translate(-50%,-50%) scale(0);
  transition: transform var(--duration-default) ease-in-out;
  transform-origin: center center;
}

.footer__bottom .footer__social,
.footer__bottom .list-social {
  margin: 0 !important;
}

.footer__bottom .list-social__link:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--social-media-color-text), 1);
  background: transparent;
  transform: translate(-50%,-50%) scale(1);
  transition: transform var(--duration-default) ease-in-out, opacity 0.2s ease, visibility 0.2s ease;
  transform-origin: center center;
}

/* component-banner */
.banner__box {
  padding: 1rem;
  max-width: var(--content-max-width, 57rem);
  max-height: 55rem;
  word-wrap: break-word;
}

.slide__box {
  max-width: var(--content-max-width, 57rem);
  word-wrap: break-word;
}

[class*='banner__content--top-'] .slide__box {
  justify-content: flex-start;
}

[class*='banner__content--middle-'] .slide__box {
  justify-content: center;
}

[class*='banner__content--bottom-'] .slide__box {
  justify-content: flex-end;
}

.banner__text:not(.m-spacing) {
  margin-top: 0.5rem;
  line-height: calc(1 + 0.56 / max (1, var(--font-body-scale)));
}

.banner__buttons:not(.m-spacing) {
  margin-top: 1.5rem;
}

.banner__buttons .button:not(.button--main-standard.button--icon-arrow) {
  --border-offset: calc(10rem + var(--buttons-border-width) * 4);
  min-width: 25rem;
  min-height: calc(5.4rem + var(--buttons-border-width) * 2);
}

.banner__buttons .button.button--main-classic.button--icon-none.button--style-ripple {
  min-height: calc(5.1rem + var(--buttons-border-width) * 2);
}

.banner__countdown .countdown {
  max-width: 25rem;
  padding: 1.5rem 0;
}

.banner__countdown .item {
  min-width: 6rem;
  padding: 0.4rem 1.5rem;
}

.banner__countdown .item .text {
  font-size: clamp(1.3rem, calc(var(--font-body-size) - 0.3rem), 1.6rem);
  line-height: max(1, var(--font-body-scale));
  margin-top: 0.3rem;
}

.banner__countdown .item + .item {
  border-left: 0.1rem solid rgba(var(--color-foreground), 0.8);
}

.banner__content--bottom-center .banner__box {
  justify-content: flex-end;
  padding-bottom: 4rem;
}

/* component-swiper */
  .swiper-wrapper {
    box-sizing: inherit;
  }

  .swiper-button-prev:after,
  .swiper-button-next:after {
    display: none;
  }

/* swiper - autoplay circle */
  .slideshow-autoplay {
    width: 3rem;
    height: 3rem;
  }

  .autoplay-progress {
    --progress: 0;
    position: absolute;
    left: -10%;
    top: -10%;
    width: 121% !important;
    height: 121% !important;
    stroke-width: 0.3rem;
    color: var(--color-autoplay);
    fill: none;
    stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
  }

  .button-slider .autoplay-progress {
    stroke-width: 0.06rem;
    stroke: currentColor;
  }

  @media screen and (max-width: 749px) {
    .slideshow-autoplay {
      right: 1rem;
    }
  }



/* swiper - dots */
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
    max-height: 4.8rem;
  }

  .swiper-pagination-bullet {
    position: relative;
    padding: 2.4rem;
    border-radius: 0;
    margin: 0 !important;
    background: transparent;
  }

  .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 1.2rem));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 1.2rem));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    border: 0.1rem solid rgba(var(--color-foreground), 1);
  }

  .swiper-pagination-bullet-active.swiper-pagination-bullet:after {
    background: rgba(var(--color-foreground), 1);
  }

/* swiper - progressbar */
  .swiper-pagination-progressbar {
    height: 0.5rem !important;
    background: transparent;
    z-index: 1;
  }

  .swiper-pagination-progressbar:not(.m-spacing) {
    margin-top: 2rem;
  }

  .swiper-pagination-progressbar:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: .1rem;
    background: rgba(var(--color-foreground), 0.3);
    z-index: -1;
    transform: translateY(-50%);
  }

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: rgba(var(--arrow-color),1);
  }

/* swiper - fraction */
  .carousel .swiper-pagination-fraction {
    bottom: 0;
    margin-top: 2rem;
  }

/* swiper - dashed */
  .swiper-pagination-bullets.swiper-pagination-dashed {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
  }

  .swiper-pagination-bullets.swiper-pagination-dashed .swiper-pagination-bullet {
    width: 4rem;
  }

  .swiper-pagination-dashed .swiper-pagination-bullet:not(.cus-bullet) {
    padding: 2.4rem 0 0;
    opacity: 1;
  }

  .swiper-pagination-dashed .swiper-pagination-bullet:not(.cus-bullet):after {
    content: '';
    position: absolute;
    border-radius: 3rem;
    width: 4rem;
    height: 0.1rem;
    background: rgba(var(--color-foreground), 0.1);
    border: 0.1rem solid;
    border-color: rgba(var(--color-foreground), 0.1);
  }

  .swiper-pagination-dashed .swiper-pagination-bullet-active:not(.cus-bullet):after {
    background: rgba(var(--color-foreground), 1);
    border-color: rgba(var(--color-foreground), 1);
  }

  .section__f-collection .swiper-pagination-bullets.swiper-pagination-dashed {
    max-height: 5.1rem;
    height: 2.6rem;
  }

  .section__slideshow .swiper-pagination-dashed .swiper-pagination-bullet:not(.cus-bullet):after {
    content: "";
    position: absolute;
    border-radius: 3rem;
    height: 0.4rem;
    background: transparent;
    border: 0.1rem solid;
    border-color: rgba(var(--arrow-color), 1);
  }

  .section__slideshow .swiper-pagination-dashed .swiper-pagination-bullet-active:not(.cus-bullet):after  {
    background: rgba(var(--arrow-color), 1);
  }

/* swiper - progressbar 'vertical' */
  .cus-slider-vertical {
    height: var(--cus-slider-vertical, 2rem);
  }

  .swiper-vertical:not(.cus-slider-vertical) {
    height: 59rem;
  }

  .swiper-vertical:not(.cus-slider-vertical) .carousel__items {
    max-width: 49rem;
    margin: auto;
  }

  .swiper-vertical:not(.cus-slider-vertical) .carousel__controls {
    position: absolute;
    top: 0;
    right: 3.6rem;
  }

  .swiper-vertical:not(.cus-slider-vertical) .swiper-pagination {
    height: 50.6rem !important;
    margin-top: 0;
    background: #c3c3c3;
  }

  .swiper-vertical:not(.cus-slider-vertical) .swiper-pagination-vertical .swiper-pagination-progressbar-fill{
    background: #545454;
  }

/* component-slider */
.carousel {
  --scroll-padding: max(1rem, calc((100vw - var(--page-width)) / 2));
}

.carousel--full {
  --scroll-padding: 0;
}

.button-slider {
  width: 4.8rem;
  height: 4.8rem;
}

.carousel__controls .button-slider {
  top: 50%;
  transform: translateY(-50%);
  /* transform: translateY(0); */
  margin-top: 0;
  box-shadow: 0 0.1rem 0.3rem rgba(var(--color-shadow), 0.3);
}

.carousel__controls .button-slider:disabled,
.carousel__controls .button-slider.disabled {
  display: none;
}

.carousel__controls.arrow-pos-block--bottom-center .button-slider:disabled, 
.carousel__controls.arrow-pos-block--bottom-center .button-slider.disabled {
  display: flex;
  opacity: 0.3;
  pointer-events: none;
}

/* arrow-style */
  /* arrow classic plus */
  .arrow-style-classic-plus .button-slider {
    border: 0.1rem solid rgba(var(--color-foreground), 1);
  }

  /* arrow special */
  .arrow-style-special .button-slider {
    width: 3.2rem;
    height: 3.2rem;
    border: 0.1rem solid rgba(var(--arrow-color), 1);
    box-shadow: none;
  }

  .arrow-style-special .button-slider path,
  .arrow-style-special-text .button-slider path {
    stroke: rgba(var(--arrow-color), 1);
  }

  .arrow-style-special .button-slider:hover path,
  .arrow-style-special-text .button-slider:hover path {
    stroke: rgba(var(--arrow-color-2), 1);
  }

  .arrow-style-special .icon-sec,
  .arrow-style-special-text .icon-sec {
    display: none;
    top: 50%;
    left: 50%;
  }

  .arrow-style-special .button-slider svg,
  .arrow-style-special-text .button-slider svg {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
  }

  /* arrow special text */
  .arrow-style-special-text .button-slider__prev {
    --style-text: "Prev";
  }

  .arrow-style-special-text .button-slider__next {
    --style-text: "Next";
  }

  .arrow-style-special-text .text.icon-inner:before {
    content: var(--style-text);
  }

  .arrow-style-special-text .button-slider {
    width: 5.4rem;
    height: 5.4rem;
    box-shadow: none;
  }

  .arrow-style-special-text .button-slider:not(.arrow-b-none) {
    border: 0.1rem solid rgba(var(--arrow-color), 1);
  }

  .section__slideshow .slideshow__controls.arrow-style-special-text .swiper-pagination-dashed .swiper-pagination-bullet:not(.cus-bullet) {
    padding: 2.4rem 0;
  }

  @media only screen and (min-width: 750px) {
    .arrow-style-special-text .button-slider {
      width: 7rem;
      height: 7rem;
    }
  }

  /* arrow modern */
  .arrow-style-modern .button-slider,
  .arrow-style-modern-plus .button-slider {
    box-shadow: -4px 4px 4px 0px rgba(var(--color-shadow), 0.25);
    border-radius: 0;
    transition: var(--duration-long);
    width: 9.3rem;
    height: 6.5rem;
    padding: 1rem 2.4rem;
  }

  .arrow-style-modern .button-slider:before,
  .arrow-style-modern-plus .button-slider:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(var(--arrow-color-background-2), 1);
    background: var(--arrow-gradient-background-2);
    transition: transform var(--duration-long) var(--cubic);
    transform: scaleX(0);
  }

  .arrow-style-modern .button-slider__prev:before,
  .arrow-style-modern-plus .button-slider__prev:before {
    transform-origin: left;
  }

  .arrow-style-modern .button-slider__prev:hover:before,
  .arrow-style-modern-plus .button-slider__prev:hover:before {
    transform-origin: right;
  }

  .arrow-style-modern .button-slider__next:before,
  .arrow-style-modern-plus .button-slider__next:before {
    transform-origin: right;
  }

  .arrow-style-modern .button-slider__next:hover:before,
  .arrow-style-modern-plus .button-slider__next:hover:before {
    transform-origin: left;
  }

  .arrow-style-modern .button-slider:hover,
  .arrow-style-modern-plus .button-slider:hover {
    box-shadow: 0px 0.4rem 1.2rem rgba(var(--color-shadow), 0.1);
    scale: 0.9;
    color: rgba(var(--arrow-color-2), 1);
  }

  .arrow-style-modern .button-slider:hover:before,
  .arrow-style-modern-plus .button-slider:hover:before {
    transform: scaleX(1);
  }

  .arrow-style-modern .button-slider svg,
  .arrow-style-modern-plus .button-slider svg {
    transform: none;
    width: 100%;
    height: initial;
    display: block;
  }

  .arrow-style-modern .button-slider__prev.color-arrow:hover svg,
  .arrow-style-modern .button-slider__prev svg,
  .arrow-style-modern-plus .button-slider__prev.color-arrow:hover svg,
  .arrow-style-modern-plus .button-slider__prev svg {
    transform: rotate(-180deg);
  }

  .arrow-style-modern .button-slider__next.color-arrow:hover svg,
  .arrow-style-modern-plus .button-slider__next.color-arrow:hover svg {
    transform: none;
  }

  .arrow-style-modern .swiper-pagination-fraction:not(.pagination--quick-add),
  .arrow-style-modern-plus .swiper-pagination-fraction:not(.pagination--quick-add) {
    right: 8rem;
    position: absolute;
    width: fit-content;
    left: unset;
    bottom: unset;
    top: 35%;
  }

  /* arrow modern plus */
  .arrow-style-modern-plus {
    --w: 11rem;
    --h: 6.5rem;
    display: flex;
  }

  .arrow-style-modern-plus .button-slider {
    transform: translateY(0);
  }

  .arrow-style-modern-plus .button-slider:disabled {
    display: block;
  }

  .arrow-style-modern-plus .box-arrow {
    isolation: isolate;
  }

  .arrow-style-modern-plus .mask-overlay {
    width: var(--w);
    height: var(--h);
    opacity: 0;
    color: rgba(var(--arrow-color-2), 1);
    background: rgba(var(--arrow-color-background-2), 1);
    background: var(--arrow-gradient-background-2);
    box-shadow: 0 0.1rem 0.3rem rgba(var(--color-shadow), 0.3);
    transition: 0.4s var(--cubic-out);
    display: block;
  }

  .arrow-style-modern-plus .button-slider:before {
    display: none;
  }

  .arrow-style-modern-plus .button-slider {
    box-shadow: none;
    position: static;
    margin: 0;
    width: var(--w);
    height: var(--h);
    padding: 1rem 1.7rem;
  }

  .arrow-style-modern-plus .color-arrow:hover {
    background-color: transparent;
    transform: scale(1);
  }

  .arrow-style-modern-plus .swiper-button-prev:hover ~ .mask-overlay {
    transform: translateX(0%);
    opacity: 1;
  }

  .arrow-style-modern-plus .swiper-button-next:hover ~ .mask-overlay {
    transform: translateX(100%);
    opacity: 1;
  }

  /* arrow dreamy */
  .arrow-style-dreamy .button-slider svg {
    transform: none;
    width: 2rem;
    height: 2rem;
    display: block;
  }

  .arrow-style-dreamy .button-slider__prev.color-arrow:hover svg,
  .arrow-style-dreamy .button-slider__prev svg {
    transform: rotate(-180deg);
  }

  .arrow-style-dreamy .button-slider__next.color-arrow:hover svg {
    transform: none;
  }

  .arrow-style-dreamy .button-slider {
    width: 8rem;
    height: 6rem;
    background: transparent;
    border: none;
    z-index: 2;
   /* box-shadow: 0px 4px 10px 0px rgba(var(--color-shadow), 0.2) !important;*/
    box-shadow: none!important;
  }

  .arrow-style-dreamy .button-slider:after,
  .arrow-style-dreamy .button-slider:before {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10rem;
    z-index: -99999;
    transition: all var(--duration-default) ease;
  }

  .arrow-style-dreamy .button-slider:before {
    width: 100%;
    height: 100%;
    background: rgba(var(--arrow-color-background), 1);
    background: var(--arrow-gradient-background);
  }

  .arrow-style-dreamy .button-slider:after {
    width: 0;
    height: 0;
    border: 1px solid #ffffff1c;
    background: #ffffff15;
    backdrop-filter: blur(5px);
  }

  .arrow-style-dreamy .button-slider:hover:before {
    background: rgba(var(--arrow-color-background-2), 1);
    background: var(--arrow-gradient-background-2);
  }

.carousel__controls .button-slider__prev {
  left: calc(var(--padding) + (var(--padding-width) - var(--padding-grid-scroll) * 3));
}

.carousel__controls--inner .button-slider__prev {
  left: calc(max(0rem,calc((100% - 100%) / 2) - 1rem) + 0.2rem);
}

.carousel__controls .button-slider__next {
  right: calc(var(--padding) + (var(--padding-width) - var(--padding-grid-scroll) * 3));
}

.carousel__controls--inner .button-slider__next {
  right: calc(max(0rem, calc((100% - 100%) / 2) - 1rem) + 0.2rem);
}

.section__f-collection-tab .carousel__controls {
  --padding: 0rem;
}

.section__f-images .carousel__controls {
  --padding: 1rem;
}

.button-slider svg {
  transition: opacity var(--duration-default) ease,transform var(--duration-default) ease;
  will-change: transform;
  width: 1.8rem;
  height: 1.8rem;
}

.button-slider__prev svg {
  transform: rotate(90deg);
}

.button-slider__next svg {
  transform: rotate(-90deg);
}

.button-slider__autoplay,
.section__slideshow.enable--autoplay .button-slider__next {
  border: none !important;
  box-shadow: 0 0.1rem 0.3rem #0000004d !important;
}

.button-slider__autoplay .autoplay-progress {
  color: rgba(var(--arrow-color),1);
}

.button-slider__autoplay svg {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 0.15s ease, opacity 0.15s ease;
}

.button-slider__autoplay.paused .icon-pause,
.button-slider__autoplay:not(.paused) .icon-play {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8);
}

.button-slider__autoplay:hover svg {
  transform: scale(1.1);
}

.button-slider__prev:hover svg {
  transform: rotate(90deg) scale(1.1) translateY(3px);
}

.button-slider__next:hover svg {
  transform: rotate(-90deg) scale(1.1) translateY(3px);
}

.button-slider__prev.color-arrow:hover svg {
  transform: rotate(90deg) scale(1.1) translateY(0px);
}

.button-slider__next.color-arrow:hover svg {
  transform: rotate(-90deg) scale(1.1) translateY(0px);
}

.arrow-style-special .button-slider__prev:hover svg,
.arrow-style-special-text .button-slider__prev:hover svg {
  transform: rotate(90deg) scale(1) translateY(0px);
}

.arrow-style-special .button-slider__next:hover svg,
.arrow-style-special-text .button-slider__next:hover svg {
  transform: rotate(-90deg) scale(1) translateY(0px);
}

.slider-counter__caption {
  bottom: 1.5rem !important;
  left: 50% !important;
  transform: translate(-50%);
  padding: 0.5rem 1rem;
  width: auto !important;
  font-size: clamp(1.2rem, calc(var(--font-body-size) - 0.4rem), 2rem);
  border-radius: 0.5rem;
  background: rgba(var(--color-foreground), 0.1);
}

.slider-counter__link {
  padding: 1.6rem;
}

.slider-counter__link .dot {
  width: 1.2rem;
  height: 1.2rem;
  border: 0.1rem solid rgba(var(--color-foreground), 1);
}

.slider-counter__link.active .dot {
  background: rgba(var(--color-foreground), 1);
}

.carousel__progress-bar {
  max-width: min(calc(100% - 3rem), calc(var(--page-width) - (3rem + var(--padding-width) + (var(--padding-grid-scroll) * 2))));
  margin-top: 2rem;
  height: 0.5rem;
  background: rgba(var(--color-foreground), 0.085);
  background-clip: content-box;
  border: solid transparent;
  border-width: 0.2rem 0;
}

.carousel__scrollbar-thumb {
  display: inline-block !important;
  width: var(--percent, 100%);
  height: 5px;
  transform: translateY(-2px);
  background: rgba(var(--color-link), 1);
  transition: width var(--duration-long) ease-out;
}


/* component-position-arrow */
.arrow-pos-banner--bottom-right .slideshow__controls,
.arrow-pos-banner--middle-center .slideshow__controls {
  column-gap: 2rem;
  padding: 0 1rem;
}

.arrow-pos-block--bottom-center {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  margin-top: calc(var(--cus-m-t, 4rem) * .5);
}

.arrow-pos-block--bottom-center .swiper-pagination {
  position: relative;
  margin-top: 0 !important;
}

.arrow-pos-block--bottom-center .button-slider {
  position: relative;
  top: 0;
  left: 0 !important;
  right: 0 !important;
  transform: translate(0);
  min-width: 4.8rem;
  background: transparent;
  box-shadow: none !important;
}

.arrow-pos-block--bottom-center.arrow-style-classic .button-slider__prev {
  justify-content: flex-start;
}

.arrow-pos-block--bottom-center.arrow-style-classic .button-slider__next {
  justify-content: flex-end; 
}

.arrow-pos-block--bottom-center.arrow-style-classic .button-slider:not(.button-slider__autoplay) .icon {
  width: 2.7rem;
  height: 2.7rem;
}

@media screen and (max-width: 1024px) {
  .arrow-pos-banner--bottom-right .slideshow__controls .button-slider {
    transform: translateY(-90%);
  }
}

@media screen and (max-width: 749px) {
  .arrow-pos-banner--bottom-right .slideshow__controls .button-slider__next,
  .arrow-pos-banner--bottom-right .slideshow__controls .button-slider__prev {
    position: absolute;
    transform: translateY(0);
  }

  .arrow-pos-banner--bottom-right .slideshow__controls {
    justify-content: center;
  }
}

@media only screen and (min-width: 750px) {
  .arrow-pos-banner--bottom-right .slideshow__controls {
    padding-right: 4.8rem;
    bottom: 1.6rem;
    column-gap: 4rem;
  }

  .arrow-pos-block--bottom-center {
    gap: 0.5rem;
    margin-top: calc(var(--cus-m-t, 4rem) * .75);
  }
  
  .arrow-pos-block--bottom-center .button-slider {
    min-width: 5rem;
  }
}

@media only screen and (min-width: 990px) {
  .arrow-pos-banner--bottom-right .slideshow__controls {
    bottom: 1.8rem;
  }

  .arrow-pos-banner--middle-center .slideshow__controls.controls-dashed .swiper-pagination {
    justify-content: flex-end;
    left: auto;
    right: max(7.5rem, calc((100% - var(--page-width)) / 2));
    bottom: 2.8rem;
  }

  .arrow-pos-banner--middle-center.has-banner__content--top-right .slideshow__controls.controls-dashed .swiper-pagination,
  .arrow-pos-banner--middle-center.has-banner__content--middle-right .slideshow__controls.controls-dashed .swiper-pagination,
  .arrow-pos-banner--middle-center.has-banner__content--bottom-right .slideshow__controls.controls-dashed .swiper-pagination {
    justify-content: flex-start;
    left: max(5rem, calc((100% - var(--page-width)) / 2));
    right: auto;
  }
}

@media only screen and (min-width: 1200px) {
  .arrow-pos-banner--bottom-right .slideshow__controls {
    padding-right: 10.7rem;
  }

  .arrow-pos-block--bottom-center {
    margin-top: var(--cus-m-t, 4rem);
  }
}

/* component-btn-scroll */
.btn-scroll {
  right: 4rem;
  bottom: 5rem;
}

.btn-scroll .line {
  left: 50%;
  transform: translateX(-50%);
  top: 1rem;
  width: 0.2rem;
  height: 2rem;
  display: block;
}

.btn-scroll .line:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0.7rem;
  width: 100%;
  background-color: rgba(var(--color-foreground), 1);
  transform: translateY(-100%);
  animation: lineMove 2s var(--cubic) infinite alternate;
  border-radius: 1rem;
}

.btn-scroll .mouse {
  width: 2.8rem;
  margin: 0 auto;
}

.btn-scroll .icon-mouse path {
  color: rgba(var(--color-foreground), 1);
  fill: rgba(var(--color-foreground), 1);
}

.btn-scroll-text span {
  display: block;
  font-weight: 600;
  font-size: 1.2rem;
  letter-spacing: 0.03rem;
  transition: var(--duration-default);
}

.btn-scroll:hover .btn-scroll-text span {
  animation: textScroll 0.8s forwards;
  animation-delay: var(--delay);
}

/* section-announcement-bar */
@media screen and (max-width: 1024px) {
  .announcement-bar.has-tabs .cus-w-tab {
    --cus-w: 100% !important;
    margin: auto;
  }
}

@media screen and (max-width: 749px) {
  .announcement-bar__message > * {
    display: grid;
  }
}

@media only screen and (min-width: 750px) {
  .announcement-bar__tab .p-w__button {
    color: rgba(var(--color-foreground), 1);
    padding: 0 15.4%;
  }

  .announcement-bar__tab .p-w__button:before {
    content: '';
    position: absolute;
    top: calc(-1 * var(--padding-top));
    left: 0;
    height: calc(100% + (var(--padding-top) + var(--padding-bottom)));
    width: 0.1rem;
    background: rgba(var(--color-foreground), 1);
  }

  .announcement-bar__arrows.arrow-pos-block--middle-right {
    display: flex;
    justify-content: flex-end;
  }

  .announcement-bar__arrows.arrow-pos-block--middle-right .button-slider {
    position: relative;
    width: 25px;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

/* component-slideshow */
.slideshow__controls .slider-counter {
  bottom: 1.5rem;
}

slideshow-component .swiper-slide {
  height: auto;
}

slideshow-component .swiper-pagination-bullet:not(.cus-bullet) {
  opacity: 1;
}

.section__slideshow .slideshow__controls .slider-counter {
  bottom: 0;
}

.slideshow__content .banner__box .banner__buttons {
  grid-gap: calc(var(--g-gap, 0) * 0.5);
}

.js .slide-animation:before {
  content: "";
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: background 0.6s ease-in 0.4s;
}

.js .swiper-slide-active.slide-animation:before {
  background: rgba(0, 0, 0, 0);
}

.js .slide-animation .slider__image img {
  /*transform: scale(1.15) rotate(2deg);
  transition: transform 0.7s ease 0.5s;*/
}

.js .swiper-slide-active.slide-animation .slider__image img {
  transform: scale(1) rotate(0deg);
}

.js:not(.shopify-design-mode) .slideshow__item animate-element[loaded] [data-animate="fade-down"] {
  transform: translateY(-5rem);
  opacity: 0;
}

.js:not(.shopify-design-mode) .slideshow__item.swiper-slide-active animate-element[loaded] [data-animate="fade-down"] {
  transform: translateY(0);
  opacity: 1;
}

/* component-slideshow lookbook */
.section__slideshow .slideshow__item--lookbook .lookbook__point-button {
  opacity: 0.5;
}

.section__slideshow .slideshow__item--lookbook .lookbook__point-button:before {
  display: none;
}

.section__slideshow .slideshow__item--lookbook .lookbook__point-button:after {
  opacity: 0.4;
}

.section__slideshow .slideshow__item--lookbook .lookbook__point-button .icon-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.section__slideshow .slideshow__item--lookbook .lookbook__point-button .icon-inner:before,
.section__slideshow .slideshow__item--lookbook .lookbook__point-button .icon-inner:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(var(--color-background),1);
  width: 1.8rem;
  height: 0.2rem;
  transition: var(--duration-default) var(--cubic);
}

.section__slideshow .slideshow__item--lookbook .lookbook__point-button .icon-inner:after {
  transform: translate(-50%,-50%) rotate(90deg);
}

.section__slideshow .slideshow__item--lookbook .lookbook__point.active .icon-inner:before {
  transform: translate(-50%,-50%) rotate(-45deg);
}

.section__slideshow .slideshow__item--lookbook .lookbook__point.active .icon-inner:after{
  transform: translate(-50%,-50%) rotate(45deg);
}

.section__slideshow .slideshow__item--lookbook .lookbook__point-popup {
  background: rgb(var(--button-color-background));
  color: rgb(var(--button-color-text));
  left: 10rem;
  border-radius: var(--block-rounded);
}

.section__slideshow .slideshow__item--lookbook .lookbook__point-popup:before {
  border-right-color: transparent;
  width: 12rem;
  height: 12rem;
  left: unset;
  right: 100%;
}

.section__slideshow .slideshow__item--lookbook .lookbook__point-popup .link {
  color: rgb(var(--button-color-text));
}

.section__slideshow .slideshow__item--lookbook .btn-instant {
  border-radius: 6px;
  background: rgb(var(--button-color-background));
  color: rgb(var(--button-color-text));
  padding: 0.5rem 1.3rem .5rem .7rem;
}

.section__slideshow .slideshow__item--lookbook .btn-instant svg {
  display: block;
}

.section__slideshow .slideshow__item--lookbook .banner__heading {
  text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.20);
  line-height: 1;
}

.section__slideshow .slideshow__item--lookbook .lookbook__point.pos-left .lookbook__point-popup{
  right: 9rem;
  left: unset;
  transform-origin: right;
}

/* component-slideshow hero_carousel */
.hero__content .hero-logo,
.js .slide-animation:not(.swiper-slide-active) .hero-logo {
  max-width: var(--cus-m-w, 77.4vw);
  object-fit: contain;
  transform: translate3d(0, 100%, 0);
  transition: transform 1.5s .5s ease;
}

animate-element[loaded] .hero-logo,
.js .slide-animation.swiper-slide-active .hero-logo {
  transform: translate3d(0, 0, 0);
}

/* component-visual-hightlight */
.visual-hightlight__item {
  min-height: var(--mi-h);
}

.visual-hightlight__item .item-content__subhead {
  margin-bottom: 0.8rem;
  font-weight: 600;
}

.visual-hightlight__item .item-content__head {
  margin-bottom: 1.2rem;
}

.visual-hightlight__item .item-content__description {
  margin-bottom: 3.2rem;
}

.visual-hightlight__item .item-content__description p {
  margin: 0;
}

.visual-hightlight__item.half .item-inner {
  width: 100%;
}

.visual-hightlight__item.half .item-content {
  padding: 0 1rem;
}

.visual-hightlight__item .item-content-inner {
  max-width: 59.3rem;
}

.visual-hightlight__item.full .item-wrap {
  position: relative;
}

.icon-style-modern {
  color: #fff;
  width: 3.2rem;
  height: 3.2rem;
  background-color: #000;
  transition: var(--duration-default);
  border: 0.1rem solid transparent;
}

.icon-style-modern .icon {
  width: 1.6rem;
  height: 1.6rem;
}

.icon-style-modern .icon-cart-modern {
  fill: transparent;
}

.icon-style-modern .icon-wishlist path {
  fill: #fff;
}

/* component-icon-with-text */
.section__i-w-text .rte p a {
  text-decoration: underline;
}

.section__i-w-text.vertical .item__icon {
  width: 5.6rem;
  height: 5.6rem;
  margin-bottom: 0.8rem;
}

.section__i-w-text.vertical .item__icon.background-icon {
  width: 7rem;
  height: 7rem;
  padding: 2rem;
  margin-bottom: 2.7rem;
}

.section__i-w-text .item__icon.custom-size-icon {
  --padding: 0.8rem;
  padding: var(--padding) !important;
  width: calc(var(--custom-size-icon) + (var(--padding) * 2))!important;
  height: calc(var(--custom-size-icon) + (var(--padding) * 2))!important;
}

.section__i-w-text.vertical.blocks-size--3 .item__icon.background-icon {
  margin-bottom: 0.4rem;
}

.section__i-w-text.vertical .item__icon .icon {
  width: 100%;
  height: 100%;
}

.section__i-w-text.horizontal .item__icon .icon {
  display: block;
  width: 2.8rem;
  height: 2.8rem;
}

.section__i-w-text .h4 + div {
  margin-top: 1.3rem;
}

.section__i-w-text.vertical .grid-scroll:after {
  content: '';
  display: none;
}

/* i-w-text special */
.section__i-w-text .p-w__text {
  --m-t: 1.3rem;
}

.section__i-w-text.style--special .item__icon.background-icon {
  width: 6rem;
  height: 6rem;
  padding: 0.5rem;
  margin-bottom: 1.6rem;
  position: relative;
}

.section__i-w-text.style--special .item__icon.background-icon:before,
.section__i-w-text.style--special .item__icon.background-icon:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: transparent;
  pointer-events: none;
}

.section__i-w-text.style--special .item__icon.background-icon:before {
  border: 0.51rem solid #fff;
}

.section__i-w-text.style--special .item__icon.background-icon:after {
  border: 0.1rem solid #000;
}

/* component-image-with-text */
.section__image-w-text .banner__content,
.section__video-w-text .banner__content {
  padding-top: 0;
  padding-bottom: 0;
}

.section__image-w-text .banner__content .banner__heading > p {
  margin-top: 0;
  margin-bottom: 0;
}

.section__image-w-text .navigation-block__content {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  padding-left: 0;
}

.section__image-w-text .navigation-block__content .link--style-line .link-style {
  background: linear-gradient(
    90deg,
    currentColor 33.33333%,
    transparent 0 66.66666667%,
    currentColor 0
  )
  var(--d, 100%) 85%/300% 2px no-repeat;
}

.section__image-w-text .navigation-block__content .link--style-line.u-none .link-style,
.section__image-w-text .navigation-block__content .link--style-line.h-link .link-style,
.section__image-w-text .navigation-block__content .link--style-line.u-none:hover .link-style,
.section__image-w-text .navigation-block__content .link--style-line.h-link:hover .link-style {
  background: linear-gradient(
    90deg,
    currentColor 33.33333%,
    transparent 0 70%,
    currentColor 0
  )
  var(--d, 100%) 85%/300% 2px no-repeat;
}

.section__image-w-text .navigation-block__content .link--style-dot {
  display: inline-block;
}

.section__image-w-text .content {
  padding: 5%;
}

.section__image-w-text .media__content {
  max-width: 22rem;
  max-height: 100%;
}

.section__image-w-text .media__content .banner__heading {
  color: rgba(var(--color-foreground), 1);
}

.section__image-w-text .media__content .rte {
  margin: 1.5rem 0;
}

.section__image-w-text .media__content .link {
  color: rgba(var(--color-foreground), 1);
  padding: 1.6rem 0;
}

/* image-with-text special */
.section__image-w-text.style--special .banner__media,
.section__image-w-text.style--special .banner__content {
  width: 100%;
}

.section__image-w-text.style--special .media__content .rte {
  margin: 0;
}

.section__image-w-text.style--special .media__content .link {
  display: inline-block;
}

.section__image-w-text.style--special .banner__text {
  margin-top: 0;
}

/* image-with-text modern */
.section__image-w-text.style--modern .banner {
  --w-content: 36.5rem;
  align-items: center;
  row-gap: 2.8rem;
}

.section__image-w-text.style--modern .banner__heading p {
  margin: 0;
}

.section__image-w-text.style--modern .banner__media {
  width: 100%;
}

.section__image-w-text.style--modern .banner__content {
  aspect-ratio: 1/1;
  padding: 0 0 2rem 0;
  width: var(--w-content);
}

@-webkit-keyframes rotateBorder {
  0% {
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: 48%;
  }
  100% {
    -webkit-transform: rotate(360deg);
    -webkit-transform-origin: 48%;
  }
}

@keyframes rotateBorder {
  0% {
    transform: rotate(0deg);
    transform-origin: 48%;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: 48%;
  }
}

.section__image-w-text.style--modern .banner__content .box {
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: auto;
}

.section__image-w-text.style--modern .banner__content .box:before,
.section__image-w-text.style--modern .banner__content .box:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px solid rgb(var(--color-foreground));
  background-color: transparent;
  animation: rotateBorder 5s linear infinite;
  pointer-events: none;
}

.section__image-w-text.style--modern .banner__content .box:before {
  top: 1.2rem;
  left: 0.5rem;
}

.section__image-w-text.style--modern .banner__content .box:after {
  animation-duration: 10s;
  top: 1.5rem;
  left: 1rem;
}

.section__image-w-text.style--modern .banner__text p a {
  text-decoration: underline;
  font-size: calc(var(--font-body-size) - 0.4rem);
}

.section__image-w-text.style--modern animate-element[background] {
  background-color: transparent;
}

@media screen and (min-width: 750px) and (max-width: 1199px) {
  .section__image-w-text.style--modern .banner__content {
    padding: 0 5rem 2rem 5rem;
  }
}

@media screen and (max-width:749px) {
  .section__image-w-text.style--modern .banner__content {
    padding: 0 2.5rem 2rem 2.5rem;
  }

  .section__image-w-text.style--modern .banner__content .box,
  .section__image-w-text.style--modern .banner__content .box.gradient {
    padding: 22%;
  }
}

/* image-with-text default */
.section__image-w-text .bg-image--box {
  padding: 4.1rem 4.7rem;
  background: rgba(var(--color-background), 1);
  background: var(--gradient-background);
}

.section__image-w-text .bg-image--box animate-element,
.section__image-w-text .bg-image--box .slideshow {
  padding: 4.1rem 4.7rem;
  margin: -4.1rem -4.7rem;
}

.section__image-w-text .bg-image--box .slideshow__item:not(.swiper-slide-active) {
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--duration-slow) var(--cubic);
}

.section__image-w-text .bg-image--box .slideshow__item.swiper-slide-active {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--duration-slow) var(--cubic);
}

.section__image-w-text.style--default .swiper-pagination-dashed .swiper-pagination-bullet:not(.cus-bullet) {
  padding: 2.4rem 0;
}

@media screen and (max-width: 1199px) {
  .section__image-w-text.style--default .banner__content .box__wrapper {
    padding-bottom: calc((var(--padding-bottom) * 0.75) - 2rem);
  }
}

@media screen and (max-width: 749px) {
  .section__image-w-text.style--default .bg-image--box ~ .banner__content .box {
    padding: 5.2rem 3rem;
  }

  .section__image-w-text.style--default .banner__content .box__wrapper {
    padding-bottom: calc(var(--padding-bottom) * 0.5);
  }

  .section__image-w-text .bg-image--box.has-arrow-mobile {
    padding: 4.1rem 4.7rem 6.5rem !important;
  }

  .section__image-w-text .bg-image--box.has-arrow-mobile animate-element,
  .section__image-w-text .bg-image--box.has-arrow-mobile .slideshow {
    padding: 4.1rem 4.7rem 6.5rem !important;
    margin: -4.1rem -4.7rem -6.5rem;
  }

  .section__image-w-text .bg-image--box:not(.has-arrow-mobile) .slideshow__controls {
    bottom: -0.8rem;
  }
}

@media screen and (min-width: 750px) {
  .section__image-w-text .bg-image--box {
    padding: 8rem 9.3rem;
  }

  .section__image-w-text .bg-image--box animate-element,
  .section__image-w-text .bg-image--box .slideshow {
    padding: 8rem 9.3rem;
    margin: -8rem -9.3rem;
  }

  .section__image-w-text .bg-image--box .button-slider__prev {
    left: 1rem !important;
  }

  .section__image-w-text .bg-image--box .button-slider__next {
    right: 1rem !important;
  }

  .section__slideshow .swiper .swiper-pagination {
    bottom: calc((8rem / 2) - 2.4rem);
  }

  .section__image-w-text.style--default .bg-image--box ~ .banner__content .box {
    padding: 14.7rem 3rem;
  }

  .section__image-w-text.style--default .banner__content .box__wrapper {
    max-width: 56rem;
  }

  .section__image-w-text.style--default .banner__content .box__wrapper .banner__text {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
  }

  .section__image-w-text.style--default .bg-image--box ~ .banner__content .box__wrapper {
    max-width: 49rem;
  }
}

@media screen and (min-width: 990px) {
  .section__image-w-text.style--default .bg-image--box ~ .banner__content .box__wrapper {
    max-width: 67rem;
  }
}

@media screen and (min-width: 1200px) {
  .section__image-w-text .bg-image--box,
  .section__image-w-text.style--default .full-width .bg-image--box {
    padding: 10rem 11.6rem;
  }

  .section__image-w-text .bg-image--box animate-element,
  .section__image-w-text .bg-image--box .slideshow {
    padding: 10rem 11.6rem;
    margin: -10rem -11.6rem;
  }

  .section__image-w-text .bg-image--box .button-slider__prev {
    left: 2rem !important;
  }

  .section__image-w-text .bg-image--box .button-slider__next {
    right: 2rem !important;
  }

  .section__slideshow .swiper .swiper-pagination {
    bottom: calc((10rem / 2) - 2.4rem);
  }

  .section__image-w-text.style--default .full-width .banner__content .box {
    padding-bottom: max(7rem, 10%);
    padding-top: max(7rem, 10%);
    padding-left: max(6rem, 12%);
    padding-right: max(6rem, 12%);
    justify-content: center;
  }

  .section__image-w-text.style--default .bg-image--box {
    padding: 10rem 6rem 10rem 11.6rem;
  }

  .section__image-w-text.style--default .banner__content .box {
    padding-left: 0;
    justify-content: flex-start;
  }
}

/* component-image-gallery */
.section_image-gallery {
  --cus-o: 1;
  isolation: isolate;
}

.section_image-gallery .background-image {
  z-index: -1;
}

.image-gallery__item .icon-show-more:after,
.instagram__item .icon-show-more:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0);
  border-radius: var(--block-rounded, 0);
  opacity: 0.2;
  transition: var(--duration-long) var(--cubic-out);
  transform: scale(0);
  z-index: -1;
}

.image-gallery__item .icon-show-more svg,
.instagram__item .icon-show-more svg {
  width: 7.2rem;
  color: #fff;
  transition: var(--duration-default) var(--cubic-out);
  transform: scale(0);
}

.image-gallery__item .button-shop {
  --right: 1.6rem;
  bottom: 1.6rem;
  right: var(--right);
  color: #fff;
  text-underline-offset: 2px;
}

.image-gallery__item .button-shop-icon {
  --size: 2.4rem;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: #fff;
  color: #000;
}

.image-gallery__item .button-shop-icon svg {
  width: 1.44rem;
  fill: none;
}

.image-gallery__item .button-shop-label {
  transition: var(--duration-default) var(--cubic);
}

.image-gallery__item:hover .button-shop .button-shop-label {
  opacity: 1;
  transform: translateX(0);
}

.image-gallery__item .button-shop:hover .button-shop-label {
  letter-spacing: 0.1em;
}

.image-gallery__item:hover .icon-show-more svg,
.image-gallery__item:hover .icon-show-more:after,
.instagram__item:hover .icon-show-more svg,
.instagram__item:hover .icon-show-more:after {
  transform: scale(1);
}

.image-gallery__item:hover .button-shop,
.image-gallery__item:hover .icon-show-more svg,
.instagram__item:hover .icon-show-more svg {
  transition-delay: 0.2s;
}

.image-gallery__viewmore .viewmore-button {
  padding: 1rem 0;
  letter-spacing: 0.05rem;
  transition: var(--duration-default); 
}

.image-gallery__viewmore .viewmore-button .link-style {
  padding-bottom: 0.4rem;
  display: inline-block;
}

.image-gallery .swiper-slide {
  opacity: 0;
  transition: var(--duration-default);
}

.image-gallery .swiper-slide-visible {
  opacity: 1;
}

@media screen and (max-width: 989px) {
  .image-gallery__viewmore .viewmore-button {
    --cus-size: -0.2rem;
  }

  .image-gallery .icon-show-more,
  .instagram__item .icon-show-more {
    display: none;
  }
}

@media only screen and (min-width: 750px) {
  .image-gallery__viewmore .viewmore-button {
    padding: 1.6rem 0;
  }

  .image-gallery__item .button-shop-icon {
    --size: 4rem;
  }

  .image-gallery__item .button-shop-icon svg {
    width: 2.4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .image-gallery .swiper-button-prev {
    left: -4rem;
  }

  .image-gallery .swiper-button-next {
    right: -4rem;
  }

  .image-gallery__item .button-shop .button-shop-label {
    opacity: 0;
    transition: var(--duration-long) var(--cubic-out);
    transform: translateX(calc(50% + var(--right)));
  }
}

/* lightbox gallery */
.lg-backdrop.in {
  display: block !important;
  opacity: 0.9;
}

.lg-toolbar .lg-close:after {
  content: "\2715";
}

.lg-next:before {
  content: "\2192";
}

.lg-prev:after {
  content: "\2190";
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: rgb(var(--color-background));
}

/* component-instagram */
.instagram__floating {
  width: 100%;
  height: var(--height-floating);
}

.instagram__floating .instagram__items {
  overflow-x: clip;
  overflow-y: visible;
}

.instagram__floating .instagram__item {
  width: 40%;
  height: 100%;
}

.instagram__item .button-shop {
  bottom: var(--bottom, 0.7rem);
  right: var(--right, 0.7rem);
}

.instagram__item .button-shop-icon {
  --size: 4.8rem;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: #fff;
}

.instagram__item .button-shop-icon svg {
  width: 2.4rem;
  fill: none;
}

@media screen and (max-width: 1199px) {
  .instagram__items .instagram__item.horizontalMobile-right {
    left: auto;
    right: 3rem;
  }

  .instagram__items .instagram__item.horizontalMobile-left {
    left: 3rem;
  }
}

@media screen and (max-width: 1024px) {
  .instagram__floating .button-shop-icon {
    --size: 3rem;
  }

  .instagram__floating .button-shop-icon svg {
    width: 1.5rem;
  }
}

@media screen and (max-width: 989px) {
  .instagram__items .instagram__item.horizontalMobile-right {
    right: 0;
  }

  .instagram__items .instagram__item.horizontalMobile-left {
    left: 0;
  }

  .instagram__floating {
    height: auto;
  }

  .instagram__floating .p-w__header {
    position: relative;
    top: 4rem;
    left: 0;
    transform: translate(0);
  }

  .instagram__floating .instagram__items {
    position: relative;
    display: grid;
    height: calc(var(--height-floating) * 0.75);
  }

  .instagram__floating .instagram__item {
    max-width: calc(var(--m-w) * 0.75);
    max-height: calc(var(--m-h) * 0.75);
    top: calc(var(--top) / 1.1);
    left: calc(var(--left) * 0.95);
  }
}

@media screen and (max-width: 749px) {
  .instagram__floating .instagram__items {
    height: calc(var(--height-floating) * 0.5);
  }

  .instagram__floating .instagram__item {
    max-width: calc(var(--m-w) * 0.5);
    max-height: calc(var(--m-h) * 0.5);
  }
}

@media only screen and (min-width: 750px) {
  .instagram__item .button-shop {
    --right: 1.6rem;
    --bottom: 1.6rem;
  }
}

@media only screen and (min-width: 1024px) {
  .instagram__item .button-shop {
    opacity: 0;
    transform: translateY(15%);
    transition: all var(--duration-long) ease;
  }

  .instagram__item:hover .button-shop {
    opacity: 1;
    transform: translateY(0);
  }
}

/* component-video */
.section__v-banner video-template[loaded] iframe {
  height: 200%;
}

.video__opener button .icon {
  width: 3rem;
  height: 3rem;
  padding: 1rem;
  border-radius: 50%;
  background: rgb(var(--global-color-background));
  background: var(--global-gradient-background);
  color: rgb(var(--global-color-foreground));
  transition: transform var(--duration-long) ease;
  will-change: transform;
}

.video__opener button:hover .icon {
  transform: scale(1.09);
}

.custom-bg--video .banner {
  padding: 10rem;
}

@media screen and (max-width: 750px){
  .custom-bg--video .banner__media:not(.pos-relative-xs) {
    width: calc(100% - 4rem);
    height: calc(100% - 4rem);
  }
}

@media screen and (min-width: 750px){
  .custom-bg--video .banner__media {
    width: calc(100% - 8rem);
    height: calc(100% - 8rem);
  }
}

@media screen and (min-width: 1400px){
  .custom-bg--video .banner__media {
    width: calc(100% - 20rem);
    height: calc(100% - 20rem);
  }
}

/* component-video-with-text */
.section__video-w-text .box {
  padding: 4rem 1.5rem 5rem;
}

.section__video-w-text .box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--background);
  background-attachment: initial;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* component-collage */
.section__collage .box {
  padding: 1.5rem 0;
}

.section__collage .box .button {
  min-width: 13.8rem;
  min-height: calc(4.2rem + var(--buttons-border-width) * 2);
  padding: 0 2.577rem;
}

.collage-content:not(.full-button) {
  padding: 1rem;
}

.collage-content.full-button {
  padding: 2.4rem 1.4rem;
}

.collage-content .collage-content__button:not(.button--main-standard.button--icon-arrow) {
  min-width: 18.8rem;
  min-height: calc(6.8rem + var(--buttons-border-width) * 2);
  padding: 0 3.2rem;
  font-size: 2rem;
}

.collage-content .banner__heading + .banner__buttons {
  margin-top: 1.5rem;
}

.section__collage .has-block-text .grid-col {
  row-gap: 2rem;
}

.section__collage .banner__buttons .button.button--main-classic.button--icon-none.button--style-ripple {
  --pd: 1.15rem 6rem;
  padding: var(--pd);
  min-height: calc(5.1rem + var(--buttons-border-width) * 2);
}

.section__collage .swiper-pagination-dashed .swiper-pagination-bullet:not(.cus-bullet) {
  padding: 2.4rem 0;
}

.section__collage .swiper-pagination-dashed .swiper-pagination-bullet:not(.swiper-pagination-bullet-active, .cus-bullet):after {
  background: #F8FDFF;
  border-color: #F8FDFF;
}

/* component-quotes */
.quotes__info {
  padding-top: 2.7rem;
}

.quotes__info--info > * {
  margin: 0;
  font-size: inherit;
}

.quotes__info--item.avatar {
  width: var(--cus-size-avatar, 4rem);
}

@media only screen and (max-width: 1024px) {
  .quotes__info--item.avatar {
    width: 4rem;
  }
}

.section__quotes .slideshow__items {
  min-height: unset;
}

.section__quotes .button-slider {
  top: auto;
  bottom: 0;
}

.section__quotes.style-grid .quotes__container {
  grid-template-rows: auto;
  grid-template-columns: auto;
}

.section__quotes.style-grid .quotes__container.container-size--x-small.not-block--heading {
  grid-template-rows: repeat(1,1fr);
  grid-template-columns: repeat(auto-fill,minmax(50.07%,1fr));
}

.section__quotes.style-grid .quotes__container.container-size--x-small.not-block--heading .quotes__item--1 {
  grid-column: 1/2;
  grid-row: 1/2;
}

.section__quotes.style-grid .quotes__container.container-size--x-small.has-block--heading .quotes__heading {
  grid-row: 1/2;
  grid-column: 1/3;
  margin-bottom: 1rem;
}

.section__quotes.style-grid .quotes__container.container-size--small .quotes__item--1 {
  grid-column: 1/2;
  grid-row: 1/3;
}

.section__quotes.style-grid .quotes__container.container-size--small .quotes__item--2 {
  grid-column: 2/3;
  grid-row: 1/2;
}

.section__quotes.style-grid .quotes__container.container-size--small .quotes__item--3 {
  grid-column: 2/3;
  grid-row: 2/3;
}

.section__quotes.style-grid .quotes__container.container-size--large .quotes__heading, 
.section__quotes.style-grid .quotes__container.container-size--large .quotes__heading + .quotes__item--2 {
  grid-column: 1/3;
}

.section__quotes.style-grid .quotes__item {
  padding-top: 3.2rem;
  padding-bottom: 2.8rem;
}

.section__quotes.style-grid .quotes__container.container-size--large .quotes__item--4 ,
.section__quotes.style-grid .quotes__container.container-size--large .quotes__item--3 {
  grid-column: 1/3;
  padding-top: 3.2rem;
  padding-bottom: 2.8rem;
}

.quotes__info--rating .rating-star{
  --letter-spacing: 0;
  --font-size: 2.3;
  line-height: 1;
}

.quotes__info--rating .rating-star:before {
  content: "\2736\2736\2736\2736\2736";
}

.section__quotes.style-grid .quotes__container .quotes__heading + .quotes__item--2 {
  padding-top: 3.2rem;
  padding-bottom: 2.8rem;
}

.section__quotes.style-grid .quotes__container .quotes__heading + .quotes__item--2 .quotes__info ,
.section__quotes.style-grid .quotes__container .quotes__heading + .quotes__item--2 .quotes__text ,
.section__quotes.style-grid .quotes__container .quotes__item--3 .quotes__info,
.section__quotes.style-grid .quotes__container .quotes__item--4 .quotes__info ,
.section__quotes.style-grid .quotes__container .quotes__item--3 .quotes__text,
.section__quotes.style-grid .quotes__container .quotes__item--4 .quotes__text {
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}

.section__quotes.style-grid .quotes__container .quotes__info--name p {
  margin: 0;
}

.section__quotes.style-grid .quotes__container .quotes__info--name {
  font-family: var(--font-heading-family);
}

.section__quotes.style-grid .quotes__container .quotes__time,
.section__quotes.style-grid .quotes__container .rating--count {
  opacity: 0.5;
}

.section__quotes.style-grid .quotes__container .quotes__time {
  padding-right: 3rem;
}

/* component-outstanding-reviews */
.section__outs-reviews .rating-star {
  --letter-spacing: 0.3;
  --font-size: 1;
  --colors-rating: var(--color-foreground);
}

.outs-reviews__row {
  --padding: 3.8rem;
}

.outs-reviews__media {
  padding: var(--padding);
}

.outs-reviews__carousel {
  padding-left: var(--padding-full-width, 1rem);
  padding-right: var(--padding-full-width, 1rem);
}

.outs-reviews__media:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: var(--padding);
  height: var(--padding);
  background: rgba(var(--color-background),1);
  background: var(--gradient-background);
}

.outs-reviews__media .banner_sec {
  width: calc(570 / 845 * 100%);
  max-width: 57rem;
  margin-left: auto;
}

.outs-reviews__media .banner_sec .media {
  padding-top: var(--ratio-image);
  margin-top: calc(-1 * (var(--ratio-image) / 2)) ;
}

.outs-reviews__carousel .banner__box {
  max-width: 100%;
}

.outs-reviews__carousel .banner__text {
  margin-top: 2.4rem;
}

.outs-reviews__carousel .banner__desc {
  margin-top: 1.8rem;
}

.outs-reviews__carousel .banner__desc p {
  margin: 0;
}

.outs-reviews__carousel .banner__info--avatar .avatar {
  width: 2rem;
}

.outs-reviews__carousel .banner__info {
  margin-top: 1.8rem;
}

.section__outs-reviews .slideshow__controls:not(.arrow-style-modern),
.section__outs-reviews .slideshow__controls:not(.arrow-style-modern) .swiper-pagination-fraction:not(.pagination--quick-add) {
  position: static;
}

/* component-category-slide */
.section__cate-slide {
  isolation: isolate;
}

.section__cate-slide .position-bg {
  z-index: -1;
}

.section__cate-slide .position-bg.animate--fixed > img {
  top: 0;
}

.section__cate-slide .position-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cate-slide__wrap {
  --w-text: calc(3 / 12 * 100%);
  --w-image: calc(100% - var(--w-text));
  --gap-x: 1.2rem;
  margin: 0 calc(-1 * var(--gap-x));
}

.cate-slide__col {
  padding: 0 var(--gap-x);
}

.cate-slide__textbox {
  width: var(--w-text);
}

.cate-slide__description p {
  margin: 0;
}

.cate-slide__image {
  width: var(--w-image);
}

.cate-slide__image .swiper-box {
  max-width: 107rem;
}

.cate-slide__image .image-wrap {
  --gap-x-image: 1rem;
  --w-image-1: calc(218 / 1070 * 100%);
  --w-image-2: calc(377 / 1070 * 100%);
  --w-image-3: calc(100% - var(--w-image-1) - var(--w-image-2));
  --y-item: 2.4rem;
  margin-left: calc(-0.5 * var(--gap-x-image));
  margin-right: calc(-0.5 * var(--gap-x-image));
}

.cate-slide__image .image-item.swiper-slide-active .image {
  clip-path: inset(0 0 0 0);
  opacity: 1;
}

.cate-slide__image .image {
  padding-left: calc(0.5 * var(--gap-x-image));
  padding-right: calc(0.5 * var(--gap-x-image));
  transition: clip-path 1.2s var(--cubic), opacity 1.2s var(--duration-default);
  clip-path: inset(0 100% 0 0);
  opacity: 0;
}

.cate-slide__image .image-1 {
  width: var(--w-image-1);
}

.cate-slide__image .image-2 {
  width: var(--w-image-2);
  transition: clip-path 1.4s var(--cubic), opacity 1.4s var(--duration-default);
}

.cate-slide__image .image-3 {
  width: var(--w-image-3);
  transition: clip-path 1.6s var(--cubic), opacity 1.6s var(--duration-default);
}

.cate-slide__image .swiper-slide:not(.swiper-slide-active) {
  opacity: 0 !important;
}

.cate-slide__image .swiper-slide:nth-child(odd) .image-2 {
  margin-top: var(--y-item);
}

.cate-slide__image .swiper-slide:nth-child(even) .image-1,
.cate-slide__image .swiper-slide:nth-child(even) .image-3 {
  margin-top: var(--y-item);
}

.cate-slide__pagi {
  --size-dot: 5.3rem;
  --size-dot-inner: 3.5rem;
  --size-dot-active: 3rem;
  bottom: 10rem;
}

.cate-slide__pagi .dot {
  width: var(--size-dot);
  height: var(--size-dot);
  margin-top: 1.9rem;
}

.cate-slide__pagi .dot:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  transition: all var(--duration-slow) var(--cubic);
  background-color: #c5c2ba;
  border-radius: 50%;
}

.cate-slide__pagi .dot-inner {
  width: var(--size-dot-inner);
  height: var(--size-dot-inner);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #000;
  transition: all var(--duration-slow) var(--cubic);
  z-index: 1;
}

.cate-slide__pagi .swiper-slide-thumb-active .dot:after {
  width: var(--size-dot-active);
  height: var(--size-dot-active);
  z-index: 2;
  background-color: #fff;
}

.cate-slide__pagi .swiper-slide-thumb-active .dot-inner {
  height: 100%;
  width: 100%;
}

.cate-slide__pagi .arrow-style-modern .button-slider:not(.button-slider__autoplay):hover {
  color: #000;
  box-shadow: none;
}

.cate-slide__pagi .arrow-style-modern .button-slider:not(.button-slider__autoplay):before {
  display: none;
}

/* text-hide */
.box-hide {
  overflow: hidden;
  position: relative;
}

.box-hide-inner {
  transform: translateY(100%);
  transition: transform var(--duration-slow) var(--cubic);
  transition-delay: var(--box-hide-delay, 0s);
}

.box-hide-inner > p {
  margin: 0;
}

/* component-carousel-images */
.section__carousel-images .carousel__item-content {
  margin-top: calc(-1 * var(--m-top-minus-mobile));
}

.section__carousel-images .carousel__item.swiper-slide-active .box-hide-inner {
  transform: translateY(0);
}

.section__carousel-images .carousel__controls .button-slider {
  top: 37%;
}

.section__carousel-images .carousel__item-subheading {
  margin-bottom: 0.8rem;
}

.section__carousel-images .carousel__item-heading {
  margin-bottom: 1.2rem;
}

.section__carousel-images .carousel__item-description {
  margin-bottom: 2.4rem;
}

/* carousel image video */
.section__carousel-images .carousel__item-content.has-bg .carousel__item-description {
  margin-bottom: 1.6rem;
}


.section__carousel-images .carousel__item-content.has-bg .carousel__item-heading {
  margin-bottom: 0.8rem;
}

.section__carousel-images .carousel__item-content.has-bg {
  width: fit-content;
}

.section__carousel-images .item-content__button {
  pointer-events: auto;
  padding-bottom: 1rem;
}

.section__carousel-images .carousel__item-content-header {
  padding: 1rem 6.5rem 0;
  pointer-events: auto;
}

.section__carousel-images .deferred-media__poster-button {
  border: none;
  color: #fff;
  width: 4rem;
  height: 4rem;
}

.section__carousel-images .deferred-media__poster-button:before {
  opacity: 1;
  background-color: transparent;
  border: .1rem solid #fff;
}

/* component-testimonial */
.section__testimonial .slideshow__items {
  min-height: unset;
}

.section__testimonial .banner__heading {
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.2rem;
  margin-bottom: 1.5rem;
}

.section__testimonial .banner__info {
  margin-top: 1.5rem;
}

.section__testimonial:has(.arrow-pos-block--bottom-center) .banner__info {
  margin-top: 3rem;
}

.section__testimonial .rating-star {
  --letter-spacing: 0.8;
  --font-size: 2;
  /* --colors-rating: var(--color-foreground); */
}

.section__testimonial.style--special .rating-star {
  --letter-spacing: 0.4;
}

.section__testimonial.style--special .rating-star:before {
  font-size: 2.7rem;
}

.section__testimonial.style--special .banner__heading {
  text-decoration: none;
  margin: 1.7rem auto 2.4rem;
  width: fit-content;
}

.section__testimonial.style--special .banner__heading:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 50%;
  max-height: 1.4rem;
  width: calc(100% + 1.2rem);
  background: #dcefe0;
  z-index: -1;
}

.section__testimonial.style--special .arrow-style-modern .swiper-pagination-fraction:not(.pagination--quick-add) {
  top: 30%;
}

.section__testimonial.style--special .banner__info--author {
  gap: 1rem;
}

.section__testimonial.style--classic .rating-star {
  --colors-rating: var(--color-foreground);
  --letter-spacing: 0.2;
}

.section__testimonial.style--classic .rating-star:before {
  font-size: 2.8rem;
}

.section__testimonial.style--classic .slideshow__controls.arrow-style-classic .button-slider {
  --padding-width: 5rem;
}

.section__testimonial.style--classic .slideshow__controls .button-slider__prev{
  left: calc((var(--padding-width) / 2));
}

.section__testimonial.style--classic .slideshow__controls .button-slider__next{
  right: calc((var(--padding-width) / 2))
}

.section__testimonial.style--classic .testimonial--inner {
  padding: 0 2.5rem;
}

.section__testimonial .arrow-pos-block--bottom-center:has(.button-slider__autoplay):not(.controls-none) {
  flex-wrap: wrap;
}

.section__testimonial .arrow-pos-block--bottom-center .swiper-pagination {
  bottom: 0 !important;
}

.section__testimonial .arrow-pos-block--bottom-center.arrow-style-classic:not(.controls-none) .button-slider__next,
.section__testimonial .arrow-pos-block--bottom-center.arrow-style-classic:has(.button-slider__autoplay) .button-slider__next,
.section__testimonial .arrow-pos-block--bottom-center.arrow-style-classic .button-slider__prev {
  justify-content: flex-end;
}

.section__testimonial .arrow-pos-block--bottom-center.arrow-style-classic:not(.controls-none) .button-slider__prev,
.section__testimonial .arrow-pos-block--bottom-center.arrow-style-classic:has(.button-slider__autoplay) .button-slider__prev,
.section__testimonial .arrow-pos-block--bottom-center.arrow-style-classic .button-slider__next {
  justify-content: flex-start;
}

.section__testimonial .multiple-swipers .slider__item:not(.swiper-slide-active) {
  opacity: 0 !important;
}

.section__testimonial .multiple-swipers-1 {
  width: 20%;
  height: 30%;
  max-width: 10rem;
  max-height: 14rem;
  top: -7%;
  left: 3%;
  border-radius: 10rem;
}

.section__testimonial .multiple-swipers-2 {
  width: 30%;
  height: 25%;
  max-width: 30rem;
  max-height: 37rem;
  right: 3%;
  bottom: -7%;
}

@media screen and (max-width: 1399px) {
  .section__testimonial .slideshow__bg {
    position: absolute;
    height: 100%;
    width: 100%;
  }

  .section__testimonial .slideshow__items.pos-absolute {
    position: relative;
  }
}

@media screen and (max-width: 989px) {
  .section__testimonial .slideshow__controls {
    position: relative;
    top: unset;
    left: unset;
    bottom: 0.5rem;
    right: unset;
  }

  .section__image-w-text.style--modern .banner.f-column-reverse-m-md {
    flex-direction: column-reverse;
  }

  .section__testimonial.style--special .slideshow__controls.arrow-style-modern .button-slider {
    box-shadow: none;
  }

  .section__testimonial.style--special .slideshow__controls.arrow-style-modern .button-slider__prev {
    left: -1rem;
  }

  .section__testimonial.style--special .slideshow__controls.arrow-style-modern .button-slider__next {
    right: -1rem;
  }

  .section__testimonial.style--special .arrow-style-modern .swiper-pagination-fraction:not(.pagination--quick-add).pos-relative-xs {
    margin-top: 1.3rem;
  }
}

@media screen and (max-width: 749px) {
  .section__testimonial .banner__box {
    padding-left: 0;
    padding-right: 0;
  }

  .section__testimonial .slideshow__bg {
    position: relative;
  }

  .section__testimonial.style--classic .slideshow__content {
    padding: 3rem;
  }

  .section__testimonial.style--classic .banner__box {
    max-width: 100%;
  }
}

@media only screen and (min-width: 750px) {
  .section__testimonial.style--special .banner__box {
    --content-max-width-750: calc(var(--content-max-width, 53rem) - 4rem);
  }

  .section__testimonial .multiple-swipers-1 {
    width: 20%;
    height: 30%;
    max-width: 20rem;
    max-height: 30rem;
    top: -5%;
  }
  
  .section__testimonial .multiple-swipers-2 {
    width: 30%;
    height: 38%;
    bottom: -5%;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px){
  .section__testimonial.style--classic .slideshow__content {
    padding: 3rem 1.5rem 5rem 1.5rem;
  }
}

@media only screen and (min-width: 990px) {
  .section__testimonial .banner__heading {
    margin-bottom: 3rem;
  }

  .section__testimonial .banner__info {
    --g-gap: 2.8rem !important;
    margin-top: 3rem;
  }
}

@media screen and (min-width: 990px) and (max-width: 1199px){
  .section__testimonial.style--classic .slider__content--wrapper {
    padding: 1rem 5rem;
    --content-max-width-750: calc(var(--content-max-width, 44rem) + 10rem);
  }
}

@media screen and (min-width: 1200px) {
  .section__testimonial .slideshow__content {
    padding: 3rem;
  }

  .section__testimonial .banner__heading {
    margin-bottom: 4.5rem;
  }

  .section__testimonial .banner__info {
    margin-top: 4.5rem;
  }

  .section__testimonial.style--special .slideshow__content {
    padding: 0;
  }

  .section__testimonial.style--special .arrow-style-modern .swiper-pagination-fraction:not(.pagination--quick-add) {
    top: 10%;
    right: 7.5rem;
  }

  .section__testimonial.style--classic .slideshow__content {
    --content-max-width: 53rem;
    padding: 3rem 5rem 7rem 5rem;
  }

  .section__testimonial.style--classic .swiper-pagination {
    bottom: 2.8rem;
  }

  .section__testimonial .multiple-swipers-1 {
    left: 9%;
  }
  
  .section__testimonial .multiple-swipers-2 {
    right: 9%;
  }
}

@media only screen and (min-width: 1600px) {
  .section__testimonial .banner__box {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .section__testimonial .banner__heading {
    margin-bottom: 6rem;
  }

  .section__testimonial .banner__info {
    margin-top: 6.5rem;
  }

  .section__testimonial.style--special .banner__info {
    margin-top: 4rem;
  }

  .section__testimonial.style--special .banner__content--middle-left .banner__box,
  .section__testimonial.style--special .banner__content--middle-center .banner__box,
  .section__testimonial.style--special .banner__content--middle-right .banner__box {
    padding-top: 0;
    padding-bottom: 0;
  }
}

/* component-featured-collection */
.tab__title {
  margin-bottom: 1.3rem;
}

.tab__title .p-w__heading {
  margin-bottom: 1.5rem;
}

.tab__list {
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}

.tab__list-item:not(:last-child) {
  margin-right: 1rem;
}

.tab__list-item .tab__list-opener {
  font-size: clamp(1.5rem, calc(var(--font-body-size) - 0.2rem), 2rem);
  padding: 1.3rem 2rem;
}

.tab__list-item .tab__list-opener .icon {
  display: none;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 1rem;
}

.tab__list-item.active .tab__list-opener {
  background: rgb(var(--color-foreground));
  color: rgb(var(--color-background));
  font-weight: var(--font-body-weight-bold);
}

.tab__list-item.active .tab__list-opener .icon {
  display: block;
}

.tab__content-item {
  grid-gap: 1.5rem;
}

.tab__content-item.active {
  display: flex;
}

.section__f-collection .p-w__header--wrapper .button {
  padding: 0.8rem 1.6rem;
  --border-offset: calc(7rem + var(--buttons-border-width) * 4);
}

.section__f-collection.style-collection-card .swiper-pagination-progressbar {
  margin-top: 1.7rem;
  height: 0.3rem!important;
}

.section__f-collection .p-w__header--wrapper .viewmore-wrap .p-w__button {
  margin-left: .5rem;
}

.section__f-collection .swiper-pagination-progressbar {
  margin-top: 2rem;
}

/* featured-collection-special */
.section__f-collection .p-w__header--wrapper.t-right {
  flex-direction: row-reverse;
}

.section__f-collection .p-w__header--wrapper.t-center {
  flex-direction: column;
  align-items: center;
}

.section__f-collection .p-w__header--wrapper.t-center .link {
  padding: 1.35rem;
}

/* featured-collection modern-plus */
.section__f-collection .arrow--modern-plus {
  position: relative;
}

.section__f-collection .arrow--modern-plus .swiper {
  position: unset;
}

.section__f-collection .arrow-style-modern-plus .arrow-wrap {
  top: 0;
  right: 0;
}

.section__f-collection.style-collection-modern-plus .swiper {
  padding-top: 12.7rem;
  margin-top: -12.7rem;
}

/* featured collection tab classic */
.section__f-collection-tab.style--classic .tab__content-item .item__product .link .main-arrow-classic {
  padding-left: 1.2rem;
}

.section__f-collection-tab.style--classic .tab__content-item .item__product .link {
  margin-top: 4.2rem;
}

.section__f-collection-tab.style--classic .carousel__controls .button-slider__prev {
  left: 1rem;
}

.section__f-collection-tab.style--classic .carousel__controls .button-slider__next {
  right: 1rem;
}

/* featured collection tab special */
.section__f-collection-tab.style--special .tab__title .p-w__heading {
  margin-bottom: 0;
}

.section__f-collection-tab.style--special .tab__item-tab {
  margin-bottom: 1rem;
}

.section__f-collection-tab.style--special .tab__list-item.active .tab__list-opener {
  background: transparent;
  color: rgb(var(--color-foreground));
}

.section__f-collection-tab.style--special .tab__list-item:not(.active) .tab__list-opener.link--style-line .link-style {
  --d: 50%;
}

.section__f-collection-tab.style--special .tab__list-item .tab__list-opener{
  font-weight: var(--font-body-weight-bold);
}

.section__f-collection-tab.style--special .tab__list-item .tab__list-opener.link--style-line .link-style {
  background: linear-gradient(
    90deg,
    var(--u-link-color) 33.33333%,
    transparent 0 66.66666667%,
    var(--u-link-color) 0
  )
  var(--d, 100%) 100%/300% 4px no-repeat;
  line-height: 1.7;
}

.section__f-collection-tab.style--special .tab__list-item .tab__list-opener.link--style-line.u-none .link-style,
.section__f-collection-tab.style--special .tab__list-item .tab__list-opener.link--style-line.h-link .link-style,
.section__f-collection-tab.style--special .tab__list-item .tab__list-opener.link--style-line.u-none:hover .link-style,
.section__f-collection-tab.style--special .tab__list-item .tab__list-opener.link--style-line.h-link:hover .link-style {
  background: linear-gradient(
    90deg,
    var(--u-link-color) 33.33333%,
    transparent 0 70%,
    var(--u-link-color) 0
  )
  var(--d, 100%) 100%/300% 4px no-repeat;
  line-height: 1.7;
}

.section__f-collection-tab.style--special .tab__content-item{
  margin: 0 -1.5rem -1.5rem;
  flex-direction: row-reverse;
  row-gap: 2rem;
}

.section__f-collection-tab.style--special .tab__content-item .item {
  width: 100%;
  flex: 0 0 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.section__f-collection-tab.style--special .style-popup-advanced-default .card__heading{
  font-size: clamp(1.4rem,var(--font-body-size),3rem);
}

.section__f-collection-tab.style--special .style-popup-advanced-default .advanced__default-price-cart {
  margin-top: 0.7rem;
}

.section__f-collection-tab.style--special .products-grid {
  --gap: 0.8rem;
  --col: 2;
  --ptop-item: 3rem;
  margin-left: calc(-1 * var(--gap));
}

.section__f-collection-tab.style--special .products-grid__item {
  width: calc(100% / var(--col) - var(--gap));
  margin-left: var(--gap);
}

.section__f-collection-tab.style--special .products-grid__item:nth-child(1),
.section__f-collection-tab.style--special .products-grid__item:nth-child(2),
.section__f-collection-tab.style--special .products-grid__item:nth-child(3) {
  padding-bottom: 2.6rem;
}

.section__f-collection-tab.style--special .products-grid__item:nth-child(4) ,
.section__f-collection-tab.style--special .products-grid__item:nth-child(5) ,
.section__f-collection-tab.style--special .products-grid__item:nth-child(6)  {
  padding-top: var(--ptop-item);
  position: relative;
}

.section__f-collection-tab.style--special .products-grid__item:nth-child(1).item-underline::after ,
.section__f-collection-tab.style--special .products-grid__item:nth-child(2).item-underline::after ,
.section__f-collection-tab.style--special .products-grid__item:nth-child(3).item-underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + var(--gap));
  height: 0.1rem;
  background-color: #E9E9E9;
}

.section__f-collection-tab.style--special .products-grid__item:nth-child(3).item-underline:after {
  width: 100%;
}

.section__f-collection-tab.style--special .tab__content-item .item__banner-content {
  padding: 0 3rem 3rem;
}

.section__f-collection-tab.style--special .tab__content-item .item__banner-content .text {
  padding-bottom: 0.8rem;
}

.section__f-collection-tab.style--special .item__banner-content .link ,
.section__f-collection-tab.style--special .item__banner-content .item__banner-title {
  color: rgba(var(--color-foreground));
}
/* fix featured collection tab special */
.section__f-collection-tab.style--special .item__banner-content .link {
  width: fit-content;
}

/* section-before-after-image */
.section-b-a-image.b-bottom {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 1);
}

animate-element:not([loaded]) .before-after__after-image {
  --clip-path-offset: -50% !important;
}

animate-element:not([loaded]) split-cursor {
  --before-after-initial-drag-position: 0%;
}

.before-after__after-image {
  clip-path: inset(0 0 0 calc(var(--before-after-initial-drag-position, 50%) + var(--clip-path-offset, 0px)));
  transition: clip-path 0.9s var(--cubic);
}

.before-after__cursor {
  top: 50%;
  left: var(--before-after-initial-drag-position, 0px);
  width: max-content;
  touch-action: none;
  transform: translate(calc(1 * -50% + var(--clip-path-offset, 0px)), -50%);
  cursor: grab;
  filter: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
  will-change: transform;
  place-items: center;
  transition: left 0.9s var(--cubic);
}

.before-after__cursor:before {
  content: "";
  height: 100%;
  width: 0.3rem;
  background: var(--drag-cursor-background);
  z-index: -1;
  position: absolute;
}

.before-after__cursor .icon-before-after rect {
  fill: var(--drag-cursor-background);
}

.before-after__cursor .icon-before-after path {
  fill: var(--drag-cursor-color);
}

@media screen and (min-width: 750px) and (max-width: 1199px) {
  .b-a-image {
    justify-content: normal;
  }

  .section-stack__intro {
    padding: 0 5rem;
  }

  .customized-width .section-stack__intro {
    padding: 0;
  }
}

@media screen and (min-width: 1200px) {
  .section-b-a-image {
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
  }

  .section-stack__intro {
    padding-left: min(3%, 13rem);
    padding-right: min(3%, 13rem);
  }
  .customized-width .section-stack__intro {
    padding-left: 0;
  }

  .section-stack__intro {
    width: 34.4%;
  }

  .section-stack__main {
    width: 65.6%;
  }
}

@media screen and (min-width: 1400px) {
  .section-b-a-image {
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
  }    
}

@media screen and (max-width: 749px) {
  .section-stack__intro {
    padding: 0 1rem;
  }
}

.icon-before-after {
  width: 3.2rem;
  height: 3.2rem;
}

.b-a-image .button.button--main-special {
  column-gap: 3.7rem;
}

.b-a-image .button .main-arrow-special .icon {
  width: 2.4rem;
}

/* component-custom-tab */
.custom__tab-text.active {
  display: block;
}

.custom__tab-list-item .t-button {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  font-size: 1.8rem;
  line-height: 1.5;
}

.custom__tab-text {
  max-height: 0;
  transition: max-height var(--duration-long) ease-out;
}

.custom__tab-text .item__description,
.custom__tab-text .item__description p,
.custom__tab-text .item__description ul {
  font-size: 1.4rem;
  margin-top: 0;
  margin-bottom: 1.6rem;
}

.custom__tab-text .item__description ul {
  padding-inline-start: 3rem;
}

/* component-lookbook */
.lookbook__point-button {
  background: rgb(var(--color-foreground));
  width: 4.4rem;
  height: 4.4rem;
}

.lookbook__point-button:before,
.lookbook__point-button:after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
}

.lookbook__point-button:before {
  width: 1.6rem;
  height: 1.6rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(var(--color-background), 1);
  z-index: 1;
}

.lookbook__point-button:after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(var(--color-foreground));
  opacity: 0.4;
  animation: animateLookbook 2s linear infinite;
}

.lookbook__point-button:focus-visible {
  outline-offset: 0.3rem;
}

.lookbook__point-popup {
  top: 50%;
  left: 5rem;
  width: 30rem;
  transform: translateY(-50%);
  transform-origin: left;
  will-change: transform;
  padding: 1.3rem 1.5rem 1.1rem;
}

.lookbook__point-popup:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -0.9rem;
  border-top: 0.9rem solid transparent;
  border-bottom: 0.9rem solid transparent;
  border-right: 0.9rem solid rgb(var(--color-background));
  border-right-color: var(--gradient-background);
  transform: translateY(-50%);
}

.lookbook__point.active .lookbook__point-popup {
  display: block;
  animation: animateScaleLeftToRight var(--duration-long) ease;
}

.lookbook__drawer-opener {
  bottom: 3.5rem;
  left: 4.5rem;
}

.lookbook__drawer-opener button {
  color: rgba(var(--color-foreground), 1);
  background: rgba(var(--color-background), 1);
  background: var(--gradient-background);
  padding: 1rem 1.5rem;
  min-width: 14.5rem;
  font-size: clamp(1.4rem, calc(var(--font-body-size) - 0.2rem), 1.8rem);
  border-radius: var(--buttons-radius-outset);
}

.lookbook__drawer-opener button:after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  transform: skew(-15deg);
  background-image: linear-gradient(90deg,transparent,rgba(var(--color-foreground),.095),transparent);
  animation: animateShine 1s infinite;
}

.lookbook__drawer-opener button:focus-visible {
  outline-offset: -0.2rem;
}

.lookbook__drawer-inner {
  width: fit-content !important;
  max-width: 100%;
  margin-left: auto;
  overflow: hidden !important;
}

@media screen and (min-width: 990px) {
  .lookbook__point-button {
    width: 2.6rem;
    height: 2.6rem;
  }

  .lookbook__point-button:before {
    width: 1.2rem;
    height: 1.2rem;
  }
}

/* component-collapsible-content */
.collapsible-content__group {
  min-height: 110px;
  border-radius: 0.5rem;
  border: 0.5rem solid rgba(var(--color-foreground), 0.02);
  box-shadow: 0 15px 20px rgba(var(--color-foreground), 0.08);
  margin: 3rem 0 0;
}

.collapsible-content__group--item svg {
  width: 2.4rem;
  height: 2.4rem;
}

.collapsible-content__group--item + .collapsible-content__group--item {
  border-left: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.collapsible-content__subheading,
.collapsible-content__caption {
  font-size: clamp(2rem, calc(var(--font-body-size) + 0.4rem), 2.4rem);
  line-height: calc(1 + 0.8 / var(--font-body-scale));
}

/* component-marquee */
.marquee__items {
  -webkit-animation: animateMarquee var(--duration) linear infinite;
  animation: animateMarquee var(--duration) linear infinite;
  width: max-content;
  will-change: transform, width;
}

.marquee__item {
  padding: 0 var(--gap-item, 5rem);
  margin: auto;
}

.separating-dots .marquee__item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  background: rgba(var(--color-foreground), 1);
  border-radius: 50%;
}

.separating-stars-6 .marquee__items {
  align-items: center;
}

.marquee__image {
  background-color: transparent;
}

.marquee__image img {
  object-fit: contain;
}

.marquee__image:after {
  content: '';
  display: block;
  width: calc(var(--ratio-w)/2);
  height: calc(var(--ratio-h)/2);
}

.marquee__item:hover {
  color: rgba(var(--color-foreground), 0.75);
  transition: all 0.2s ease-in-out;
}

.marquee-list:hover .marquee__items {
  animation-play-state: paused;
}

@media screen and (min-width: 1200px) {
  .marquee__image:after {
    width: var(--ratio-w);
    height: var(--ratio-h);
  }
}

/* component-az-brands */
.brands__table {
  padding-bottom: 2rem;
}

.brands__table li {
  border: 0.1rem solid rgb(var(--color-background));
  background: rgba(var(--color-foreground), 0.04);
}

.brands__table li.active,
.brands__table li:hover {
  background: rgba(var(--color-foreground), 0.2);
}

.brands__table li.disable {
  pointer-events: none;
  opacity: 0.6;
}

.brands__table button {
  min-width: 4rem;
  padding: 0.8rem 0.5rem;
}

.brands__table li.all-letter button {
  padding-left: 1rem;
  padding-right: 1rem;
}

.brands__grid {
  margin: 3rem 0 0;
}

.az-group {
  margin: 0 0 4rem;
}

.brands__grid.active-all .az-group {
  display: block;
}

.az-group__title {
  padding-bottom: 1rem;
}

.az-group__list li {
  background: rgba(var(--color-foreground), 0.04);
  border-radius: var(--buttons-radius);
  transition: all var(--duration-default) ease;
}

.az-group__list li:hover {
  box-shadow: 0 0 0 0.2rem rgba(var(--color-foreground), 0.1);
}

.az-group__list li a {
  padding: 1.3rem 1.5rem;
}

.az-group__list li a:focus-visible {
  outline-offset: -0.2rem;
}

/* component-brand-list */
.section__b-list .placeholder-svg {
  width: 10rem;
  height: 10rem;
}

.section__b-list .standard-grid .brand-title {
  --snd-grid-item-1: 1;
  --snd-grid-item-2: 4;
  color: rgba(var(--color-foreground), 1);
}

.section__b-list .standard-grid .brand-content {
  --snd-grid-item-1: 1;
  --snd-grid-item-2: -1;
}

.section__b-list.style--scroll ul.cus-scrollbar {
  padding-bottom: 2rem;
}

.section__b-list.style--scroll ul.cus-scrollbar::-webkit-scrollbar {
  height: 0.8rem;
}

/* component-collection-list */
.section__c-list .swiper-slide .link--style-dot {
  padding-top: 0;
}

.section__c-list .item__content {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.section__c-list h3 .icon {
  position: absolute;
  top: 50%;
  right: -1rem;
  left: auto;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -50%) rotate(-90deg);
  transition: all var(--duration-default) ease;
}

.section__c-list .link--style-line h3 > .link-style {
  background: linear-gradient(
    90deg,
    currentColor 33.33333%,
    transparent 0 66.66666667%,
    currentColor 0
  )
  var(--d, 100%) 100%/300% 2px no-repeat;
}

.section__c-list .link--style-line.u-none h3 > .link-style,
.section__c-list .link--style-line.h-link h3 > .link-style,
.section__c-list .link--style-line.u-none:hover h3 > .link-style,
.section__c-list .link--style-line.h-link:hover h3 > .link-style {
  background: linear-gradient(
    90deg,
    currentColor 33.33333%,
    transparent 0 70%,
    currentColor 0
  )
  var(--d, 100%) 100%/300% 2px no-repeat;
}

.section__c-list .item:hover h3 {
  color: rgba(var(--color-link), 1);
}

.section__c-list .item:hover h3 .icon {
  opacity: 1;
  visibility: visible;
  transform: translate(1rem, -50%) rotate(-90deg);
}

.collection-list--classic .carousel__controls {
  position: absolute;
  top: var(--button-control-top);
  right: 0;
  width:  var(--carousel_controls_width);
  height: var(--carousel_controls_height);
}

.collection-list--classic .carousel__controls .button-slider:disabled, 
.collection-list--classic .carousel__controls .button-slider.disabled {
  display: flex;
  opacity: 0.5;
  pointer-events: none;
}

.collection-list--classic .carousel__controls .button-slider__next {
  right: 0.5rem;
}

.collection-list--classic .carousel__controls .button-slider__prev {
  left: auto;
  right: var(--carousel_controls_prev_right);
}

@media screen and (max-width: 749px) {
  .collection-list--classic .p-w__header {
    padding-right: 0;
  }

  .collection-list--classic slider-component {
    padding-top: var(--p-t-xs);
  }

  .collection-list--classic .carousel__controls {
    height: var(--carousel_controls_height_mb);
    top: var(--button-control-top-mb);
  }

  .collection-list--classic .carousel__controls .button-slider__prev {
    right: var(--carousel_controls_prev_right_mb);
  }
}

  /* component-collection-list default */
  .section__c-list.style--default .item-content__desc {
    margin-bottom: 1.7rem;
    font-weight: 600;
    color: #808080;
  }

  .section__c-list.style--default .item-content__button .text {
    display: inline-block;
    font-weight: 600;
    line-height: 1.7;
  }

  .section__c-list.style--default .item-content__button .link--style-line .link-style {
    background: linear-gradient(
      90deg,
      var(--u-link-color) 33.33333%,
      transparent 0 66.66666667%,
      var(--u-link-color) 0
    )
    var(--d, 100%) 100%/300% 2px no-repeat;
  }

  .section__c-list.style--default .item-content__button .link--style-line.u-none .link-style,
  .section__c-list.style--default .item-content__button .link--style-line.h-link .link-style,
  .section__c-list.style--default .item-content__button .link--style-line.u-none:hover .link-style,
  .section__c-list.style--default .item-content__button .link--style-line.h-link:hover .link-style {
    background: linear-gradient(
      90deg,
      var(--u-link-color) 33.33333%,
      transparent 0 70%,
      var(--u-link-color) 0
    )
    var(--d, 100%) 100%/300% 2px no-repeat;
  }

  .section__c-list.style--default .swiper-slide {
    opacity: 0;
    transition: var(--duration-default);
  }

  .section__c-list.style--default .swiper-slide-visible {
    opacity: 1;
  }

  /* component-collection-list masonry */
  .section__c-list.style--masonry .item__content {
    margin-top: 1.6rem;
    margin-bottom: 0;
    padding-bottom: 1rem;
  }

  .section__c-list.style--masonry h3 {
    font-weight: 400;
    text-transform: capitalize;
  }

  .section__c-list.style--masonry h3 > span {
    text-decoration: none;
  }

  .section__c-list .link--style-dot .link-style:before {
    bottom: -0.6rem;
  }

  .section__c-list.style--masonry .item:hover h3 {
    font-weight: 700;
  }

  .section__c-list.style--masonry.display-arrow__sm .swiper,
  .section__c-list.style--masonry.display-arrow__all .swiper {
    padding-top: 6rem;
  }

  .section__c-list.style--masonry.display-arrow .carousel__controls .arrow-wrap {
    right: 2.6rem;
  }

/* component-collection-video */
  .collection-video__media {
    padding-top: var(--ratio-percent);
  }

  .collection-video .deferred-media__poster-button {
    --size :2.4rem;
    width: var(--size);
    height: var(--size);
    color: #fff;
    bottom: 2rem;
    right: 2rem;
    border: none;
  }

  .collection-video .deferred-media__poster-button:before {
    background-color: transparent;
    z-index: 1;
    opacity: 1;
    border: 1px solid #FFF;
    animation-duration: 3.5s;
  }

  .collection-video .deferred-media__poster-button .icon {
    width: 1.4rem;
  }

  .collection-video__info .link p{
    margin: 0;
  }

/* component-collection-banner */
.coll-banner__image .images {
  height: 50vw;
}

.coll-banner__image .image {
  opacity: 0;
  pointer-events: none;
}

.coll-banner__image .image:first-child {
  opacity: 1;
}

.coll-banner__image .image__clip {
  -webkit-clip-path: polygon(37% 15%, 63% 15%, 63% 85%, 37% 85%);
  clip-path: polygon(37% 15%, 63% 15%, 63% 85%, 37% 85%);
}

.coll-banner__image .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.coll-banner__names {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 2.4rem;
}

.coll-banner__names .names {
  gap: 4rem 8rem;
}

.coll-banner__names .button {
  padding-left: 9rem;
  padding-right: 9rem;
}

.coll-banner__names .name {
  transition: var(--duration-default);
}

.coll-banner__names .name.inactive {
  opacity: 0.5;
}

.coll-banner__names .name__text .link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: currentColor;
  transition: transform var(--duration-long) var(--cubic-out);
  transform: scaleX(0);
}

/* component-countdown-s-hero */
.section__countdown-s-hero .banner__buttons .button {
  --border-offset: calc(5rem + var(--buttons-border-width) * 4);
  min-height: calc(5rem + var(--buttons-border-width) * 2);
}

.section__countdown-s-hero.section--body {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

.section__countdown-s-hero.section--body .p-w__content,
.section__countdown-s-hero.section--body .banner__logo {
  position: inherit;
  z-index: 2;
}

.section__countdown-s-hero.section--body .p-w__content {
  height: auto;
  margin: inherit;
  transform: none;
}

/* component-countdown */
.banner__countdown-full .countdown {
  align-items: baseline;
  padding: 1rem 2.2rem 2rem;
  gap: 0 1rem;
  font-size: 2rem;
  line-height: calc(1 + .2/max(1,var(--font-heading-scale)));
  font-weight: 700;
}

.banner__countdown-full .countdown .text {
  font-size: 1.4rem;
  line-height: calc(1 + .2/max(1,var(--font-body-scale)));
  font-weight: 400;
}

/* component-multicolumn */
.section__multicolumn .item__content,
.section__f-blog .item__content {
  margin: 1.7rem 0 0;
}

.section__multicolumn h3,
.section__f-blog h3,
.section__multicolumn .rte,
.section__f-blog .rte {
  margin-bottom: 0.5rem;
}

.section__multicolumn .button,
.section__f-blog .button {
  --border-offset: calc(4.6rem + var(--buttons-border-width) * 4);
  margin-top: 1.5rem;
  min-width: 22rem;
  border-width: 0.2rem;
  min-height: calc(4.6rem + var(--buttons-border-width) * 2);
}
.two-column-split__button-block .button {
  --border-offset: calc(4.6rem + var(--buttons-border-width) * 4);
  min-width: 22rem;
  border-width: 0.2rem;
  min-height: calc(4.6rem + var(--buttons-border-width) * 2);
}


.section__multicolumn .swiper-slide {
  position: relative;
  height: auto;
}

.section__multicolumn .content-inside-image .item__content {
  transition: var(--duration-slow) var(--cubic);
  opacity: 0;
  pointer-events: none;
}

.section__multicolumn .not-image .item__content,
.section__multicolumn .content-inside-image .item__content {
  margin-top: 0;
}

.section__multicolumn .content-inside-image [class*=button--main-] {
  width: 100%;
  min-width: initial;
  padding: 0 3.2rem;
}

.section__multicolumn .carousel__item--column-text .cursor-fixed__parallax-target ,
.section__multicolumn .carousel__item--column-text .cursor-fixed__parallax-inner ,
.section__multicolumn .content-inside-image .cursor-fixed__parallax-target ,
.section__multicolumn .content-inside-image .cursor-fixed__parallax-inner {
  width: 100%;
}

.section__multicolumn .carousel__item--column-text [class*=button--main-] {
  width: 100%;
}

.section__multicolumn .not-image .item__content.content--center,
.section__multicolumn .content-inside-image .item__content.content--center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }

.section__multicolumn .content-inside-image .item__content.content--top {
  top: 0;
  left: 0;
}

.section__multicolumn .content-inside-image .item__content.content--bottom {
  bottom: 0;
  left: 0;
}

.section__multicolumn .not-image .item__content > .d-block,
.section__multicolumn .content-inside-image .item__content:not(.content--bottom) > .d-block {
  padding: 1rem;
}

.section__multicolumn .content-inside-image .item__content.content--bottom > .d-block {
  padding: 2rem;
}

.section__multicolumn .content-inside-image:not(.not-image) .item__content .heading {
  color: #fff;
}

.section__multicolumn .carousel__item .item.content-inside-image .item__media,
.section__multicolumn .carousel__item .item.content-inside-image .media > img {
  transition: var(--duration-long) var(--cubic);
}

.section__multicolumn .carousel__item .item.content-inside-image:hover .item__media {
  transform: scale(0.98);
}

.section__multicolumn .carousel__item .item.content-inside-image:hover .media > img {
  transform: scale(1.1);
}

/* multicolumn modern */
.section__multicolumn.style--modern .button {
  padding: 0 3.2rem;
}

/* component-multiple-options */
.section__multi-options .p-w__header .p-w__heading,
.section__multi-options .p-w__header .p-w__text {
  line-height: normal;
}

.section__multi-options .p-w__content {
  padding-top: 4rem;
}

.section__multi-options .item_options {
  gap: 4.5rem 7rem;
}

.section__multi-options .block_filter {
  width: 10rem;
  height: 10rem;
  transition: box-shadow var(--duration-default) ease;
}

.section__multi-options .block_filter + .block_text {
  margin-top: 3.5rem;
  transition: color var(--duration-default) ease;
}

.section__multi-options .item_options .link:hover .block_filter {
  -webkit-box-shadow: 0px 0.2rem 2.5rem rgba(var(--color-foreground), 0.7);
  box-shadow: 0px 0.2rem 2.5rem rgba(var(--color-foreground), 0.7);
}

.section__multi-options .item_options .link:hover .block_text {
  color: rgba(var(--color-foreground), 1);
  text-shadow: 0px 0px 0.5rem rgba(var(--color-foreground), 0.1), 
    0px 0px 1rem rgba(var(--color-foreground), 0.5), 
    0px 0px 2rem rgba(var(--color-foreground), 0.5), 
    0px 0px 5rem rgba(var(--color-foreground), 0.5);
}

.section__multi-options .item_link .link--style-line .link-style {
  background: linear-gradient(
    90deg,
    var(--u-link-color) 33.33333%,
    transparent 0 66.66666667%,
    var(--u-link-color) 0
  )
  var(--d, 100%) 100%/300% 2px no-repeat;
  display: inline-block;
  font-weight: 600;
  line-height: 1.7;
}

.section__multi-options .item_link .link--style-line.u-none .link-style,
.section__multi-options .item_link .link--style-line.h-link .link-style,
.section__multi-options .item_link .link--style-line.u-none:hover .link-style,
.section__multi-options .item_link .link--style-line.h-link:hover .link-style {
  background: linear-gradient(
    90deg,
    var(--u-link-color) 33.33333%,
    transparent 0 70%,
    var(--u-link-color) 0
  )
  var(--d, 100%) 100%/300% 2px no-repeat;
}

/* component-featured-blog */
.section__f-blog .p-w__heading.has-icon {
  gap: 0.4rem;
}

.section__f-blog .p-w__heading.has-icon .icon {
  display: block;
}

.section__f-blog .tags {
  column-gap: 0.8rem;
}

.section__f-blog .carousel__item.grid__item {
  width: 100%;
}

.section__f-blog .blog-enable_list .carousel__item.grid__item {
  max-width: 100%;
}

.section__f-blog .blog-enable_list .item__media, 
.section__f-blog .blog-enable_list .item__content {
  width: 50%;
}

.section__f-blog .blog-enable_list .item__content .tags {
  margin-top: -2.2rem;
}

.section__f-blog .item__content .tags + .h2 {
  margin: 0.8rem 0;
  font-size: 1.8rem;
}

.blog-style-classic .pagination-wrapper.style-classic .pagination__item--next .icon-caret {
  transform: rotate(0) translateY(-1px);
}

.blog-style-classic .pagination-wrapper.style-classic .pagination__item--prev .icon-caret {
  transform: rotate(180deg) translateY(0);
}

.section__f-blog .blog-post:not(.col-1) .carousel__items.media--portrait {
  padding-bottom: 104.8% !important;
}

.section__f-blog .item-tag {
  margin-top: 1rem;
}

.section__f-blog .placement--text_first .item-tag {
  margin-top: 0;
}

.section__f-blog .item__content > div {
  padding-top: 0rem;
}
.section__f-blog .item__content p {
  margin: 0;
}

.section__f-blog .placement--text_first .item__content {
  margin: 0;
}

.section__f-blog .placement--text_first .item__content > div {
  padding: 0;
  padding-bottom: 1.4rem;
}

.section__f-blog .info {
  color: #545454;
}

.section__f-blog .blog-post:not(.carousel-special) .media--landscape {
  padding-bottom: 61.4%;
}

.section__f-blog .blog-post:not(.carousel-special) .media--portrait {
  padding-bottom: 96%;
}

.section__f-blog .col-1 .item .item__media {
  width: 50%;
}

.section__f-blog .col-1 .item .item__content {
  width: 47.7%;
}

.section__f-blog .col-1 .item .item__content,
.section__f-blog .col-1 .tags .item-tag {
  margin-top: 0;
}

.section__f-blog .col-1 .item {
  gap: 7.5rem;
}

.section__f-blog .col-1 .carousel__items {
  --grid-v-md: 3.2rem !important;
}

.section__f-blog .col-1 .media--adapt {
  padding-bottom: 47.6% !important;
}

.section__f-blog .p-w__content {
  padding: 0;
}

.section__f-blog .p-w__bottom .button {
  --border-offset: calc(7rem + var(--buttons-border-width) * 4);
  min-width: 10rem;
  font-size: 1.8rem;
  padding: 0 3rem;
  margin-top: 4rem;
}
.two-column-split__button-block .button {
  --border-offset: calc(7rem + var(--buttons-border-width) * 4);
  min-width: 10rem;
  font-size: 1.8rem;
  padding: 0 3rem;
}



.section__f-blog .item__content .tags + .h2 {
  margin: 1.6rem 0 0;
}

/* component-featured-blog-post */
.section__f-b-post .item__media,
.section__f-b-post .item__content {
  width: 50%;
}

.section__f-b-post .tags {
  column-gap: 0.4rem;
}

.section__f-b-post .tags .item-tag {
  padding: 0.3rem 1.5rem;
  margin-top: 0.8rem;
}

.section__f-b-post .item__content .p-w__header {
  margin: 3rem 0;
}

.section__f-b-post .item__content .p-w__heading {
  font-size: 2.4rem;
}

.section__f-b-post .item__content .h1 {
  --cus-size: 3.2rem;
  line-height: calc(1 + 0.5 / max(1, var(--font-heading-scale)));
  font-weight: 700;
}

.section__f-b-post .item__content .h2 {
  font-size: 2.6rem;
  margin-bottom: 0;
  margin-top: 1.6rem;
}

.section__f-b-post .info {
  margin-top: 0.8rem;
  margin-bottom: 3rem;
  gap: 0.4rem;
  color: #545454;
  font-size: 1.2rem;
}

.section__f-b-post .item__content .ar-info {
  border-bottom: 0.1rem solid #C3C3C3;
}

.section__f-b-post .item__media .media{
  padding-bottom: 104.2% !important;
}

.section__f-b-post .media-card .media {
  padding-bottom: 121.23% !important;
}

.section__f-b-post .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background: #545454;
}

/* component-all-article-tags */
.section__a-a-tags .tags {
  column-gap: 1.6rem;
}

.section__a-a-tags .tags .item-tag {
  border: 0.1rem solid;
  border-radius: 2.5rem;
  padding: 0.3rem 1.5rem;
  margin: 0;
  font-weight: 300;
  font-size: clamp(1.4rem, calc(var(--font-body-size) - 0.2rem), 1.8rem);
  line-height: calc(var(--font-body-size) + 0.5rem);
}

.section__a-a-tags .label {
  font-size: clamp(2rem, calc(var(--font-body-size) + 0.4rem), 2.4rem);
  line-height: calc(var(--font-body-size) + 1.4rem);
  margin: 0 2.4rem 0 0.8rem;
}

.section__a-a-tags svg {
  margin: 0 0.4rem 0.4rem 0;
}

/* component-newsletter */
.newsletter__summary {
  min-height: 6rem;
}

.newsletter__summary .link--style-line .link-style {
  background: linear-gradient(
    90deg,
    currentColor 33.33333%,
    transparent 0 66.66666667%,
    currentColor 0
  )
  var(--d, 100%) 98%/300% 2px no-repeat;
}

.newsletter__summary .link--style-line.u-none .link-style,
.newsletter__summary .link--style-line.h-link .link-style,
.newsletter__summary .link--style-line.u-none:hover .link-style,
.newsletter__summary .link--style-line.h-link:hover .link-style {
  background: linear-gradient(
    90deg,
    currentColor 33.33333%,
    transparent 0 70%,
    currentColor 0
  )
  var(--d, 100%) 98%/300% 2px no-repeat;
}

.newsletter__summary .link-style:hover {
  color: rgba(var(--color-link), var(--alpha-link));
}

.newsletter__header .link .text {
  display: inline-block;
  font-weight: 600;
  line-height: 1.7;
}

.newsletter__header .link--style-line .link-style {
  background: linear-gradient(
    90deg,
    var(--u-link-color) 33.33333%,
    transparent 0 66.66666667%,
    var(--u-link-color) 0
  )
  var(--d, 100%) 100%/300% 2px no-repeat;
}

.newsletter__header .link--style-line.u-none .link-style,
.newsletter__header .link--style-line.h-link .link-style,
.newsletter__header .link--style-line.u-none:hover .link-style,
.newsletter__header .link--style-line.h-link:hover .link-style {
  background: linear-gradient(
    90deg,
    var(--u-link-color) 33.33333%,
    transparent 0 70%,
    var(--u-link-color) 0
  )
  var(--d, 100%) 100%/300% 2px no-repeat;
}

.newsletter__content {
  min-width: 30rem;
}

.newsletter__content .newsletter-form {
  padding-top: 0;
}

.newsletter-form__message {
  padding: 1.5rem 2rem;
  font-size: 1.4rem;
}

.newsletter-form__message--success {
  color: #008a06;
  background-color: #d5ffd8;
  border-color: #d5ffd8;
}

.newsletter-form__message--error {
  color: #cc4749;
  background-color: #fdd;
  border-color: #fdd;
}

details[open] .newsletter__summary {
  opacity: 0;
}

.newsletter-form__field-wrapper .field__input {
  padding: 1.7rem 5.7rem 1.7rem 2.5rem;
  height: 6rem;
  border: 0.2rem solid rgba(var(--color-foreground), var(--inputs-border-opacity));
}

.newsletter-form__field-wrapper .field__label {
  top: calc(1.7rem + var(--inputs-border-width));
  left: calc(var(--inputs-border-width) + 2.5rem);
  color: rgba(var(--color-foreground), 1);
}

.newsletter-form__field-wrapper .button:not([class*='button--style-']) {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  height: 6rem;
  min-width: 5.7rem;
  border: none;
}

.newsletter-form__field-wrapper .button[class*='button--style-'] {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  height: 6rem;
  min-width: 5.7rem;
}

.newsletter-form__field-wrapper .button[class*='button--style-']::before {
  --border-offset: calc(5.6rem + var(--buttons-border-width) * 4);
}

.section__newsletter:not(.style--special) .newsletter-form__field-wrapper .button {
  box-shadow: none;
}

.section__newsletter:not(.style--modern) .newsletter__wrapper.bg-custom {
  padding: 1rem 2rem;
}

.section__newsletter.style--special .newsletter__wrapper.bg-custom {
  padding: 1rem 0rem;
}

.section__newsletter.style--classic .newsletter__wrapper.bg-custom {
  padding: 0;
}

.form-is-show .newsletter-form .field__input:focus,
.form-is-show .newsletter-form .field__input:not(:placeholder-shown),
.form-is-show .newsletter-form .field__input:-webkit-autofill {
  margin: 0;
  box-shadow: none;
}

.section__newsletter .newsletter-form__field-wrapper .field__input {
  margin-bottom: 2rem;
}

.section__newsletter.style--classic .form-is-show .newsletter-form__field-wrapper .field__input {
  margin: 0;
}

.page-width--email .newsletter-form__field-wrapper .field__input {
  padding: 1.7rem 5.7rem 2.1rem 3rem;
}

.page-width--email .newsletter-form__field-wrapper .field__label {
  top: calc(1.4rem + var(--inputs-border-width));
  left: calc(var(--inputs-border-width) + 2.9rem);
  color: rgba(var(--color-link), 1);
}

.page-width--email .field__input:focus ~ .field__label--fixed,
.page-width--email .field__input:not(:placeholder-shown) ~ .field__label--fixed,
.page-width--email .field__input:-webkit-autofill ~ .field__label--fixed {
  top: calc(var(--inputs-border-width) - 0.8rem);
  left: calc(var(--inputs-border-width) + 0.5rem);
}

.page-width--email.form-is-show .newsletter-form .field__input:focus,
.page-width--email.form-is-show .newsletter-form .field__input:not(:placeholder-shown),
.page-width--email.form-is-show .newsletter-form .field__input:-webkit-autofill {
  margin: 0;
  margin-bottom: 2rem;
  box-shadow: none;
  border: 0.2rem solid rgba(var(--color-foreground),var(--inputs-border-opacity)) !important;
}

.section__newsletter .newsletter__content:not(.form-is-show) .field__input {
  margin-bottom: 0;
}

.section__newsletter.style--special .newsletter__content:not(.form-is-show) .button[class*=button--style-] {
  padding: 1.5rem;
}

.section__newsletter.style--modern .newsletter__content:not(.form-is-show) .button[class*=button--style-] {
  height: 4rem;
  min-height: 4rem;
  padding: 1.5rem;
}

.section__newsletter .page-width--email .newsletter-form__field-wrapper .button {
  position: relative;
  padding-right: 3rem;
  padding-left: 3rem;
  width: 100%;
  height: 6.2rem;
  --border-offset: calc(6.2rem + var(--buttons-border-width) * 4);
}

/* newsletter classic */
.newsletter__wrapper > * {
  text-align: var(--alignment-desk);
}

.newsletter__banner {
  z-index: -1;
}

.newsletter__banner img {
  transition: auto;
}

.style--classic .form-is-show .newsletter-form .button .icon {
  width: 3.2rem;
  height: 3.2rem;
  transition: none;
}

.style--classic .form-is-show .newsletter-form .button .icon:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-150%, 150%);
}

.style--classic .form-is-show .newsletter-form .button:hover .icon {
  transition: all 0.6s cubic-bezier(1, 0.35, 0.2, 0.9);
}

.style--classic .form-is-show .newsletter-form .button:hover .icon:nth-child(1) {
  transform: translate(150%, -150%) scale(0);
}

.style--classic .form-is-show .newsletter-form .button:hover .icon:nth-child(2) {
  transform: translate(0%, 0%);
}

.style--classic .form-is-show .newsletter-form .field__input,
.style--classic .form-is-show .newsletter-form .field__label {
  font-size: clamp(1.4rem, calc(var(--font-body-size) - 0.2rem), 1.8rem);
}

.style--classic .form-is-show .newsletter-form .field__input {
  border: none;
  padding: 0.6rem 5.7rem 0.6rem 0;
  height: 3.8rem;
}

.style--classic .form-is-show .newsletter-form .button {
  width: 3.2rem;
  height: 3.2rem;
  min-width: 3.2rem;
  min-height: initial;
  border: none;
  background: transparent;
}

.style--classic .form-is-show .newsletter-form .field__label {
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  transition: var(--duration-long);
}

.style--classic .form-is-show .field__input:focus ~ .field__label--fixed,
.style--classic .form-is-show .field__input:not(:placeholder-shown) ~ .field__label--fixed,
.style--classic .form-is-show .field__input:-webkit-autofill ~ .field__label--fixed {
  letter-spacing: initial;
  transform: translate(1rem, -50%);
  opacity: 0;
}

.style--classic .form-is-show .newsletter-form__field:after {
  border-color: transparent transparent rgba(var(--color-foreground), 1) transparent;
  box-shadow: none;
}

.section__newsletter.style--classic .newsletter-form__field-wrapper .icon {
  width: 3rem;
  height: 3rem;
}

/* newsletter special */
.style--special .newsletter__header .p-w__heading + .desc {
  margin-top: 1.2rem;
}

.style--special .form-is-show .newsletter-form__field {
  column-gap: 2rem;
}

.style--special .form-is-show .newsletter-form__field .field-inner {
  --pd-left-input: 0.8rem;
  height: 5rem;
}

.style--special .newsletter__content.form-is-show .field:before,
.style--special .newsletter__content.form-is-show .field:after {
  box-shadow: none;
}

.style--special .newsletter__content.form-is-show .field__input {
  background-color: transparent;
  border: none;
  height: 100%;
  padding: 0 0 0 var(--pd-left-input);
}

.style--special .form-is-show .newsletter-form .line {
  width: 0.2rem;
  height: 0;
  background-color: rgba(var(--color-button), 1);
  display: block;
  transition: 1.8s var(--duration-default) var(--cubic);
}

animate-element.newsletter__content[loaded="true"] .newsletter-form .line {
  height: 100%;
}

.style--special .form-is-show .newsletter-form .field__input,
.style--special .form-is-show .newsletter-form .field__label {
  font-size: calc(var(--font-body-scale) * 1.8rem);
}

.style--special .form-is-show .newsletter-form .field__label {
  top: 50%;
  left: var(--pd-left-input);
  transform: translate(-50%, -50%);
  transform-origin: center;
  transition: 1.8s 0.2s var(--cubic);
  clip-path: inset(0 100% 0 0);
  opacity: 0;
}

animate-element.newsletter__content[loaded="true"] .newsletter-form .field__label {
  clip-path: inset(0 0 0 0);
  transform: translate(0%, -50%);
  opacity: 1;
}

.style--special .form-is-show .newsletter-form .button {
  position: relative;
  font-weight: 500;
  font-size: 1.4rem;
  min-width: fit-content;
  height: var(--h-button-arrow);
  border: 0.1rem solid rgba(var(--button-color-background), 1);
  padding: 0 1.25rem;
  flex-shrink: 0;
}

.style--special .newsletter-form .field__input:focus ~ .line,
.style--special .newsletter-form .field__input:not(:placeholder-shown) ~ .line,
.style--special .newsletter-form .field__input:-webkit-autofill ~ .line {
  transform: translateX(var(--pd-left-input)) scale(0.7);
  opacity: 0;
  width: 0.1rem;
  transition: 0.7s 0.1s var(--cubic);
}

.style--special .form-is-show .newsletter-form .field__input:focus ~ .field__label,
.form-is-show .newsletter-form .field__input:not(:placeholder-shown) ~ .field__label,
.form-is-show .newsletter-form .field__input:-webkit-autofill ~ .field__label {
  transform: translate(0, -50%) scale(1.1);
  opacity: 0;
}

/* newsletter modern */
.section__newsletter {
  isolation: isolate;
}

.section__newsletter.style--modern.s-full-width {
  display: flex;
  justify-content: flex-end;
  min-height: calc(625 / 390 * 100vw);
}

.section__newsletter.style--modern .newsletter__content.full-width--email .newsletter-form__field-wrapper .button {
  position: relative;
  flex-shrink: 0;
  padding-right: 3rem;
  padding-left: 3rem;
  width: 100%;
  height: 5.6rem;
  --border-offset: calc(6rem + var(--buttons-border-width) * 4);
}

.section__newsletter.style--modern .newsletter__wrapper {
  max-width: 68rem;
  padding: 6.4rem 5rem 6.4rem;
}

.newsletter__wrapper.center-desk .form-is-show .newsletter-form__field-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.newsletter__wrapper.right-desk .form-is-show .newsletter-form__field-wrapper {
  margin-left: auto;
}

.section__newsletter.style--modern .newsletter__wrapper.right-desk {
  margin-left: auto;
}

.section__newsletter.style--modern .newsletter__wrapper.center-desk {
  max-width: 100%;
}

.section__newsletter .page-width--image .newsletter__wrapper {
  max-width: 67rem;
  width: 100vw;
  padding: 3.5rem 5rem;
}

.section__newsletter.style--modern .newsletter-form__field {
  display: block;
}

.section__newsletter.style--modern .newsletter-form__field:before,
.section__newsletter.style--modern .newsletter-form__field:after {
  display: none;
}

.section__newsletter.style--modern .full-width--email .newsletter-form__field-wrapper .field__input {
  border: none;
  border-bottom: 0.2rem solid rgba(var(--color-foreground), 1) !important;
  padding: 0.8rem 0 0.8rem;
  height: 4.1rem;
}

.section__newsletter.style--modern .full-width--email .newsletter-form__field-wrapper .field__input:focus, 
.section__newsletter.style--modern .full-width--email .newsletter-form__field-wrapper .field__input:not(:placeholder-shown), 
.section__newsletter.style--modern .full-width--email .newsletter-form__field-wrapper .field__input:-webkit-autofill {
  margin-bottom: 2rem;
}

.section__newsletter.style--modern .full-width--email .newsletter-form__field-wrapper .field__label {
  left: 0;
  top: calc(1.2rem + var(--inputs-border-width));
}

.section__newsletter.style--modern .full-width--email .newsletter-form__field-wrapper .field__input:focus~.field__label--fixed, 
.section__newsletter.style--modern .full-width--email .newsletter-form__field-wrapper .field__input:not(:placeholder-shown)~.field__label--fixed, 
.section__newsletter.style--modern .full-width--email .newsletter-form__field-wrapper .field__input:-webkit-autofill~.field__label--fixed {
  top: calc(var(--inputs-border-width) - 0.8rem);
}

.style--modern .form-is-show .newsletter-form .field__input:not(:placeholder-shown) ~ .field__label {
  opacity: 1;
  transform: none;
}

.style--modern .newsletter-form__description {
  text-align: left;
}

/* component-list-payment */
.list-payment {
  margin: -0.5rem 0;
}

.list-payment__item {
  padding: 0.75rem;
}

.footer .list-payment__item {
  margin: -0.75rem;
}

.footer__bottom .list-payment {
  margin: 0;
}

.list-payment__item .icon {
  width: 3.8rem;
  height: 2.4rem;
}

/* component-disclosure */
.disclosure__button {
  height: 6rem;
  padding: 1.5rem 4.5rem 1.5rem 1.5rem;
}

.disclosure__list-wrapper {
  transform: translateY(-1rem);
}

.selector-special-inline .disclosure:hover .disclosure__list-wrapper {
  transform: translateY(0);
}

.disclosure__list {
  font-size: 1.4rem;
  padding: 0.5rem 0;
  scroll-padding: 0.5rem 0;
  min-height: 8.2rem;
  max-height: 20.5rem;
  max-width: 30rem;
  min-width: 12rem;
  width: max-content;
}

.disclosure__link {
  padding: 0.75rem 1.5rem;
  word-break: break-word;
}

.disclosure__link--active {
  background-color: rgba(var(--color-foreground), 0.12);
}

/* component-localization-form */
.localization-form__select {
  border-radius: var(--inputs-radius-outset);
  min-height: calc(4rem + var(--inputs-border-width) * 2);
  min-width: calc(7rem + var(--inputs-border-width) * 2);
}

.localization-form__select .icon-caret {
  position: absolute;
  height: 0.6rem;
  right: calc(var(--inputs-border-width) + 1.5rem);
  top: calc(50% - 0.2rem);
}

noscript .localization-form__select,
noscript .localization-selector {
  box-shadow: unset;
  outline: none;
}

noscript .localization-selector {
  height: 6rem;
  padding: 1.5rem 4.5rem 1.5rem 1.5rem;
}

noscript .localization-form .button {
  margin-top: 1.5rem;
}

.disclosure:hover .localization-selector + .disclosure__list-wrapper {
  opacity: 1;
  visibility: visible;
}

/* section-header */
.section-header:not(.pos-sticky) .header-wrapper.transparent,
body:not(.scroll-up, .scroll-down) .header-wrapper.header-sticky__always.transparent {
  background: transparent;
  transition: background var(--duration-default) ease-out;
}

.section-header:not(.pos-sticky) .header-wrapper.transparent.b-bottom{
  border-color: rgba(var(--color-foreground-transparent, var(--color-foreground)), 0.4);
}

.section-header:not(.pos-sticky) .header-wrapper.transparent.b-bottom:not(.transparent-hidden):not(:hover),
.section-header:not(.pos-sticky) .header-wrapper.transparent:not(.transparent-hidden):not(:hover) .color-foreground{
  --color-foreground-transparent: var(--foreground-transparent);
}

.header-wrapper.transparent:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: -1;
  background: var(--header-gradient-background, rgba(var(--color-background), var(--color_opacity_1)));
  transition: height var(--duration-default) ease-in-out;
}

.header-wrapper.transparent:hover:before,
.header-wrapper.transparent.transparent-hidden:before {
  height: calc(100% + 1px);
}

.section-header.sticky-hidden:not(.header-sticky__always),
.section-header.sticky-hidden:not(.header-sticky__always) .header-wrapper.transparent {
  transform: translateY(-100%);
}

.section-header.sticky-hidden:not(.header-sticky__always) .header-style-special.transparent {
  transform: translateY(-115%);
}

.section-header.pos-sticky .header-wrapper.transparent,
body.scroll-up .header-wrapper.header-sticky__always.transparent,
body.scroll-down .header-wrapper.header-sticky__always.transparent {
  background: var(--header-gradient-background, rgba(var(--color-background), var(--color_opacity_2)));
}

.section-header.animate,
.section-header.animate .header-wrapper.transparent {
  transition: transform var(--duration-long) var(--cubic);
}

.header {
  grid-template-areas: 'left-icon heading icons';
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}

.header *[tabindex='-1']:focus {
  outline: none;
}

.header__heading,
.header__heading-link {
  grid-area: heading;
}

.header__heading,
.header > .header__heading-link {
  line-height: 0;
}

.header-wrapper.has-logo-tr .header__heading-logo {
  display: none;
}

.header-wrapper.has-logo-tr .logo-transparent,
.header-wrapper.not-logo-header .logo-transparent {
  display: block;
}

.section-header.pos-sticky .header-wrapper.has-logo-tr .header__heading-logo,
.header-wrapper.has-logo-tr.transparent-hidden .header__heading-logo,
.header-wrapper.has-logo-tr:hover .header__heading-logo {
  display: block;
}

.section-header.pos-sticky .header-wrapper.has-logo-tr .logo-transparent,
.header-wrapper.has-logo-tr.transparent-hidden .logo-transparent,
.header-wrapper.has-logo-tr:hover .logo-transparent {
  display: none;
}

.header-style-special.b-bottom {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 1);
}

.header--logo-special .header__heading {
  padding-top: calc(var(--padding-top) * 0.5);
}

.header--logo-special {
  max-width: 100%;
  transition: height 0.35s linear;
  will-change: height;
  -webkit-backface-visibility: hidden;
  padding: 0 2rem;
}

.selector-special-inline,
.disable--logo-small .logo-special-inline,
.enable--logo-small .logo-special-inline {
  transition: opacity var(--duration-default) linear;
  will-change: opacity;
  -webkit-backface-visibility: hidden;
}

.logo-special-inline,
.enable--logo-small .selector-special-inline,
.disable--logo-small .logo-special-inline {
  opacity: 0;
}

.disable--logo-small .selector-special-inline,
.enable--logo-small .logo-special-inline {
  opacity: 1;
}

.disable--logo-small.animating ~ .content-for-layout {
  -webkit-backface-visibility: hidden;
  transform: translateY(0rem);
  transition: transform 0.5s linear;
}

.enable--logo-small.animating ~ .content-for-layout {
  -webkit-backface-visibility: hidden;
  transform: translateY(5rem);
  transition: transform 0.5s linear;
}

/* Header lang */
.header .desktop-localization-wrapper {
  column-gap: calc(var(--c-gap, 0) * 0.25);
}

.header__icons .localization-form__select {
  margin-left: auto;
}

.style--localization-wrapper .no-js-hidden .localization-form__select,
.header .no-js-hidden .localization-form__select {
  border: none;
  min-height: initial;
  height: 4.4rem;
  padding: 0 1.5rem 0 1rem;
  min-width: initial;
  width: initial;
}

.style--localization-wrapper .no-js-hidden .localization-form__select {
  padding: 0 1.5rem 0 0;
  font-size: 1.6rem;
}

.style--localization-wrapper .localization-form__select,
.header-drawer .localization-form__select {
  padding-left: 0;
}

.style--localization-wrapper .no-js-hidden .localization-form__select:before,
.style--localization-wrapper .no-js-hidden .localization-form__select:after,
.header .no-js-hidden .localization-form__select:before,
.header .no-js-hidden .localization-form__select:after {
  box-shadow: none;
}

.style--localization-wrapper .no-js-hidden .localization-form__select .icon-caret,
.header .no-js-hidden .localization-form__select .icon-caret {
  right: 0;
  transition: transform var(--duration-default) ease;
}

.style--localization-wrapper .disclosure:hover .localization-form__select .icon-caret,
.header .disclosure:hover .localization-form__select .icon-caret {
  transform: rotate(-180deg);
}

.style--localization-wrapper .disclosure__list-wrapper,
.header .disclosure__list-wrapper {
  display: block;
  position: absolute;
  top: 100%;
  bottom: unset;
  right: 0;
  left: unset;
  z-index: 10;
  background-color: rgba(var(--color-background), 1);
  width: max-content;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  opacity: 0;
  visibility: hidden;
  transition: all var(--duration-default) ease;
}

.style--localization-wrapper .disclosure__list-wrapper {
  --color-foreground: 0, 0, 0;
  --color-background: 255, 255, 255;
  left: 0;
  right: unset;
}

.selector-special-inline .disclosure__list-wrapper {
  left: auto;
  right: auto;
}

.style--localization-wrapper .disclosure__list,
.header .disclosure__list {
  width: 100%;
  min-height: initial;
  padding: 0;
}

.style--localization-wrapper .disclosure__item:hover,
.header .disclosure__item:hover {
  background-color: rgba(var(--color-foreground), 0.1);
}

.style--localization-wrapper .disclosure__item,
.header .disclosure__item {
  padding: 0.75rem 1.5rem;
  width: 100%;
  transition: background-color var(--duration-default);
}

.header-drawer .disclosure__list-wrapper {
  top: unset;
  bottom: 100%;
}

.style--localization-wrapper noscript .localization-selector,
.header noscript .localization-selector {
  width: 100%;
  height: auto;
}

/* Header icons */
.header__icons {
  grid-area: icons;
}

.header__icon,
.header__icon--menu {
  height: 4.4rem;
  width: 4.4rem;
}

.header__icons.icons-style-default-text .header__icon {
  height: auto;
  width: auto;
}

.header__icon--menu {
  position: initial;
}

.header__icon .icon {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  transition: transform 0.15s ease, opacity 0.15s ease;
}

/* header icon classic */
.icons-style-classic .header__icon .icon {
  width: 2rem;
  height: 2rem;
}

.icons-style-classic .header__icon.header__icon--account .icon {
  width: 2.6rem;
  height: 2.6rem;
}

.header--mobile-left .icons-style-classic .header__icon {
  height: 3.6rem;
  width: 3.6rem;
}

.icons-style-default-text .header__icon .icon {
  width: 1.6rem;
  font-size: 1.6rem;
}

.icon-wishlist path {
  fill: rgb(var(--color-foreground-transparent, var(--color-foreground)));
}

.header__icons.icons-style-modern .icon-style-modern .icon,
.header-drawer.icons-style-modern .icon-style-modern .icon,
.header-drawer.icons-style-modern .icon-close {
  width: 1.6rem;
  height: 1.6rem;
}

.header__icon--menu .icon {
  position: absolute;
}

.header--mobile-left .icons-style-default-text .header__icon--menu .icon {
  position: inherit;
}

.header__icons.icons-style-special {
  row-gap: 1rem;
}

.header__icons.icons-style-special .header__icon + .header__icon {
  margin-left: 1rem;
}

.header__icons.icons-style-special .header__icon,
.header-drawer.icons-style-special .header__icon {
  width: 4rem;
  height: 4rem;
  background: rgba(var(--cart-color-background), 1);
  background: var(--cart-gradient-background);
  box-shadow: 0px 0.4rem 1rem rgba(var(--color-shadow), 0.10);
  border-radius: 50%;
}

.header__icons.icons-style-special .header__icon .icon,
.header-drawer.icons-style-special .header__icon .icon {
  height: 2.4rem;
  width: 2.4rem;
  color: rgba(var(--color-link), 1); 
}

.header__icons.icons-style-special .header__icon--search .icon,
.header__icons.icons-style-special .header__icon--account .icon,
.header-drawer.icons-style-special .header__icon--search .icon,
.header-drawer.icons-style-special .header__icon--account .icon {
  width: 2rem;
  height: 2rem;
}

.header__icons.icons-style-special .cart-count-bubble,
.header__icons.icons-style-special .wishlist-count-bubble {
  top: auto;
  bottom: 0.7rem;
  right: 0.7rem;
  min-width: 1.2rem;
  height: 1.2rem;
  font-size: 1.2rem;
  border: none;
}

.header.main--icons-style-special:not(.header--mobile-left) {
  grid-template-columns: 1.2fr 2fr 1.2fr;
}

.icons-style-classy .cart-count-bubble,
.icons-style-classy .wishlist-count-bubble {
  top: 0.4rem;
  right: 0.2rem;
  min-width: 1.8rem;
  height: 1.8rem;
  font-size: 1.2rem;
}

.header__icons.f-wrap .desktop-localization-wrapper {
  width: 100%;
}

.header__icons.cus-btn_and_country {
  padding-bottom: 1rem;
  row-gap: .5rem;
}

.header__icons.cus-btn_and_country .desktop-localization-wrapper {
  width: calc(50% - 0.8rem);
  margin-right: 0.8rem;
}

.header__icons.cus-btn_and_country .header__custom-button {
  width: calc(50% - 2rem);
}

.header__icons.cus-btn_and_country .header__custom-button a {
  min-width: 100%;
}

/* Header custom button */
.header__custom-button {
  margin-right: 2rem;
}

.header__custom-button .button {
  --border-offset: calc(10rem + var(--buttons-border-width) * 4);
  padding: 0 1.4rem;
  box-shadow: 0px 0.2rem 0.4rem 0px rgba(var(--color-shadow), 0.10);
}

details:not([open]) > .header__icon--menu .icon-close,
details[open] > .header__icon--menu .icon-hamburger {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.5);
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
  visibility: hidden;
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.header__icon:hover .icon {
  transform: scale(1.05);
}

.header__icon--menu[aria-expanded]:before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  opacity: 0;
  visibility: hidden;
  /*background: rgba(var(--color-foreground-transparent, var(--color-foreground)), 0.5);*/
  transition-property: background, opacity, visibility;
  transition-duration: var(--duration-slow);
  transition-timing-function: var(--cubic-fade);
}

.header__icon--menu[aria-expanded="true"]:before {
  opacity: 1;
  visibility: visible;
}

/* component-menu-drawer */
.header-drawer {
  justify-self: start;
  margin-left: -1rem;
}

.header-style-special .icons-style-basic {
  margin-left: 0;
}

.header--mobile-left .header-drawer {
  justify-self: flex-end;
}

.menu-drawer {
  animation: animateDrawerClose var(--duration-extra-long) var(--cubic-fade) forwards;
  width: calc(100vw - 4rem);
  border-width: var(--drawer-border-width) var(--drawer-border-width) 0 0;
  background-color: rgb(var(--color-background));
  overflow-x: hidden;
  border-style: solid;
  border-color: rgba(var(--color-foreground-transparent, var(--color-foreground)), var(--drawer-border-opacity));
  filter: drop-shadow(
    var(--drawer-shadow-horizontal-offset)
    var(--drawer-shadow-vertical-offset)
    var(--drawer-shadow-blur-radius)
    rgba(var(--global-color-foreground), var(--drawer-shadow-opacity))
  );
      margin-top: 1px;
    border-radius: 0 5px;
}

.js .menu-drawer {
  height: calc(100vh - 100%);
  height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
}

.js details[open] > .menu-drawer,
.js details[open] > .menu-drawer__submenu {
  transition-property: opacity, visibility, transform;
  -webkit-transition-property: opacity, visibility, -webkit-transform;
  transition-duration: var(--duration-extra-long);
  transition-timing-function: var(--cubic-fade);
}

.no-js details[open] > .menu-drawer,
.js details[open].menu-opening > .menu-drawer,
details[open].menu-opening > .menu-drawer__submenu {
  animation: animateDrawerOpen var(--duration-extra-long) var(--cubic-fade) forwards;
}

.js .menu-drawer__navigation .submenu-open {
  visibility: hidden; /* hide menus from screen readers when hidden by submenu */
}

.menu-drawer__navigation-container {
  grid-template-rows: 1fr auto;
  align-content: space-between;
  overflow-y: auto;
}

.menu-drawer__navigation {
  padding: 0 0 6rem 0;
}

.no-js .menu-drawer__navigation {
  padding-bottom: 0;
}

.menu-drawer__menu-item {
  padding: 1.3rem 1.5rem;
  font-size: clamp(1.6rem, calc(var(--font-body-size) - 0.2rem), 2rem);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
}

summary.menu-drawer__menu-item {
  padding-right: 4rem;
}

.no-js .menu-drawer__submenu .menu-drawer__menu-item {
  padding-left: 3rem;
  padding-right: 4rem;
}

.no-js .menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item {
  padding-left: 6rem;
}

.no-js .menu-drawer__menu-item .icon-caret {
  right: 3rem;
}

.js .menu-drawer__menu-item .icon-caret,
.no-js .menu-drawer .icon-arrow {
  display: none;
}

.menu-drawer__menu-item > .icon-arrow {
  position: absolute;
  top: 50%;
  width: 1.5rem;
  right: 2.5rem;
  transform: translateY(-50%);
}

.js .menu-drawer__submenu {
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: rgb(var(--color-background));
  border-left: 0.1rem solid rgba(var(--color-foreground-transparent, var(--color-foreground)), 0.2);
  z-index: 1;
  transform: translateX(100%);
  visibility: hidden;
}

.js .menu-drawer__submenu .menu-drawer__submenu {
  overflow-y: auto;
}

.menu-drawer__inner-submenu {
  overflow-x: hidden;
  overflow-y: auto;
}

.menu-drawer__close-button {
  padding: 1.3rem 1.5rem;
  background-color: rgba(var(--color-foreground-transparent, var(--color-foreground)), 0.04);
}

.menu-drawer__close-button .icon-arrow {
  transform: rotate(180deg);
  width: 1.5rem;
  margin-right: 1rem;
}

.no-js .menu-drawer__close-button {
  display: none;
}

.mega-drawer__banner {
  margin: 2rem 1.5rem 0;
  padding-bottom: 2rem;
}

.js menu-drawer > details > summary::before,
.js menu-drawer > details[open]:not(.menu-opening) > summary::before {
  content: '';
  position: absolute;
  cursor: default;
  width: 100%;
  height: calc(100vh - 100%);
  height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  top: 100%;
  left: 0;
  background: rgba(var(--color-foreground-transparent, var(--color-foreground)), 0.5);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  transition: opacity 0s, visibility 0s;
}

menu-drawer > details[open] > summary::before {
  visibility: visible;
  opacity: 1;
  transition: opacity var(--duration-default) ease, visibility var(--duration-default) ease;
}

.menu-drawer__utility-links{
  padding: 2rem 1.5rem;
  background: #FFFFFF;
}

.menu-drawer__localization.header-localization {
  margin-left: -1rem;
}

.menu-drawer__wishlist .t-button,
.menu-drawer__account {
  font-size: 1.4rem;
  letter-spacing: 0.02rem;
  height: 5rem;
}

.menu-drawer__wishlist .icon,
.menu-drawer__account .icon {
  width: 2rem;
  height: 2.2rem;
  margin-right: 1rem;
}

.menu-drawer__account:hover .icon {
  transform: scale(1.07);
}

/* section-footer */
.footer-block:only-child:last-child {
  max-width: 76rem;
  margin: 0 auto;
  text-align: center;
}

.footer-block__link,
.footer-block--text .footer-block__details-item p {
  word-break: break-word;
}

.footer:not(.footer--modern) .footer-block__link {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.footer__copyright > *,
.copyright__content {
  font-size: inherit;
}

.copyright__content a {
  padding: 1.6rem 0;
  color: currentColor;
  text-decoration: none;
}

.footer__payment + .footer__social {
  margin-left: 1rem;
}

.footer .newsletter-form__field-wrapper .button .icon {
  width: 2.9rem;
  height: 1.6rem;
  transition: transform var(--duration-long) ease;
  will-change: transform;
}

.footer .newsletter-form__field-wrapper .button:hover .icon {
  transform: scale(1.1) translate(3px);
}

.footer-block__social-item .list-social__link {
  column-gap: 0.8rem;
}

.footer-block__social-item .list-social__link:before {
  display: none;
}

.footer-block__details-content .footer-block__item + .footer-block__item {
  margin-top: clamp(0px, calc(var(--r-gap) - 4px), var(--r-gap));
}

/* footer block newsletter modern */
.footer--modern .footer-block.type-newsletter--default .newsletter-form__field.enable-arrow .field__input{
  padding: 1.7rem 17.1rem 1.7rem 2.5rem;
}

.footer--modern .footer-block.type-newsletter--default .newsletter-form__field:not(.enable-arrow) .field__input{
  padding-right: 13.2rem;
}

.footer--modern .footer-block.type-newsletter--default .newsletter-form__field-wrapper .button {
  box-shadow: none;
  padding-left: 2.6rem;
  padding-right: 2.6rem;
  border-radius: 0;
}

.footer--modern .footer-block.type-newsletter--default .footer-block__heading {
  margin-bottom: 0.9rem;
}

.footer__social .list-social  {
  column-gap: 1rem;
}

.footer__social .list-social__item  {
  border-radius: 50%;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.10);
}

.footer__social .list-social__link {
  padding: 1.1rem;
}

.footer__social .list-social__link .icon {
  width: 1.8rem;
  height: 1.8rem;
}

/* footer checkbox */
.footer__newsletter .form--check {
  margin-top: 1.1rem;
  letter-spacing: 0.5px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.footer__newsletter .form--check p a {
  text-decoration: underline;
}

.footer__newsletter .form--check label {
  position: relative;
  padding-left: 2.2rem;
  display: block;
}

.footer__newsletter .form--check label:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  border: 1px solid rgb(var(--color-foreground));
  width: 1.6rem;
  height: 1.6rem;
  cursor: pointer;
  border-radius: .2rem;
  transform: translateY(-50%);
}

.footer__newsletter .form--check label:after {
  content: '';
  position: absolute;
  top: calc(50% - .2rem);
  left: .3rem;
  width: 1rem;
  height: .6rem;
  border: .2rem solid rgb(var(--color-foreground));
  border-top: none;
  border-right: none;
  background: rgba(255,255,255,0);
  transform:translateY(-50%) rotate(-45deg);
  transition: .1s;
  pointer-events: none;
}

.footer__newsletter .form--check label:before,
.footer__newsletter .form--check label:after {
  border-color: #ffffff;
}

.footer__newsletter .form--check input[type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0) translateY(-50%) rotate(-45deg);
}

.shopify-section-group-footer-group .section__i-w-text .carousel__item {
  padding: 4rem 3rem 4rem 1.5rem;
}

@media screen and (min-width: 990px) {
  .shopify-section-group-footer-group .section__i-w-text .carousel__item:first-child {
    padding-left: 3rem;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .shopify-section-group-footer-group .section__i-w-text .carousel__items {
    padding-top: 6.4rem;
    padding-bottom: 6.2rem;
    margin: 0 -1.5rem;
  }

  .shopify-section-group-footer-group .section__i-w-text .carousel__item {
    padding: 4rem 1.5rem;
  }

  .shopify-section-group-footer-group .section__i-w-text .item {
    justify-content: left;
  }
}

@media screen and (max-width: 749px) {
  .shopify-section-group-footer-group .section__i-w-text .carousel__item {
    padding: 2.7rem .5rem;
  }
}

.shopify-section-group-footer-group
  .section__i-w-text.horizontal
  .item__icon
  .icon {
  width: 4.2rem;
  height: 4.2rem;
}

/* footer classy */
.footer--classy .footer__content-bottom {
  border-top: 1px solid rgb(var(--color-foreground));
}

.footer--classy .footer-block__details-item {
  margin-top: 4.4rem;
}

.footer--classy .type-newsletter--special .newsletter-form__field-wrapper .button path {
  fill: currentColor;
}

.footer--classy .type-newsletter--special .newsletter-form__field-wrapper .field__input:focus,
.footer--classy .type-newsletter--special .newsletter-form__field-wrapper .field__input:not(:placeholder-shown),
.footer--classy .type-newsletter--special .newsletter-form__field-wrapper .field__input:-webkit-autofill {
  border-color: rgb(var(--color-foreground)) !important;
}

.footer--classy .list-social {
  margin-left: 0;
  column-gap: 1.5rem;
}

.footer--classy .footer-block--newsletter .list-social__link {
  padding: 0.7rem;
  border: 1px solid rgb(var(--color-foreground));
}

.footer--classy .type-newsletter--special .newsletter-form__field-wrapper .field__input {
  height: 5.6rem;
}

.footer--classy .type-newsletter--special .field__label {
  top: calc(0.5rem + var(--inputs-border-width));
}

.footer--classy .type-newsletter--special .field__input:focus ~ .field__label--fixed,
.footer--classy .type-newsletter--special .field__input:not(:placeholder-shown) ~ .field__label--fixed,
.footer--classy .type-newsletter--special .field__input:-webkit-autofill ~ .field__label--fixed {
  font-size: 1em;
  opacity: 1;
  visibility: visible;
  top: 0;
  left: 0;
}

.footer--classy .type-newsletter--special .newsletter-form__field-wrapper .button .icon {
  width: 5rem;
  height: 4.5rem;
}

/* footer special */
.footer--special .footer-block--newsletter .footer-block__heading {
  margin-bottom: 1.1rem;
}

.footer--special .copyright__content {
  font-family: var(--font-heading-family);
}

.footer--special .footer__copyright .policies {
  gap: var(--g-gap-xs);
}

.footer--special .footer__copyright .policies li {
  line-height: calc(var(--font-body-size) * 1);
}

.footer--special .newsletter-form__field:before,
.footer--special .newsletter-form__field:after,
.type-newsletter--special .newsletter-form__field:before,
.type-newsletter--special .newsletter-form__field:after {
  box-shadow: none !important;
}

.type-newsletter--special .newsletter-form__field-wrapper .field__input {
  border: none;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 1);
  padding: 1.3rem 6rem 0.5rem 0rem;
  height: 4.8rem;
}

.type-newsletter--special .newsletter-form__field-wrapper .field__input {
  height: 4.7rem;
  padding: 1.3rem 10rem 0.5rem 0rem;
}

.type-newsletter--special .newsletter-form__field-wrapper .field__input:focus,
.type-newsletter--special .newsletter-form__field-wrapper .field__input:not(:placeholder-shown),
.type-newsletter--special .newsletter-form__field-wrapper .field__input:-webkit-autofill {
  margin: 0;
  box-shadow: none;
  border-bottom: 1px solid rgb(var(--color-foreground)) !important;
}

.footer--special .newsletter-form__field-wrapper .button,
.type-newsletter--special .newsletter-form__field-wrapper .button {
  padding-left: 0.5rem;
  padding-right: 0rem;
  height: 3rem;
  min-height: initial;
  top: 52%;
  transform: translateY(-50%);
}

.type-newsletter--special .newsletter-form__field-wrapper .button {
  top: 56%;
}

.footer--special .newsletter-form__field-wrapper .button .icon {
  height: auto;
  width: 3.2rem;
}

.type-newsletter--special .newsletter-form__field-wrapper .button .icon {
  width: 2.5rem;
  height: 2.5rem;
}

.footer--special .newsletter-form__field-wrapper .field__label {
  color: rgba(var(--color-foreground), 0.7);
  font-size: clamp(1.4rem, calc(var(--font-body-size) - 0.2rem), 1.8rem);
  line-height: 1.5;
}

.type-newsletter--special .newsletter-form__field-wrapper .field__label {
  transition: all var(--duration-default) ease;
  left: 0;
}

.type-newsletter--special .field__input:focus ~ .field__label--fixed,
.type-newsletter--special .field__input:not(:placeholder-shown) ~ .field__label--fixed,
.type-newsletter--special .field__input:-webkit-autofill ~ .field__label--fixed {
  top: calc(1.7rem + var(--inputs-border-width));
  left: calc(var(--inputs-border-width) + 0.5rem);
  color: rgba(var(--color-foreground), 1);
  letter-spacing: 0.4rem;
  opacity: 0;
  visibility: hidden;
  font-size: initial;
}

.type-newsletter--special .field__input:focus,
.type-newsletter--special .field__input:not(:placeholder-shown),
.type-newsletter--special .field__input:-webkit-autofill {
  margin: 0;
}

.type-newsletter--special .field__input:focus-visible {
  box-shadow: none;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 1) !important;
}

.footer--special .footer-block__details-item .list-social {
  margin-left: -0.7rem;
  column-gap: 0.2rem;
}

.footer--special .footer-block__details-item .list-social__link {
  padding: 1rem;
}

.footer--special .footer-block__details-content + .footer-block__details-item {
  margin-top: 2rem;
}

.footer--special .summary__title:before {
  width: 1.6rem;
  height: 0.1rem;
}

.footer--special .summary__title:after {
  width: 0.1rem;
  height: 1.6rem;
  right: 0.8rem;
}

/* footer modern */
.footer--modern .footer-block--text {
  width: 100%;
  max-width: 100%;
}

.footer--modern .footer-block__details-item .list-social__link {
  padding: 0.8rem;
}

.footer--modern .footer-block__details-item .list-social {
  margin-left: -0.8rem;
}

.footer--modern  .footer-block__details-content .rte p {
  margin-bottom: 1rem;
}

.footer--modern  .footer-block__details-content .rte p:empty {
  margin-top: 0;
}

/* double-banner */
.db-banner__item {
  width: 50%;
}

.db-banner__item.--right {
  margin-left: -0.1rem;
}

.db-banner__content {
  --mt-button: 2.4rem;
  padding: 1rem;
}

.db-banner__heading {
  max-width: 36rem;
}

.db-banner__heading .heading-text {
  line-height: calc(1.5 * var(--font-heading-scale));
  margin-bottom: 0;
}

.db-banner__button .button {
  --h-button: calc(4.4rem + var(--buttons-border-width) * 2);
  --border-offset: calc(3.9rem + var(--buttons-border-width) * 2);
  padding: 0 2.416rem;
  font-size: 1.4rem;
  min-height: var(--border-offset);
}

.db-banner__button .button:before {
  --border-offset: calc(var(--h-button) + var(--buttons-border-width) * 2);
}

/* component-image-banner */
.section__i-banner .banner__box {
  max-height: 100%;
}

.section__i-banner .banner__buttons .button--style-diagonal-swipe.button--icon-none {
  --h-button: 4.1rem;
  min-width: initial !important;
  padding: 0 2.416rem;
  height: var(--h-button) !important;
  min-height: var(--h-button) !important;
  font-size: clamp(1.4rem, calc(var(--font-body-size) - 0.2rem), 1.6rem);
}

.section__i-banner .banner .animate--zoom-on-hover + .banner__content:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  transition: opacity var(--duration-slow) var(--cubic);
  pointer-events: none;
  opacity: 0;
}

.section__i-banner .banner .animate--zoom-on-hover.banner__media img {
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform var(--duration-slow) var(--cubic);
}

.section__i-banner .banner:hover .animate--zoom-on-hover.banner__media img {
  transform: rotate(3deg) scale(1.2);
}

.section__i-banner .banner:hover .animate--zoom-on-hover + .banner__content:before {
  opacity: 1;
}

.section__i-banner .banner__image-with-text .banner__button {
  width: 20rem;
  height: 30rem;
  right: max(2.5rem, 1%);
  bottom: var(--padding-bottom);
  border-radius: 10rem;
}

/* featured-product-tab */
.section__f-product-tab .tab__title {
  padding-bottom: 1.5rem;
}

.section__f-product-tab .p-w__heading {
  margin-bottom: 0.6rem;
}

.section__f-product-tab .tab__title.center .p-w__text {
  font-size: 1.4rem;
  max-width: 77%;
  margin: 0 auto;
}

.section__f-product-tab .tab__item-content {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.section__f-product-tab.style--special .card-media.media--portrait {
  padding-bottom: 70%;
}

.section__f-product-tab.style--special .card-media.media--portrait > img {
  object-fit: contain;
}

.section__f-product-tab .tab__content-item .item__product {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.section__f-product-tab .tab__list-item {
  border-top: none;
}

.section__f-product-tab .tab__list-item:last-child {
  border-bottom: none;
}

.section__f-product-tab .tab__list-item .text-inner:after {
  content: "";
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  width: 100%;
  height: 0.2rem;
  /*background-color: rgba(var(--color-foreground), 1);*/
  transform: scaleX(0);
  transition: transform var(--duration-slow) var(--cubic);
  transform-origin: right;
}

.section__f-product-tab .tab__list-item.active .text-inner:after {
  transform: scaleX(1);
  transform-origin: left;
}

.section__f-product-tab .tab__list-item .tab__list-opener {
  --py: 0.8rem;
  font-family: var(--font-heading-family);
  padding: 0 0 var(--py) 0;
  color: rgba(var(--color-link));
  background-color: transparent;
  font-size: 1.8rem;
  line-height: 100%;
  margin-bottom: 0.5rem;
}
.tab__list-opener .text-inner {
      margin-right: 1.5rem;
    }


.section__f-product-tab .tab__list-item .tab__list-opener:last-child {
  margin-bottom: 0;
}

.section__f-product-tab .tab__list-item.active .tab__list-opener,
.section__f-product-tab .tab__list-item:hover .tab__list-opener {
  color: rgba(var(--color-foreground), 1);
}

.section__f-product-tab:not(.style--classic) .card__content {
  position: static;
  text-align: center;
  pointer-events: visible;
}

.section__f-product-tab .price.right {
  text-align: center;
}

.section__f-product-tab:not(.style--classic) .card__information {
  max-width: min(60%, 37.5rem);
  margin: 0 auto;
}

.section__f-product-tab .card__price {
  justify-content: center;
}

.section__f-product-tab .carousel__controls .button-slider {
  bottom: 12%;
  top: unset;
}

.section__f-product-tab .card__content .card__heading {
  margin-top: 0.6rem;
}

.section__f-product-tab .card__content .card__price {
  margin-top: 0.6rem;
}

.outstanding-product__item {
  transform: translateX(-2rem);
  opacity: 0;
  transition: transform var(--duration-slow) var(--cubic), opacity var(--duration-slow) var(--cubic);
  will-change: transform;
}
/*
.section__f-product-tab .tab__content-item.active .swiper-slide-active .outstanding-product__item {
  animation: aniOutst var(--duration-slow) var(--cubic) forwards;
  animation-delay: calc(0.35s + 2 * var(--dlay));
}*/

.section__f-product-tab .tab__content-item .outstanding-product__list li span{
  background-image: linear-gradient(currentColor,currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  padding-bottom: 0.2rem;
}
/*
.section__f-product-tab .tab__content-item.active .swiper-slide-active .outstanding-product__list li span {
  animation: aniUnderLine var(--duration-slow) var(--cubic) forwards;
  animation-delay: calc(.35s + 2 * var(--dlay));
}*/

.section__f-product-tab .tab__content-item.tab-in-mobile {
  max-height: 0;
  overflow: hidden;
  transition: var(--duration-long) var(--cubic);
}

.section__f-product-tab .tab__content-item.tab-in-mobile.active {
  max-height: var(--max-height,0);
}

@keyframes aniOutst{
  from{
  transform: translateX(-2rem);
  opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes aniUnderLine{
  from{
    background-size: 0 1px;
  }
  to {
    background-size: 100% 1px;
  }
}

.section__f-product-tab.style--special .card__heading > a {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.section__f-product-tab .tab__item-tab .pos-sticky {
  top: 30%;
}

.section__f-product-tab .carousel__controls .button-slider__prev {
  left: 0;
}

.section__f-product-tab .carousel__controls .button-slider__next {
  right: 0;
}

.section__f-product-tab .tab__list-item:not(:last-child) {
  margin-right: 0;
}
/*
.section__f-product-tab .tab__content-item.active {
  animation: var(--animation-slide-in);
  animation-delay: calc(var(--animation-order) * 75ms);
}*/

  /* featured-product-tab classic */
  .section__f-product-tab.style--classic .tab__list {
    row-gap: 0.8rem;
  }

  .section__f-product-tab.style--classic .tab__list-item:not(:last-child):after {
    content: "/";
    color: rgba(var(--color-foreground), 0.5);
    margin-left: 1.6rem;
    margin-right: 1.6rem;
    margin-top: 0.5rem;
  }

  .section__f-product-tab.style--classic .tab__item-tab {
    width: fit-content;
    position: relative;
    z-index: 2;
  }

  .section__f-product-tab.style--classic .tab__content-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
  }

  .section__f-product-tab.style--classic .tab__content-item.active {
    position: static;
    opacity: 1;
    pointer-events: visible;
  }

  .section__f-product-tab.style--classic .tab__item-content {
    padding-left: 0;
  }

  .section__f-product-tab.style--classic .swiper-slide {
    width: calc(8 / 12 * 100%);
    transition: var(--duration-slow) var(--cubic);
  }

  .section__f-product-tab.style--classic .tab__list-item .tab__list-opener {
    font-size: clamp(1.6rem, calc(var(--font-body-size)), 1.8rem);
  }

  .section__f-product-tab.style--classic .arrow-style-modern-plus .arrow-wrap {
    top: 0.7rem;
    right: 0;
  }

  .section__f-product-tab.style--classic .tab__item-content .swiper {
    padding-top: 10rem;
    margin-top: -10rem;
    padding-bottom: 5rem;
  }

  .section__f-product-tab.style--classic .tab__list-item .text-inner:after {
    display: none;
  }

  .section__f-product-tab.style--classic .tab__list-item .link--style-dot .link-style:before {
    bottom: -0.6rem;
  }

  .section__f-product-tab.style--classic .tab__content-item .quick-add__submit.button--style-diagonal-swipe {
    --border-offset: calc(5rem + var(--buttons-border-width) * 4);
    min-height: calc(5rem + var(--buttons-border-width) * 2);
  }

/* spotlight product */
.section__spotl-products .p-w__content {
  max-width: calc(100% - ((100% - 157rem) / 2));
}

.spotl-products__carousel {
  width: calc(100% - 50vw);
  padding: 0 2.4rem 0rem 2.4rem;
}

.spotl-products__image {
  width: 100%;
}

.spotl-products__image .image-wrap img {
 /* transform: scale(1.5);*/
  opacity: 0.5;
  transition: all 1.2s var(--cubic);
}

.spotl-products__image .image-wrap[loaded="true"] img,
.no-js .spotl-products__image .image-wrap img {
/*  transform: scale(1);*/
  opacity: 1;
}

.spotl-products__image .carousel-thumb {
  margin: 0;
  padding: 0;
}

.spotl-products__image .carousel-thumb .carousel__item {
  left: clamp(2%, var(--left) , 98%);
  top: clamp(2%, var(--top) , 98%);
  transform: translate(-50%,-50%);
}

.spotl-products__image .carousel__items {
  transform: none !important;
}

.spotl-products__image .carousel__item {
  --size-item: 2.4rem;
  width: var(--size-item) !important;
  height: var(--size-item);
  border: 0.1rem solid rgba(var(--button-color-text), 1);
  color: rgba(var(--button-color-text), 1);
  transition: all var(--duration-default);
  font-size: clamp(1rem, calc(var(--font-body-size) - 0.6rem), 1.4rem);
  animation: pulse-animation 2s infinite;
  margin-right: 0 !important;
}

.spotl-products__image .carousel__item .point-button {
  opacity: 0;
}

.spotl-products__image .carousel__item.swiper-slide-thumb-active {
  color: var(--color-foreground);
  background-color: rgba(var(--button-color-text), 1);
}

.spotl-products__carousel .grid-scroll {
  padding: 0;
  margin: 0;
}

.section__spotl-products .price.right {
  text-align: center;
}

.section__spotl-products .card__badge {
  display: none;
}

.section__spotl-products .card__information {
  max-width: min(80%, 42.8rem);
  margin: 0 auto;
}

.section__spotl-products .card__price {
  margin-right: auto;
}

.section__spotl-products .card__price .price {
  text-align: center;
}

.section__spotl-products .card__content {
  position: static;
  text-align: center;
  pointer-events: visible;
}

.section__spotl-products .arrow-style-special.spotl-pagination .button-slider {
  top: unset;
  bottom: 4.8rem;
}

.section__spotl-products .swiper-pagination-dashed .swiper-pagination-bullet:not(.cus-bullet):after {
  background: rgba(var(--color-background), 0.2);
  border-color: rgba(var(--color-background), 0.2);
}

.section__spotl-products .swiper-pagination-dashed .swiper-pagination-bullet-active:not(.cus-bullet):after {
  background: rgba(var(--color-background), 1);
  border-color: rgba(var(--color-background), 1);
}

.spotl-products__drawer .card__content {
  text-align: left;
}

.spotl-products__drawer .card__information {
  max-width: 100%;
}

.spotl-products__drawer .card__price {
  margin-left: 0;
}

.spotl-products__drawer .lookbook__drawer-header {
  padding: 1.5rem 1.6rem 1.5rem;
  margin: 0;
  border-bottom: 0.1rem solid rgba(var(--global-color-foreground), 1);
}

.spotl-products__drawer .button--close {
  background-color: transparent;
  top: 50%;
  right: 1.6rem;
  transform: translate(0, -50%);
  padding: 0.2rem;
  width: 1.6rem;
  height: 1.6rem;
}

.spotl-products__drawer .lookbook__drawer-heading {
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(1.8rem, calc(var(--font-body-size) + 0.2rem), 2.2rem);
  line-height: calc(1.1 * var(--font-heading-scale));
}

.spotl-products__drawer .lookbook__drawer-wrapper {
  padding: 0 1.6rem 3.2rem;
  margin-top: 2.2rem;
}

.spotl-products__drawer .drawer__inner {
  padding: 0;
}

.spotl-products__drawer .card__heading {
  font-size: clamp(1.6rem, var(--font-body-size), 2rem);
}

.section__spotl-products .style-product-default .quick-add__submit.button--style-diagonal-swipe {
  padding: 1.55rem 4.8rem;
}

.spotl-products__carousel .style-product-advanced-card .card__information .card__rating-w-price {
  align-items: center;
}

.spotl-products__carousel .style-product-advanced-card .card__information {
  display: block;
  text-align: center;
}

/* spotlight special */
.section__spotl-products.style--special .p-w__content {
  max-width: 100%;
}

.style--special .spotl-products__carousel .grid-scroll {
  --m-w: 32.2rem;
  margin-left: auto;
  margin-right: auto;
}

.style--special .spotl-products__carousel .card__vendor {
  font-size: clamp(1.6rem, var(--font-body-size), 2rem);
}

.style--special .spotl-products__carousel .card__information {
  padding-top: 0.5rem;
}

.section__spotl-products.style--special .card__information .card__quickadd {
  margin-top: 2rem;
}

.section__spotl-products.style--special .card__swatch--item .pattern {
  transition: var(--duration-default);
}

.section__spotl-products.style--special .card__swatch--item:hover .pattern {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0.4rem 1.2rem;
}

.section__spotl-products.style--special .button-slider__prev {
  left: var(--padding-x);
}

.section__spotl-products.style--special .button-slider__next {
  right: var(--padding-x);
}

/* spotlight modern */
.section__spotl-products.style--modern .card__price .price {
  font-size: clamp(1.2rem,var(--font-body-size) - .2rem,3rem)
}

.section__spotl-products.style--modern .card,
.section__spotl-products.style--modern .card .card__inner {
  margin-left: auto;
  margin-right: auto;
}

.section__spotl-products.style--modern .card {
  max-width: 33.7rem;
}

.section__spotl-products.style--modern .card .card__inner {
  max-width: 32.2rem;
}

.section__spotl-products.style--modern .card__information {
  max-width: 100%;
  padding-bottom: 0;
}

.section__spotl-products.style--modern .style-product-default .card__information {
  padding-top: 3.2rem;
}

.section__spotl-products.style--modern .style-product-default .card__vendor {
  margin-bottom: 0.8rem;
}

.section__spotl-products.style--modern .style-product-default .card__swatch ,
.section__spotl-products.style--modern .style-product-default .card__price {
  margin-top: 0.8rem;
}

.section__spotl-products.style--modern .style-product-default .card__heading {
  text-decoration: underline;
}

.section__spotl-products.style--modern .arrow-style-modern .button-slider {
  box-shadow: none;
}

.section__spotl-products.style--modern .arrow-style-modern .swiper-pagination-fraction:not(.pagination--quick-add) {
  right: 3rem;
  top: 40%;
}

/* f__information */
.f__information--has-image {
  --gap-x: 2.4rem;
  margin-left: calc(-0.5 * var(--gap-x));
  margin-right: calc(-0.5 * var(--gap-x));
}

.f__information--has-image > * {
  padding-left: calc(0.5 * var(--gap-x));
  padding-right: calc(0.5 * var(--gap-x));
  width: 100%;
}

.f__information-content .title {
  font-size: clamp(1.6rem, calc(var(--font-body-size)), 2.4rem);
}

.f__information-content .title + .button {
  margin-top: 2.4rem;
}

.f__information-content .description {
  font-size: clamp(1.4rem, calc(var(--font-body-size) - 0.4rem), 1.6rem);
  margin-top: 1.2rem;
}

.f__information-content .rte p {
  margin-bottom: -0.5rem;
}

.f__information-content .button {
  --h-button: 4rem;
  --border-offset: calc(3.9rem + var(--buttons-border-width) * 2);
  min-height: var(--border-offset);
  padding: 0 2.4rem;
}

.f__information-content .button:before {
  --border-offset: calc(var(--h-button) + var(--buttons-border-width) * 6);
}

.f__information-content .description + .button ,
.f__information-content .description + .cursor-fixed__parallax-target {
  margin-top: 3.5rem;
}

/* header special */
.section-header:not(.pos-sticky) .header-wrapper.transparent,
.section-header .header-wrapper.transparent,
.section-header.animate,
.section-header.animate .header-wrapper.transparent {
  transition: background var(--duration-long) var(--cubic), transform var(--duration-long) var(--cubic);
}

.header-style-special .header {
  padding-top: calc(var(--padding-top) * 0.44);
  padding-bottom: calc(var(--padding-top) * 0.44);
}

.header-style-special .icons-style-basic .header__icon {
  width: 2.4rem;
  height: 2.4rem;
}

.header-style-special .icons-style-basic .header__icon .icon {
  width: 2.4rem;
  height: 2.4rem;
}

.header-style-special .cart-count-bubble,
.header-style-special .wishlist-count-bubble {
  top: -0.2rem;
  right: -0.4rem;
  min-width: 1.6rem;
  height: 1.6rem;
  font-size: clamp(1.1rem, calc(var(--font-body-size) - 0.5rem), 1.4rem);
}

.header-style-special .header__icon--cart {
  margin-right: 0;
}

.header-style-special .header__icon + .header__icon {
  margin-left: 0.8rem;
}

.header--mobile-left .header-drawer:not(.icons-style-modern) .header__icon--cart + .menu-drawer-container {
  margin-left: 1.3rem;
}

.menu-mobile-show .section-header.sticky-hidden .header-style-special.transparent {
  transform: translate(0, 0);
}

/* Mega menu */
.mega-1__drawer .mg_heading {
  color: white;
  transform: rotate(-180deg);
}

.mega-1__drawer .mega-menu__heading {
  right: 2.3rem;
  writing-mode: vertical-rl;
  backface-visibility: hidden;
  padding-top: 4.4rem;
  padding-bottom: 2.9rem;
}

.mega-1__drawer .mega-menu__item:after {
  content: '';
  position: absolute;
  top: 0;
  background: rgba(var(--color-opacity), var(--media-opacity, 0.3));
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: background 1.2s ease;
  pointer-events: none;
}

/* f-product-tab special */
.outstanding-product__item.item--1 {
  left: 2%;
  top: 35%;
}

.outstanding-product__item.item--2 {
  left: 29%;
  top: 0%;
}

.outstanding-product__item.item--3 {
  left: 65%;
  top: 26%;
}

/* component-product-column */
.p-column__countdown {
  padding-bottom: var(--padding-bottom);
  row-gap: 4rem;
}

.p-column__countdown .heading-textbox {
  column-gap: 1rem;
}

.p-column__countdown .heading-textbox .column__countdown-heading.heading-size-medium {
  font-size: max(1.2rem,calc(var(--font-heading-desktop) + calc(calc(var(--font-heading-step) * -1) )));
}

.p-column__countdown .heading-textbox .link {
  padding: 1rem 0;
}

.p-column__countdown .countdown .item {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}

.p-column__countdown .countdown .num {
  font-size: 2.4rem;
}

.p-column__countdown .countdown .text {
  font-size: 1.2rem;
}

.p-column__collection .collection-box {
  --duration: 1.5s;
  --duration-slow: 2s;
}

.p-column__collection .collection-heading:before,
.p-column__collection .collection-heading:after,
.p-column__collection .collection-box:after {
  content: "";
  position: absolute;
  left: 0;
  height: 0.1rem;
  width: 0;
  background: #000;
  transition: all var(--duration) ease-out;
}

.p-column__collection .collection-box:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  height: 0;
  width: 0.1rem;
  background: #000;
  transition: all var(--duration-slow) ease-out;
}

.p-column__collection .collection-heading:before {
  top: 0;
}

.p-column__collection .collection-heading:after,
.p-column__collection .collection-box:after {
  bottom: 0;
  z-index: 1;
}

.p-column__collection .collection-box[loaded="true"]:after,
.p-column__collection .collection-box[loaded="true"] .collection-heading:before,
.p-column__collection .collection-box[loaded="true"] .collection-heading:after {
  width: 100%;
}

.p-column__collection .collection-box.check-blocks--2[loaded="true"]:before {
  height: 100%;
}

.p-column__collection .collection-heading__text,
.p-column__collection .collection-item {
  width: 50%;
}

.p-column__collection .collection-item + .collection-item {
  border-left: none;
}

.p-column__collection .collection-heading__text button {
  padding: 1.6rem 0;
  margin-bottom: 0;
  min-height: 6rem;
}

.p-column__collection .collection-swiper {
  --px-swiper: 7.85rem;
  padding: 4rem var(--px-swiper);
}

.p-column__collection .swiper {
  padding: 0 var(--px-swiper);
  margin: 0 calc(-1 * var(--px-swiper));
}

.p-column__collection .swiper .button-slider__next {
  right: 0;
}

.p-column__collection .swiper .button-slider__prev {
  left: 0;
}

.p-column__collection .arrow-style-modern .swiper-pagination-fraction {
  right: 3rem;
  font-size: calc(var(--font-body-size) - 0.2rem);
  top: 40%;
}

.p-column__collection .collection-swiper .carousel .swiper{
  padding: 0rem 9rem;
  margin: 0;
}

.p-column__collection .collection-viewall .link  {
  padding: 1rem 1.6rem;
  margin-bottom: 2.4rem;
  display: inline-block;
}

.p-column__collection .swiper-slide {
  transition: all 0.2s linear;
}

.p-column__collection .swiper-slide:not(.swiper-slide-active) {
  opacity: 0;
}

.p-column__collection .card__information {
  padding-bottom: 0;
}

.p-column__collection .style-product-default .quick-add__submit {
  min-height: calc(4.2rem + var(--buttons-border-width) * 2);
}

.section_p-column .swiper-pagination-bullets.swiper-pagination-dashed .swiper-pagination-bullet, 
.section_p-column .swiper-pagination-dashed .swiper-pagination-bullet:not(.cus-bullet):after{
  width: inherit;
}

/* Cursor move */
.cursor-move {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 100;
  mix-blend-mode: difference;
  background-color: #fff;
  opacity: 0;
}

.cursor-move--link {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 100;
  background-color: transparent;
  border-radius: 50%;
  border: 0.1rem solid white;
  opacity: 0;
}

.cursor-move--link.button--circle {
  transition-duration: 0.4s;
}

.cursor-move--link.button--circle:before {
  display: none;
}

.cursor-move--link.button--circle:hover span {
  opacity: 1;
}

cursor-move.mask-hover .cursor-move--link {
  pointer-events: none;
  z-index: 2;
}

/* marquee special */
.section__marquee .marquee__item p {
  margin: 0;
}

.marquee__items .word {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.1rem;
  -webkit-text-stroke-color: currentColor;
  font-family: var(--font-heading-family);
}

/* image-w-coll */
.image-w-coll .row-wrap {
  --g-x: 3.5rem;
  --g-y: var(--g-x);
  --w-image: 100%;
  --w-coll: 100%;
  margin-left: calc(-0.5 * var(--g-x));
  margin-right: calc(-0.5 * var(--g-x));
  margin-top: calc(-1 * var(--g-y));
}

.image-w-coll .col {
  padding-left: calc(0.5 * var(--g-x));
  padding-right: calc(0.5 * var(--g-x));
  margin-top: var(--g-y);
}

.image-w-coll .col-image {
  width: var(--w-image);
}

.image-w-coll .col-coll {
  width: var(--w-coll);
}

.cursor-fixed__show .image-w-coll .swiper {
  --gap-x: 1rem;
  padding-left: var(--gap-x);
  padding-right: var(--gap-x);
  margin-left: calc(-1 * var(--gap-x));
  margin-right: calc(-1 * var(--gap-x));
}

.image-w-coll .image,
.image-w-coll .image-inner {
  transition-timing-function: var(--cubic);
  transition-duration: 1.2s;
  transition-property: opacity, transform;
}

.image-w-coll .image:hover {
  transform: scale(0.95);
}

.image-w-coll .image:hover .image-inner {
  transform: scale(1.15);
}

.image-w-coll .carousel {
  top: 1rem;
}

.image-w-coll .carousel__controls.arrow-style-classic-plus {
  margin-top: 0.6rem;
}

.image-w-coll .carousel__controls.arrow-style-classic-plus .button-slider__prev {
  left: var(--gap-x);
}

.image-w-coll .carousel__controls.arrow-style-classic-plus .button-slider__next {
  right: var(--gap-x);
}

/* collection-cate */
.coll-cate__wrap {
  max-width: 31rem;
  isolation: isolate;
}

.coll-cate__menu .item + .item:before {
  content: "/";
  display: inline-block;
  color: rgb(var(--color-link));
}

.coll-cate__menu .item {
  font-family: var(--font-heading-family);
  font-size: max(1.2rem,calc(var(--font-heading-size) ));
  text-transform: capitalize;
}

.coll-cate__menu .item__link {
  transition: var(--duration-default);
}

.coll-cate__menu .item.active .item__link {
  color: #e1e1e1;
}

.coll-cate__images {
  width: 26.8rem;
  height: 33.9rem;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
}

.coll-cate__images img {
  position: fixed;
  top: 0;
  left: 0;
  width: 26.8rem;
  height: 33.9rem;
  object-fit: cover;
  opacity: 0;
}

/* parallax container */
/* [data-parallax-container] img[data-parallax] {
  height: 120%;
} */

/* collage new */
.collage-content.content--bottom-center,
.collage-content.content--middle-center,
.collage-content.content--top-center {
  text-align: center;
}

.collage-content.content--bottom-right,
.collage-content.content--middle-right,
.collage-content.content--top-right {
  text-align: right;
}

.collage-content.content--middle-right,
.collage-content.content--middle-left {
  top: 50%;
  transform: translateY(-50%);
}

.collage-content.content--middle-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.collage-content.content--bottom-right,
.collage-content.content--bottom-center,
.collage-content.content--bottom-left {
  bottom: 0;
  top: unset;
}

/* splittingText - animation */
.splitting--chars .word {
  overflow: hidden;
}

.splitting--chars .char {
  transform: translateY(100%);
  transition-property: transform;
  transition-duration: 0.4s;
  transition-delay: calc(1s + (0.05s * var(--word-index)));
  transition-timing-function: var(--cubic);
}

.swiper-slide-active .splitting--chars .char {
  transform: translateY(0);
  transition-duration: 1s;
  transition-delay: calc(1s + (0.1s * var(--word-index)));
}

[data-splitting-element][data-splitting-animate="up"] {
  overflow: hidden;
}

[data-splitting-element] .whitespace {
  height: 100%;
  display: inline-block;
  width: 0.3em;
}

/* coll-with-product */
.coll-w-pro .full-width .button-slider__prev {
  left: 1rem;
}

.coll-w-pro .full-width .button-slider__next {
  right: 1rem;
}

.coll-w-pro__slide .item-content {
  padding: 4rem 1rem;
  gap: 1rem;
}

.coll-w-pro__slide .item-product {
  width: 100%;
  max-width: 30rem;
}

.coll-w-pro.layout--grid .item-product {
  max-width: 40rem;
}

.coll-w-pro__slide .item-product .price {
  color: rgba(var(--color-foreground), 1);
}

.coll-w-pro__slide .item-textbox__heading .swiper-slide-active .splitting--chars .char {
  transition-delay: calc(1s + (.02s * var(--word-index)));
}

.coll-w-pro__slide .item-textbox__heading + .item-textbox__button {
  margin-top: 1.2rem;
}

.coll-w-pro.layout--carousel .coll-w-pro__swiperbox .item-textbox__button {
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
}

.coll-w-pro.layout--carousel .coll-w-pro__swiperbox .swiper-slide-active .item-textbox__button {
  opacity: 1;
  pointer-events: visible;
  transition-delay: 1.6s;
}

.coll-w-pro__swiperbox .arrow-style-modern-plus {
  bottom: 4rem;
  right: 1rem;
  position: absolute;
  z-index: 2;
}

.coll-w-pro__swiperbox .arrow-style-modern-plus .button-slider:disabled {
  display: block;
}

.coll-w-pro .swiper-wrapper {
  min-height: 78.2rem;
}

.coll-w-pro.layout--grid .p-w__header {
  position: absolute;
  top: 3.3rem;
  height: calc(100% - 5rem);
  z-index: 2;
  background: transparent;
  pointer-events: none;
}

/* collapse-collection */
.collapse-coll__row {
  counter-reset: list_item;
}

.collapse-coll__item + .collapse-coll__item .item {
  border-top: none;
}

.collapse-coll__item .item {
  border: 0.1rem solid #000;
}

.collapse-coll__item .item .item-icon svg {
  transition: 0.4s ease-out;
}

.collapse-coll__item .item:hover .item-icon svg {
  transform: rotate(180deg);
}

.collapse-coll__item .item-content {
  --mg: 1.6rem;
  padding: 1.6rem 2.4rem;
}

.collapse-coll__item .accordion__active .item-content {
  padding: 1.6rem 2.4rem 5.6rem 2.4rem;
}

.collapse-coll__item .item-content__count:before {
  counter-increment: list_item;
  content: counter(list_item);
}

.collapse-coll__item .item-content__head {
  padding-right: 3rem;
}

.collapse-coll__item .item-content__heading {
  margin-left: var(--mg);
}

.collapse-coll__item .item-content__text {
  margin-left: calc(var(--mg) + 1rem);
  margin-bottom: 0;
}

.collapse-coll__item .item-content__button {
  margin-top: 6rem;
}

.collapse-coll__item .item-image {
  aspect-ratio: 581/444;
}

.collapse-coll__item .item-icon {
  width: 2.4rem;
  top: 50%;
  right: 2.4rem;
  transform: translateY(-50%);
  transition: 0.4s;
  transition-delay: 0.8s;
}

.collapse-coll__item .item-image,
.collapse-coll__item .item-content__text {
  will-change: max-height;
  transition: all 0.8s ease-in-out;
  max-height: 0;
  overflow: hidden;
}

.collapse-coll__item .item-content__desc {
  margin-top: 2.4rem;
}

.collapse-coll__item .item.accordion__active .item-icon {
  opacity: 0;
  transition: none;
}

.collapse-coll__item .item.accordion__active .item-image {
  max-height: 60rem;
}

/* category-list */
.cate-list {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: var(--g-gap-xs);
}

.cate-list__item .button {
  min-height: 6.4rem;
  min-width: initial;
  padding: 0 1rem;
  color: var(--color-link);
}

.cate-list__item .button:before,
.cate-list__item .button:after {
  content: "";
  position: absolute;
  right: 0;
  background-color: rgb(var(--color-line));
}

.cate-list__item .button::before {
  width: 0.3rem;
  height: 100%;
  top: 0;
}

.cate-list__item .button::after {
  width: 100%;
  height: 0.3rem;
  bottom: 0;
}

.cate-list__item .button .text-bot {
  --check-background-hover: rgba(var(--button-color-background-2), var(--alpha-b, 1));
  --button-gradient-background-hover: var(--button-gradient-background-2, var(--check-background-hover));
  position: absolute;
  transform: translateY(100%);
  color: rgba(var(--button-color-text-hover),1);
  background: var(--button-gradient-background-hover);
  transition: var(--duration-long) var(--cubic);
}

.cate-list__item .button .text-inner {
  transition: var(--duration-long) cubic-bezier(0.42, 1.77, 0.64, 1);
}

.cate-list__item .button .text-head .text-inner {
  color: rgba(var(--button-color-text), 1);
  transition-delay: 0.2s;
}

.cate-list__item .button .text-bot .text-inner {
  transform: translateY(100%);
  transition-delay: 0.2s;
  opacity: 0;
}

.cate-list__item .button:hover .text-bot,
.cate-list__item .button:hover .text-bot .text-inner {
  transform: translateY(0);
  opacity: 1;
}

.cate-list__item .button:hover .text-head .text-inner {
  transform: translateY(-50%);
  transition-delay: 0.1s;
}

/* marquee */
.section__marquee .marquee__item.set-underline.underline--full ,
.section__marquee .marquee__item.set-underline.underline--bold strong {
  position: relative;
  display: inline-block;
}

.section__marquee .marquee__item.set-underline.underline--full:after ,
.section__marquee .marquee__item.set-underline.underline--bold strong:after {
  content: "";
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  width: calc(100% + 0.8rem);
  height: 50%;
  max-height: 1.6rem;
  background-color: rgb(var(--color-underline));
  z-index: -1;
  transform: translateX(-50%);
  transition: var(--duration-slow) var(--cubic);
}

.section__marquee .marquee__item.set-underline.underline--full:hover:after,
.section__marquee .marquee__item.set-underline.underline--bold:hover strong:after {
  height: 100%;
  max-height: 100%;
  bottom: 0;
}

/* before-after label */
.before-after__label {
  --spacing: 2rem;
  --cus-size: 0.6rem;
  line-height: 1.25;
  letter-spacing: 0.15rem;
  font-size: max(
    1.2rem,
    calc(var(--font-heading-size) )
  );
  font-weight: 600;
}

.before-after__label.--before {
  left: var(--spacing);
  bottom: 0;
  transform: translateY(50%);
}

.before-after__label.--after {
  right: var(--spacing);
  top: 0;
  transform: translateY(-50%);
}

.before-after__label::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 100%;
  height: 40%;
  transform: translateX(-50%);
  z-index: -1;
  background: #f6e2c7;
}

.before-after__label.--before:after {
  top: 0.4rem;
}

.before-after__label.--after:after {
  bottom: 0.4rem;
}

.before-after__before-image img,
.before-after__after-image  img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.section-b-a-image .section-stack__intro p {
  margin: 0;
}

/* slide-banner */
.slide-banner {
  --w-image: 50%;
  --w-content: 100%;
}

.slide-banner__col.col-image {
  width: var(--w-image);
}

.slide-banner__col.col-content {
  width: var(--w-content);
}

.slide-banner__content {
  padding-top: var(--padding-top-xs);
  padding-bottom: var(--padding-bottom-xs);
}

.slide-banner__content .content-wrap {
  max-width: var(--content-max-width);
}

.slide-banner__subheading,
.slide-banner__text {
  line-height: 1.5;
}

.slide-banner__heading {
  line-height: 1.5;
  margin: 1.1rem 0 0.6rem;
}

.slide-banner__heading p ,
.slide-banner__text p {
  margin: 0;
}

.slide-banner__button {
  margin-top: 2rem;
}

.slide-banner .swiper .swiper-pagination {
  bottom: 0.4rem;
}

.slide-banner .swiper .swiper-pagination-bullet:not(.cus-bullet) {
  opacity: 1;
  padding: 2.1rem 1.1rem;
}

.slide-banner .swiper .swiper-pagination-bullet:after {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, .8rem));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, .8rem));
}

.slide-banner .button-slider {
  box-shadow: none;
}

.slide-banner__item .word {
  overflow: hidden;
}

.slide-banner__item .button-inner,
.slide-banner__item .char {
  transform: translateY(100%);
  transition: var(--duration-slow) var(--cubic);
}

.slide-banner__item.swiper-slide-active .button-inner,
.slide-banner__item.swiper-slide-active .char {
  transform: translateY(0%);
  transition-delay: 0.55s;
}

.slide-banner__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slide-banner[loaded="true"] .slide-banner__image img {
  -webkit-animation: zoomInBg 5s ease-in-out reverse both;
  animation: zoomInBg 5s ease-in-out reverse both;
}

  /* slide banner countdown */
  .slide-banner .banner__countdown .countdown {
    padding: 0;
    max-width: 100%;
  }

  .slide-banner .banner__countdown .item {
    padding: 1.6rem 2rem;
    text-align: center;
    width: 100%;
  }

  .slide-banner .banner__countdown .item .num {
    line-height: 1.5;
    font-size: clamp(1.8rem, calc(var(--font-body-size)), 2.2rem);
    letter-spacing: 1.5px;
  }

  .slide-banner .banner__countdown .item .text {
    letter-spacing: 0.5px;
    line-height: 1.5;
  }

  .slide-banner .banner__countdown count-down {
    max-width: 33.6rem;
    box-shadow: 6px 6px 0px 0px rgb(var(--color-foreground));
  }

@-webkit-keyframes zoomInBg {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.35) translateY(-15px);
    transform: scale(1.35) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0.7;
  }
}
@keyframes zoomInBg {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.35) translateY(-15px);
    transform: scale(1.35) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0.7;
  }
}

.footer .disclosure__button {
  color: rgba(var(--color-foreground), 1);
}

/* footer new style */
.footer-grid__item.appstore-is-show {
  width: 100%;
  max-width: 100%;
}

.footer-grid__item.appstore-is-show.footer-block:only-child:last-child {
  max-width: 100%;
  text-align: left;
}

.footer-grid__item.appstore-is-show .list-social {
  margin-left: 0;
}

.footer-grid__item.appstore-is-show .social-link__label {
  display: none;
}

.footer-grid__item.appstore-is-show.footer-block {
  row-gap: 1.2rem;
}

.footer-grid__item.appstore-is-show .list-social__link .icon {
  width: 2rem;
  height: 2rem;
}

.footer-grid__item.appstore-is-show .list-social__link {
  padding: 0.7rem;
}

.footer-grid__item.appstore-is-show .footer-block__social-item .list-social__link:before {
  display: block;
}

.footer--modern .footer-block--newsletter.w-full .footer-block__heading {
  letter-spacing: 0.15rem;
}

/* padding container full width */
.p-container-f-w {
  padding-left: var(--padding-full-width, 1rem);
  padding-right: var(--padding-full-width, 1rem);
}

/* collection-list new style */
.collection-list__masonry .collection-list__item.grid__item {
  --c-lg: 3;
  --c-md: 3;
  --c-sm: 3;
  --c-xs: 1;
}

.collection-list__masonry .collection-list__item.grid__item:nth-child(6n + 1) ,
.collection-list__masonry .collection-list__item.grid__item:nth-child(6n + 2) {
  --c-lg: 2;
  --c-md: 2;
  --c-sm: 2;
  --c-xs: 1;
}

.collection-list__masonry .card {
  position: relative;
}

.collection-list__masonry .card__content{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.6rem;
  grid-template-rows: 1fr;
}

.collection-list__masonry .card__information {
  height: 100%;
  padding: 0;
  grid-row-start: auto;
  display: flex;
  flex-direction: column;
}

.collection-list__masonry .button-wrap{
  margin-top: auto;
}

.collection-list .card__heading {
  margin-bottom: 0.8rem;
}


.collection-list__banner .description a {
  color: currentColor;
}

.collection-list__banner .description p{
  margin: 0;
}

.collection-list__banner .item-content {
  padding: 6.4rem 8.4rem;
}

/* Image-banner */
.section__i-banner .image-decor {
  -webkit-transition: all 1.6s cubic-bezier(0.53, 0.54, 0.46, 0.98);
  -o-transition: all 1.6s cubic-bezier(0.53, 0.54, 0.46, 0.98);
  transition: all 1.6s cubic-bezier(0.53, 0.54, 0.46, 0.98);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
      transform-origin: 0 0;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.section__i-banner .image-decor img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.section__i-banner .image-decor:nth-child(1) {
  left: 5.41%;
  right: 84.33%;
  top: 1.67%;
  bottom: 86.67%;
  transform: rotate(15deg);
}

.section__i-banner .image-decor:nth-child(2) {
  left: 0;
  right: 0;
  top: 0;
  bottom: 88.57%;
}

.section__i-banner .image-decor:nth-child(3) {
  right: 1.41%;
  left: 91.03%;
  top: 0.67%;
  bottom: 80.67%;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.section__i-banner .image-decor:nth-child(4) {
  left: 9.41%;
  right: 78.56%;
  bottom: 12.67%;
  top: 68.67%;
  -webkit-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  transform: rotate(35deg);
}

.section__i-banner .image-decor:nth-child(5) {
  right: 5.41%;
  left: 81.95%;
  bottom: -13.33%;
  top: 71.67%;
  -webkit-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  transform: rotate(-35deg);
}

.section__i-banner .products_images[loaded=true] .image-decor:nth-child(1) {
  left: 5.41%;
  right: 77.33%;
  top: 7.67%;
  bottom: 63.67%;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.section__i-banner .products_images[loaded=true] .image-decor:nth-child(2) {
  left: 0;
  right: 0;
  top: 0;
  bottom: 79.57%;
}

.section__i-banner .products_images[loaded=true] .image-decor:nth-child(3) {
  right: 1.41%;
  left: 84.03%;
  top: 8.67%;
  bottom: 68.67%;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
      transform: rotate(15deg);
}

.section__i-banner .products_images[loaded=true] .image-decor:nth-child(4) {
  left: 12.41%;
    right: 68.56%;
    bottom: -8.33%;
    top: 64.67%;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
      transform: rotate(15deg);
}

.section__i-banner .products_images[loaded=true] .image-decor:nth-child(5) {
  right: 10.41%;
  left: 70.95%;
  bottom: -8.33%;
  top: 69.67%;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.section__i-banner .banner__buttons .button.button--main-classic.button--icon-none.button--style-ripple {
  --pd: 1.15rem 6rem;
  padding: var(--pd);
  min-height: calc(5rem + var(--buttons-border-width) * 2);
}

/* component-collection-with-bundle */
.coll-w-bundle__slider .item-wrap {
  -webkit-clip-path: inset(10% 10% 10% 10% round 40px);
  clip-path: inset(10% 10% 10% 10% round 40px);
  -webkit-transition: all var(--duration-long) cubic-bezier(0.53, 0.54, 0.46, 0.98);
  -o-transition: all var(--duration-long) cubic-bezier(0.53, 0.54, 0.46, 0.98);
  transition: all var(--duration-long) cubic-bezier(0.53, 0.54, 0.46, 0.98);
  transition-delay: .7s;
}

.coll-w-bundle__slider[loaded=true] .item-wrap {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.coll-w-bundle__slider slider-component.swiper-more-item .swiper-box {
  width: 100%;
}

.coll-w-bundle__slider slider-component.swiper-more-item .carousel__controls .button-slider__prev {
  left: 0;
}

.coll-w-bundle__slider slider-component.swiper-more-item .carousel__controls .button-slider__next {
  right: 0;
}

.coll-w-bundle__slider slider-component.cover-flow .swiper-box {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 80%;
}

.coll-w-bundle__item .item_bundle_wrap{
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
}

.coll-w-bundle__item .item_bundle {
  background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(2rem);
  padding: 1.6rem;
  transition: transform var(--duration-slow) var(--cubic);
  transform: translateY(105%);
}

.coll-w-bundle__item.swiper-slide-active .item_bundle {
  transform: translateY(0%);
}

.coll-w-bundle__item .item_bundle-button {
  border-radius: 6px;
  border: .1rem solid rgba(var(--color-foreground), 0.2);
  background: var(--color-button);
  padding: 0.6rem;
}

.coll-w-bundle__item .item_bundle-head--count .icon-wrap svg {
  display: block;
}

.coll-w-bundle__item .item_bundle-content .content-inner .link-style {
  padding-bottom: 0.6rem;
}

@media screen and (max-width: 1199px) {
  .coll-w-bundle__slider slider-component.cover-flow .carousel__controls .button-slider__prev {
    left: 0;
  }

  .coll-w-bundle__slider slider-component.cover-flow .carousel__controls .button-slider__next {
    right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .js .has-bundble-product.swiper-slide-active .hero-logo {
    transform: translate3d(0, 100%, 0);
    transition: transform var(--duration-slow) var(--cubic);
  }
}

@media only screen and (min-width: 750px) {
  .coll-w-bundle__slider slider-component.cover-flow .swiper-box {
    width: 66.66666667%;
  }

  .coll-w-bundle__item .item_bundle_wrap{
    bottom: 3rem;
    left: 3rem;
    right: 3rem;
  }

  .coll-w-bundle__item .item_bundle {
    padding: 3rem 3rem 2.7rem;
  }
}

@media only screen and (min-width: 1025px) {
  .coll-w-bundle__item.has-bundble-product .item_bundle_wrap {
    transform: translate3d(0, calc(100% + 3rem), 0);
    transition: transform 1s 0.5s ease;
  }

  .coll-w-bundle__item.has-bundble-product .hero__content {
    transition: transform 1.5s 0.5s ease;
  }

  .coll-w-bundle__item.has-bundble-product:hover .item_bundle_wrap {
    transform: translate3d(0, 0, 0);
    transition: transform .8s ease;
  }

  .coll-w-bundle__item.has-bundble-product.swiper-slide-active:hover .hero__content {
    transform: translate3d(0, 100%, 0);
    transition: transform .8s ease;
  }
}

@media only screen and (min-width: 1200px) {
  .coll-w-bundle__slider slider-component.cover-flow .swiper-box {
    width: 43.51%;
  }
}

/* bundle popup */
.bundle-popup__list-item .card  {
  grid-template-columns: 10rem 1fr;
  grid-column-gap: 2rem;
  grid-template-areas: "product-image product-content";
  padding: 2rem;
  display: grid;
  background: var(--background);
}

.bundle-popup__list-item .card__inner{
  grid-area: product-image;
  object-fit: contain;
  font-family: "object-fit: contain";
}

.bundle-popup__list-item .card .card__badge {
  display: none;
}

.banner__buttons .button.button--main-standard.button--icon-none.button--style-horizontal-overlap,
.button--main-standard.button--icon-none.button--style-horizontal-overlap {
  min-height: calc(5.4rem + var(--buttons-border-width) * 2);
  padding: 0 7.5rem;
}

.link-list.layout--carousel .link-list__item {
  min-height: 4rem;
}

.wishlist__item + .wishlist__item {
  margin-top: 2rem;
}

.product-card-wishlist .card  {
  grid-template-columns: 10rem 1fr;
  grid-column-gap: 2rem;
  grid-template-areas: "product-image product-content";
  padding: 1.5rem;
  display: grid;
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0.5rem 0.6rem 0.9rem #b8b8b859;
}

.product-card-wishlist .card__inner{
  grid-area: product-image;
  object-fit: contain;
  font-family: "object-fit: contain";
}

.product-card-wishlist .card .card__badge {
  display: none;
}

.product-card-wishlist .card__information {
  padding: 0 !important;
}

.product-card-wishlist .card__information .card__heading {
  margin-bottom: 0.3rem;
}

.product-card-wishlist .card__information .card__heading,
.product-card-wishlist .card__information .price {
  font-size: 1.6rem;
}

.product-card-wishlist .card__information .card__vendor {
  font-size: 1.4rem;
  margin-bottom: 0;
}

.product-card-wishlist .card__information .card__swatch {
  margin-top: 0.7rem;
  margin-left: -0.3rem;
  padding-top: 0;
}

.product-card-wishlist .card__information .advanced__default-price-cart {
  margin-top: 1rem;
  flex-wrap: wrap;
  align-items: baseline;
}

.product-card-wishlist .card__information .block-text {
  font-size: 1.4rem;
  line-height: 1;
  color: rgba(var(--color-foreground), 1);
}

.product-card-wishlist .card__wishlist {
  top: -0.7rem !important;
  right: -0.7rem !important;
  transform: scale(1);
}

.product-card-wishlist .wishlist-item__button-remove {
  width: 2.5rem;
  height: 2.5rem;
  color: currentColor;
}

.product-card-wishlist .wishlist-item__button-remove .icon {
  height: 1.6rem;
  width: 1.7rem;
}

@media only screen and (min-width: 1025px) {
  .product-card-wishlist .card__wishlist {
    transform: scale(0);
    transition: transform var(--duration-medium) ease;
  }

  .product-card-wishlist:hover .card__wishlist {
    transform: scale(1);
  }
}

/* newsletter-popup */
.popup-wrapper {
  max-width: var(--popup-max-width, 100vw);
  max-height: var(--popup-max-height, 100vh);
  overflow-x: hidden;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
}

.popup-wrapper::-webkit-scrollbar-track {
  background-color: rgba(var(--color-foreground), 0.05);
}

.popup-wrapper::-webkit-scrollbar {
  width: 0.3rem;
  background-color: rgba(var(--color-foreground), 0.05);
}

.popup-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(var(--color-foreground), 1);
}

.newsletter-popup,
.newsletter-popup-opener {
  bottom: calc((4.4rem / 2) + 0.5rem);
  left: calc(4.4rem + 0.5rem);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--duration-long) ease, visibility var(--duration-long) ease, transform var(--duration-long) ease;
}

body.multitasking__show .newsletter-popup,
body.multitasking__show .newsletter-popup-opener {
  opacity: 1;
  visibility: visible;
}

.newsletter-popup .newsletter__drawer-inner {
  max-width: 57.7rem;
  visibility: hidden;
  box-shadow: 0rem 0rem 4.9rem #b0adad59;
  transform: translate3d(-100%, 0, 0);
  transition-property: transform, visibility;
  transition-duration: var(--duration-slow);
  transition-timing-function: var(--cubic-fade);
  will-change: transform, opacity, visibility;
}

.newsletter-popup .newsletter__drawer-close {
  width: max-content;
  font-size: 1.4rem;
}

.newsletter-popup .newsletter__drawer-close .text {
  line-height: 1.5;
}

.newsletter-popup .item_newsletter-button {
  line-height: 1.5;
  font-size: 1.4rem;
  padding: 1.3rem;
  border-radius: 50%;
  opacity: 1;
  position: absolute;
  top: 50%;
  right: 0;
  width: max-content;
  transform: translate(0.5%,-50%) rotate(0deg);
  transition: transform var(--duration-default) ease, opacity var(--duration-default) ease;
  will-change: transform, opacity;
}

.newsletter-popup .item_newsletter-button .icon-newsletter {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
}

.newsletter-popup .newsletter__drawer-text {
  color: rgba(var(--color-foreground), 1);
}

.newsletter-popup .newsletter__content {
  min-width: 100%;
}

.newsletter-popup .newsletter-form__field-wrapper .field__input {
  padding: 1.7rem;
  height: 4.8rem;
  border: 0.1rem solid rgba(var(--color-foreground), 1) !important;
}

.newsletter-popup .field:after,
.newsletter-popup .select:after, 
.newsletter-popup .localization-form__select:after {
  box-shadow: 2 0 0 var(--inputs-border-width) rgba(var(--color-foreground), 1);
}

.newsletter-popup .newsletter-form__field-wrapper .field__label {
  font-size: 1.6rem;
  top: calc(1.1rem + var(--inputs-border-width));
  left: 50%;
  transform: translate(-50%, 0);
}

.newsletter-popup .center.field__input:focus ~ .field__label--fixed, 
.newsletter-popup .center.field__input:not(:placeholder-shown) ~ .field__label--fixed, 
.newsletter-popup .center.field__input:-webkit-autofill ~ .field__label--fixed {
  font-size: 1rem;
  top: calc(var(--inputs-border-width) - 0.8rem);
}

.newsletter-popup .newsletter-form__field-wrapper .button {
  --border-offset: calc(4.8rem + var(--buttons-border-width) * 4);
  position: relative;
  height: 4.8rem;
  min-height: calc(4.6rem + var(--buttons-border-width) * 2);
  font-size: 1.6rem;
}

.newsletter-popup .newsletter-form__description {
  font-size: 1.3rem;
  color: rgba(var(--color-foreground), 0.55);
}

/* newsletter-popup effect */
.newsletter-popup side-drawer.active + side-drawer-opener .item_newsletter-button {
  opacity: 0;
}

.newsletter-popup side-drawer.active .newsletter__drawer-inner {
  visibility: visible;
  transform: translate3d(0, 0, 0);
  
}

.item_newsletter-button {
  z-index: 1;
  background: rgba(var(--color-background), 1);
  background: var(--gradient-background);
  border: 0;
  border-image-source: rgba(var(--color-background), 1) !important;
  border-image-source: var(--gradient-background) !important;
  border-image-slice: 1 !important;
  transition: transform .25s;
}

/* component-featured-images */
.section__f-images .arrow-style-special .button-slider{
  margin-top: 0;
}

/* main-collection */
.section__m-collection .product-grid-container,
.section__m-collection .p-w__header {
  position: relative;
  isolation: isolate;
}

.section__m-collection .product-grid-container:after,
.section__m-collection .p-w__header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 100vw;
  transform: translateX(-50%);
  background: rgba(var(--color-background),1);
  background: var(--gradient-background);
  z-index: -1;
  pointer-events:none;
}

/* outline and border styling for Windows High Contrast Mode */
@media screen and (forced-colors: active) {
  .button,
  .shopify-challenge__button {
    border: transparent solid 1px;
  }

  .button:focus-visible,
  .button:focus,
  .button.focused {
    outline: solid transparent 1px;
  }

  .field__input:focus,
  .select__select:focus,
  .localization-form__select:focus.localization-form__select:after {
    outline: transparent solid 1px;
  }

  .localization-form__select:focus {
    outline: transparent solid 1px;
  }

  .button.loading {
    color: rgb(var(--color-foreground));
  }

  .icon {
    color: CanvasText;
    fill: CanvasText !important;
  }

  .path {
    stroke: CanvasText;
  }

  .rating {
    display: none;
  }

  .rating-text {
    display: block;
  }

  /* Deferred media */
  .deferred-media__poster:focus {
    outline: transparent solid 1px;
  }
}

@media (prefers-reduced-motion) {
  .motion-reduce {
    transition: none !important;
    animation: none !important;
  }

  details[open] > .header__submenu {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media screen and (max-height: 650px) {
  /* component-drawer */
    .drawer__inner {
      overflow-x: hidden;
      overflow-y: auto;
    }
}

@media screen and (max-width: 1399px) {
  /* section-header */
    .header {
      padding-left: 3rem;
      padding-right: 3rem;
    }

    /* header special */
    .header-style-special .header__heading {
      --w-logo: 23rem;
      --m-w-sticky: 16rem;
      width: var(--w-logo);
    }

    .header-style-special .header__heading-link {
      max-width: var(--w-logo);
    }

  /* section-footer */
    /* footer classy */
    .footer--classy .footer-block--newsletter {
      order: -1;
    }

    .footer--classy .footer-block--newsletter:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100vw;
      height: 0.1rem;
      background-color: rgb(var(--color-foreground));
    }

  /* component-outstanding-reviews */
    .outs-reviews__row {
      align-items: center;
    }
}

@media screen and (max-width: 1199px) {
  /* base */
    .pos-relative-ixl {
      position: relative;
      top: unset;
      left: unset;
      right: unset;
      bottom: unset;
      transform: unset;
      width: 100%;
      height: auto;
    }

    .d-none-mw-xl {
      display: none;
    }

    .d-block-mw-xl {
      display: block;
    }

    .f-column-reverse-m-lg {
      flex-direction: column-reverse;
    }

    .f-column-m-lg {
      flex-direction: column;
    }

    .f-w-tablet-mobile,
    .section__i-banner .page-width {
      max-width: 100%;
      padding: 0;
    }

  /* component-multiple-options */
    .section__multi-options .block_item + .block_item {
      margin-top: 5rem;
    }

    .section__multi-options .block_item .item_heading,
    .section__multi-options .block_item .item_link {
      text-align: center;
    }

  /* component-featured-blog */
    .section__f-blog .carousel-special .item__content .h2 {
      margin: 1.2rem 0 0.8rem;
      font-size: clamp(2.4rem, calc(var(--font-body-size) + 0.8rem), 2.8rem);
    }

    .section__f-blog .col-1 .info {
      gap: 0.5rem;
    }

    .section__f-blog .col-1 .item {
      gap: 1rem;
    }

    .section__f-blog .col-1 .item .item__content {
      width: 50%;
    }

    .section__f-blog .col-1 .carousel__items .media--adapt {
      padding-bottom: 54.9%!important;
    }

    .section__f-blog .col-1 .carousel__items {
      --grid-v-xs: 3.2rem !important;
    }

    .section__f-blog .carousel-special .item__content .h2 {
      --cus-size: 2.4rem;
    }
  
 
    .section__f-blog .p-w__bottom .button {
      font-size: 1.6rem;
      padding: 1.3rem 3.31rem;
      margin-top: 3.5rem;
      min-height: unset;
    }
      .two-column-split__button-block .button,{
      font-size: 1.6rem;
      padding: 1.3rem 3.31rem;
      min-height: unset;
    }


    .blog-style-special .blog-articles__article .card__info {
      padding-top: 0;
    }

    .blog-style-special .blog-articles__article .author {
      margin-bottom: 0.8rem;
    }

    .blog-style-special .pagination-wrapper.style-special li {
      font-size: clamp(1.2rem, calc(var(--font-body-size) - 0.4rem), 1.6rem);
      line-height: calc(var(--font-body-size) + 0.2rem);
      max-width: 6rem;
    }

    .blog-style-special .pagination-wrapper.style-special li a {
      padding-top: 0.4rem;
    }

    .blog-style-special .blog-articles__article {
      width: calc(50% - 0.5rem);
    }
/*
    .blog-style-special .card__content .card__heading {
      font-size: clamp(2.4rem, calc(var(--font-body-size) + 0.4rem), 2.8rem);
      margin: 1.1rem 0 1rem;
    }

    .blog-style-special .card__content .article-card__info {
      font-size: clamp(1.2rem, calc(var(--font-body-size) - 0.4rem), 1.6rem);
    }
*/
  /* component-featured-blog-post */
    .section__f-b-post .media-card .media {
      padding-bottom: 128% !important;
    }

    .section__f-b-post .item__media, 
    .section__f-b-post .item__content {
      width: 100%;
    }

    .section__f-b-post .item.d-flex {
      display: block;
    }

    .section__f-b-post .item__media .media {
      padding-bottom: 117.3% !important;
    }

    .section__f-b-post .swiper-pagination-progressbar:after {
      height: 0.4rem;
    }

    .section__f-b-post .swiper-pagination-progressbar {
      height: 0.4rem !important;
    }

    .section__f-b-post.bottom-line {
      padding-top: 6.4rem;
    }

    .section__f-b-post .swiper-pagination-progressbar {
      margin-top: 3.2rem;
    }

    .section__f-b-post.bottom-line .container-line:after {
      content: none;
    }

    .section__f-b-post .item__content .ar-info {
      max-width: 64rem;
    }

  /* component-all-article-tags */
    .section__a-a-tags .p-w__content {
      flex-wrap: nowrap;
      align-items: flex-start;
    }

    .section__a-a-tags svg {
      width: 3.2rem;
    }

    .section__a-a-tags .label {
      font-size: clamp(1.8rem, calc(var(--font-body-size) + 0.2rem), 2.2rem);
      line-height: calc(var(--font-body-size) + 1.1rem);
      margin: 0 1.5rem 0 0.5rem;
    }

    .section__a-a-tags.spacing {
      padding-top: 3.2rem;
    }

    .section__a-a-tags .tags {
      --g-gap: 1.6rem !important;
    }
  
  /* component-card */
    .style-product-card .product-discount,
    .style-product-advanced-card .product-discount {
      display: none;
    }

    /* style-product-card */
    .style-product-card .card__swatch--item,
    .style-product-advanced-card .card__swatch--item {
      --size: 2.4rem;
      width: var(--size);
      height: var(--size);
    }

    .style-product-card .card__swatch--item .pattern,
    .style-product-advanced-card .card__swatch--item .pattern {
      border-width: 0.1rem;
    }

    .style-product-card .card__price {
      display: flex;
      align-items: center;
      column-gap: 0.8rem;
    }

    /* style-product-advanced-card */
    .style-product-advanced-card .card__content {
      --param: 0rem;
      height: calc(100% - var(--param));
    }

    /* style-product-standard-plus */
    .style-product-standard-plus .card__rating,
    .style-product-standard-plus .card__price,
   .style-product-standard-plus .card__heading {
      margin-top: 0.7rem;
    }

    .style-product-standard-plus .card__swatch {
      margin-top: 0.7rem;
    }
    
    .style-product-standard-plus .card__swatch .card__swatch--count {
      margin-left: 0.7rem;
    }

  /* component-outstanding-reviews */
    .outs-reviews__row {
      flex-direction: column-reverse;
    }

    .outs-reviews__carousel .arrow-style-modern {
      justify-content: flex-end;
      position: static;
    }

    .outs-reviews__carousel .arrow-style-modern .button-slider {
      position: relative;
      top: 0;
      left: 0;
      transform: none;
      margin: 0;
    }

    .outs-reviews__carousel .banner__box {
      padding: 10rem 0 3rem;
    }

    .outs-reviews__carousel .arrow-style-modern .swiper-pagination-fraction {
      position: static;
      order: -1;
      margin-right: 1.8rem;
    }

    .outs-reviews__carousel .carousel-wrap {
      padding-top: 6rem;
      padding-bottom: 6rem;
    }

    .section__outs-reviews .slideshow__controls {
      justify-content: space-between;
    }

    .section__outs-reviews .slideshow__controls .button-slider {
      position: static;
      margin: 0;
      transform: none;
    }


  /* component-category-slide */
    .cate-slide__pagi {
      --size-dot: 4.6rem;
      --size-dot-inner: 2.3rem;
      --size-dot-active: var(--size-dot-inner);
      position: relative;
      bottom: 0;
      margin-top: 1rem;
    }

    .cate-slide__pagi .button-slider__next {
      right: 0;
    }

    .cate-slide__pagi .swiper {
      padding-bottom: 1rem;
    }

    .cate-slide__pagi .button-slider {
      background: transparent;
      box-shadow: -4px 4px 4px 0 rgba(var(--color-shadow), 0);
    }

  /* section-before-after-image */
    .b-a-image {
      display: grid;
    }

  /* spotlight product */
    .section__spotl-products.style--classic .spotl-products__image .i-padding:before {
      padding-bottom: 54.2rem;
    }

    .section__spotl-products.style--classic .p-w__content {
      padding-right: 5rem;
    }

    /* spotlight special */
    .section__spotl-products.style--special .p-w__content {
      padding-right: 0;
    }

  /* header special */
    .header-style-special .header__heading {
      --w-logo: 20rem;
    }

  /* arrow-style */
    /* button slider modern */
    .arrow-style-modern .button-slider:not(.button-slider__autoplay) {
      width: 5.5rem;
      height: 5.5rem;
      padding: 1rem;
    }

    /* arrow dreamy */
    .arrow-style-dreamy .button-slider {
      width: 7rem;
      height: 5rem;
    }

  /* component-product-column */
    .p-column__collection .collection-swiper {
      --px-swiper: 8.5rem;
    }

  /* slide-banner */
    .slide-banner__col.col-content {
      order: 2;
    }

  /* component-image-with-text */
    .section__image-w-text.style--special .banner__subheading {
      padding-top: calc(var(--padding-top) * 2);
    }

  /* coll-with-product */
    .coll-w-pro > div {
      padding-left: 0;
      padding-right: 0;
    }

  /* component-multicolumn */
    .section__multicolumn .carousel__item.swiper-slide-active .content-inside-image .item__content {
      opacity: 1;
      pointer-events: visible;
    }

  /* image-w-coll */
    .cursor-fixed__show .image-w-coll .swiper .carousel__controls .button-slider__next {
      right: calc(var(--gap-x) + (var(--padding-width) - var(--padding-grid-scroll) * 3));
    }

    .cursor-fixed__show .image-w-coll .swiper .carousel__controls .button-slider__prev {
      left: calc(var(--gap-x) + (var(--padding-width) - var(--padding-grid-scroll) * 3));
    }
}

@media screen and (max-width: 1024px) {
  /* base */
  .d-none-mw-l {
    display: none;
  }

  /* f__information */
    .f__information-image {
      --m-t: calc(var(--padding-bottom) * .75);
    }

  /* component-visual-hightlight */
    .visual-hightlight__item .color-custom-mobile {
      color: rgb(var(--color-custom-mobile));
    }

    .visual-hightlight__item.half .item-bg--primary {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
    }

    .btn-scroll,
    .visual-hightlight__item.half .item-bg--second {
      display: none;
    }

    .visual-hightlight__item {
      min-height: 0;
    }
    .visual-hightlight__item .item-wrap {
      padding: 25vh 0;
    }

  /* component-category-slide */
    .cate-slide__wrap {
      row-gap: 4rem;
    }

    .cate-slide__col {
      width: 100%;
    }

  /* component-brand-list */
    .section__b-list .standard-grid .brand-title + .brand-content {
      margin-top: 5.6rem;
    }

  /* component-collection-banner */
    .coll-banner__names {
      position: static;
      transform: none;
      min-height: 60rem;
      padding-top: 12rem;
    }

    .coll-banner__image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 100%;
      width: 100%;
    }

    .coll-banner__image .images {
      height: 100%;
    }

    .coll-banner__names .names {
      row-gap: 3rem;
    }

  /* component-product-column */
    .p-column__collection .collection-heading__text,
    .p-column__collection .collection-item {
      width: 100%;
    }

    .p-column__collection .collection-box:before {
      display: none;
    }

    .p-column__collection .custom__tab-list:before {
      content: "";
      position: absolute;
      left: 50%;
      transform: translate(-50%);
      top: 0;
      height: 0;
      width: 0.1rem;
      background: #000;
      transition: all var(--duration-slow) ease-out;
      transition-delay: calc(var(--duration) - 0.2s);
    }

    .p-column__collection .collection-box.check-blocks--2[loaded="true"] .custom__tab-list:before {
      height: 100%;
    }

    .p-column__collection .collection-heading__text:not(.active) button {
      font-weight: 400;
    }

    .p-column__countdown > * {
      width: 100%;
    }

    .p-column__countdown .countdown {
      margin-left: 2rem;
    }

    .p-column__countdown .countdown .num {
      font-size: 2.2rem;
    }

    /* coll-with-product */
    .coll-w-pro__slide .grid__item.not--product-mobile {
      min-height: 48rem;
    }

    .coll-w-pro.layout--grid .not--product-mobile .item-product {
      max-width: min-content;
    }

    .coll-w-pro__slide .grid__item.not--product-mobile .item-content {
      display: flex;
      align-items: flex-end;
      gap: 0;
    }
}

@media screen and (max-width: 989px) {
  /* base */
    .p-container-f-w {
      --padding-full-width: 5rem;
    }

    .d-none-mw-md {
      display: none;
    }

    .d-block-mw-md {
      display: block;
    }

    .o-h-md {
      overflow: hidden;
    }

    .overflow-x-md {
      overflow-x: auto;
    }

    .w-s-nowrap-md {
      white-space: nowrap;
    }

    .fw-carousel-tablet {
      padding-left: 0rem;
      padding-right: 0rem;
    }

  /* Header menu */ 
    .function-menu-item:before {
      content: none !important;
    }

  /* main-page */
    /* recommend Cart Collection */
    .recommendCartProduct-list li {
      width: 50%;
    }

  /* component-popup-modal */
    .quick-add-modal__content {
      width: 100% !important;
      max-width: 100% !important;
      height: 80vh !important;
      margin-bottom: 0;
    }

  /* section-header */
    .header {
      padding-left: 5rem;
      padding-right: 5rem;
    }

    .header__icons.f-wrap {
      flex-wrap: nowrap;
    }

  /* component-slideshow */
    .image--ratio-mobile-550px {
      height: 55rem;
    }

    .image--ratio-mobile-650px {
      height: 65rem;
    }

    .image--ratio-mobile-750px {
      height: 75rem;
    }

    .image--ratio-mobile-full-screen {
      height: 100vh;
    }

    .image--ratio-mobile-adapt-image {
      height: 100%;
    }

  /* component-newsletter */
    .page-width--image .p-w__content {
      align-items: flex-end;
      position: relative;
      width: 100%;
    }

    .newsletter__wrapper > * {
      flex: 0 0 100%;
      text-align: var(--alignment-mobile);
    }

    /* newsletter classic */
    .newsletter__wrapper.form-not-show > * {
      text-align: left;
    }

    .style--classic .form-is-show .newsletter-form__field-wrapper {
      --m-w: 57.5rem !important;
      margin-left: 0;
    }

  /* component-icon-with-text */
    .section__i-w-text.vertical.type-scroll .grid__item-scroll {
      padding-right: 0;
    }

  /* component-featured-images */
    .section__f-images .p-w__content {
      overflow: initial;
    }

  /* component-localization-form */
    noscript .localization-form:only-child,
    .footer__localization noscript {
      width: 100%;
    }

  /* section-header */
    .page-index:not(.menu-mobile-show) .header-wrapper.transparent:before {
      height: 0;
    }

    .page-index .header-wrapper.transparent:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -2;
      opacity: 0;
      visibility: hidden;
      background: rgba(var(--color-foreground-transparent, var(--color-foreground)),.5);
      transition-property: background, opacity, visibility;
      transition-duration: var(--duration-slow);
      transition-timing-function: var(--cubic-fade);
    }

    .page-index.menu-mobile-show .header-wrapper.transparent:after {
      opacity: 1;
      visibility: visible;
    }

    .page-index .header-wrapper.transparent:before {
      transition-property: height, opacity, visibility, background;
      transition-duration: var(--duration-extra-long);
      transition-timing-function: var(--cubic-fade);
    }

    .page-index.menu-mobile-show .header-wrapper.transparent:before {
      height: 100%;
    }

    .header--mobile-left {
      grid-template-areas: 'heading left-icon';
      grid-template-columns: 2fr 1fr;
      align-items: center;
      gap: 2rem;
    }

    .header__heading,
    .header__heading-link {
      text-align: center;
      justify-self: center;
    }

    .header__icons {
      justify-self: flex-end;
    }

    .header--mobile-left .header__heading,
    .header--mobile-left .header__heading-link {
      text-align: left;
      justify-self: start;
    }

    .header-drawer {
      display: flex;
    }

    .header-drawer .disclosure__list-wrapper {
      min-width: auto;
      left: 0;
      z-index: 0;
    }

    .header-drawer.icons-style-modern .icon-close {
      color: #fff;
    }

    .main--icons-style-default-text {
      column-gap: 1rem;
    }

    .icons-style-default-text {
      flex-wrap: wrap;
      row-gap: 1rem;
    }

    .icons-style-default-text .header__icon + .header__icon {
      margin-left: 1rem;
    }

    .icons-style-default-text .header__icon--wishlist .t-button {
      display: flex;
      align-items: center;
    }

    .header--mobile-center .header-drawer.icons-style-special {
      margin-left: 0;
      column-gap: 1rem;
    }

  /* section-footer */
    .footer__blocks-wrapper {
      justify-content: flex-start;
    }

    .footer__column--info {
      flex-direction: column-reverse;
      row-gap: 1rem;
    }

    .footer-grid__item.appstore-is-show .app-title,
    .footer-grid__item.appstore-is-show .footer-block__heading {
      display: none;
    }

    /* icon with text footer */
    .shopify-section-group-footer-group .section__i-w-text .carousel__items {
      flex-wrap: wrap;
    }

    /* footer classy */
    .footer--classy .footer__copyright {
      text-align: center;
    }

    /* footer special */
    .footer--special .footer-block__item,
    .footer--special .footer-block__summary .footer-block__heading {
      font-size: clamp(1.4rem, calc(var(--font-body-size) - 0.2rem), 1.8rem);
    }

    .footer--special .copyright__content {
      font-size: 1.2rem;
    }

    /* footer modern */
    .footer--modern .footer__column--info {
      flex-direction: row;
    }

  /* component-card */
    .style-product-standard .quick-add__submit .text {
      justify-content: center;
    }

    .style-product-standard .quick-add__submit .button-main {
      display: none;
    }

  /* style-product-card */
    .style-product-card .card__swatch--item,
    .style-product-advanced-card .card__swatch--item {
      --size: 2.6rem;
    }

    .style-product-card .card,
    .style-product-advanced-card .card {
      background: transparent;
    }

    .style-product-card .card__content,
    .style-product-advanced-card .card__content {
      position: relative;
      padding: 1.5rem 0;
    }

    .style-product-card .card__heading,
    .style-product-advanced-card .card__heading {
      margin-top: 0;
    }

    .style-product-card .card__rating-w-price,
    .style-product-advanced-card .card__rating-w-price {
      display: block;
    }

    .style-product-card .card-function-group .quick-add__submit,
    .style-product-card .card__rating-w-price .card__rating,
    .style-product-card .card__rating-w-price .card__price,
    .style-product-advanced-card .card-function-group .quick-add__submit,
    .style-product-advanced-card .card__rating-w-price .card__rating,
    .style-product-advanced-card .card__rating-w-price .card__price {
      margin-top: 0.5rem;
    }

    .style-product-card .card__swatch,
    .style-product-advanced-card .card__swatch {
      margin-left: 0.3rem;
    }

    .style-product-card .card__swatch:before,
    .style-product-advanced-card .card__swatch:before {
      display: none;
    }

  /* style-advanced-card */
    .style-product-advanced-card .card__information {
      display: block;
    }

    .card__advanced-rating-price .card__price {
      text-align: left;
    }

    .style-product-advanced-card .wishlist-advanced-card {
      width: 3.6rem;
      height: 3.6rem;
    }

    .style-product-advanced-card .quick-add__submit .icon {
      width: 1.6rem;
      height: 1.6rem;
    }

    .style-product-advanced-card .card__rating {
      justify-content: flex-start;
    }

    .style-product-advanced-card .card__rating .rating-star {
      font-size: calc(var(--font-size) * 0.8rem);
    }

  /* component-collection-banner */
    .coll-banner__names .names {
      margin-bottom: 8rem;
    }

    .coll-banner__names .name {
      width: 100%;
    }

  /* double-banner */
    .section__db-banner .page-width {
      padding-left: 0;
      padding-right: 0;
    }

    .db-banner__media .media {
      padding-top: 169.28% !important;
    }

  /* featured-product-tab */
    .outstanding-product__item {
      font-size: 1.2rem;
      max-width: 40%;
    }

    .section__f-product-tab .arrow-style-special .button-slider {
      width: 3.2rem;
      height: 3.2rem;
    }

    .section__f-product-tab .carousel__controls .button-slider {
      bottom: 16.5%;
    }

  /* spotlight product */
    .section__spotl-products .arrow-style-special .button-slider__prev {
      left: 0;
    }

    .section__spotl-products .arrow-style-special .button-slider__next {
      right: 0;
    }

  /* header special */
    .header-style-special .header__heading {
      --w-logo: 14rem;
    }

    .header-style-special .header__icons {
      order: 1;
      margin-left: auto;
      margin-right: 1.6rem;
    }

  /* coll-with-product */
    .coll-w-pro__slide .item-content {
      flex-direction: column;
      justify-content: flex-start;
      gap: 10rem;
      position: static;
    }

    .coll-w-pro__slide .item-textbox {
      order: -1;
    }

    .coll-w-pro__slide .item-textbox.right {
      margin-left: auto;
    }

    .coll-w-pro__slide .item-textbox.left {
      margin-right: auto;
    }

    .coll-w-pro__slide .item-textbox.center {
      margin: 0 auto;
    }

    .coll-w-pro__slide .item-banner {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }

    .coll-w-pro__slide .grid__item.not--product-mobile {
      min-height: 52rem;
    }

    .coll-w-pro__slide .grid__item.not--product-mobile .item-content {
      position: absolute;
      flex-direction: row-reverse;
      gap: 0;
    }

    .coll-w-pro__slide .grid__item.not--product-mobile .item-textbox {
      margin-top: auto;
    }

  /* collapse-collection */
    .collapse-coll__item .item {
      display: block;
    }

    .collapse-coll__item .item.accordion__active .item-image {
      max-width: 100%;
    }

  /* component-visual-hightlight */
    .visual-hightlight__item .item-wrap {
      padding: 12vw 0 2.5rem;
    }

  /* component-product-column */
    .p-column__collection .collection-swiper .carousel .swiper {
      padding: 0rem 11.5rem;
    }

    .p-column__collection .arrow-style-modern .swiper-pagination-fraction {
      right: 2rem;
    }

  /* component-outstanding-reviews */
    .section__outs-reviews .slideshow__controls .button-slider {
      width: 3.2rem;
      height: 3.2rem;
      padding: 0.4rem;
      min-width: initial;
      min-height: initial;
    }

    .section__outs-reviews .slideshow__controls .swiper-pagination {
      width: calc(100% - (3.2rem * 3));
    }

  /* featured collection tab special */
    .section__f-collection-tab.style--special .products-grid__item:nth-child(3) {
      padding-top: var(--ptop-item);
    }

    .section__f-collection-tab.style--special .products-grid__item:nth-child(1).item--3:after ,
    .section__f-collection-tab.style--special .products-grid__item:nth-child(2).item--3:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: calc(100% + var(--gap));
      height: 0.1rem;
      background-color: #e9e9e9;
    }

    .section__f-collection-tab.style--special .products-grid__item:nth-child(2).item--3:after {
      width: 100%;
    }

    .section__f-collection-tab.style--special .products-grid__item:nth-child(3).item-underline:after {
      width: calc(100% + var(--gap));
    }

    .section__f-collection-tab.style--special .products-grid__item:nth-child(4).item-underline:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0.1rem;
      background-color: #e9e9e9;
    }

    .section__f-collection-tab.style--special .products-grid__item:nth-child(3).item--4.item-underline:after ,
    .section__f-collection-tab.style--special .products-grid__item:nth-child(4).item--4.item-underline:after {
      display: none;
    }

    .section__f-collection-tab.style--special .products-grid__item:nth-child(2).item--4.item-underline:after {
      width: 100%;
    }

  /* component-featured-blog */
    .section__f-blog.grid-line .carousel:after,
    .section__f-blog.grid-line .blog-post:not(.blog-enable_carousel) .item:after {
      display: none;
    }
}

@media screen and (max-width: 749px) {
  /* base */
    .p-container-f-w {
      --padding-full-width: 1rem;
    }

    .spacing-xs {
      padding-top: var(--padding-top-xs);
      padding-bottom: var(--padding-bottom-xs);
    }

    .m-spacing-xs {
      margin-top: var(--m-spacing-t-xs, 0);
      margin-bottom: var(--m-spacing-b-xs, 0);
    }
  
    .gradient-xs {
      --color-foreground: var(--color-foreground-xs);
      --color-background: var(--color-background-xs);
      --gradient-background: var(--gradient-background-xs);
    }

    .gradient-xs .button {
      --button-color-background: var(--color-background-xs);
      --button-color-text: var(--color-foreground-xs);
      --button-gradient-background: var(--gradient-background-xs);
    }

    .gradient-xs .button--transparent {
      --button-color-background: var(--color-foreground-xs);
      --button-color-text: var(--color-foreground-xs);
    }

    .d-none-xs {
      display: none;
    }

    .d-block-xs {
      display: block;
    }

    .o-h-xs {
      overflow: hidden;
    }

    .f-column-reverse-m-md {
      flex-direction: column-reverse;
    }

    .pos-relative-xs {
      position: relative !important;
      top: unset !important;
      left: unset !important;
      right: unset !important;
      bottom: unset !important;
      transform: unset !important;
      width: 100%;
      height: auto;
    }

    .pos-relative-swiper-xs {
      position: relative !important;
      top: unset !important;
      left: unset !important;
      right: unset !important;
      bottom: unset !important;
      transform: unset;
      width: 100%;
      height: auto;
    }

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

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

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

    .j-c-start-xs {
      justify-content: flex-start;
    }

    .j-c-center-xs {
      justify-content: center;
    }

    .j-c-between-xs {
      justify-content: space-between;
    }

    .j-c-around-xs {
      justify-content: space-around;
    }

    .j-c-end-xs {
      justify-content: flex-end;
    }

    .a-i-start-xs {
      align-items: flex-start;
    }

    .a-i-center-xs {
      align-items: center;
    }

    .a-i-end-xs {
      align-items: flex-end;
    }

    .m-w-xs {
      max-width: min(100%, var(--m-w-xs));
    }

    .mi-w-xs {
      min-width: var(--mi-w-xs);
    }

    .m-h-xs {
      max-height: min(100%, var(--m-h-xs));
    }

    .mi-h-xs {
      min-height: var(--mi-h-xs);
    }

    .g-gap-xs {
      grid-gap: var(--g-gap-xs, 0);
    }

  /* arrow-style */
    /* arrow special */
    .arrow-style-special .button-slider.pos-relative-xs,
    .arrow-style-special-text .button-slider.pos-relative-xs {
      width: auto;
    }

  /* section-header */
    .icons-style-default-text ~ .header__heading .header__heading-link {
      --m-w: 12.2rem !important;
    }

    #Details-menu-drawer-container + .header__icons {
      margin-right: 0;
    }

    #Details-menu-drawer-container + .header__icons.icons-style-default-text {
      margin-left: 2rem;
    }

  /* main-page */
    /* recommend Cart Collection */
    .recommendCartProduct-list {
      display: flex;
      flex-direction: row;
      column-gap: 1.5rem;
      overflow-y: hidden;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      scrollbar-width: thin;
      -webkit-overflow-scrolling: touch;
      margin-bottom: 2rem;
    }

    .recommendCartCollection-inner {
      padding: 0;
    }

    .recommendCartProduct-list li {
      width: 87%;
      max-width: 100%;
      flex-grow: 1;
      flex-shrink: 0;
      padding: 0;
    }

    .cart-drawer .drawer__inner.bg-gradient .recommendCartProduct-list li {
      background-color: transparent;
    }

  /* section-header */
    .header {
      padding-left: 1rem;
      padding-right: 1rem;
    }

  /* component-banner */
    .banner__box.pagination--number {
      max-width: 90%;
    }

    .banner__content--bottom-center .banner__buttons {
      margin-top: 2.5rem;
    }

  /* component-slideshow */
    .section__slideshow .banner__content--bottom-center .banner__box {
      max-width: 35rem;
    }

    .slideshow__content .banner__box .banner__buttons.f-column {
      margin-top: 4rem;
    }

  /* component-popup-modal */
    .popup-modal__content table {
      display: block;
      max-width: fit-content;
      overflow-x: auto;
      white-space: nowrap;
    }

  /* component-newsletter */
    .page-width--image .newsletter__banner {
      padding-bottom: 130% !important;
    }

    .page-width--image .p-w__content {
      padding: 1rem;
    }

    .page-width--email .newsletter-form__field-wrapper .field__label {
      top: calc(1.7rem + var(--inputs-border-width));
    }
    
    /* newsletter special */
    .style--special .form-is-show .newsletter-form__field {
      flex-wrap: wrap;
      row-gap: 2.4rem;
    }

    .style--special .form-is-show .newsletter-form .field__input {
      width: 100%;
    }

    .style--special .form-is-show .newsletter-form .button {
      right: 0;
    }

  /* component-link-list */
    .page-width .link-list__item:not(:first-child):before {
      content: "";
      position: absolute;
      top: 50%;
      left: -1.5rem;
      transform: translate(-50%, -50%);
      width: 0.5rem;
      height: 0.5rem;
      background: rgba(var(--color-foreground), 1);
      border-radius: 50%;
    }

    .link--link_list {
      width: auto;
    }

  /* component-image-with-text */
    .section__image-w-text .banner__content .box.gradient {
         padding: 2rem 0;
    }

    .section__image-w-text .box.center .navigation-block__content {
      justify-content: center;
    }

    .section__image-w-text .box.right .navigation-block__content {
      justify-content: flex-end;
    }

    .section__image-w-text .navigation-block__content {
      row-gap: 0;
    }

    .section__image-w-text .navigation-block__content .link--style-dot {
      padding: 0.3rem 0;
    }

    .section__image-w-text.style--special .banner__subheading {
      padding-top: calc(var(--padding-top) * .5);
    }

  /* component-image-banner */
    .section__i-banner .banner__image-with-text .banner__content {
      display: grid;
    }

    .section__i-banner .banner__image-with-text .box {
      padding: 2rem 1rem;
    }

    .section__i-banner .banner__image-with-text .banner__button{
      display: block;
      position: relative;
      left: 50%;
      right: auto;
      bottom: 0;
      width: 15rem;
      height: 25rem;
      transform: translate(-50%, 0);
    }

  /* component-brand-list */
    .section__b-list .standard-grid .brand-title {
      --snd-grid-item-1: 1;
      --snd-grid-item-2: 6;
    }

  /* component-slideshow */
    .section__slideshow .slideshow__content {
      padding: var(--has-header-transparent, 1rem) 0 5.5rem;
    }

    .section__slideshow .slideshow__content.content--special-text {
      padding: var(--has-header-transparent, 1rem) 0 7rem;
    }

    .swiper-autoplay {
      padding-bottom: 4.8rem;
    }

    .slideshow__controls {
      position: absolute;
      bottom: 1rem;
      left: 0;
    }

    .slideshow__controls .button-slider {
      background: transparent;
      color: currentColor;
      min-height: 4.8rem;
      min-width: 4.8rem;
    }

    .slideshow__controls.controls-dots .button-slider__autoplay {
      bottom: 4.8rem;
    }

    .slideshow__controls.controls-fraction .button-slider__autoplay {
      bottom: 3.4rem;
    }

    .slideshow__controls .button-slider:focus-visible {
      border-radius: 0;
    }

    .slideshow__controls.controls-autoplay {
      padding-top: 7.4rem;
    }

    .slideshow__controls.controls-none .button-slider {
      margin-top: 0;
    }

    .slideshow__controls.controls-dashed .button-slider__autoplay {
      top: -3rem;
    }

    .slideshow__controls.controls-none .button-slider__autoplay {
      margin-left: auto;
      margin-right: auto;
    }

    .slideshow__controls.controls-fraction {
      bottom: 1.5rem;
    }

    .slideshow__controls.controls-progressbar .button-slider,
    .slideshow__controls.controls-progressbar .button-slider__autoplay {
      padding-bottom: 0.5rem;
    }

    .section__slideshow .slideshow__controls {
      bottom: 0.5rem;
    }

    .section__slideshow .slideshow__controls.controls-fraction {
      bottom: 2rem;
    }

    .section__slideshow .slideshow__controls.controls-number {
      height: 5.5rem;
    }

    .section__slideshow .swiper-pagination-bullets.swiper-pagination-horizontal {
      bottom: -0.2rem !important;
    }

    .slideshow__controls.arrow-style-dreamy .button-slider:before {
      background: rgba(var(--arrow-color-background-2), 1);
      background: var(--arrow-gradient-background-2);
    }

    .section__slideshow .slideshow__controls.arrow-style-special-text {
      bottom: 0.3rem;
      height: 5.4rem;
    }

    .section__slideshow .slideshow__controls.arrow-style-special-text .button-slider__next, 
    .section__slideshow .slideshow__controls.arrow-style-special-text .button-slider__prev {
      bottom: 0;
      top: unset;
    }

    .section__slideshow .slideshow__controls.arrow-style-special-text .swiper-pagination-bullets.swiper-pagination-horizontal {
      bottom: 0 !important;
    }

  /* component-visual-hightlight */
    .visual-hightlight__item .item-wrap {
      padding: 36.9vw 0 25.45vw;
    }

  /* component-featured-collection */
    .tab__list-item .tab__list-opener {
      border-radius: 3rem;
      border: 0.1rem solid rgb(var(--color-foreground));
    }

    .section__f-collection .p-w__header--wrapper .button {
      min-width: 11.1rem;
      min-height: 4.1rem;
    }

  /* featured collection tab special */
    .section__f-collection-tab.style--special .tab__list-item .tab__list-opener {
      border-radius: 0;
      border: none;
    }

  /* component-custom-tab */
    .b-bottom-mobile {
      border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.4);
    }

    .custom__tab-mobile {
      display: block;
    }

    .custom__tab-mobile button {
      padding: 2.4rem 0 0.8rem;
      column-gap: 1rem;
    }

    .custom__tab-mobile .icon {
      width: 1.6rem;
      height: 1.6rem;
    }

    .custom__tab-mobile .i-plus-effect {
      right: 2rem;
    }

  /* component-video */
    .section__v-banner .b-image-mobile {
      padding-bottom: var(--p-image-mobile);
    }

    .section__v-banner .b-image-mobile:before {
      display: none;
    }

  /* component-collage */
    .section__collage .f-w-tablet-mobile .banner.grid-col {
      --grid: 0;
    }

    .section__collage .has-block-text .box {
      padding: 10.68rem 0;
    }

    .collage-content .collage-content__button:not(.button--main-standard.button--icon-arrow) {
      min-width: 12.4rem;
      min-height: calc(3.9rem + var(--buttons-border-width) * 2);
      padding: 0 2rem;
      font-size: 1.4rem;
    }

  /* component-collection-banner */
    .coll-banner__names .button-wrap {
      width: 100%;
    }

    .coll-banner__names .button {
      padding-left: 5.4rem;
      padding-right: 5.4rem;
      justify-content: center;
    }

    .coll-banner__names .names {
      margin-bottom: 6rem;
    }

  /* component-countdown-s-hero */
    .countdown-s-hero.shopify-section-group-header-group .blocks-content {
      height: 100%;
      justify-content: center;
    }

    .countdown-s-hero.shopify-section-group-header-group .banner__logo {
      bottom: 8.5%;
    }

  /* component-collection-list */
    /* component-collection-list masonry */
    .section__c-list.style--masonry.display-arrow__xs .swiper {
      padding-top: 6rem;
    }

  /* component-featured-blog */
    .section__f-blog .blog-enable_list .item__media, 
    .section__f-blog .blog-enable_list .item__content {
      width: 100%;
    }

    .section__f-blog .blog-enable_list .item__content .tags {
      margin-top: 0;
    }

    .section__f-blog .blog-enable_list .media--landscape {
      padding-bottom: 57.3%;
    }

    .section__f-blog .blog-enable_list .tags .item-tag {
      margin-top: 0rem;
    }

    .section__f-blog .tags {
      column-gap: 0.4rem;
    }

    .section__f-blog .col-1 .item {
      display: block;
    }

    .section__f-blog .col-1 .item .item__media, 
    .section__f-blog .col-1 .item .item__content {
      width: 100%;
    }

    .section__f-blog .col-1 .carousel__items .media--adapt {
      padding-bottom: 59% !important;
    }

    .section__f-blog .col-1 .tags .item-tag {
      margin-top: 0.9rem;
    }

    .section__f-blog .carousel-special .item__content .h2 {
      margin: 0.8rem 0 0.6rem;
      font-size: clamp(1.6rem, calc(var(--font-body-size)), 2.4rem);
    }

    .section__f-blog .col-1 .info {
      gap: 0.25rem;
    }
  
    .section__f-blog .p-w__bottom .button {
      font-size: 1.6rem;
      margin-top: 2.3rem;
      padding: 1rem 2.378rem;
    }
      .two-column-split__button-block .button {
      font-size: 1.6rem;
      padding: 1rem 2.378rem;
    }


    .section__f-blog.col-1 .carousel__items {
      --grid-v-xs: 4rem !important;
    }

    .section__f-blog .carousel-special .item__content .h2 {
      --cus-size: 1.6rem;
    }

    .section__f-blog .col-1 .carousel__items .media--adapt {
      padding-bottom: 57.3% !important;
    }

    .blog-style-special .pagination-wrapper.style-special .pagination__item.u-u {
      border-bottom: 1px solid #000000;
    }

    .blog-style-special .blog-articles__article {
      width: 100%;
    }

    .blog-style-special .page__drawer-opener button.d-flex {
      padding: 0.8rem 0rem;
      font-size: 1.2rem;
      gap: 0.4rem;
    }

    .blog-style-special .button-back {
      border: none;
      background: none;
      width: 24px;
      height: 24px;
    }

    .blog-style-special .card__info {
      padding-top: 0.3rem;
    }

    .blog-style-special .card__info .author {
      margin-bottom: 0.5rem;
    }

    .blog-style-special .card__content .article-card__info {
      font-size: clamp(1rem, calc(var(--font-body-size) - 0.6rem), 1.4rem);
    }
/*
    .blog-style-special .card__content .card__heading {
      font-size: clamp(2rem, calc(var(--font-body-size) + 0.4rem), 2.4rem);
      margin: 0.8rem 0 1.1rem;
    }

    .blog-style-special .pagination-wrapper.style-special li {
      font-size: clamp(1rem, calc(var(--font-body-size) - 0.6rem), 1.4rem);
      line-height: calc(var(--font-body-size) - 0.1rem);
      max-width: 4rem;
    }
/*
    .blog-style-special .pagination-wrapper.style-special svg {
      width: 1.1rem;
      height: 1.1rem;
    }

    .blog-style-special .pagination-wrapper.style-special li a {
      border-bottom: 1px solid #C3C3C3;
      padding-top: 1.1rem;
    }

  /* component-featured-blog-post */
    .section__f-b-post .swiper-pagination-progressbar {
      margin-top: 2.4rem;
    }

    .section__f-b-post .item__content .ar-info {
      max-width: calc(100% - 2rem);
      margin: 0 1rem;
    }

    .section__f-b-post .item__content .h1 {
      --cus-size: 2.4rem;
    }

    .section__f-b-post .media-card .media {
      padding-bottom: 133% !important;
    }

    .section__f-b-post .card__rating .rating {
      height: 18px;
    }

  /* component-product-column */
    .p-column__countdown {
      padding-bottom: var(--padding-bottom-xs);
    }

    .p-column__collection .arrow-style-modern .swiper-pagination-fraction {
      right: 0.5rem;
    }

    .p-column__collection .collection-swiper {
      --px-swiper: 1rem;
      padding: 2rem var(--px-swiper);
    }

    .p-column__collection .collection-swiper .carousel {
      padding: 0rem;
    }

    .p-column__collection .collection-swiper .carousel .swiper {
      padding: 0 4.7rem;
      margin: 0;
    }

    .p-column__collection .swiper .button-slider__prev {
      width: 5.2rem;
      left: -1rem;
    }

    .p-column__collection .swiper .button-slider__next {
      width: 5.2rem;
      right: -1rem;
    }

    .p-column__collection .swiper .arrow-style-modern .button-slider:before {
      display: none;
    }

    .p-column__collection .swiper .arrow-style-modern .button-slider {
      background-color: transparent !important;
      color: rgba(var(--arrow-color), 1) !important;
    }

    .p-column__countdown .countdown .num {
      font-size: 2rem;
    }

  /* component-all-article-tags */
    .section__a-a-tags svg {
      width: 2rem;
    }

    .section__a-a-tags.spacing {
      padding-top: 1.2rem;
    }

    .section__a-a-tags .label {
      font-size: clamp(1.4rem, calc(var(--font-body-size) - 0.2rem), 1.8rem);
      line-height: calc(var(--font-body-size) + 0.5rem);
      margin: 0 1.7rem 0 0.3rem;
    }

    .section__a-a-tags .p-w__content {
      flex-wrap: wrap;
      align-items: center;
      justify-content: left;
    }

    .section__a-a-tags .tags .item-tag {
      font-size: 1.2rem;
      line-height: calc(var(--font-body-size) - 0.1rem);
    }

    .section__a-a-tags .tags {
      column-gap: 0.4rem;
      row-gap: 0.8rem;
      margin-top: 0.7rem;
    }

  /* component-card */
    /* style-product-card */
    .card__rating .rating-star {
      font-size: calc(var(--font-size) * 0.6rem);
    }

    .style-product-card .card__swatch,
    .style-product-advanced-card .card__swatch {
      grid-gap: 0.5rem;
    }

    .style-product-card .card__swatch--item,
    .style-product-advanced-card .card__swatch--item {
      --size: 2rem;
    }

    .style-product-card .card__vendor,
    .style-product-advanced-card .card__vendor {
      margin-bottom: 0;
    }

    /* style-product-standard-plus */
    .style-product-standard-plus .price,
    .style-product-standard-card .price,
  .style-product-standard-plus .card__heading {
      font-size: 1.6rem;
    }

    .style-product-standard-plus .card__price,  .style-product-standard-plus .card__heading {
      margin-top: 0;
    }

    .style-product-standard-plus .card__swatch {
      grid-gap: 0.5rem;
    }

    .style-product-standard-plus .card__swatch--item {
      width: 2.2rem;
      height: 2.2rem;
    }

  /* section-footer */
    .footer-block--text {
      margin-bottom: var(--m-b-xs);
    }

    .footer-block--newsletter, .footer__non-newsletter-blocks  {
      margin-bottom: 3rem;
    }

    .footer-block--text:last-child,
    .footer-block--newsletter:last-child {
      margin-top: 5rem;
      margin-bottom: 0;
    }

    .footer-block summary {
      padding: var(--p-t-xs) 0 var(--p-b-xs);
      border-bottom: 0.1rem solid rgba(var(--color-foreground), var(--alpha, 0.2));
    }

    .footer-block--link_list .footer-block__details-content,
    .footer-block--social .footer-block__details-content {
      padding-top: 2.5rem;
      padding-bottom: 2rem;
    }

    /* footer classy */
    .footer--classy .footer-block--link_list {
      padding-top: 0;
      padding-bottom: 0;
    }

    .footer--classy .footer-block--link_list:first-child {
      padding-top: var(--padding-top-xs);
    }

    .footer--classy .footer__content-top .footer__blocks-wrapper {
      padding-bottom: var(--padding-bottom-xs);
    }

    .footer--classy .footer-block summary {
      border-bottom-color: rgba(var(--color-foreground), 1);
    }

    /* footer special */
    .footer--special .footer-block--newsletter, .footer__non-newsletter-blocks  {
      margin-bottom: 3.5rem;
    }

    .footer--special .footer-block__details-item .list-social__link {
      padding: 1rem 0.6rem;
    }

    .footer--special .footer__blocks-wrapper {
      column-gap: 0;
      row-gap: 0;
    }

    .footer--special .footer-block summary,
    .footer--special footer-collapse + .footer-block--text .footer-block__heading {
      border-color: rgba(var(--color-foreground), 1);
      padding: 0.8rem 0;
    }

    .footer--special .copyright__content a {
      padding: 0;
    }

    .footer--special .footer__copyright {
      flex-wrap: wrap;
      row-gap: 1.2rem;
    }

    .footer--special .footer__copyright .policies,
    .footer--special .footer__copyright-text {
      flex: 1 0 100%;
    }

    .footer--special .footer__copyright .policies {
      max-width: 30rem;
      margin-left: auto;
      margin-right: auto;
    }

    .footer--special footer-collapse + footer-collapse,
    .footer--special footer-collapse + .footer-block--text {
      margin-top: 1.4rem;
    }

    /* footer modern */
    .footer--modern .footer__column--info {
      flex-direction: column;
    }

  /* double-banner */
    .db-banner__media .media {
      padding-top: var(--padding-image-xs) !important;
    }

  /* featured-product-tab */
    .section__f-product-tab .tab__list-item .tab__list-opener {
      border-radius: 0;
      border: none;
      justify-content: flex-start;
    }

    .section__f-product-tab .carousel__controls .button-slider {
      bottom: 4.1rem;
    }
    
    /* featured-product-tab classic */
    .section__f-product-tab.style--classic
    .swiper-slide:last-child.swiper-slide-active {
      width: var(--slide-active);
    }

    .section__f-product-tab.style--classic .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide-prev {
      width: calc(8 / 12 * 100%);
    }

    .section__f-product-tab.style--classic .total-card--4 .swiper-slide + .swiper-slide + .swiper-slide-prev {
      width: calc(8 / 12 * 100%);
    }

    .section__f-product-tab.style--classic .total-card--3 .swiper-slide + .swiper-slide-prev {
      width: calc(8 / 12 * 100%);
    }

  /* component-category-slide */
    .cate-slide__pagi {
      --size-dot: 2.4rem;
      --size-dot-inner: 1.2rem;
    }

    .cate-slide__pagi .button-slider__prev {
      left: 0.5rem;
    }

    .cate-slide__pagi .button-slider__next {
      right: 0.5rem;
    }

  /* spotlight product */
    .section__spotl-products.style--classic .spotl-products__image .i-padding:before {
      padding-bottom: 50rem;
    }

    .section__spotl-products.style--classic .p-w__content {
      padding-right: 0;
    }

    .section__spotl-products .p-w__bottom .link {
      font-size: clamp(1.4rem,calc(var(--font-body-size) - .2rem), 1.8rem);
    }

  /* f__information */
    .f__information-image {
      --m-t: calc(var(--padding-bottom) * .5);
    }

  /* header special */
    .header-style-special .header__icons {
      margin-right: 0.8rem;
    }

  /* newsletter modern */
    .section__newsletter.style--modern .newsletter__wrapper {
      padding: 2rem 1rem;
    }

    .section__newsletter.style--modern .customized-width {
      margin-top: 6.9rem;
    }

  /* collection-cate */
    .coll-cate__menu .item {
      --font-heading-size: 2.4rem;
    }

  /* padding before mobile */
    .i-padding-xs:before {
      padding-bottom: var(--padding-image-xs);
    }

  /* coll-with-product */
    .coll-w-pro__slide .item-content {
      gap: 2.4rem;
    }

  /* collection-list new style */
    .collection-list__banner .item-content {
      padding: 6.4rem 5rem;
    }

    .outs-reviews__carousel .banner__box {
      padding: 2rem 0 1.8rem;
    }

    .outs-reviews__carousel .carousel-wrap {
      padding-top: 4rem;
    }

  /* component-quotes */
    .quotes__info {
      padding-top: 0;
    }

  /* button slider modern */
    .arrow-style-modern-plus {
      --w: 7.4rem;
      --h: 4.5rem;
    }

    .arrow-style-modern-plus .button-slider {
      padding: 1rem 1.2rem;
    }
}

@media screen and (max-width: 550px) {
  /* component-card */
    /* style-product-card */
    .style-product-card .card__badge .badge {
      font-size: 0.8rem;
      padding: 0.1rem 0.7rem 0;
    }

  /* section-header */
    /* main--icons-style-modern */
    .header.main--icons-style-modern .header__heading{
      --w-logo: 10.8rem;
    }

    .header.main--icons-style-modern .header__heading-logo {
      max-width: min(100%,var(--w-logo));
    }

    .header.main--icons-style-modern .header__icon {
      height: 3.5rem;
      width: 4.5rem;
    }

    .header.main--icons-style-modern .header__icon .cart-count-bubble,
    .header.main--icons-style-modern .header__icon .wishlist-count-bubble {
      top: -0.5rem;
      min-width: 2rem;
      height: 2rem;
    }

    .header--mobile-center .header__heading-link {
      display: flex;
      justify-content: center;
    }

  /* section-footer */
    /* icon with text footer */
    .shopify-section-group-footer-group .grid__item .item {
      justify-content: flex-start;
      padding: 0 2rem;
    }

  /* collection-list new style */
    .collection-list__banner .content-button .button {
      padding: 0 2.4rem;
    }

  /* featured collection tab special */
    .section__f-collection-tab.style--special .products-grid__item:nth-child(3) {
      padding-top: var(--ptop-item);
    }

    .section__f-collection-tab.style--special .products-grid__item:nth-child(4).item-underline:after {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      width: calc(100% + var(--gap));
      height: 0.1rem;
      background-color: #e9e9e9;
    }

    .section__f-collection-tab.style--special .products-grid__item:nth-child(4) {
      padding-bottom: 0.6rem;
    }

    .section__f-collection-tab.style--special .products-grid__item:nth-child(1).item--3:after ,
    .section__f-collection-tab.style--special .products-grid__item:nth-child(2).item--3:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: calc(100% + var(--gap));
      height: 0.1rem;
      background-color: #e9e9e9;
    }

    .section__f-collection-tab.style--special .products-grid__item:nth-child(2).item-underline:after,
    .section__f-collection-tab.style--special .products-grid__item:nth-child(2).item--3:after {
      width: 100%;
    }

    .section__f-collection-tab.style--special .products-grid__item:nth-child(3).item--4.item-underline:after ,
    .section__f-collection-tab.style--special .products-grid__item:nth-child(4).item--4.item-underline:after {
      display: none;
    }
    
    .bundle-popup__drawer .bundle-popup__drawer-inner.multi-t__drawer-inner {
      width: 90%!important;
    }

    .bundle-popup__drawer .style-product-advanced-default .card__information {
      padding: 0;
    }

    .bundle-popup__list-item .card {
      grid-template-columns: 6rem 1fr;
    }

  /* main--icons-style-modern */
    .header.main--icons-style-modern .header__heading{
      --w-logo: 10.8rem;
    }

    .header.main--icons-style-modern .header__heading-logo {
      max-width: min(100%, var(--w-logo));
    }

    .header.main--icons-style-modern .header__icon {
      height: 3.5rem;
      width: 4.5rem;
    }

    .header.main--icons-style-modern .header__icon .cart-count-bubble,
    .header.main--icons-style-modern .header__icon .wishlist-count-bubble {
      top: -0.5rem;
      min-width: 2rem;
      height: 2rem;
    }

  /* component-brand-list */
    .section__b-list.style--grid ul .grid__item {
      min-width: initial;
    }

  /* component-image-with-text */
    .section__image-w-text .banner__content .box.gradient {
      padding: 0 2rem;
    }
}

@media screen and (max-width: 374px) {
  /* component-pagination */
    .pagination__list {
      grid-gap: 0.5rem;
    }

  /* component-grid */
    .grid[style*="--grid-h-xxs"] {
      column-gap: var(--grid-h-xxs, var(--grid-h-xs));
    }

    .no-js .no-js-grid__item,
    .grid__item {
      --p: calc(100% / var(--c-xxs, var(--c-xs)));
      --w: calc(var(--c-xxs, var(--c-xs)) - 1);
      width: calc(var(--p) - var(--grid-h-xxs, var(--grid-h-xs)) * var(--w) / var(--c-xxs, var(--c-xs)));
      max-width: calc(var(--p) - var(--grid-h-xxs, var(--grid-h-xs)) * var(--w) / var(--c-xxs, var(--c-xs)));
      flex: 1 0 auto;
    }

    .grid-col .grid__item {
      width: calc(100% / var(--c-xxs, var(--c-xs)));
    }
  
  /* component-card */
    /* style-product-card */
    .style-product-card .no-js .no-js-grid__item,
    .style-product-advanced-card .no-js .no-js-grid__item,
    .grid__item {
      width: 100%;
      max-width: 100%;
    }

  /* collapse-collection */
    .collapse-coll__item .item-content {
      padding: 1.2rem 2rem;
    }

  /* bundle popup */
    .bundle-popup__list-item .card {
      display: flex;
      gap: 1rem;
    }
}

@media only screen and (min-width: 551px) {
  /* base */
    .d-none-sm {
      display: none;
    }

    .d-block-sm {
      display: block;
    }

    .o-h-sm {
      overflow: hidden;
    }

    .d-flex-sm {
      display: flex;
    }

  /* component-grid */
    .grid[style*="--grid-v-sm"] {
      row-gap: var(--grid-v-sm);
    }

    .grid[style*="--grid-h-sm"] {
      column-gap: var(--grid-h-sm);
    }

    .no-js .no-js-grid__item,
    .grid__item {
      --p: calc(100% / var(--c-sm));
      --w: calc(var(--c-sm) - 1);
      width: calc(var(--p) - var(--grid-h-xs) * var(--w) / var(--c-sm));
      max-width: calc(var(--p) - var(--grid-h-xs) * var(--w) / var(--c-sm)); 
    }

    .grid-col .grid__item {
      width: calc(100% / var(--c-sm));
    }

  /* rounded */
    .rounded,
    .rounded-ovh {
      border-radius: var(--block-rounded);
    }

  /* newsletter-popup */
    .popup-wrapper {
      --popup-max-width: calc(100vw - 10%);
      --popup-max-height: calc(100vh - 10%);
    }

  /* component-card */
    /* style-product-card */
    .style-product-card .card__vendor,
    .style-product-advanced-card .card__vendor {
      --font-body-scale: 1;
      margin-bottom: 0.4rem;
    }

    .style-product-card .card__price .price,
    .style-product-card .price--on-sale .price-item--regular {
      font-size: 1.6rem;
      margin-right: 2px;
    }

    .style-product-card .card__heading {
      font-size: clamp(1.8rem, calc(var(--font-body-size) + 0.2rem), 2.2rem);
    }

    .style-product-card .card__rating.d-flex .rating-count {
      line-height: calc(1 + 0.5 / var(--font-body-scale));
      font-size: clamp(1rem, calc(var(--font-body-size) - 0.6rem), 1.4rem);
    }

    .style-product-card .card__rating .rating-star {
      letter-spacing: 0.18rem;
      font-size: clamp(1.7rem, calc(var(--font-body-size) + 0.2rem), 2.1rem);
    }

    .style-product-card .card__rating {
      gap: 3px;
      margin-bottom: 1px;
    }

    .style-product-card .card__badge {
      margin-top: 0.8rem;
    }

    /* style-product-advanced-card */
    .style-product-advanced-card .card__heading {
      font-size: clamp(2rem, calc(var(--font-body-size) + 0.2rem), 2.2rem);
    }

    .style-product-advanced-card .card__price .price {
      font-size: clamp(1.8rem, var(--font-body-size), 2rem);
    }

    .style-product-advanced-card .price--on-sale .price-item--regular {
      font-size: clamp(1.6rem, var(--font-body-size), 1.8rem);
      margin-right: 2px;
    }

    .style-product-advanced-card .card__rating .rating-star {
      letter-spacing: 0.25rem;
    }

    .style-product-advanced-card .card__content {
      padding: 1.8rem;
    }

    .style-product-advanced-card .function--badge-right {
      left: 1.8rem;
      top: 1.8rem;
    }

  /* spotlight product */
    .section__spotl-products .card__content {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;
    }

    .spotl-products__drawer .card__heading {
      font-size: clamp(1.6rem, var(--font-body-size), 2rem);
    }

  /* coll-with-product */
    .coll-w-pro .swiper-wrapper {
      min-height: 72.8rem;
    }

  /* section-footer */
    /* icon with text footer */
    .shopify-section-group-footer-group .section__i-w-text .grid__item {
      --c-sm: 2;
      --c-md: 2;
    }

  /* image-with-text modern */
    .section__image-w-text.style--modern .banner {
      --w-content: 48.2rem;
    }

  /* collection-list new style */
    .collection-list__custom .item-col{
      width: 50%;
    }
    
    .collection-list__banner .item-content {
      padding: 1rem;
    }

  /* carousel image video */
    .section__carousel-images .carousel__item-content-header {
      padding: 2.6rem 6.5rem 0.8rem;
    }

  /* quotes type grid */
    .section__quotes.style-grid .quotes__container .quotes__item--4 ,
    .section__quotes.style-grid .quotes__container .quotes__item--3 {
      padding-top: 4.1rem;
      padding-bottom: 2.8rem;
    }

    .section__quotes.style-grid .quotes__container .quotes__heading + .quotes__item--2 {
      padding-top: 5rem;
      padding-bottom: 2.8rem;
    }

  /* featured collection tab special */
    .section__f-collection-tab.style--special .products-grid {
      --col: 2;
      --gap: 1.2rem;
    }

    .bundle-popup__list-item .style-product-advanced-default .card__information {
      padding: 0rem 3rem 1.5rem;
    }

    .p-column__countdown .heading-textbox .link {
      padding: 1.6rem 3.2rem;
    }

  /* collection-cate */
    .coll-cate__wrap {
      max-width: 139.4rem;
    }
}

@media only screen and (min-width: 750px) {
  /* base */
    h1,
    .h1,
    .h0 {
      font-size: clamp(var(--min-size, var(--cus-size, 3.6rem)), var(--font-heading-size), var(--cus-size, 3.6rem));
    }

    h2,
    .h2 {
      font-size: clamp(var(--min-size, var(--cus-size, 2.4rem)), var(--font-heading-size), var(--cus-size, 2.4rem));
    }

    h3,
    .h3 {
      font-size: clamp(var(--min-size, var(--cus-size, 1.8rem)), var(--font-heading-size), var(--cus-size, 1.8rem));
    }

    h4,
    .h4 {
      font-size: clamp(var(--min-size, var(--cus-size, 1.6rem)), var(--font-heading-size), var(--cus-size, 1.6rem));
    }

    h5,
    .h5 {
      font-size: clamp(var(--min-size, var(--cus-size, 1.3rem)), var(--font-heading-size), var(--cus-size, 1.3rem));
    }

    .j-c-start-md {
      justify-content: flex-start;
    }

    .j-c-center-md {
      justify-content: center;
    }

    .j-c-end-md {
      justify-content: flex-end;
    }

    .f-row-reverse-md {
      flex-direction: row-reverse;
    }

    .d-none-md {
      display: none;
    }

    .d-block-md {
      display: block;
    }

    .i-padding-md:before {
      padding-bottom: var(--i-padding-md, var(--i-padding));
    }

    .spacing.bottom-line {
      padding-top: calc(var(--padding-top) * 0.75);
    }

    .spacing,
    .element-spacing {
      padding-top: calc(var(--padding-top) * 0.75);
      padding-bottom: calc(var(--padding-bottom) * 0.75);
    }

    /* start add class margin */
    .ml-auto-md,
    .mx-auto-md {
      margin-left: auto;
    }

    .mr-auto-md,
    .mx-auto-md {
      margin-right: auto;
    }

    .m-auto-md {
      margin: auto;
    }

    .m-l-0-md {
      margin-left: 0;
    }

    .m-r-0-md {
      margin-left: 0;
    }

    .m-spacing {
      margin-top: calc(var(--m-spacing-t, 0) * 0.75);
      margin-bottom: calc(var(--m-spacing-b, 0) * 0.75);
    }

    .no-js .no-js-overflow-x::-webkit-scrollbar,
    .no-js .overflow-x::-webkit-scrollbar,
    .scroll-visible::-webkit-scrollbar {
      width: 0.3rem;
      height: 0.3rem;
    }

    .no-js .no-js-overflow-x::-webkit-scrollbar-thumb,
    .no-js .overflow-x::-webkit-scrollbar-thumb,
    .scroll-visible::-webkit-scrollbar-thumb {
      background: rgba(var(--color-foreground), 0.7);
      border: none;
    }

    .no-js .no-js-overflow-x::-webkit-scrollbar-track,
    .no-js .overflow-x::-webkit-scrollbar-track,
    .scroll-visible::-webkit-scrollbar-track {
      background: rgba(var(--color-foreground), 0.04);
    }

    .scroll-visible::-webkit-scrollbar-track-piece {
      margin-top: 0;
    }

    .icon-style-modern {
      width: 4.4rem;
      height: 4.4rem;
    }

    .icon-style-modern .icon {
      width: 2.4rem;
      height: 2.4rem;
    }

    .icon-style-modern:hover {
      background-color: #fff;
      color: #000;
      border-color: #000;
    }
    
    .icon-style-modern:hover .icon-wishlist path {
      fill: #000;
    }

  /* swiper */
    .swiper .controls-number .swiper-pagination-number .cus-bullet.swiper-pagination-bullet-active:after {
      width: 6rem;
    }

    .swiper .controls-number .swiper-pagination-number .cus-bullet.swiper-pagination-bullet-active .dot-stt {
      right: 6.5rem;
    }

    .swiper .controls-number .swiper-pagination-number .cus-bullet:not(.swiper-pagination-bullet-active):hover:after {
      width: 3rem;
    }

    .swiper .controls-number .swiper-pagination-number .cus-bullet:not(.swiper-pagination-bullet-active):hover .dot-stt {
      right: 3.5rem;
    }

  /* button--main */
    .button--main-standard.button--icon-arrow {
      min-height: 6.2rem;
      column-gap: 1.6rem;
      padding: 0 3.5rem 0 4rem;
    }

  /* newsletter-popup */
    .popup-wrapper {
      --popup-max-width: calc(100vw - 10rem);
      --popup-max-height: calc(100vh - 10rem);
    }

    .newsletter-popup,
    .newsletter-popup-opener {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 0;
    }

    .newsletter-popup .item_newsletter-button {
      left: 0;
      font-size: 1.4rem;
      padding: 0.95rem 2.93rem;
      border-radius: 0;
      transform: translate(calc(-50% + 2.2rem), -50%) rotate(-90deg);
    }

    .newsletter-popup .newsletter__popup-content {
      padding: 2.4rem 6rem;
    }

    /* newsletter-popup effect */
      .newsletter-popup side-drawer.active + side-drawer-opener .item_newsletter-button {
        transform: translate(calc(-50% - 5rem), -50%) rotate(-90deg);
      }

      .item_newsletter-button {
        border: 0.2rem solid transparent;
      }

      .item_newsletter-button:after,
      .item_newsletter-button:before {
        content: "";
        position: absolute;
        top: -0.2rem;
        left: -0.2rem;
        right: -0.2rem;
        bottom: -0.2rem;
        border: 0.2rem solid transparent;
        opacity: 0;
        pointer-events: none;
        border-image-slice: 1;
        border-image-source: rgba(var(--color-background), 1);
        border-image-source: var(--gradient-background);
      }

      .item_newsletter-button:after {
        z-index: -1;
        background: transparent linear-gradient(to bottom left, rgba(249, 208, 129, 0.25) 10%, rgba(227, 2, 62, 0.25) 30%, rgba(49, 128, 135, 0.25) 90%);
        transition: opacity 1s;
      }

      .item_newsletter-button:before {
        z-index: 0;
        background: transparent;
        transition: opacity 0.5s;
      }

      .item_newsletter-button:active:before,
      .item_newsletter-button:hover:after {
        opacity: 1;
      }

  /* section-header */
    .header--logo-special .header__heading {
      padding-top: calc(var(--padding-top) * 0.75);
    }

  /* main-page */
    /* recommend Cart Collection */
    .recommendCartCollection {
      position: absolute;
      width: 32rem;
      right: 100%;
      clip-path: inset(0 0 0 100%);
      transition-property: clip-path, visibility;
      transition-delay: var(--duration-long);
      transition-duration: var(--duration-long);
      transition-timing-function: ease;
      visibility: hidden;
      border-right: 0.1rem solid rgba(var(--color-foreground),var(--border-alpha, 0.5));
    }

    .recommendCartCollection .style-product-card .card__information {
      background: transparent !important;
    }

    .recommendCartCollection .style-product-card .card__content {
      padding: 1.2rem;
    }

  /* base-rte */
    .rte table td {
      padding-left: 1.2rem;
      padding-right: 1.2rem;
    }

    blockquote {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
      padding-bottom: 2.5rem;
    }

    .caption {
      font-size: clamp(1.2rem, calc(var(--font-body-size) - 0.4rem), 1.6rem);
    }

  /* component-countdown */
    .banner__countdown-full .countdown {
      gap: 0 2rem;
      font-size: 5rem;
    }

    .banner__countdown-full .countdown .text {
      font-size: 2rem;
    }

  /* component-countdown-s-hero */
    .section__countdown-s-hero .banner__buttons .button {
      min-width: 35rem;
    }

    .countdown-s-hero.shopify-section-group-header-group .banner__logo {
      position: fixed;
      left: 50%;
      top: 0;
      transform: translateX(-50%);
      padding-top: 32px;
      transition: color 0.25s ease 0s;  
    }

    .countdown-s-hero:not(.shopify-section-group-header-group) .banner__logo {
      bottom: 5%; 
    }

    .countdown-s-hero.shopify-section-group-header-group .block-logo  {
      position: relative;
      top: 0px;
      left: 0px;
      backface-visibility: hidden;
      transform-origin: 50% -50%;
    }

  /* component-grid */
    .grid {
      column-gap: var(--grid-h-md);
      row-gap: var(--grid-v-md);
    }

    .grid[style*="--grid-v-md"] {
      row-gap: var(--grid-v-md);
    }

    .grid[style*="--grid-h-md"] {
      column-gap: var(--grid-h-md);
    }

    .grid--column-2-tablet {
      --c-md: 2 !important;
    }

    .grid--column-3-tablet {
      --c-md: 3 !important;
    }

    .grid-col {
      row-gap: calc(var(--grid) * 2);
    }

    .no-js .no-js-grid__item,
    .grid__item {
      --p: calc(100% / var(--c-md));
      --w: calc(var(--c-md) - 1);
      width: calc(var(--p) - var(--grid-h-md) * var(--w) / var(--c-md));
      max-width: calc(var(--p) - var(--grid-h-md) * var(--w) / var(--c-md));
    }

    .grid-col .grid__item {
      width: calc(100% / var(--c-md));
    }

    .grid-scroll {
      --padding: var(--scroll-padding, 5rem);
    }

  /* component-pagination */
    .pagination-wrapper {
      margin-top: 5rem;
    }

    .pagination__list > li {
      flex: 1 0 5rem;
      max-width: 5rem;
    }

    .pagination__item {
      height: 5rem;
    }

    .pagination__item-arrow .icon-caret-horizontal-plus {
      width: 3.2rem;
      height: 3.2rem;
    }

    /* component-pagination - special */
    .section__m-collection .pagination-wrapper.style-special:not(.filter-horizontal-plus) {
      margin-top: 6rem;
    }

    .pagination-wrapper.style-special:not(.filter-horizontal-plus) .pagination__list li {
      max-width: 6rem;
    }

    .pagination-wrapper.style-special:not(.filter-horizontal-plus) .pagination__list .pagination__item {
      height: 3.8rem;
    }

    /* component-pagination - horizontal-plus */
      .pagination-wrapper.filter-horizontal-plus {
        margin-top: 5rem;
      }

      .pagination-wrapper.filter-horizontal-plus .pagination__item {
        height: 3.2rem;
      }

      .pagination-wrapper.filter-horizontal-plus .pagination__list > li {
        flex: 1 0 3.2rem;
        max-width: 3.2rem;
      }

      .pagination-wrapper.filter-horizontal-plus .pagination__list > .pagination--prev {
        max-width: 13rem;
      }

      .pagination-wrapper.filter-horizontal-plus .pagination__list > .pagination--next {
        max-width: 9.4rem;
      }

      .pagination-wrapper.filter-horizontal-plus .pagination__list {
        grid-gap: 2.4rem;
      }

      .pagination-wrapper.filter-horizontal-plus .pagination__list .pagination__item-arrow {
        width: 9.4rem;
      }

      .pagination-wrapper.filter-horizontal-plus .pagination__list .pagination__item--prev {
        width: 13rem;
      }

  /* component-media */
    .media--md {
      padding-bottom: max(var(--mi-h), var(--ratio-md, var(--mi-h)));
    }

  /* component-drawer */
    .drawer__inner {
      width: 47rem;
    }

    /* account-drawer */
    .account-style--special .drawer__header .drawer__heading {
      font-size: 2.4rem;
    }

  /* component-popup-modal */
    .popup-modal__content {
      max-height: 85%;
      width: calc(100% - 3rem);
      top: 50%;
      left: 50%;
      bottom: auto;
      transform: translate(-50%, -50%);
    }

    .popup-modal[open] .popup-modal__content {
      animation: unset;
    }

  /* component-list-payment */
    .list-payment {
      margin: -0.5rem;
    }

  /* component-card */
    .card__wishlist,
    .card__badge,
    .product__badge {
      top: calc(var(--badge-vertical-distance) * 0.75);
    }

    .card__wishlist.left,
    .card__badge.left,
    .product__badge.left {
      left: calc(var(--badge-horizontal-distance) * 0.75);
    }

    .card__wishlist.right,
    .card__badge.right,
    .product__badge.right {
      right: calc(var(--badge-horizontal-distance) * 0.75);
    }

    .card__information {
      padding-top: 2.2rem;
      padding-bottom: 1rem;
    }

    .card__heading.large {
      font-size: clamp(1.8rem, calc(var(--font-body-size) + 0.2rem), 2.2rem);
    }

    .product-discount {
      bottom: 1.6rem;
    }

    /* style-product-default */
    .style-product-default .card__information {
      padding: 2.4rem 1.5rem;
    }

    /* style-product-card */
    .style-product-card .card__quickadd .quick-add__submit {
      --h-btn: 5.4rem;
    }

    .card-function-group {
      bottom: calc(var(--badge-vertical-distance) * 0.75);
    }

    .card-function-group.left {
      left: calc(var(--badge-horizontal-distance) * 0.75);
    }

    .card-function-group.right {
      right: calc(var(--badge-horizontal-distance) * 0.75);
    }

    .style-product-card .card__vendor {
      font-size: clamp(1.2rem, calc(var(--font-body-size) - 0.4rem), 1.6rem);
    }

    /* style-product-advanced-card */
    .style-product-advanced-card .card__vendor {
      font-size: clamp(1.6rem, calc(var(--font-body-size) - 0.2rem), 1.8rem);
    }

    .card__function .card__function-item + .card__function-item {
      padding-top: 2rem;
    }

    .style-product-standard-plus .card .card__badge,
    .style-product-standard-card .card .card__badge,
    .style-product-advanced-card .card .card__badge,
    .style-product-advanced-default .card .card__badge,
    .style-popup-advanced-default .card .card__badge {
      opacity: 1;
      visibility: visible;
      transition: all var(--duration-long) ease;
    }

    .style-product-standard-plus .card:hover .card__badge,
    .style-product-standard-card .card:hover .card__badge,
    .style-product-advanced-card .card:hover .card__badge,
    .style-product-advanced-default .card:hover .card__badge,
    .style-popup-advanced-default .card:hover .card__badge {
      opacity: 0;
      visibility: hidden;
      transform: scale(0);
    }

    /* style-product-standard-plus */
    .style-product-standard-plus .card__rating .rating-star,
    .style-product-standard-card .card__rating .rating-star {
      --font-size: 2.5;
    }    

    .style-product-standard-plus .card__swatch {
      grid-gap: 0.2rem;
    }

    .style-product-standard-plus .card__swatch--item {
      width: 3.2rem;
      height: 3.2rem;
    }

    .style-product-standard-plus .card__information {
      padding-top: 2rem;
      padding-bottom: 1rem;
    }

  /* component-featured-collection */
    .tab__title {
      margin-bottom: 3rem;
    }

    .tab__item-content {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    .tab__content-item {
      flex-direction: row;
      grid-gap: 0;
    }

    .tab__content-item .item {
      /*width: 50%;*/
      flex: 0 0 50%;
    }

    .tab__content-item .item__banner {
      padding-right: 1.5rem;
    }

    .tab__content-item .item__product {
      padding-left: 1.5rem;
    }

    .section__f-collection .p-w__header--wrapper .button {
      padding: 1.6rem 3.2rem;
    }

    .section__f-collection .p-w__header--wrapper.t-center {
      --g-gap: 1rem;
    }

    .section__f-collection .p-w__header--wrapper.t-center .link {
      padding: 1.4rem;
    }

  /* featured collection tab classic */
    .section__f-collection-tab.style--classic .tab__item-content {
      padding-left: 0;
      padding-right: 0;
    }

  /* featured collection tab special */
    .section__f-collection-tab.style--special .tab__content-item .item {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    .section__f-collection-tab.style--special .tab__item-content {
      padding-left: 0;
      padding-right: 0;
    }

  /* component-custom-tab */
    .custom__tab-list {
      display: flex;
      border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
      padding-bottom: 0.9rem;
      column-gap: 6rem;
    }

    .custom__tab-list-item .t-button {
      font-size: 2.4rem;
      padding: 0;
    }

    .custom__tab-list-item:not(.active) .t-button {
      color: rgba(var(--color-foreground), 0.4);
      font-weight: var(--font-body-weight);
    }

    .custom__tab-text .item__description {
      border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
    }

    .custom__tab-text .item__description,
    .custom__tab-text .item__description p,
    .custom__tab-text .item__description ul {
      font-size: 1.6rem;
      margin-bottom: 2.4rem;
    }

    .custom__tab-text .item__description ul {
      padding-inline-start: 2.7rem; 
    }

  /* component-featured-blog-post */
    .section__f-b-post .item__content .h2 {
      font-size: 3.4rem;
      margin-top: 2.5rem;
      padding: 0 8rem;
    }

    .section__f-b-post .tags {
      column-gap: 0.6rem;
    }

    .section__f-b-post .tags .item-tag {
      padding: 0.6rem 2.4rem;
      font-size: 1.2rem;
      margin-top: 1rem;
    }

    .section__f-b-post .info {
      margin-top: 1.2rem;
      margin-bottom: 4.5rem;
      gap: 0.6rem;
      font-size: 1.4rem;
    }

    .section__f-b-post .item__content .p-w__header {
      margin: 4.5rem 0 3.2rem;
    }

    .section__f-b-post .item__content .p-w__heading {
      font-size: 3.2rem;
    }

  /* component-collection-list */
    /* component-collection-list default */
    .section__c-list.style--default .item__content {
      margin-top: 3.5rem;
      margin-bottom: 2rem;
    }

    /* component-collection-list masonry */
    .section__c-list.style--masonry.display-arrow__sm .swiper,
    .section__c-list.style--masonry.display-arrow__md .swiper {
      padding-top: 9rem;
      margin-top: -9rem;
    }

  /* collection-video */  
    .collection-video .deferred-media__poster-button {
      --size: 4rem;
      bottom: 2.4rem;
      right: 2.4rem;
    }

    .collection-video .deferred-media__poster-button .icon {
      width: 2rem;
    }

  /* component-lookbook */
    .section__lookbook .p-w__content {
      padding-top: 2.4rem;
    }

  /* component-multicolumn */
    .section__multicolumn .p-w__content,
    .section__f-blog .p-w__content {
      padding-top: 2.2rem;
    }

    .section__f-blog .p-w__content {
      padding-top: 0;
    }

    .section__multicolumn .item__content,
    .section__f-blog .item__content {
      margin-top: 3.7rem;
    }

    .section__multicolumn h3,
    .section__f-blog h3,
    .section__multicolumn .rte,
    .section__f-blog .rte {
      margin-bottom: 1.5rem;
    }
    
    .section__multicolumn .button,
    .section__f-blog .button {
      margin-top: 2.5rem;
      min-width: 26rem;
    }

  /* multicolumn modern */
  /* fix multicolumn modern */
    .section__multicolumn .carousel__item--column-text [class*=button--main-] ,
    .section__multicolumn .content-inside-image [class*=button--main-] {
      min-width: initial;
    }

  /* component-newsletter */
    .page-width--image .p-w__content {
      padding: 5rem;
    }

    .newsletter-form {
      padding: 0.8rem 0 0 0;
    }

    /* newsletter classic */
    .style--classic .form-is-show .newsletter-form__field-wrapper .field__input,
    .style--classic .form-is-show .newsletter-form__field-wrapper .field__label {
      font-size: clamp(1.8rem, calc(var(--font-body-size) + 0.2rem), 2.2rem);
    }

    /* newsletter special */
    .style--special .newsletter__content,
    .style--special details-disclosure,
    .style--special .newsletter__header {
      max-width: 75.3rem;
    }

    .style--special .newsletter__wrapper.right-desk .newsletter__content,
    .style--special .newsletter__wrapper.right-desk details-disclosure,
    .style--special .newsletter__wrapper.right-desk .newsletter__header {
      max-width: 100%; 
    }

    .style--special .newsletter__header .p-w__heading + .desc {
      margin-top: 1.4rem;
    }

    .style--special .form-is-show .newsletter-form .button {
      padding: 0 2.3rem;
      font-size: 1.6rem;
    }

    .style--special .form-is-show .newsletter-form__field .field-inner {
      --pd-left-input: 1.6rem;
      height: 6rem;
    }

    .style--special .form-is-show .newsletter-form .field__input,
    .style--special .form-is-show .newsletter-form .field__label {
      font-size: clamp(1.6rem, calc(var(--font-body-size) + 0.2rem), 2.6rem);
    }

  /* component-banner */
    .banner__content {
      height: auto;
      padding: 5rem;
    }

    .banner__box {
      --content-max-width-750: calc(var(--content-max-width, 44rem) - 4rem);
      max-width: var(--content-max-width-750);
      max-height: 100%;
      padding-top: 3rem;
      padding-bottom: 3rem;
    }

    .banner__content--closed .banner__box {
      padding-left: 0;
      padding-right: 0;
      max-width: 37rem;
    }

    .banner__content--top-left,
    .banner__content--middle-left,
    .banner__content--bottom-left,
    .banner__content--top-left .banner__box,
    .banner__content--top-center .banner__box,
    .banner__content--top-right .banner__box {
      justify-content: flex-start;
    }

    .banner__content--top-center,
    .banner__content--middle-center,
    .banner__content--bottom-center,
    .banner__content--middle-left .banner__box,
    .banner__content--middle-center .banner__box,
    .banner__content--middle-right .banner__box {
      justify-content: center;
    }

    .banner__content--top-right,
    .banner__content--middle-right,
    .banner__content--bottom-right,
    .banner__content--bottom-left .banner__box,
    .banner__content--bottom-right .banner__box,
    .banner__content--bottom-center .banner__box {
      justify-content: flex-end;
    }

    .banner__content--middle-center .banner__box {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    .banner__content--bottom-center .banner__box {
      padding-bottom: 5.4rem;
    }

    .banner__content--bottom-center .banner__buttons {
      margin-top: 3.7rem;
    }

    .banner__buttons:not(.m-spacing) {
      margin-top: 3.8rem;
    }

    .banner__countdown {
      max-width: 37rem;
    }

    .banner__countdown .countdown {
      max-width: 100%;
    }

    .banner__countdown .countdown:after {
      content: "";
      z-index: 1;
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      transform: skew(-15deg);
      background-image: linear-gradient(90deg, transparent, rgba(var(--color-foreground), 0.095), transparent);
      animation: animateShine 2s infinite;
    }

    .banner__countdown .item {
      min-width: 9rem;
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }

    .banner__countdown .item .num {
      line-height: calc(1 + 0.5 / max(1, var(--font-body-scale)));
      font-size: clamp(1.8rem, calc(var(--font-body-size) + 0.2rem), 2.2rem);
    }

  /* component-swiper */
    /* swiper - dashed */
    .swiper-pagination-bullets.swiper-pagination-dashed {
      gap: 0.8rem;
    }

    .section__quotes .swiper-pagination-bullets.swiper-pagination-dashed .swiper-pagination-bullet,
    .section__quotes .swiper-pagination-dashed .swiper-pagination-bullet:not(.cus-bullet):after {
      width: 10rem;
    }

  /* component-button */
    .button:not([class*='text-size-']),
    .shopify-challenge__button:not([class*='text-size-']),
    .shopify-payment-button__button {
      font-size: max(1.2rem, calc(var(--buttons-font-size) - calc(0.2rem )));
    }

  /* component-image-with-text */
    .section__image-w-text .banner__content .box {
      padding: 2rem 3rem;
    }
  .section__image-w-text.secondary .banner__content .box {
     padding: 2rem 0;
  }

    .section__image-w-text .banner__content .box__wrapper {
      max-width: 53.5rem;
    }

    .section__image-w-text .full-width .banner__content .box {
      padding-left: max(5rem, calc((100vw - (var(--page-width) - 1.5rem)) / 2));
      padding-right: max(5rem, calc((100vw - (var(--page-width) - 1.5rem)) / 2));
    }

    .section__image-w-text .content {
      padding: 12.65% 7%;
    }

    .section__image-w-text .media__content {
      max-width: 30rem;
    }

    .section__image-w-text .media__content .banner__heading {
      margin-bottom: 2.5rem;
    }

    .section__image-w-text .has-content .media img,
    .section__image-w-text .has-content .content {
      transition: background 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform var(--duration-slow) var(--cubic);
    }
    
    .section__image-w-text .has-content:hover .media img {
      transform: rotate(3deg) scale(1.2);
    }
    
    .section__image-w-text .has-content:hover .content {
      background: rgba(54, 54, 54, 0.44);
    }

    .section__image-w-text .navigation-block__content {
      gap: 2rem 4rem;
    }

    .section__image-w-text .navigation-block__item:hover {
      font-weight: 600;
    }

    /* image-with-text modern */
    .section__image-w-text.style--modern .banner__content .box,
    .section__image-w-text.style--modern .full-width .banner__content .box {
      padding: 18%;
    }

    .section__image-w-text.style--modern .banner {
      row-gap: 5rem;
    }

  /* component-image-banner */
    .section__i-banner .banner__image-with-text .box {
      padding-left: 5rem;
      padding-right: 5rem;
    }

    .section__i-banner .banner__image-with-text:has(.banner__button) .box {
      padding-right: max(25rem, 30vw);
    }

    .section__i-banner .banner__image-with-text .banner__button {
      right: 5rem;
    }

  /* component-video-with-text */
    .section__video-w-text .box {
      padding: 3rem 4.5rem;
    }

  /* component-collage */
    .section__collage .box {
      padding-left: 3rem;
      padding-right: 3rem;
    }

    .section__collage .box .button {
      min-width: 15.4rem;
      min-height: calc(5.4rem + var(--buttons-border-width) * 2);
    }

    .collage-content:not(.full-button) {
      padding: 2rem;
    }

    .section__collage .swiper-pagination-dashed .swiper-pagination-bullet:not(.cus-bullet) {
      padding: 2.4rem 0 3.1rem;
    }

    .collage-content .banner__heading + .banner__buttons {
      margin-top: 2.4rem;
    }

  /* component-slider */
    .carousel {
      --scroll-padding: max(5rem, calc((100vw - (var(--page-width) + 9rem)) / 2));
    }

    .button-slider {
      width: 5rem;
      height: 5rem;
    }

    .section__f-collection-tab .carousel__controls {
      --padding: 3.5rem;
    }

    .section__f-images .carousel__controls {
      --padding: 5rem;
    }

  /* component-slideshow */
    .section__slideshow .slideshow__content {
      --check-transparent: calc(var(--has-header-transparent) + 5rem);
      padding: var(--check-transparent, 5rem) 0 5rem;
    }

    .slideshow__content .banner__box .banner__buttons {
      grid-gap: calc(var(--g-gap, 0) * 0.75);
    }

    .slideshow__content .banner__box .banner__buttons.f-column {
      margin-top: 2.5rem;
    }

    .slideshow__controls .button-slider {
      top: 50%;
      transform: translate(0, -50%);
      box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.3);
    }

    .slideshow__controls .button-slider__prev {
      left: max(5rem, calc((100% - var(--page-width)) / 2));
    }

    .slideshow__controls .button-slider__next {
      right: max(5rem, calc((100% - var(--page-width)) / 2));
    }

    .slideshow__controls .button-slider__autoplay {
      top: auto;
      bottom: 5rem;
      left: max(5rem, calc((100% - var(--page-width)) / 2));
      transform: unset;
    }

    .section__slideshow .swiper-pagination-bullets.swiper-pagination-dashed .swiper-pagination-bullet, 
    .section__slideshow .swiper-pagination-dashed .swiper-pagination-bullet:not(.cus-bullet):after {
      width: 100%;
      max-width: 15rem;
    }

    .section__slideshow .swiper .swiper-pagination-bullets.swiper-pagination-dashed {
      top: auto;
      left: auto;
      width: 90%;
      right: auto;
    }

  /* component-visual-hightlight */
    .visual-hightlight__item .item-content__head {
      margin-bottom: 1.4rem;
    }

    .visual-hightlight__item .item-content__description {
      margin-bottom: 4rem;
    }

    .visual-hightlight__item.half .item-content {
      padding: 3.8rem 5rem 0;
    }

    .visual-hightlight__item .button--main-special {
      --h-button-arrow: 5.9rem;
    }

  /* component-featured-blog */
    .section__f-blog.spacing {
      padding-top: calc(var(--padding-top) * 0.75);
    }

    .section__f-blog.bottom-line .container-line:after,
    .section__m-blog.bottom-line .container-line:after {
      padding-top: calc(var(--padding-bottom) * 0.75);
    }

    .section__f-blog.grid-line .item {
      padding-bottom: calc(var(--padding-bottom) * 0.75);
    }

    .section__f-blog.grid-line .blog-post:not(.blog-enable_list) .item:after {
      right: calc((var(--grid-h-md) / 2) * -1);
    }

  /* component-product-column */
    .p-column__collection .custom__tab-list {
      padding: 0;
      border-bottom: none;
      column-gap: 0;
    }

  /* double banner */
    .db-banner__content {
      --mt-button: 4rem;
    }

    .db-banner__button .button {
      --h-button: calc(6rem + var(--buttons-border-width) * 2);
      --border-offset: calc(5.4rem + var(--buttons-border-width) * 2);
      padding: 0 3.276rem;
      font-size: 1.6rem;
    }

    .db-banner__heading {
      max-width: 53rem;
    }

  /* featured-product-tab */
    .section__f-product-tab .p-w__text {
      font-size: 2rem;
      max-width: 90%;
    }

    .section__f-product-tab .tab__title {
      max-width: 73rem;
      padding-bottom: 4rem;
    }

    .section__f-product-tab .tab__title.center {
      margin: 0 auto;
    }

    .section__f-product-tab .tab__title.left {
      margin-left: 0;
      margin-right: auto;
    }

    .section__f-product-tab .tab__title.right {
      margin-left: auto;
      margin-right: 0;
    }

    .section__f-product-tab .p-w__heading {
      margin-bottom: 0.9rem;
    }

    .section__f-product-tab .tab__list-item .tab__list-opener {
      --py: 2.8rem;
      font-size: 2.8rem;
    }

    .section__f-product-tab .tab__item-tab {
      width: 50%;
    }

    .section__f-product-tab .tab__item-content {
      width: 50%;
    }

    .no-js .section__f-product-tab .tab__content-item {
      flex-direction: column;
    }

    .section__f-product-tab .tab__content-item {
     /* min-height: 40.8rem;*/
    }

    .section__f-product-tab .card__content .card__heading {
      margin-top: 0.4rem;
    }

    .section__f-product-tab .card__content .card__price {
      margin-top: 0.8rem;
    }

    .section__f-product-tab:not(.style--classic) .card__information {
      max-width: min(80%, 37.5rem);
      margin: 0 auto;
    }

    .section__f-product-tab.style--special .card__content .card__price {
      margin-right: auto;
    }

    /* featured-product-tab classic */
    .section__f-product-tab.style--classic .tab__item-tab {
      width: fit-content;
    }

    .section__f-product-tab.style--classic .tab__title {
      max-width: 100%;
      padding-bottom: 0;
      margin-bottom: 1.6rem;
    }

    .section__f-product-tab.style--classic .tab__content-item .item__product {
      flex: 0 0 100%;
    }

    .section__f-product-tab.style--classic .tab__item-content {
      width: 100%;
    }

    .section__f-product-tab.style--classic .tab__list-item .tab__list-opener {
      font-size: clamp(1.8rem, calc(var(--font-body-size) + 0.2rem), 2rem);
    }

    .section__f-product-tab.style--classic .tab__list-item:not(:last-child):after {
      margin-left: 2.4rem;
      margin-right: 2.4rem;
    }

    .section__f-product-tab.style--classic .tab__content-item .quick-add__submit.button--style-diagonal-swipe  {
      --border-offset: calc(6.5rem + var(--buttons-border-width) * 4);
      min-height: calc(6.5rem + var(--buttons-border-width) * 2);
    }

  /* component-outstanding-reviews */
    .outs-reviews__carousel .banner__box {
      max-width: 100%;
    }

    .outs-reviews__row {
      --padding: 7.4rem;
    }

    .outs-reviews__carousel .banner__info {
      margin-top: 2.7rem;
    }

    .section__outs-reviews .rating-star {
      --font-size: 1.8;
    }

    .outs-reviews__carousel .banner__desc {
      margin-top: 2.7rem;
    }

  /* component-category-slide */
    .cate-slide__image .image-wrap {
      --y-item: 4.3rem;
    }

  /* component-carousel-images */
    .section__carousel-images .carousel__item-heading {
      margin-bottom: 1.4rem;
    }

    .section__carousel-images .carousel__item-description {
      margin-bottom: 3.2rem;
    }

  /* carousel image video */
    .section__carousel-images .carousel__item-content.has-bg .carousel__item-description {
      margin-bottom: 1.6rem;
    }

    .section__carousel-images .carousel__item-content {
      margin-top: calc(-1 * var(--m-top-minus-tablet));
    }

    .section__carousel-images .carousel__item-content.has-bg .carousel__item-heading {
      margin-bottom: 1.2rem;
    }

    .section__carousel-images .carousel__item-content-header {
      padding: 2.6rem 10.6rem 0.8rem;
    }

  /* image banner new style */
    .section__i-banner .image-decor:nth-child(4) {
      left: 9.41%;
      right: 78.56%;
      bottom: -0.33%;
      top: 68.67%;
      -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
      transform: rotate(35deg);
    }

    .section__i-banner .products_images[loaded=true] .image-decor:nth-child(2) {
      left: 0;
      right: 0;
      top: 0;
      bottom: 71.57%;
    }

    .section__i-banner .products_images[loaded=true] .image-decor:nth-child(4) {
      left: 15.41%;
      right: 64.56%;
      bottom: 12.67%;
      top: 59.67%;
      -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
    }

    .section__i-banner .products_images[loaded=true] .image-decor:nth-child(5) {
      right: 10.41%;
      left: 70.95%;
      bottom: -8.33%;
      top: 59.67%;
      -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
    }

  /* component-blog */
    .spacing.bottom-line {
      padding-top: calc(var(--padding-top) * 0.75);
    }

    .item-tag {
      margin-top: 2.4rem;
      padding: 0.3rem 1.543rem;
      font-size: 1.2rem;
    }

    .blog-style-special .page__drawer-opener button.d-flex {
      font-size: 1.6rem;
    }

    .blog-style-special .p-w__header--wrapper {
      margin-bottom: 3.8rem;
    }



    .blog-style-special .breadcrumb {
      font-size: 1.4rem;
      padding-bottom: 4.5rem;
    }

    .blog-style-special .card__heading {
      margin: 1rem 0;
    }

    .blog-style-special .blog-articles {
      gap: 1rem;
      padding-bottom: 4.5rem;
    }

    .blog-style-special .blog-articles__article .media--adapt {
      padding-bottom: 101.32%!important;
    }

  /* component-featured-blog */
    .section__f-blog .item__content .tags + .h2 {
      margin: 1rem 0;
      font-size: 2rem;
    }

    .section__i-banner .banner__buttons .button--style-diagonal-swipe.button--icon-none {
      --h-button: 5.6rem;
      padding: 0 3.276rem;
      font-size: clamp(1.6rem, calc(var(--font-body-size) - 0.2rem), 2.4rem);
    }

    .section__f-blog .blog-enable_list .item {
      gap: 3rem;
    }

    .section__f-blog .placement--text_first .item__content {
      margin-top: 0;
      margin-bottom: 1.7rem;
    }

  /* spotlight product */
    .spotl-products__image .carousel__item {
      font-size: clamp(1.4rem, calc(var(--font-body-size) - 0.2rem), 1.8rem);
    }

    .section__spotl-products.style--classic .spotl-products__image {
      width: 50vw;
    }

    .section__spotl-products.style--classic .product-card-wrapper {
      max-width: 27rem;
      margin: 0 auto;
    }

    .section__spotl-products.style--classic .card__inner {
      max-width: 22rem;
      margin: 0 auto;
    }

    .section__spotl-products .style-product-default .quick-add__submit.button--style-diagonal-swipe {
      padding: 1.55rem 4rem;
    }

  /* f__information */
    .f__information-content .title {
      font-size: clamp(2.4rem, calc(var(--font-body-size) + 0.2rem), 2.6rem);
    }

    .f__information-content .description {
      font-size: clamp(2rem, calc(var(--font-body-size) + 0.2rem), 2.6rem);
      margin-top: 1.8rem;
    }

    .f__information-content .description + .button {
      margin-top: 3.6rem;
    }

    .f__information-content .button {
      --h-button: 5.4rem;
      --border-offset: calc(5.4rem + var(--buttons-border-width) * 2);
      padding: 0 3.2rem;
    }

  /* section-header */
    .header__icons.icons-style-modern,
    .header-drawer.icons-style-modern {
      column-gap: .5rem;
    }

    .header-drawer.icons-style-modern .header__icon {
      width: 4.4rem;
      height: 4.4rem;
    }

    .header__icons.icons-style-modern .icon-style-modern .icon,
    .header-drawer.icons-style-modern .icon-style-modern .icon,
    .header-drawer.icons-style-modern .icon-close {
      width: 2.4rem;
      height: 2.4rem;
    }

    /* header special */
    .header-style-special .header {
      padding-top: calc(var(--padding-top) * 0.3);
      padding-bottom: calc(var(--padding-top) * 0.3);
    }

    .header-style-special .header__icon + .header__icon {
      margin-left: 1.6rem;
    }

    .header--mobile-left .header-drawer:not(.icons-style-modern) .header__icon--cart + .menu-drawer-container {
      margin-left: 2.1rem;
    }

    /* Menu drawer */
    .menu-drawer {
      width: 40rem;
    }

    .no-js .menu-drawer {
      height: auto;
    }

  /* section-footer */
    .footer-block__details-content .footer-block__item + .footer-block__item {
      margin-top: clamp(0px, calc(var(--r-gap) - 2px), var(--r-gap));
    }

    .footer__blocks-wrapper {
      justify-content: space-between;
      column-gap: var(--grid-h-md);
      row-gap: calc(3 * var(--grid-v-md));
    }

    .footer-grid__item {
      width: calc(33.33% - var(--grid-h-md) * 2 / 3);
      max-width: calc(33.33% - var(--grid-h-md) * 2 / 3);
    }

    .footer-block summary {
      pointer-events: none;
    }

    .footer-block__heading {
      margin-bottom: 1.2rem;
    }
/*
    .type-newsletter--special .footer-block__heading {
      margin-bottom: 0.3rem;
    }
*/
    .footer-block .footer-block__heading:before,
    .footer-block .footer-block__heading:after {
      content: none;
    }

    /* footer checkbox */
    .footer__newsletter .form--check label {
      padding-left: 2.8rem;
    }

    .footer__newsletter .form--check label:before {
      width: 2rem;
      height: 2rem;
    }

    .footer__newsletter .form--check label:after {
      width: 1.3rem;
      height: .8rem;
      left: .4rem;
    }

    .footer__newsletter .form--check {
      margin-top: 1.5rem;
    }

    /* footer newsletter special */
    .footer-block--newsletter.type-newsletter--special, .footer__non-newsletter-blocks {
      width: 49rem;
    }

    .type-newsletter--special .newsletter-form {
      padding: 0;
    }

    /* footer classy */
    .footer--classy .type-newsletter--special .newsletter-form__field-wrapper .field__input {
      height: 7.2rem;
    }

    .footer--classy .footer-block--newsletter {
      width: 100%;
      max-width: 100%;
    }

    /* footer special */
    .footer--special .footer-block--newsletter .footer-block__heading {
      margin-bottom: 2.5rem;
    }

    .footer--special .type-newsletter--special .newsletter-form__field-wrapper .field__input,
    .type-newsletter--special .newsletter-form__field-wrapper .field__input {
      height: 5.2rem;
    }

    .footer--special .footer__copyright .policies {
      gap: var(--g-gap-md);
      justify-content: end;
    }

    .footer--special .footer-grid__item {
      width: calc((2 / 12 * 100%) - var(--grid-h-md) * 2 / 3);
      max-width: calc((2 / 12 * 100%) - var(--grid-h-md) * 2 / 3);
    }

    .footer--special .footer-block--newsletter {
      width: calc(4 / 12 * 100% - var(--grid-h-md) * 2 / 3);
      max-width: calc(4 / 12 * 100% - var(--grid-h-md) * 2 / 3);
      padding-right: 0;
    }
   .footer__non-newsletter-blocks {
      width: calc(5 / 12 * 100% - var(--grid-h-md) * 2 / 3);
      max-width: calc(5/ 12 * 100% - var(--grid-h-md) * 2 / 3);
      padding-right: 0;
    }

    .footer--special .newsletter-form {
      padding: 0.1rem 0 0;
    }

    .footer--special .footer-block__details-content + .footer-block__details-item {
      margin-top: 9rem;
    }

    .footer--special .footer-block__heading {
      margin-bottom: 0.8rem;
    }

    .footer--special .footer-block__details-content .footer-block__link {
      padding-bottom: 0.8rem;
    }

    .footer--special .newsletter-form__field-wrapper .button,
    .type-newsletter--special .newsletter-form__field-wrapper .button {
      padding-right: 0.5rem;
    }
    
    /* footer modern */
    .footer-modern .list-social__link {
      padding: 0.8rem;
    }  

    .footer--modern  .footer-block--newsletter {
      width: 100%;
      max-width: 100%;
    }

  /* button--main */
    .button--main-special {
      --h-button-arrow: 5.2rem;
      padding: 0 2.6rem;
      column-gap: 3.2rem;
    }

  /* component-icon-with-text */
    /* i-w-text special */
      .section__i-w-text.style--special .item__icon.background-icon {
        width: 9rem;
        height: 9rem;
        padding: 1.5rem;
      }

  /* featured blog special */
    .section__f-blog .p-w__heading.has-icon {
      gap: 1.4rem;
    }

  /* button slider modern */
    .slideshow__controls.arrow-style-modern .button-slider:not(.button-slider__autoplay),
    .slideshow__controls.arrow-style-modern-plus .button-slider:not(.button-slider__autoplay) {
      box-shadow: none;
    }

  /* coll-with-product */
    .coll-w-pro__slide .item-content {
      padding: 5rem;
    }

    .coll-w-pro .swiper-wrapper {
      min-height: max(80rem,var(--mi-h));
    }

    .coll-w-pro__swiperbox .arrow-style-modern-plus {
      bottom: 4rem;
      right: 4rem;
    }

    .coll-w-pro__slide .item-product {
      max-width: 40rem;
    }

  /* collapse-collection */
    .collapse-coll__item .item-content {
      --mg: 4rem;
      padding: 2.8rem 4rem;
    }

    .collapse-coll__item .accordion__active .item-content {
      padding: 2.8rem 7.5rem 6.8rem 4rem;
    }

    .collapse-coll__item .item-icon {
      width: 3.4rem;
      right: 4rem;
    }

    .collapse-coll__item .item-content__text {
      margin-left: calc(var(--mg) + 2rem);
    }

    .collapse-coll__item .item-content__text .button {
      padding: 1.9rem 8rem;
    }

    .collapse-coll__item .item-content__button {
      margin-top: 12rem;
    }

  /* category-list */
    .cate-list {
      grid-gap: var(--r-gap-md) var(--g-gap-md);
    }

    .cate-list__item .button {
      min-height: 6.8rem;
    }

  /* before-after label */
    .before-after__label {
      --spacing: 4rem;
    }

  /* slide-banner */
    /* slide banner countdown */
    .slide-banner .banner__countdown {
      max-width: 100%;
    }

    .slide-banner .banner__countdown count-down {
      max-width: 51.4rem;
    }

    .slide-banner .banner__countdown .item .num {
      font-size: clamp(2.4rem, calc(var(--font-body-size) + 0.6rem), 2.4rem);
    }

    .slide-banner .banner__countdown .item {
      padding: 2.15rem 4rem;
    }

    .slide-banner .swiper .swiper-pagination-bullet:not(.cus-bullet) {
      padding: 2.1rem 1.8rem;
    }

    .slide-banner .swiper .swiper-pagination-bullet:after {
      width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 1.2rem));
      height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 1.2rem));
    }

  /* footer new style */
    .footer-grid__item.appstore-is-show .footer-block__heading {
      margin-bottom: 0;
    }

    .footer .footer-block--newsletter.w-full {
      width: 100%;
      max-width: 100%;
      padding-right: 0;
    }

  /* collection-list new style */
    .collection-list__masonry .card__content{
      padding: 2rem;
    }

  /* carousel image video */
    .section__carousel-images .deferred-media__poster-button {
      width: 8rem;
      height: 8rem;
    }

    .section__carousel-images  .deferred-media__poster-button .icon {
      width: 3.5rem;
      height: 3.5rem;
    }

  /* quotes type grid */
    .section__quotes.style-grid .quotes__container .quotes__item--3 {
      grid-column: 1/2;
    }

    .section__quotes.style-grid .quotes__container .quotes__item--4 {
      grid-column: 2/3;
    }

    .section__quotes.style-grid .quotes__container .quotes__heading + .quotes__item--2 .quotes__info ,
    .section__quotes.style-grid .quotes__container .quotes__heading + .quotes__item--2 .quotes__text {
      padding-left: 4rem;
      padding-right: 4rem;
    }

  /* component-outstanding-reviews */
    .section__outs-reviews .arrow-style-modern .swiper-pagination-fraction:not(.pagination--quick-add) {
      top: 49%;
      right: 7.4rem;
    }

    .outs-reviews__carousel .banner__info--avatar .avatar {
      width: 4rem;
    }

    .section__outs-reviews .slideshow__controls .button-slider {
      top: 63.1%;
    }

    .section__outs-reviews .slideshow__controls .button-slider__prev {
      left: max(1rem,calc((100% - var(--page-width)) / 2));
    }

    .outs-reviews__carousel {
      --padding-full-width: 5rem;
    }

  /* component-product-column */
    .p-column__countdown {
      row-gap: 6rem;
    }

    .p-column__collection .collection-heading__text button {
      min-height: 10rem;
    }

    .p-column__collection .card__information {
      padding-bottom: 0;
    }

    .p-column__collection .collection-viewall .link .link {
      padding: 1.4rem 2.4rem;
    }

    .p-column__collection .style-product-default .quick-add__submit {
      min-height: calc(5rem + var(--buttons-border-width) * 2);
    }

  /* component-before-after-image */
    .section-b-a-image .b-a-image .subheading strong {
      font-weight: var(--font-heading-weight);
    }

  /* style-product-default */
    .section__f-collection .style-product-default .quick-add__submit {
      padding: 1.45rem 2.56rem;
    }

    .section__f-collection .swiper-pagination-progressbar {
      margin-top: 4rem;
    }

    .style-product-default .quick-add__submit {
      padding: 1.25rem 2.56rem;
    }

    .header--logo-special {
      padding: 0 2.3rem;
    }

    .coll-banner__names {
      padding-bottom: 3.8rem;
    }

  /* image-w-coll */
    .image-w-coll .carousel__controls.arrow-style-classic-plus {
      margin-top: 2.2rem;
    }

    .cursor-fixed__show .image-w-coll .swiper {
      --gap-x: 2rem;
    }

  /* newsletter modern */
    .section__newsletter.style--modern.s-full-width {
      min-height: calc(1011 / 768 * 100vw);
    }

    .section__newsletter.style--modern .newsletter__wrapper {
      padding: 6.4rem 5rem;
    }

  /* header icon classic */
    .icons-style-classic .header__icon .icon {
      width: 2.4rem;
      height: 2.4rem;
    }

    .icons-style-classic .header__icon.header__icon--account .icon {
      width: 2.9rem;
      height: 2.9rem;
    } 

    .header--mobile-left .icons-style-classic .header__icon {
      height: 4.4rem;
      width: 4.4rem;
    }

    .button--main-classic.button--icon-none.button--style-diagonal-swipe {
      padding: 0 4rem;
      min-height: calc(5rem + var(--buttons-border-width) * 2);
      --border-offset: calc(5rem + var(--buttons-border-width) * 4);
    }  

  /* button standard, icon none, horizontal */
    .banner__buttons .button.button--main-standard.button--icon-none.button--style-horizontal-overlap,
    .button--main-standard.button--icon-none.button--style-horizontal-overlap {
      min-height: calc(5.4rem + var(--buttons-border-width) * 2);
      padding: 0 9rem;
    }

  /* button classic icon none style ripple */
    .button--main-classic.button--icon-none.button--style-ripple {
      min-height: initial;
    }

  /* Image-banner */
    .section__i-banner .banner__content--bottom-left {
      padding: 1.65rem 2rem;  
    }

    .section__i-banner .banner__content--bottom-left .banner__box {
      padding: 0;
    }
}

@media (min-width: 750px) and (max-width: 989px) {
  /* component-collage */
    .section__collage .has-block-text .banner__content {
      padding: 2.964rem;
    }

    .collage-content .collage-content__button:not(.button--main-standard.button--icon-arrow) {
      min-width: 17.2rem;
      min-height: calc(6rem + var(--buttons-border-width) * 2);
      padding: 0 2rem;
    }

  /* footer modern */
    .footer--modern .footer-block--text.has-social-show {
      margin-bottom: 0;
    }

  /* header style icon modern */
    .header.header--style-icons-modern {
      min-height: 9.2rem;
    }

  /* footer newsletter special */
    .footer--classic .footer-block--social + .footer-block--newsletter, .footer__non-newsletter-blocks {
      width: calc((2/ 3 * 100%) - var(--grid-h-md) * 2 / 3);
      max-width: calc((2/ 3 * 100%) - var(--grid-h-md) * 2 / 3);
    }
}

@media only screen and (min-width: 990px) {
  /* base */
    .h0 {
      font-size: clamp(var(--min-size, var(--cus-size, 5rem)), var(--font-heading-size), var(--cus-size, 5rem));
    }

    h1,
    .h1 {
      font-size: clamp(var(--min-size, var(--cus-size, 4rem)), var(--font-heading-size), var(--cus-size, 4rem));
    }

    h2,
    .h2 {
      font-size: clamp(var(--min-size, var(--cus-size, 3rem)), var(--font-heading-size), var(--cus-size, 3rem));
    }

    .d-none-lg {
      display: none;
    }

    .d-none-lg-i {
      display: none !important;
    }

    .d-block-lg {
      display: block;
    }

    .o-h-lg {
      overflow: hidden;
    }

    .spacing,
    .element-spacing {
      padding-top: var(--padding-top);
      padding-bottom: var(--padding-bottom);
    }

    .m-spacing {
      margin-top: var(--m-spacing-t, 0);
      margin-bottom: var(--m-spacing-b, 0);
    }

    .i-padding-lg:before {
      padding-bottom: var(--i-padding-lg, var(--i-padding));
    }

    .a-i-start-lg {
      align-items: flex-start;
    }

    .a-i-center-lg {
      align-items: center;
    }

    .a-i-end-lg {
      align-items: flex-end;
    }

    .g-gap-lg {
      grid-gap: var(--g-gap-lg, 0);
    }

  /* swiper */
    .swiper .controls-number .swiper-pagination-number {
      right: 5rem;
    }

  /* base-rte */
    blockquote {
      padding: 2.7rem 3rem 3rem;
    }

  /* component-swiper */
    /* swiper - dashed */
    .swiper-pagination-bullets.swiper-pagination-dashed .swiper-pagination-bullet,
    .swiper-pagination-dashed .swiper-pagination-bullet:not(.cus-bullet):after {
      width: 10rem;
    }

  /* component-button */
    .button:not([class*='text-size-']),
    .shopify-challenge__button:not([class*='text-size-']),
  .shopify-payment-button__button {
      font-size: var(--buttons-font-size);
    }

  /* button-wishlist */
    .button-wishlist .icon {
      --p-t: 0.2rem !important;
      width: 2.4rem;
      height: 2.4rem;
    }

    .button-wishlist:hover {
      color: rgba(var(--button-color-text-2), 1);
      background: var(--button-gradient-background-2, rgba(var(--button-color-background-2), 1));
    }

    .button-wishlist.wishlist-default,
    .button-wishlist.wishlist-card,
    .button-wishlist.wishlist-standard {
      height: 4rem;
      width: 4rem;
      box-shadow: #63636366 0 0.2rem 0.8rem;
      will-change: transform;
    }

    /* effect slide-in-down */
    .button-wishlist.wishlist-card,
    .button-wishlist.wishlist-standard {
      opacity: 0;
      visibility: hidden;
      transform: translateY(-3rem);
    }

    .card:hover .button-wishlist.wishlist-card,
    .card:hover .button-wishlist.wishlist-standard {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    /* effect zoom-in */
    .button-wishlist.wishlist-default,
    .card__wishlist.effect--advanced-default {
      transform: scale(0);
      transition: all var(--duration-long) ease;
      will-change: transform;
    }

    .card:hover .button-wishlist.wishlist-default,
    .card:hover .card__wishlist.effect--advanced-default {
      transform: scale(1);
    }

    .style-product-advanced-card .button-advanced-card:hover {
      color: rgba(var(--button-color-text-2), 1);
      background: var(--button-gradient-background-2, rgba(var(--button-color-background-2), 1));
    }

    .style-product-advanced-card .button-advanced-card:hover:after,
    .button-wishlist.wishlist-default:hover:after,
    .button-wishlist.wishlist-default.added:after,
    .button-wishlist.wishlist-card:hover:after,
    .button-wishlist.wishlist-card.added:after,
    .button-wishlist.wishlist-standard:hover:after,
    .button-wishlist.wishlist-standard.added:after,
    .button-wishlist.wishlist-advanced-card:hover:after,
    .button-wishlist.wishlist-advanced-card.added:after,
    .button-wishlist.wishlist-advanced-default:hover:after,
    .button-wishlist.wishlist-advanced-default.added:after {
      content: "";
      z-index: -1;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: var(--button-gradient-background-2, rgba(var(--button-color-background-2), 1));
      box-shadow: 0 0 4rem var(--button-gradient-background-2, rgba(var(--button-color-background-2), .2));
      animation: animateIcon .6s infinite ease;
    }

    .button-wishlist.wishlist-standard-plus {
      height: auto;
      width: auto;
    }

    .button-wishlist.wishlist-standard-plus.added:hover {
      color: rgba(var(--button-color-text-2), 1);
    }

    .button-wishlist.wishlist-standard-plus:hover:after,
    .button-wishlist.wishlist-standard-plus.added:hover:after,
    .button-wishlist.wishlist-standard-plus.added:after {
      transform: translate(-50%, -50%) scale(1);
    }

    /* style-popup-advanced-default */
    .style-popup-advanced-default .card__wishlist.effect--advanced-default {
      transform: translateX(-50%) scale(0);
      transition: transform var(--duration-long) ease;
      will-change: transform;
    }

    .style-popup-advanced-default .card:hover .card__wishlist.effect--advanced-default {
      transform: translateX(-50%) scale(1);
    }

  /* component-title */
    .p-w__header:not(.spacing):not(.m-spacing) {
      margin-bottom: 3rem;
    }

    .p-w__footer:not(.spacing):not(.m-spacing) {
      margin-top: 3rem;
    }

    .p-w_col--lg {
      display: grid;
      grid-template-columns: 1fr 2fr;
    }

    .p-w_col--lg .p-w__header {
      --scroll-padding: max(1.5rem, calc((100vw - var(--page-width)) / 2));
      padding-right: var(--scroll-padding);
    }

    .p-w_col--lg .swiper-pagination-progressbar.swiper-pagination-horizontal {
      --scroll-padding: max(6rem, calc((100vw - var(--page-width)) / 2));
      max-width: min(calc(100% - var(--scroll-padding)),calc(var(--page-width) - (2 * var(--scroll-padding))));
    }

    .p-w_col--lg .carousel__controls .button-slider__prev {
      left: max(9rem, calc((var(--scroll-padding) + 9rem) / 2));
    }

    .p-w_col--lg .carousel__controls .button-slider__next {
      right: max(9rem, calc((var(--scroll-padding) + 9rem) / 2));
    }

  /* component-grid */
    .grid[style*="--grid-v-lg"] {
      row-gap: var(--grid-v-lg);
    }

    .grid[style*="--grid-h-lg"] {
      column-gap: var(--grid-h-lg);
    }

    .grid--column-2-desktop {
      --c-lg: 2 !important;
    }

    .grid--column-3-desktop {
      --c-lg: 3 !important;
    }

    .grid--column-4-desktop {
      --c-lg: 4 !important;
    }

    .grid--column-5-desktop {
      --c-lg: 5 !important;
    }

    .grid-col {
      row-gap: calc(var(--grid) * 3);
    }

    .no-js .no-js-grid__item,
    .grid__item {
      --g: var(--grid-h-md);
      --p: calc(100% / var(--c-lg));
      --w: calc(var(--c-lg) - 1);
      width: calc(var(--p) - var(--g) * var(--w) / var(--c-lg));
      max-width: calc(var(--p) - var(--g) * var(--w) / var(--c-lg));
    }

    .grid[style*="--grid-h-lg"] .grid__item {
      --g: var(--grid-h-lg);
    }

    .grid-col .grid__item {
      width: calc(100% / var(--c-lg));
    }

    .no-js .no-js-grid-scroll {
      width: calc(100vw + var(--padding-h-md));
    }

    .no-js .no-js-grid__scroll {
      padding-right: var(--padding-h-md, 1rem);
    }

  /* component-popup-modal */
    .popup-modal__content-info {
      padding: 4.5rem 4.5rem 4rem;
    }

  /* component-slideshow */
    .image--ratio-550px {
      height: 55rem;
    }

    .image--ratio-750px {
      height: 76vh;
    }

    .image--ratio-full-screen {
      height: 100vh;
    }

    .image--ratio-adapt-image {
      height: 100%;
    }

    .slideshow__content .banner__box .banner__buttons {
      grid-gap: var(--g-gap, 0);
    }

    .section__slideshow .arrow-style-special-text .button-slider__prev {
      left: max(7.5rem, calc((100% - var(--page-width)) / 2));
    }

    .section__slideshow .arrow-style-special-text .button-slider__next {
      right: max(7.5rem, calc((100% - var(--page-width)) / 2));
    }

    /* component-slideshow lookbook */
    .slideshow__item--lookbook .lookbook__point-button {
      width: 4rem;
      height: 4rem;
    }

  /* component-card */
    .card__heading.large {
      font-size: clamp(2rem, calc(var(--font-body-size) + 0.4rem), 2.4rem);
    }

    /* style-product-card */
    .style-product-card .card__content {
      padding: 2rem;
    }
    
    .style-product-card .card__inner .card__badge {
      display: none;
    }

  /* component-image-with-text */
    .section__image-w-text .banner__content .box {
      padding: 2rem 5rem;
    }
  .section__image-w-text.secondary .banner__content .box {
    padding: 2rem 0;
  }

    /* image-with-text modern */
    .section__image-w-text.style--modern .banner__content .box,
    .section__image-w-text.style--modern .full-width .banner__content .box {
      padding: max(7rem,15%);
    }

    .section__image-w-text.style--modern .banner {
      --w-content: 40rem;
    }

  /* component-newsletter */
    /* newsletter classic */
    .style--classic .form-is-show.newsletter__content {
      min-width: 66.6rem;
    }

    .newsletter__wrapper.right-desk {
      flex-direction: row-reverse;
    }

    .newsletter__wrapper.center-desk {
      flex-wrap: wrap;
      justify-content: center;
    }

    .newsletter__wrapper.center-desk > * {
      width: 100%;
      max-width: 100%;
    }

  /* component-video-with-text */
    .section__video-w-text .box:after {
      content: "";
      position: absolute;
      top: 0;
      height: 100%;
    }

    .section__video-w-text .banner:not(.video--second) .box:before,
    .section__video-w-text .banner:not(.video--second) .box:after {
      left: 0;
    }

    .section__video-w-text .banner.video--second .box:before,
    .section__video-w-text .banner.video--second .box:after {
      right: 0;
    }

    .section__video-w-text .box:after {
      width: calc(100% - 56rem);
      background: rgba(var(--color-background), 1);
      background: var(--gradient-background);
      transition: width 2s ease-in-out;
    }

    .section__video-w-text .box:hover:after {
      width: 0;
    }

    .section__video-w-text .box__wrapper {
      max-width: 50rem;
      padding-left: 1.5rem;
    }

    .section__video-w-text .f-row-reverse-md .box__wrapper {
      padding-left: 0;
      padding-right: 1.5rem;
    }

    .section__video-w-text .j-c-start .box__wrapper {
      margin-left: 0;
      margin-right: auto;
    }

    .section__video-w-text .j-c-end .box__wrapper {
      margin-left: auto;
      margin-right: 0;
    }

    .section__video-w-text .j-c-end .box__wrapper {
      margin-left: auto;
      margin-right: auto;
    }

  /* component-multicolumn */
    .section__multicolumn .content-inside-image:hover .item__content {
      opacity: 1;
      pointer-events: visible;
    }

  /* component-featured-images */
    .section__f-images .page-width {
      padding-right: 0;
    }

  /* component-contact-form */
    .contact__info {
        padding-right: max(1.5rem, calc(10% + 1rem));
    }

  /* component-featured-collection */
    .tab__title {
      margin-bottom: 4.5rem;
    }

    .tab__title .p-w__heading {
      margin-bottom: 1.7rem;
    }

    .tab__item-tab {
      width: 30rem;
    }

    .tab__item-content {
      width: calc(100% - 30rem);
      padding-left: 3rem;
      padding-right: 0;
    }

    .tab__list-item {
      border-top: 0.1rem solid rgb(var(--color-foreground));
    }

    .tab__list-item:not(:last-child) {
      margin-right: 0;
    }

    .tab__list-item:last-child {
      border-bottom: 0.1rem solid rgb(var(--color-foreground));
    }

    .tab__list-item .tab__list-opener {
      padding: 1.7rem 0;
      font-size: clamp(2rem, var(--font-heading-size), 3rem); 
    }

    .tab__list-item .tab__list-opener .icon {
      display: block;
      width: 4.4rem;
      height: 2.4rem;
      opacity: 0;
      visibility: hidden;
      transition: all var(--duration-default) ease;
      transform: translate(-1rem);
    }

    .tab__list-item.active .tab__list-opener,
    .tab__list-item:hover .tab__list-opener {
      color: rgb(var(--color-link));
      background: transparent;
    }

    .tab__list-item.active .tab__list-opener .icon,
    .tab__list-item:hover .tab__list-opener .icon {
      opacity: 1;
      visibility: visible;
      transform: translate(0);
    }

  /* featured collection tab classic */
    .section__f-collection-tab.style--special .tab__item-content {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

  /* featured collection tab special */
    .section__f-collection-tab.style--special .tab__content-item .item {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      width: 100%;
      flex: 0 0 100%;
    }

    .section__f-collection-tab.style--special .tab__item-tab {
      width: 100%;
    }

    .section__f-collection-tab.style--special .tab__list-item .tab__list-opener {
      font-size: var(--font-body-size); 
    }

    .section__f-collection-tab.style--special .tab__list-item {
      border-top: none;
    }

    .section__f-collection-tab.style--special .tab__list-item:last-child {
      border-bottom: none;
    }

    .section__f-collection-tab.style--special .tab__item-content {
      padding-left: 0;
      width: 100%;
    }

    .section__f-collection-tab.style--special .products-grid {
      --col: 2;
    }

  /* component-collapsible-content */
    .collapsible-content__itemLeft {
      width: calc(36rem - (var(--grid-h-md) / 2));
    }

    .collapsible-content__itemLeft + .collapsible-content__item {
      width: calc(100% - 36rem - (var(--grid-h-md) / 2));
    }

    .collapsible-content__item--wrapper {
      position: sticky;
      top: 3rem;
      z-index: 2;
      transition: top var(--duration-short) ease;
    }

  /* section-header */
    .header {
      grid-template-columns: 1fr 2fr 1fr;
    }

    .header--top-left,
    .header--middle-left:not(.header--has-menu) {
      grid-template-areas:
        'heading icons'
        'navigation navigation';
      grid-template-columns: 1fr auto;
    }

    .header--middle-left,
    .header--middle-left.disable-icons__desktop:not(.disable-icons__mobile) {
      grid-template-areas: 'heading navigation icons';
      grid-template-columns: 2fr 8fr auto;
      column-gap: 2rem;
    }

    .header--middle-left.disable-icons__desktop {
      grid-template-areas: "heading navigation";
      grid-template-columns: 2fr 10fr;
    }

    .header--middle-center {
      grid-template-areas: 'navigation heading icons';
      grid-template-columns: 1fr auto 1fr;
      column-gap: 2rem;
    }

    .header--top-center {
      grid-template-areas:
        'left-icon heading icons'
        'navigation navigation navigation';
    }

    .header--top-center-special {
      grid-template-areas: "heading navigation icons";
      grid-template-columns: 1.2fr 4fr 1.2fr;
    }

    .header-style-special .header--top-center-special {
      grid-template-columns: 2fr 4fr 2fr;
    }

    .header--middle-right,
    .header--middle-right.disable-icons__desktop:not(.disable-icons__mobile) {
      grid-template-areas: 'icons navigation heading';
      grid-template-columns: auto 8fr 2fr;
      column-gap: 2rem;
    }

    .header--middle-right.disable-icons__desktop {
      grid-template-areas: "navigation heading";
      grid-template-columns: 10fr 2fr;
    }

    .header:not(.header--middle-left, .header--middle-center, .header--middle-right, .header--top-center-special) .selector-special-inline,
    .header:not(.header--middle-left, .header--middle-center, .header--middle-right, .header--top-center-special) .header__inline-menu {
      margin-top: 1.5rem;
    }

    .header--top-center .header__heading,
    .header--top-center .header__heading-link {
      justify-self: center;
      text-align: center;
    }

    .header--middle-left.header--nav__center,
    .header--middle-right.header--nav__center {
      grid-template-columns: 2fr 8fr 2fr;
    }

    .header--middle-left.header--nav__center.has-button--customized,
    .header--middle-right.header--nav__center.has-button--customized {
      grid-template-columns: 2fr 4fr 2fr;
    }

    .header__icon + .header__icon {
      margin-left: 0.5rem;
    }

    .icons-style-default-text .header__icon + .header__icon {
      margin-left: 3.2rem;
    }

    .icons-style-modern  .header__icon + .header__icon {
      margin-left: 0;
    }

  /* Header */
  /* header special */
    .section-header:not(.pos-sticky) .header-style-special:hover.transparent:before {
      height: calc(100% + 1px + 4rem);
    }

    .header-style-special .header--middle-left {
      grid-template-columns: minmax(140px, auto) 5fr 2.7fr
      padding-bottom: 52px;
    }

    .header-style-special.b-bottom.has--logo {
      border: none;
    }

    .header-style-special .header__heading:not(.no--logo) {
      --m-w-sticky: calc(var(--m-w-logo) * 0.5);
      position: absolute;
      top: unset;
      padding: 0;
      z-index: 3;
    }

    .header-style-special .header__heading.no--logo {
      padding-bottom: 1rem;
    }

    .pos-sticky .header-style-special .header__heading .header__heading-link {
      padding: 0.75rem 0;
    }

    body:not(.page-index) .header-wrapper.header-style-special {
      /*margin-bottom: 4.3rem;*/
    }

    .header-wrapper.header-style-special,
    body:not(.scroll-up, .scroll-down) .header-style-special.header-sticky__always {
      --space: var(--m-w-logo-special);
      --space-1: 0;
      --space-2: calc(4rem + var(--space));
    }

    .header-wrapper.has--logo.b-bottom.header-style-special:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: calc(100% + 1px);
      width: 100%;
      z-index: -1;
      border-bottom: 1px solid rgba(var(--color-foreground), 0.4);
      clip-path: polygon(
        0 100%,
        var(--space-1) 100%,
        var(--space-1) 90%,
        var(--space-2) 90%,
        var(--space-2) 100%,
        100% 100%,
        100% 0,
        0 0
      );
    }

    .pos-sticky .header-wrapper.header-style-special:not(.header-sticky__always):after,
    body.scroll-up .header-style-special.header-sticky__always:after,
    body.scroll-down .header-style-special.header-sticky__always:after {
      --space-1: 100%;
      --space-2: 100%;
    }

    .header-style-special .header__heading-link {
      transition: var(--duration-default) linear;
      display: block;
    }

    .section-header.pos-sticky .header-style-special .header__heading-link,
    body.scroll-up .header-style-special.header-sticky__always .header__heading-link,
    body.scroll-down .header-style-special.header-sticky__always .header__heading-link {
      max-width: var(--m-w-sticky);
      transform: translateY(0rem);
    }

    body:not(.scroll-up, .scroll-down) .header-style-special.header-sticky__always .header__heading-link {
      max-width: min(100%,var(--m-w));
      transform: translateY(0);
    }


    .header-style-special .menu-drawer {
      border: none;
    }

    .menu-mobile-show .header-wrapper.transparent:before {
      transform: translate(0, 0);
    }

    .header-style-special .header,
    body:not(.scroll-up, .scroll-down) .header-style-special.header-sticky__always .header {
      padding-top: var(--padding-top);
      padding-bottom: var(--padding-bottom);
    }

    .section-header.pos-sticky .header-style-special .header,
    body.scroll-up .header-style-special.header-sticky__always .header,
    body.scroll-down .header-style-special.header-sticky__always .header {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
    
    body.scroll-up .header-style-special.header-sticky__always .header-parent,
    body.scroll-down .header-style-special.header-sticky__always .header-parent {
         /* grid-template-columns: minmax(140px, auto) 6fr 1fr;*/
      grid-template-columns: 0 1fr 1fr;
          margin: auto;
    width: calc(100% - 20px);
    background: #fff;
    border-radius: 5px;
    top: 0;
    box-shadow: 0 8px 12px rgba(0, 0, 0, .1);
     margin-top: 4px;
     /*border: 2px solid #a2b283;*/
    transition: all .3s ease;
    }
  
    /* Header menu */
    .header__inline-menu {
      margin-left: -1.2rem;
      grid-area: navigation;
    }

    .header__inline-menu .list-menu--inline {
      grid-gap: calc(var(--g-gap, 0) * 0.1);
    }

    .header--middle-left .header__inline-menu,
    .header--top-center-special .header__inline-menu {
      margin-left: 0;
    }

    .header--top-center .header__inline-menu,
    .header--top-center .header__heading-link {
      margin-left: 0;
    }

    .header__menu-item {
      padding: 0.8rem;
    }

    .function-menu-item {
      position: relative;
      padding: 0.8rem 0;
    }

    .header__icon .link--style-dot .t-button {
      padding-bottom: 0.8rem;
      margin-bottom: -0.8rem;
    }

    .header__submenu {
      min-width: 100%;
      width: 22rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      transition: opacity var(--duration-default) ease, transform var(--duration-default) ease;
    }

    .dropdown-menu:hover .header__submenu:before {
      content: "";
      display: block;
      position: absolute;
      top: calc((var(--m-t) + 1px) * -1);
      left: 0;
      right: 0;
      width: 100%;
      height: var(--m-t);
    }

    .mega-menu:hover .header__menu-item:before {
      content: "";
      display: block;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      width: 100%;
      height: calc(120% + var(--m-t));
      z-index: 1;
    }

    .header__submenu--last {
      top: 0;
      left: calc(100% - 2.4rem);
    }

    header-menu > .header__submenu,
    header-menu > .mega-menu__content {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translate3d(0, calc(0% - var(--m-t)), 0);
      transition: all var(--duration-long) ease;
    }

    header-menu:hover > .header__submenu,
    header-menu:hover > .mega-menu__content {
      z-index: 1;
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateZ(0);
    }

    .header__submenu > li {
      display: flex;
      padding: 0 2.5rem;
    }

    .header__submenu > li + li .header__menu-item {
      width: 100%;
      border-top: 0.1rem solid rgba(var(--color-foreground-transparent, var(--color-foreground)), 0.08);
    }

    .header__submenu > li + li li:first-child .header__menu-item {
      border-top: none;
    }

    .header__submenu .header__menu-item:after {
      right: 2rem;
    }

    .header__submenu .header__menu-item {
      justify-content: space-between;
      padding: 0.8rem 0;
    }

    .header__submenu .header__menu-item span {
      text-decoration-thickness: 0.1rem;
    }

    .header__submenu .icon-caret {
      flex-shrink: 0;
      margin-left: 1rem;
      position: static;
      transition: transform var(--duration-default) ease;
    }

    .header__submenu header-menu:hover > .header__menu-item .icon-caret {
      transform: rotate(-90deg);
    }

    /* Mega menu */
    header-menu > .mega-menu__content animate-element[loaded] [data-animate="fade-down"] {
      transform: translateY(-5rem);
      opacity: 0;
    }

    header-menu:hover > .mega-menu__content animate-element[loaded] [data-animate="fade-down"] {
      transform: translateY(0);
      opacity: 1;
    }

    .mega-menu__content {
      border-left: none;
      border-right: none;  
      border-radius: 0;
      overflow-y: auto;
      padding: 3.6rem 0;
      z-index: -1;
      max-height: 70vh;
    }

    .header-wrapper.b-bottom .mega-menu__content {
      top: calc(100% + 1px);
      border-top: none;
    }

    .mega-menu__link.mega-menu__link--level-2 {
      padding-bottom: 0.2rem;
    }

    .mega-menu__link:not(.mega-menu__link--level-2) {
      padding-top: 1.3rem;
      word-wrap: break-word;
    }

    .mega-menu__list {
      gap: 3rem;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      width: 100%;
    }

    .mega_menu_1 .mg_heading {
      color: white;
      transform: rotate(-180deg);
    }

    .mega_menu_1 .mega-menu__heading {
      right: 2.3rem;
      writing-mode: vertical-rl;
      backface-visibility: hidden;
      padding-top: 4.4rem;
      padding-bottom: 2.9rem;
    }

    .mega_menu_1 .mega-menu__list:not(.no-mg1--image) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      width: 67.7967%;
      padding-right: 3rem;
    }

    .mega_menu_1 .mega-menu__banner {
      width: 32.2035%;
    }

    .mega_menu_2 {
      max-height: 49.5rem;
    }

    .mega_menu_2 .mega-menu__list.no-mg2--image + .mega-menu__banner {
      margin-top: 3rem;
      width: 100%;
    }

    .mega_menu_2 .mega-menu__list:not(.no-mg2--image) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      width: 25%;
      padding-right: 3rem;
    }

    .mega_menu_2 .mega-menu__list:not(.no-mg2--image) + .mega-menu__banner {
      width: 75%;
    }

    .mega_menu_2 .mg_heading {
      padding-top: 1rem;
    }

  /* featured-product-tab */
    .section__f-product-tab .tab__list-item .tab__list-opener {
      color: rgba(var(--color-link));
      font-size: clamp(3rem, calc(var(--font-body-size) + 0.2rem), 3.4rem);
    }

    .section__f-product-tab .tab__content-item {
    /*  min-height: 65rem;*/
    }

    /* featured-product-tab classic */
    .section__f-product-tab.style--classic .tab__list-item .tab__list-opener {
      font-size: clamp(1.8rem, calc(var(--font-body-size) + 0.2rem), 2rem);
    }

  /* component-outstanding-reviews */
    .outs-reviews__carousel .banner__text {
      margin-top: 1.5rem;
    }

  /* spotlight product */
    .section__spotl-products:not(.style--modern) .card__content {
      padding: 2rem;
    }

    .section__spotl-products.style--classic .product-card-wrapper,
    .section__spotl-products.style--classic .card__inner {
      max-width: 100%;
      margin: 0 auto;
    }

  /* f__information */
    .f__information-content .title {
      font-size: clamp(3.2rem, calc(var(--font-body-size) + 0.2rem), 3.6rem);
    }

    .f__information-content .description {
      font-size: clamp(2.2rem, calc(var(--font-body-size) + 0.2rem), 2.6rem);
      margin-top: var(--m-t);
    }

    .header-top .header__icon--account {
      --cus-r: calc(var(--padding-full-width) * 2);
    }

  /* section-footer */
    .footer__bottom .footer__social .list-social__link {
      padding: 1.6rem;
    }

    /* icon with text footer */
    .shopify-section-group-footer-group
      .section__i-w-text
      .carousel__item:not(:last-child) {
      border-right: 1px solid rgb(var(--color-foreground));
    }

    .shopify-section-group-footer-group .section__i-w-text .grid__item {
      --c-md: 2;
    }

    /* footer classy */
    .footer--classy .type-newsletter--special .newsletter-form__field-wrapper .button {
      padding-right: 0;
    }

    .footer--classy .footer__payment ,
    .footer--classy .footer__social  {
      width: calc((4 / 12 * 100%) - var(--g-gap) - 4px);
    }

    .footer--classy .footer__content-bottom-wrapper .show-social-and-payment .footer__payment ,
    .footer--classy .footer__content-bottom-wrapper .show-social-and-payment .footer__social {
      width: calc((2 / 12 * 100%) - var(--g-gap) - 4px);
    }

    .footer--classy .footer__content-bottom-wrapper.show-lang ,
    .footer--classy .footer__content-bottom-wrapper.show-country {
      row-gap: 0;
    }

    .footer--classy .footer__content-bottom-wrapper.show-lang .footer__localization,
    .footer--classy .footer__content-bottom-wrapper.show-country .footer__localization,
    .footer--classy .footer__copyright {
      width: calc(8 / 12 * 100%);
      position: relative;
    }

    .footer--classy .footer__content-bottom-wrapper.show-lang .footer__localization ,
    .footer--classy .footer__content-bottom-wrapper.show-country .footer__localization.show-country {
      --g-gap: 0.5rem;
    }

    .footer--classy .footer__content-bottom-wrapper.show-lang .footer__localization:after,
    .footer--classy .footer__content-bottom-wrapper.show-country .footer__localization.show-country:after,
    .footer--classy .footer__copyright::after  {
      content: "";
      position: absolute;
      width: calc(100% + var(--g-gap) + .5rem);
      height: 100%;
      left: 0;
      top: 0;
      border-right: 1px solid rgb(var(--color-foreground));
      pointer-events: none;
    }

    .footer--classy .footer__copyright::after {
      width: calc(100% + var(--g-gap) + .2rem);
    }

    /* footer special */
    .footer--special .newsletter-form__field-wrapper .field__label,
    .footer--special .newsletter-form__field-wrapper .field__input {
      font-size: clamp(1.8rem, calc(var(--font-body-size) + 0.2rem), 2.2rem);
      border-radius: 0!important;
    }

    .footer--special .newsletter-form__field-wrapper .field__label {
      opacity: 1;
      visibility: visible;
    }

    .footer--special .newsletter-form__field-wrapper .button {
      padding-left: 2rem;
      padding-right: 2rem;
      height: 4.7rem;
    }

    .type-newsletter--special .newsletter-form__field-wrapper .button {
      padding-left: 2rem;
      padding-right: 0.5rem;
      height: 2.7rem;
    }

 

    .footer--special .type-newsletter--special .newsletter-form__field-wrapper .field__input {
      padding: 1.3rem 9rem 0.5rem 0rem;
      height: 6rem;
    }

    .footer--special .footer-block__details-content + .footer-block__details-item {
      margin-top: 14.8rem;
    }

    /* footer modern */
    .footer--modern .footer-grid__item{
      width: calc(25% - var(--grid-h-md) * 2/3 );
      max-width: calc(25% - var(--grid-h-md) * 2/3 );
    }
    .footer__non-newsletter-blocks  .footer-grid__item {
          width: calc(50% - var(--grid-h-md) * 2/3 );
      max-width: 180px;  
  }

    .footer--modern  .footer-block--newsletter {
      width: calc(50% - var(--grid-h-md) * 2/3 );
      max-width: calc(50% - var(--grid-h-md) * 2/3 );
    }

  /* image-w-coll */
    .image-w-coll .row-wrap {
      --g-x: 3.5rem;
      --w-image: calc(920 / 1805 * 100%);
      --w-coll: calc(100% - var(--w-image));
    }

  /* image-w-col new */
    .image-w-coll.image-large .row-wrap {
      --g-x: 5rem;
      --w-image: calc(1129 / 2000 * 100%);
    }

  /* collapse-collection */
    .collapse-coll__item .item-image {
      max-width: var(--m-w);
    }

    .collapse-coll__item .item-content {
      padding: 3.2rem 4rem 3.2rem 5rem;
    }

    .collapse-coll__item .accordion__active .item-content {
      padding: 3.2rem 5rem;
    }

  /* before-after label */
    .before-after__label {
      --cus-size: 1.8rem;
    }

    .before-after__label:after {
      height: 37%;
      width: calc(100% + 1.6rem);
    }

    .before-after__label.--before:after {
      top: 0.8rem;
    }

    .before-after__label.--after:after {
      bottom: 0.8rem;
    }

  /* slide-banner */
    .slide-banner__content {
      padding-top: var(--padding-top);
      padding-bottom: var(--padding-bottom);
    }

    .slide-banner__heading {
      line-height: 1.333;
    }

    .slide-banner .swiper .swiper-pagination {
      bottom: 1.6rem;
    }

  /* newsletter modern */
    .section__newsletter.style--modern.s-full-width {
      min-height: calc(1100 / 1940 * 100vw);
    }

  /* component-featured-blog */
    .section__f-blog.grid-line .blog-post:not(.blog-enable_list) .item:after {
      right: calc((var(--grid-h-lg) / 4) * -1);
    }
}

@media (min-width: 990px) and (max-width: 1399px) {
  /* component-slideshow */
    .image--ratio-full-screen {
      height: 100%;
    }

    .section__slideshow .slideshow__width {
      position: relative;
      min-height: 76vh;
    }

    .section__slideshow .slideshow__width + .slideshow__image {
      position: absolute;
      top: 0;
    }
}

@media (min-width: 990px) and (max-width: 1199px) {
  /* featured collection tab special */
  .section__f-collection-tab.style--special .products-grid__item:nth-child(4) {
    padding-bottom: 0.6rem;
  }

  .section__f-collection-tab.style--special .products-grid__item:nth-child(2).item--3:after {
    width: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  /* base */
    .d-none-l {
      display: none;
    }

  /* component-standard-grid */
    .standard-grid {
      grid-template-columns: repeat(10, minmax(0px, 1fr));
      gap: var(--snd-grid, 2.4rem);
    }

  /* component-pagination */
    /* component-pagination - special */
    .pagination-wrapper.style-special:not(.filter-horizontal-plus) .pagination__list li {
      max-width: 7.68rem;
    }

    .pagination-wrapper.style-special:not(.filter-horizontal-plus) .pagination__list .pagination__item {
      height: 4.4rem;
    }

  /* section-header */
    .header--middle-left.disable-icons__desktop:not(.disable-icons__mobile) {
      grid-template-areas: "heading navigation";
      grid-template-columns: 2fr 10fr;
    }

    .header--middle-right.disable-icons__desktop:not(.disable-icons__mobile) {
      grid-template-areas: "navigation heading";
      grid-template-columns: 10fr 2fr;
    }

  /* arrow-style */
    /* arrow special */
    .arrow-style-special .button-slider {
      width: 5rem;
      height: 5rem;
    }

    .arrow-style-special .icon-sec,
    .arrow-style-special-text .icon-sec {
      display: block;
    }

    .arrow-style-special .button-slider:hover .icon-fr,
    .arrow-style-special-text .button-slider:hover .icon-fr {
      opacity: 0.5;
    }

    .arrow-style-special .button-slider__prev .icon-sec {
      transform: translate(calc(100% + (2.4rem / 2)), -50%);
    }

    .arrow-style-special .button-slider__next .icon-sec {
      transform: translate(calc(-100% - 2.4rem), -50%);
    }

    /* arrow special text */
    .arrow-style-special-text .button-slider__prev .icon-sec {
      transform: translate(calc(100% + (3.4rem / 2)), -50%);
    }

    .arrow-style-special-text .button-slider__next .icon-sec {
      transform: translate(calc(-100% - 3.4rem), -50%);
    }

    /* arrow dreamy */
    .arrow-style-dreamy .button-slider:hover {
      box-shadow: none !important;
    }

    .arrow-style-dreamy .button-slider:hover:before {
      width: 80%;
      height: 80%;
    }

    .arrow-style-dreamy .button-slider:hover:after {
      width: 100%;
      height: 100%;
    }

    .arrow-style-dreamy .button-slider:active:after {
      transition: 0.2s;
      width: 110%;
      height: 110%;
    }

  /* component-slideshow */
    /* component-slideshow lookbook */
    .slideshow__item--lookbook .lookbook__point-button {
      width: 7rem;
      height: 7rem;
    }

  /* component-visual-hightlight */
    .visual-hightlight__item.half .item-inner {
      width: 50%;
    }

    .visual-hightlight__item.half .item-content {
      padding: 0 12rem 0 5rem;
    }

  /* component-brand-list */
    .section__b-list .standard-grid .brand-title {
      --snd-grid-item-1: 2;
      --snd-grid-item-2: 4;
    }

    .section__b-list .standard-grid .brand-content {
      --snd-grid-item-1: 5;
      --snd-grid-item-2: 10;
    }

  /* component-collection-banner */
    .coll-banner__names .name:first-child {
      margin-left: 8rem;
    }

    .coll-banner__names .name:nth-child(2) {
      margin-right: 8rem;
    }

  /* spotlight product */
    .spotl-products__carousel {
      padding: 0 5rem 5rem 5rem;
    }

    /* spotlight special */
    .section__spotl-products.style--special {
      --w-image-special: calc((1210 / 1920) * 100%);
    }

    .section__spotl-products.style--special .spotl-products__image {
      width: var(--w-image-special);
    }

    .section__spotl-products.style--special .spotl-products__carousel {
      width: calc(100% - var(--w-image-special));
      padding: 1rem var(--padding-x);
      --padding-x: 2rem;
    }

    .section__spotl-products.style--special .swiper-pagination-fraction {
      right: var(--padding-x);
      position: absolute;
      width: fit-content;
      left: unset;
      bottom: unset;
      top: 40%;
      transform: translateX(-50%);
    }

  /* spotlight product */
    /* spotlight modern */
    .section__spotl-products.style--modern .spotl-products__image,
    .section__spotl-products.style--modern .spotl-products__carousel {
      width: 50%;
    }

  /* f__information */
    .f__information--has-image .f__information-content {
      width: calc(5 / 12 * 100%);
    }
  
    .f__information--has-image .f__information-image {
      width: calc(7 / 12 * 100%);
    }

    .section__f-b-post .item__content .h1 {
      --cus-size: 4rem;
    }

  /* component-newsletter */
    /* newsletter special */
    .style--special .newsletter__header {
      max-width: 75.3rem;
    }

    .newsletter__wrapper.center-desk > * {
      max-width: 100%;  
    }

    .style--special .newsletter__header .p-w__heading + .desc {
      margin-top: 1.6rem;
    }

    .style--special .form-is-show .newsletter-form .button {
      padding: 0rem 3.45rem;
    }

    .style--special .form-is-show .newsletter-form__field .field-inner {
      --pd-left-input: 2.4rem;
      height: 6.7rem;
    }

    .style--special .form-is-show .newsletter-form .field__input,
    .style--special .form-is-show .newsletter-form .field__label {
      font-size: clamp(1.6rem, var(--font-body-size), 2.8rem);
    }

  /* button--main */
    .button--main-special {
      --h-button-arrow: 5.4rem;
      padding: 0 3.2rem;
      column-gap: 4rem;
    }

  /* newsletter-popup */
    .newsletter-popup .item_newsletter-button {
      font-size: 1.8rem;
      transform: translate(calc(-50% + 2.5rem), -50%) rotate(-90deg);
    }

  /* featured blog special */
    .section__f-blog .p-w__heading.has-icon {
      gap: 1.6rem;
    }

  /* component-product-column */
    .p-column__collection .collection-item.custom__tab-text {
      max-height: initial !important;
    }

  /* coll-with-product */
    .coll-w-pro__swiperbox .arrow-style-modern-plus {
      bottom: 8rem;
      right: 10rem;
      position: absolute;
      z-index: 2;
    }

  /* collapse-collection */
    .collapse-coll__item .item-icon {
      right: 5rem;
    }

    .coll-banner__names .name__text .link:hover:after {
      transform: scaleX(1);
    }

  /* featured-collection standard-plus */
    .section__f-collection.style-collection-modern-plus .p-w__header--wrapper {
      display: block;
      max-width: calc(100% - 25rem);
    }
}

@media only screen and (min-width: 1200px) {
  /* base */
    .d-flex-xl {
      display: flex;
    }

    .d-none-xl {
      display: none;
    }

    .d-block-xl {
      display: block;
    }

    .f-row-reverse-lg {
      flex-direction: row-reverse;
    }

    .a-i-end-xl {
      align-items: end;
    }

    .slide-spacing {
      padding-top: var(--padding-top-bottom, 0);
      padding-bottom: var(--padding-top-bottom, 0);
      padding-left: var(--padding-left-right, 0);
      padding-right: var(--padding-left-right, 0);
    }

  /* section-header */
    .header__icons.cus-btn_and_country .desktop-localization-wrapper {
      width: calc(50% - 1.6rem);
      margin-right: 1.6rem;
    }

    .header .desktop-localization-wrapper {
      column-gap: var(--c-gap, 0);
    }

    .header .no-js-hidden .localization-form__select {
      padding: 0 2.7rem 0 1.2rem;
    }

    .header--logo-special .header__heading {
      padding-top: var(--padding-top);
    }

    /* header special */
    .header-style-special .header--middle-left {
      grid-template-columns: minmax(140px, auto) 6.3fr 3fr;
      padding-bottom: 56px;
    }

    /* Header menu */
    .header__inline-menu .list-menu--inline {
      grid-gap: calc(var(--g-gap, 0) * 0.5);
    }  

    .header__menu-item {
      padding: 1.2rem 1rem;
    }

    .function-menu-item {
      padding: 1.2rem 0;
    }

    .header__icon .link--style-dot .t-button {
      padding-bottom: 1.2rem;
      margin-bottom: -1.2rem;
    }

    /* Mega menu */
    .mega-menu__content {
      padding: 5.6rem 0;
    }

    .mega_menu_1 .mega-menu__list.no-mg1--image.grid-mg-5,
    .mega_menu_2 .mega-menu__list.no-mg2--image.grid-mg-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

  /* main-page */
    /* recommend Cart Collection */
    .recommendCartCollection .style-product-card .card__heading {
      font-size: clamp(1.6rem,calc(var(--font-body-size) + .2rem),3rem);
    }

    .recommendCartCollection .style-product-card .card__content {
      padding: 1.6rem;
    }

    .recommendCartCollection .style-product-card .card__price .price, 
    .recommendCartCollection .style-product-card .price--on-sale .price-item--regular {
      font-size: clamp(1.2rem,calc(var(--font-body-size)),2.4rem);
    }

  /* base-rte */
    blockquote {
      padding-left: 3.5rem;
      padding-right: 3.5rem;
    }

  /* component-banner */
    .banner__content--bottom-center .banner__box {
      padding-top: 0;
      padding-bottom: 6.2rem;
    }

    .slide__box.slide-spacing {
      max-width: calc(var(--content-max-width, 57rem) + (var(--padding-left-right) * 2));
    }

  /* component-collection-banner */
    .coll-banner__names {
      padding: 4rem;
    }

    .coll-cate {
      padding-top: 2.7rem;
      padding-bottom: 9.7rem;
    }

    .coll-cate .p-w__header {
      padding-bottom: 1rem;
    }

  /* component-countdown */
    .banner__countdown-full .countdown {
      gap: 0 5.485rem;
      font-size: 6rem;
    }

    .banner__countdown-full .countdown .text {
      font-size: 2.2rem;
    }

  /* component-grid */
    .grid[style*="--grid-v-xl"] {
      row-gap: var(--grid-v-xl);
    }

    .grid[style*="--grid-h-xl"] {
      column-gap: var(--grid-h-xl);
    }

    .grid__item--xl {
      --g: var(--grid-h-md);
      --p: calc(100% / var(--c-xl));
      --w: calc(var(--c-xl) - 1);
      width: calc(var(--p) - var(--g) * var(--w) / var(--c-xl));
      max-width: calc(var(--p) - var(--g) * var(--w) / var(--c-xl));
    }

    .grid-col .grid__item--xl {
      width: calc(100% / var(--c-xl));
    }

    .grid[style*="--grid-h-xl"] .grid__item {
      --g: var(--grid-h-xl);
    }

  /* component-collection-list */
    /* component-collection-list default */
    .section__c-list.style--default .carousel__controls .button-slider__prev {
      left: calc((var(--padding-width) / 2) * -1);
    }

    .section__c-list.style--default .carousel__controls .button-slider__next {
      right: calc((var(--padding-width) / 2) * -1);
    }

    /* component-collection-list masonry */
    .section__c-list.style--masonry.display-arrow__md .p-w__header--wrapper,
    .section__c-list.style--masonry.display-arrow__lg .p-w__header--wrapper,
    .section__c-list.style--masonry.display-arrow__all .p-w__header--wrapper {
      max-width: calc(100% - 19.5rem);
    }

    .section__c-list.style--masonry.display-arrow__lg .swiper,
    .section__c-list.style--masonry.display-arrow__all .swiper {
      margin-top: -12rem;
      padding-top: 12rem;
    }

  /* section-before-after-image */
    .icon-before-after {
      width: 5.2rem;
      height: 5.2rem;
    }

    .b-a-image .button {
      margin-top: var(--button-margin-top);
    }

  /* component-card */
    .card__wishlist,
    .card__badge,
    .product__badge {
      top: var(--badge-vertical-distance);
    }

    .card__wishlist.left,
    .card__badge.left,
    .product__badge.left {
      left: var(--badge-horizontal-distance);
    }

    .card__wishlist.right,
    .card__badge.right,
    .product__badge.right {
      right: var(--badge-horizontal-distance);
    }

    .card__heading.large {
      font-size: clamp(2.4rem, calc(var(--font-body-size) + 0.2rem), 2.8rem);
    }

    .card__quickadd {
      margin-top: 0;
      padding: 2rem 2.5rem;
      background: rgba(var(--color-background), 1);
      background: var(--gradient-background);
      transform: translate3d(0, 100%, 0);
      transition: transform var(--duration-default) ease;
    }

    .card:hover .card__quickadd {
      transform: translateZ(0);
    }

    .product-discount {
      bottom: 2rem;
    }

    .style-product-card .product-discount {
      bottom: 7rem;
    }

    /* style-product-card */
    .style-product-card .card__rating.d-flex .rating-count {
      font-size: clamp(1.2rem, calc(var(--font-body-size) - 0.4rem), 1.6rem);
    }

    .style-product-card .card__rating {
      gap: 7px;
      margin-bottom: -2px;
    }

    .style-product-card .card__rating .rating-star {
      letter-spacing: 0.25rem;
      font-size: clamp(2.1rem, calc(var(--font-body-size) + 0.5rem), 2.5rem);
    }

    .style-product-card .card__heading {
      font-size: clamp(2.6rem, calc(var(--font-body-size) + 0.2rem), 3rem);
    }

    .style-product-card .card__content {
      transition: all var(--duration-default);
      padding: 2.4rem;
    }

    .style-product-card .card [data-animate="fade-down"] {
      opacity: 1;
      transform: translateY(0);
    }

    .style-product-card .card:hover [data-animate="fade-down"] {
      opacity: 0;
      transform: translateY(-5rem);
    }

    .style-product-card .card:hover .card__rating-w-price {
      opacity: 0;
    }

    .style-product-card .card__quickadd {
      padding: 2rem;
    }

    .style-product-card .card__information {
      overflow: hidden;
    }

    .style-product-card .card__swatch + modal-opener,
    .style-product-card .card__swatch + product-form,
    .style-product-advanced-card .card__swatch + modal-opener,
    .style-product-advanced-card .card__swatch + product-form {
      margin-top: 2rem;
    }

    .style-product-card .card__price .price,
    .style-product-card .price--on-sale .price-item--regular {
      font-size: 2rem;
    }

    .style-product-card .card__vendor {
      font-size: clamp(1.4rem, calc(var(--font-body-size) - 0.2rem), 1.8rem);
    }

    /* style-product-advanced-card */
    .style-product-advanced-card .card__content {
      padding: 2rem 2rem 2.3rem;
    }

    .style-product-advanced-card .card__swatch {
      position: absolute;
      bottom: 0;
    }

    .style-product-advanced-card .function--badge-right {
      left: 2rem;
      top: 2rem;
    }

    .style-product-advanced-card .card:hover :not(.card__swatch) [data-animate="fade-up"],
    .style-product-advanced-card .card .card__swatch [data-animate="fade-up"] {
      opacity: 0;
      transform: translateY(5rem);
    }

    .style-product-advanced-card .card:hover .card__swatch [data-animate="fade-up"] {
      opacity: 1;
      transform: translateY(0);
    }

    .discounts-style-left .discount-box,
    .discounts-style-right .discount-box {
      transition: padding var(--duration-default) ease;
    }

    .card:hover .discounts-style-left .discount-box,
    .card:hover .discounts-style-right .discount-box {
      padding: 1rem 0;
    }

    /* style-product-default */
    .style-product-default .card__quickadd {
      transform: translate(0);
      padding-top: 2.4rem;
      padding-bottom: 0;
    }

    .style-product-default .quick-add__submit {
      --border-offset: calc(4.8rem + 1.7rem + var(--buttons-border-width) * 4);
      padding: 1.5rem 2.56rem;
    }

    /* style-product-standard-plus */
    .style-product-standard-plus .card__heading {
      font-size: clamp(1.2rem, calc(var(--font-body-size) + 0.2rem), 2.2rem);
    }

    .style-product-standard-plus .card__rating,
    .style-product-standard-card .card__rating {
      margin-top: 0.7rem;
    }

    .style-product-standard-plus .card__swatch {
      grid-gap: 0.5rem;
    }

    .style-product-standard-plus .card__quickadd,
    .style-product-standard-card .card__quickadd {
      background: transparent;
      padding: 2.2rem 2.4rem;
    }

    .style-product-standard-plus .card__rating,
    .style-product-standard-plus .card__price,
   .style-product-standard-plus .card__heading {
      margin-top: 0.7rem;
    }


    /* style-product-advanced-default */
    .style-product-advanced-default .card:hover .discounts-style-left .discount-box,
    .style-product-advanced-default .card:hover .discounts-style-right .discount-box,
    .style-popup-advanced-default .card:hover .discounts-style-left .discount-box,
    .style-popup-advanced-default .card:hover .discounts-style-right .discount-box {
      padding: 0.3rem 0;
    }

    /* component-blog */
    .spacing.bottom-line {
      padding-top: var(--padding-top);
    }

    .item-tag {
      font-size: 1.6rem;
      margin-top: 3.2rem;
      padding: 0.5rem 2.34rem;
    }

    .item-tag:hover {
      box-shadow: 0 0.1rem 0.5rem var(--button-gradient-background, rgba(var(--button-color-background), var(--alpha-b, 0.55)));
      border: 0.1rem solid var(--button-gradient-background, rgba(var(--button-color-background), var(--alpha-b, 0.5)));
      background: var(--button-gradient-background-2, rgba(var(--button-color-background-2), var(--alpha-b, 0.5)));
      color: rgba(var(--button-color-text-2),var(--alpha-t, 1));
    }

    .blog-style-special .breadcrumb {
      --padding-bottom: 6rem !important;
    }

    .blog-style-special .p-w__header--wrapper {
      margin-bottom: 5.7rem;
    }

 

    .blog-style-special .blog-articles .card__content {
      padding-top: 0;
    }

    .blog-style-special .card__heading {
      margin: 1.6rem 0;
    }

    .blog-style-special .blog-articles {
      gap: 2rem;
      padding-bottom: 4rem;
    }

    .blog-style-special .blog-articles__article .media--adapt {
      padding-bottom: 96% !important;
    }

  /* component-outstanding-reviews */
    .outs-reviews__row {
      --w-image: 50%;
      --w-carousel: calc(100% - var(--w-image));
    }

    .outs-reviews__media {
      width: var(--w-image);
    }

    .outs-reviews__carousel .banner__info {
      margin-top: 3.6rem;
    }

    .section__outs-reviews .rating-star {
      --font-size: 3;
    }

    .outs-reviews__carousel .banner__desc {
      margin-top: 3.6rem;
    }

    .outs-reviews__carousel .banner__heading,
    .outs-reviews__carousel .banner__box {
      padding-left: 9rem;
      padding-right: 1rem;
    }

    .outs-reviews__carousel {
      width: var(--w-carousel);
      padding-top: 10rem;
    }

    .outs-reviews__carousel .banner__heading,
    .outs-reviews__carousel .banner__box {
      max-width: 100%;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
 
  /* component-category-slide */
    .cate-slide__image .image-wrap {
      --y-item: 7rem;
    }

    .cate-slide__pagi .swiper-slide:before,
    .cate-slide__pagi .swiper-slide:after {
      content: "";
      position: absolute;
      bottom: calc(var(--size-dot) / 2);
      width: calc(50% - (var(--size-dot) / 2) - 2.3rem);
      height: 0.2rem;
      background-color: #000;
    }

    .cate-slide__pagi .swiper-slide:before {
      left: -0.1rem;
    }

    .cate-slide__pagi .swiper-slide:after {
      right: -0.1rem;
    }

    .cate-slide__pagi .swiper-slide-visible:first-child:before,
    .cate-slide__pagi .swiper-slide-visible:last-child:after {
      display: none;
    }

    .cate-slide__pagi .carousel__controls .button-slider {
      top: 60%;
    }

    .cate-slide__pagi .grid-scroll {
      padding: 0 12.7rem 0.1rem;
    }

  /* component-carousel-images */
    .section__carousel-images .carousel__controls .button-slider__prev {
      left: calc(var(--padding-width) - var(--padding-grid-scroll) + 2.5rem * 3.5);
    }

    .section__carousel-images .carousel__controls .button-slider__next {
      right: calc(var(--padding-width) - var(--padding-grid-scroll) + 2.5rem * 3.5);
    }

    .section__carousel-images .carousel__item-heading {
      margin-bottom: 1.6rem;
    }

    .section__carousel-images .carousel__item-description {
      margin-bottom: 4rem;
    }

  /* carousel image video */
    .section__carousel-images .carousel__item-content.has-bg .carousel__item-description {
      margin-bottom: 2.4rem;
    }

    .section__carousel-images .carousel__item-content {
      margin-top: calc(-1 * var(--m-top-minus-desktop));
    }  

  /* component-banner */
    .banner__content {
      padding: 3rem;
    }

    .banner__box {
      padding: 4.5rem 3rem;
      max-width: var(--content-max-width, 44rem);
    }

    .banner__text:not(.m-spacing) {
      margin-top: 1.2rem;
    }

    .banner__countdown .item .num {
      font-size: clamp(2rem, calc(var(--font-body-size) + 0.4rem), 2.4rem);
    }

  /* component-slider */
    .carousel {
      --scroll-padding: max(6rem, calc((100vw - (var(--page-width) + 9rem)) / 2));
    }

    .carousel__controls .button-slider__prev {
      left: calc(var(--padding-width) - var(--padding-grid-scroll) * 3.5);
    }

    .carousel__controls .button-slider__next {
      right: calc(var(--padding-width) - var(--padding-grid-scroll) * 3.5);
    }

    .carousel__controls.arrow-style-classic-plus .button-slider__prev {
      left: calc(var(--padding-width) - var(--padding-grid-scroll) * 3);
    }

    .carousel__controls.arrow-style-classic-plus .button-slider__next {
      right: calc(var(--padding-width) - var(--padding-grid-scroll) * 3);
    }

    .carousel__progress-bar:not(.m-spacing),
    .swiper-pagination-progressbar:not(.m-spacing) {
      margin-top: 4rem;
    }

    .slider:not(:hover) .button-slider__hover:not(:focus-visible),
    .carousel:not(:hover) .button-slider__hover:not(:focus-visible) {
      opacity: 0; 
      z-index: -1;
    }

  /* arrow-style */
    /* arrow special */
    .arrow-style-special .button-slider {
      width: 6rem;
      height: 6rem;
    }

    .arrow-style-special .button-slider svg,
    .arrow-style-special-text .button-slider svg {
      width: 2.4rem;
      height: 2.4rem;
    }

    .arrow-style-special .button-slider .icon-inner,
    .arrow-style-special-text .button-slider .icon-inner {
      transition: transform var(--duration-long) var(--cubic);
    }

    .arrow-style-special .button-slider:hover .icon-sec,
    .arrow-style-special-text .button-slider:hover .icon-sec {
      transform: translate(-50%, -50%);
    }

    .arrow-style-special .button-slider__next:hover .icon-fr {
      transform: translate(calc(100%), 0);
    }

    .arrow-style-special .button-slider__prev:hover .icon-fr {
      transform: translate(calc(-100%), 0);
    }

    /* arrow special text */
    .arrow-style-special-text .button-slider {
      width: 7.7rem;
      height: 7.7rem;
    }

    .arrow-style-special-text .button-slider__next:hover .icon-fr {
      transform: translate(calc(102%), 0);
    }

    .arrow-style-special-text .button-slider__prev:hover .icon-fr {
      transform: translate(calc(-102%), 0);
    }

    /* pagination fraction modern */
    .arrow-style-modern .swiper-pagination-fraction,
    .arrow-style-modern-plus .swiper-pagination-fraction {
      bottom: unset;
    }

  /* component-slideshow */
    .section__slideshow .slideshow__content .slideshow__width.page-width,
    .section__slideshow .slideshow__content .slideshow__width.customized-width {
      margin: auto;
      max-width: calc(var(--page-width) + 9rem);
      padding-left: var(--padding-full-width, 1rem);
      padding-right: var(--padding-full-width, 1rem);
    }

    .slideshow__content {
      padding: 6rem;
    }

    .slideshow__controls .slider-counter,
    .slideshow__controls .button-slider__autoplay {
      bottom: 3rem;
    }

    /* component-slideshow lookbook */
    .section__slideshow .slideshow__item--lookbook .lookbook__point.active {
      z-index: 3;
    }

    .section__slideshow .slideshow__item--lookbook .lookbook__point-popup {
      width: 31rem;
      padding: 1.5rem 1.5rem 1.2rem;
    }

    .section__slideshow .slideshow__item--lookbook .card {
      padding: 1.5rem 1.5rem 0;
    }

  /* component-visual-hightlight */
    .visual-hightlight__item .item-content__subhead {
      margin-bottom: 1rem;
    }

    .visual-hightlight__item .item-content__head {
      margin-bottom: 2.4rem;
    }

    .visual-hightlight__item .item-content__description {
      margin-bottom: 6rem;
    }

    .visual-hightlight__item.half .item-content {
      padding: 0 15rem 0 5rem;
    }

  /* component-icon-with-text */
    .section__i-w-text .item__icon.custom-size-icon {
      --padding: 1.5rem;
    }

    .section__i-w-text.vertical .item__icon {
      width: 12rem;
      height: 12rem;
      margin-bottom: 1.6rem;
    }

    .section__i-w-text .p-w__text {
      --m-t: 2.3rem;
    }

  /* component-image-with-text */
    .section__image-w-text .navigation-block__content {
      display: block;
    }

    .section__image-w-text .media__content {
      max-width: 34.5rem;
    }

    .section__image-w-text .full-width .banner__content .box {
      padding-left: max(6rem, 12%);
      padding-right: max(6rem, 12%);
    }

    .section__image-w-text.style--special .banner__media {
      width: 41.111%;
    }

    .section__image-w-text.style--special .banner__content {
      width: 30%;
    }

    .section__image-w-text.style--special .full-width .banner__media {
      width: 62%;
    }

    .section__image-w-text.style--special .full-width .banner__content {
      width: 36.478%;
    }

    /* image-with-text modern */
    .section__image-w-text.style--modern .banner__content .box,
    .section__image-w-text.style--modern .full-width .banner__content .box {
      padding: max(7rem,20%);
    }

    .section__image-w-text.style--modern .banner {
      --w-content: 57rem;
    }

    .section__image-w-text.style--modern .full-width .banner {
      --w-content: 62rem;
    }

    .section__image-w-text .banner__content .box {
      padding: 2rem max(7rem, 10%);
    }
  .section__image-w-text.secondary .banner__content .box {
    padding: 2rem 0;
  }

    .section__image-w-text.style--special .page-width .banner__content .box {
      padding: 2rem max(4rem, 10%);
    }

    .section__image-w-text.style--modern .banner__media {
      width: calc(100% - var(--w-content));
    }

    .section__image-w-text.style--modern .full-width .banner__content {
      padding-right: 4rem;
    }

  /* component-video-with-text */
    .section__video-w-text .box {
      padding: 4.5rem;
    }

  /* component-multiple-options */
    .section__multi-options .p-w__content {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 5rem 0;
    }

    .section__multi-options .block_item {
      width: calc(50% - 1.5rem);
    }

    .section__multi-options .item_options {
      max-width: 78rem;
      justify-content: flex-start;
    }

    .section__multi-options .item-even {
      display: flex;
      align-items: flex-end;
      flex-direction: column;
    }

    .section__multi-options .item-even .item_options {
      flex-direction: row-reverse;
    }

  /* component-featured-collection */
    .tab__title {
      margin-bottom: 5rem;
    }

    .tab__item-tab {
      width: 39rem;
    }

    .tab__item-content {
      width: calc(100% - 39rem);
      padding-top: 1.3rem;
      padding-left: 4rem;
    }

    .tab__content-item .item__banner {
      padding-left: 3rem;
      padding-right: 2rem;
    }

    .tab__content-item .item__product {
      padding-left: 2rem;
    }

    .section__f-collection .p-w__header--wrapper .button {
      padding: 2rem 3.971rem;
    }

    .section__f-collection .p-w__header--wrapper.t-center {
      --g-gap: 1.4rem;
    }

    .section__f-collection .p-w__header--wrapper.t-center .link {
      padding: 1.7rem;
    }

    .section__f-collection .customized-width .carousel__controls .button-slider__prev {
      left: calc(var(--padding-width) - var(--padding-grid-scroll) * 2.9);
    }

    .section__f-collection .customized-width .carousel__controls .button-slider__next {
      right: calc(var(--padding-width) - var(--padding-grid-scroll) * 2.9);
    }

    .section__f-collection.style-collection-default .carousel__controls .button-slider__prev {
      left: 13.2rem;
    }
    
    .section__f-collection.style-collection-default .carousel__controls .button-slider__next {
      right: 13.2rem;
    }

  /* featured collection tab special */
    .section__f-collection-tab.style--special .tab__item-tab {
      width: 100%;
    }

    .section__f-collection-tab.style--special .tab__item-content {
      padding-left: 0;
      width: 100%;
    }

    .section__f-collection-tab.style--special .tab__content-item .item {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    .section__f-collection-tab.style--special .products-grid {
      --col: 3;
      --gap: 2.4rem;
    }

    .section__f-collection-tab.style--special .item__product .style-popup-advanced-default .card__quickadd {
      opacity: 0;
      transition: transform var(--duration-default) ease, opacity var(--duration-default) ease;
    }

    .section__f-collection-tab.style--special .item__product .style-popup-advanced-default .card:hover .card__quickadd {
      opacity: 1;
    }

  /* component-custom-tab */
    .custom__tab-list {
      padding-bottom: 1.1rem;
      column-gap: 10rem;
    }

    .custom__tab-list-item .t-button {
      font-size: 3.4rem;
    }

    .custom__tab-text .item__description,
    .custom__tab-text .item__description p,
    .custom__tab-text .item__description ul {
      font-size: 2rem;
      margin-bottom: 3.2rem;
    }

    .custom__tab-text .item__description ul {
      padding-inline-start: 3rem;
    }

  /* component-collapsible-content */
    .collapsible-content__itemLeft {
      padding-right: 1.5rem;
    }

  /* component-lookbook */
    .lookbook__point-popup {
      width: 36rem;
    }

  /* component-collage */
    .collage-content:not(.full-button) {
      padding: 5rem;
    }

    .collage-content .banner__heading + .banner__buttons {
      margin-top: 2rem;
    }

  /* component-featured-blog */
    .section__f-blog.spacing {
      padding-top: var(--padding-top);
    }

    .section__f-blog .item__content .tags + .h2 {
      margin: 1.6rem 0;
      font-size: 3.4rem;
    }

    .section__f-blog.bottom-line .container-line:after,
    .section__m-blog.bottom-line .container-line:after,
    .section__f-b-post.bottom-line .container-line:after {
      padding-top: var(--padding-bottom);
    }

    .section__f-b-post.bottom-line .container-line {
      display: block;
    }

    .section__f-blog.grid-line .item {
      padding-bottom: var(--padding-bottom);
    }

    .section__f-blog .carousel-special .item__content .h2 {
      --cus-size: 3rem;
    }

    .section__f-blog.grid-line .blog-post:not(.blog-enable_list) .item:after {
      right: calc((var(--grid-h-lg) / 2) * -1);
    }

  /* component-featured-blog-post */
    .section__f-b-post .item__content .h2 {
      font-size: 4.2rem;
      margin-top: 0;
      padding: 0;
    }

    .section__f-b-post .tags {
      column-gap: 1.6rem;
    }

    .section__f-b-post .tags .item-tag {
      padding: 0.6rem 2.3rem;
      font-size: 1.6rem;
      margin-top: 1.6rem;
    }

    .section__f-b-post .info {
      margin-top: 1.6rem;
      margin-bottom: 2.4rem;
      gap: 1.6rem;
      font-size: 1.6rem;
    }

    .section__f-b-post .item__media,
    .section__f-b-post .item__content {
      position: sticky;
      top: 3rem;
      z-index: 2;
      transition: top ease 0.15s;
    }

    .section__f-b-post .item__content {
      max-width: calc(64rem + 4rem);
      padding: 0 2rem;
      margin: 0 auto;
    }

    .section__f-b-post .item__content .p-w__header {
      margin: 2.8rem 0 2.2rem;
    }

    .section__f-b-post .item__content .p-w__heading {
      font-size: 4rem;
    }

    .section__f-b-post .p-w__content,
    .section__f-b-post .p-w__content .grid-scroll {
      padding-left: 0;
      padding-right: 0;
      margin: 0;
    }

  /* component-product-column */
    .p-column__collection .custom__tab-list {
      column-gap: 0;
    }

    .p-column__collection .collection-swiper .carousel .swiper {
      padding: 0rem 9rem;
    }

    .p-column__collection .style-product-default .quick-add__submit {
      padding: 1.5rem 2.56rem;
      min-height: calc(5.7rem + var(--buttons-border-width) * 2);
    }

    .p-column__collection .style-product-default .quick-add__submit.button--style-diagonal-swipe {
      min-height: calc(5.4rem + var(--buttons-border-width) * 2);
    }

    .p-column__countdown .heading-textbox {
      column-gap: 1.6rem;
    }

    .p-column__collection .collection-heading__text button  {
      min-height: 12.6rem;
    }

    .p-column__collection .collection-viewall .link {
      padding: 1.6rem 3.2rem;
    }

  /* section-footer */
    .footer-grid__item {
      width: calc(25% - var(--grid-h-md) * 3 / 4);
      max-width: calc(25% - var(--grid-h-md) * 3 / 4);
    }

    .footer-block--newsletter, .footer__non-newsletter-blocks {
      width: 40rem;
      max-width: 100% !important;
    }

  /* footer */
    .footer-block__details-content .footer-block__item + .footer-block__item {
      margin-top: clamp(0px, var(--r-gap), var(--r-gap));
    }

    /* footer checkbox */
    .footer__newsletter .form--check label {
      padding-left: 3.2rem;
    }

    .footer__newsletter .form--check label:before {
      width: 2.4rem;
      height: 2.4rem;
    }

    .footer__newsletter .form--check label:after {
      width: 1.5rem;
      height: 1rem;
      left: .4rem;
    }

    .footer__newsletter .form--check {
      margin-top: 2.9rem;
    }

    /* footer classy */
    .footer--classy .footer-block--newsletter {
      width: 100%;
      padding-left: 0;
    }

    .footer--classy .type-newsletter--special .newsletter-form__field-wrapper .field__input {
      height: 7.2rem;
    }

    /* footer special */
    .footer--special .footer-grid__item {
      width: calc((2 / 12 * 100%) - var(--grid-h-md) * 3 / 4);
      max-width: calc((2 / 12 * 100%) - var(--grid-h-md) * 3 / 4);
    }

    .footer--special .footer-block--newsletter {
      width: calc(4 / 12 * 100% - var(--grid-h-md) * 3/4);
      max-width: calc(4 / 12 * 100% - var(--grid-h-md) * 3/4);
      padding-left: 0;
      padding-right: 0;
    }
 .footer__non-newsletter-blocks {
      width: calc(5 / 12 * 100% - var(--grid-h-md) * 3/4);
      max-width: calc(5 / 12 * 100% - var(--grid-h-md) * 3/4);
      padding-left: 0;
      padding-right: 0;
    }


    /* footer modern */
    .footer--modern .footer-grid__item {
      width: calc(50% - var(--grid-h-md) * 2/3);
      max-width: 180px;
    }

    .footer--modern .footer-block--text:not(.footer-block--newsletter) .footer-block__details-content {
      max-width: 30.6rem;
    }  

    .footer--modern .footer-block--text.footer-block--newsletter .footer-block__details-content {
      max-width: 47rem;
    } 

    .footer--modern .footer-grid__item.footer-block--newsletter {
      width: calc(40% - var(--grid-h-md) * 2/3);
      max-width: calc(40% - var(--grid-h-md) * 2/3);
    }

  /* double banner */
    .db-banner__content {
      --mt-button: 6rem;
    }

    .db-banner__button .button {
      --h-button: calc(5.4rem + var(--buttons-border-width) * 2);
      --border-offset: calc(9.2rem + var(--buttons-border-width) * 2);
      padding: 0 6.394rem;
      font-size: clamp(2rem, calc(var(--font-body-size) + 0.4rem), 2.4rem);
    }

    .db-banner__heading {
      max-width: 70rem;
    }

  /* component-image-banner */
    .section__i-banner .banner__buttons .button--style-diagonal-swipe.button--icon-none {
      --h-button: 5.4rem;
      padding: 0 6.495rem;
      font-size: clamp(2rem, calc(var(--font-body-size) + 0.4rem), 2.4rem);
    }

    .section__i-banner .banner__image-with-text:has(.banner__button) .box {
      padding-left: max(3rem, 13.5%);
      padding-right: max(3rem, 13vw);
    }

    .section__i-banner .banner__image-with-text {
      margin-top: -11%;
      padding-top: 0;
    }

    .section__i-banner .banner__image-with-text .banner__content {
      margin-top: 11%;
      padding-top: calc(3rem + var(--padding-top));
    }

    .section__i-banner .banner__image-with-text:has(.banner__button) .banner__content {
      padding-bottom: calc(6vw + var(--padding-top));
    }

    .section__i-banner .banner__image-with-text:has(.banner__button) {
      padding-bottom: calc(4rem + var(--padding-bottom));
    }

  /* featured-product-tab */
    .section__f-product-tab .tab__title {
      padding-bottom: 2rem;
    }

    .section__f-product-tab .p-w__heading {
      margin-bottom: 1.2rem;
    }

    .section__f-product-tab .p-w__text {
      font-size: 2.2rem;
      max-width: 100%;
    }

    .section__f-product-tab .tab__list-item .tab__list-opener {
      --py: 4rem;
      font-size: 3.6rem;
    }
  
    .section__f-product-tab .card:hover .card__rating-w-price,
    .section__f-product-tab .card:hover [data-animate="fade-down"] {
      opacity: 1;
      transform: none;
    }

    .section__f-product-tab .tab__item-tab {
      width: calc(6.6 / 12 * 100%);
    }

    .section__f-product-tab .tab__item-content {
      padding-left: 0;
      width: calc(7.2 / 12 * 100%);
      margin-left: 20%;
    }
    .section__tabbed-content .tab__item-content {
        padding-left: 0;
        width: calc(5.4 / 12* 100%);
        margin-left: 0;
    }
    .section__f-product-tab .tab__content-item {
     /* min-height: 72.9rem;*/
    }

    /* featured-product-tab classic */
    .section__f-product-tab.style--classic .tab__item-tab {
      width: fit-content;
    }

    .section__f-product-tab.style--classic .p-w__heading {
      margin-bottom: 0;
    }

    .section__f-product-tab.style--classic .tab__item-content {
      width: 100%;
      margin-left: 0;
    }

    .section__f-product-tab.style--classic .tab__item-content .swiper {
      padding-top: 11.2rem;
      margin-top: -11.2rem;
    }

    .section__f-product-tab.style--classic {
      --slide-active: calc(5 / 12 * 100% + 9px);
    }

    .section__f-product-tab.style--classic .swiper-slide.swiper-slide-active {
      width: var(--slide-active);
    }

    .section__f-product-tab.style--classic .swiper {
      height: 84rem;
    }

    .section__f-product-tab.style--classic .swiper-slide {
      width: calc((100% - var(--slide-active)) / 2 - 19px);
    }

    .section__f-product-tab.style--classic .swiper-slide:not(.swiper-slide-active) .style-product-standard-plus .card__quickadd{
      padding: 1.8rem 1.6rem;
    }

    .section__f-product-tab.style--classic .swiper-slide-prev {
      width: calc(var(--slide-active) + 2rem);
    }

    .section__f-product-tab.style--classic .total-card--4 .swiper-slide-prev {
      width: calc((113% - var(--slide-active)) / 2);
    }

    .section__f-product-tab.style--classic .swiper-slide + .swiper-slide-prev {
      width: calc((115% - var(--slide-active)) / 2);
    }

    .section__f-product-tab.style--classic .tab__list-item .tab__list-opener {
      font-size: clamp(2rem, calc(var(--font-body-size) + 0.6rem), 2.2rem);
    }

    .section__f-product-tab.style--classic .tab__list-item:not(:last-child):after {
      margin-left: 3.9rem;
      margin-right: 3.9rem;
    }

    .section__f-product-tab.style--classic .tab__content-item .quick-add__submit.button--style-diagonal-swipe {
      --border-offset: calc(6.8rem + var(--buttons-border-width) * 4);
      min-height: calc(6.8rem + var(--buttons-border-width) * 2);
    }
  
  /* spotlight product */
    .spotl-products__image .carousel__item {
      --size-item: 3.2rem;
      font-size: clamp(1.8rem, calc(var(--font-body-size) + 0.2rem), 2.2rem);
    }

    .spotl-products__image .carousel__item:hover {
      color: var(--color-foreground);
      background-color: rgba(var(--button-color-text), 1);
    }

    .section__spotl-products .p-w__header {
      margin-bottom: 6.6rem;
    }

    .section__spotl-products .card:hover .card__rating-w-price,
    .section__spotl-products .card:hover [data-animate="fade-down"] {
      opacity: 1;
      transform: none;
    }

    .section__spotl-products .p-w__header .link {
      font-size: clamp(2rem, calc(var(--font-body-size) + 0.2rem), 2.4rem);
    }

    .section__spotl-products .style-product-default .quick-add__submit {
      padding: 1.5rem 2rem;
    }

    .section__spotl-products .style-product-default .quick-add__submit.button--style-diagonal-swipe {
      padding: 1.4rem 6rem;
    }

    .spotl-products__carousel .style-product-advanced-card .card:hover :not(.card__swatch) [data-animate=fade-up],
    .spotl-products__carousel .style-product-advanced-card .card .card__swatch [data-animate=fade-up] {
      opacity: 1;
      transform: translateY(0);
    }

  /* f__information */
    .f__information-content .button {
      --h-button: 6rem;
      --border-offset: calc(6rem + var(--buttons-border-width) * 2);
    }

    .f__information-content .description + .button {
      margin-top: 10.5rem;
    }

    .f__information--has-image .f__information-image .image-wrap {
      padding-left: 9rem;
    }

  /* component-newsletter */
    .page-width--image .p-w__content {
      padding: 10rem;
    }

  /* spotlight special */
    .section__spotl-products.style--special .card__information .card__quickadd {
      padding: 0;
    }

  /* collapse-collection */
    .collapse-coll__item .item-content {
      --mg: 10rem;
    }

    .collapse-coll__item .item-content__text .button {
      padding: 1.15rem 10rem;
    }

  /* category-list */
    .cate-list {
      grid-template-columns: repeat(3, 1fr);
      grid-gap: var(--g-gap-lg);
    }

  /* spotlight-product modern */
    .section__spotl-products.style--modern .style-product-default .quick-add__submit {
      font-size: max(1.2rem, calc(var(--font-body-size) - 0.2rem));
    }

    .section__spotl-products.style--modern .card__quickadd {
      padding: 2rem 0 0;
    }

  /* before-after label */
    .before-after__label {
      --cus-size: 3rem;
    }

    .before-after__label:after {
      height: 41%;
    }

  /* slide-banner */
    .slide-banner {
      --w-image: calc(576 / 1920 * 100%);
      --w-content: calc(100% - (var(--w-image) * 2));
      min-height: calc(640 / 1920 * 100vw);
    }

    .slide-banner .swiper .swiper-pagination-bullet:not(.cus-bullet) {
      opacity: 1;
      padding: 2.4rem 1.8rem;
    }

    .slide-banner__heading {
      margin: 1.8rem 0;
    }

  /* footer new style */
    .footer-grid__item.appstore-is-show {
      width: 100%;
      max-width: 100%;
    }

    .footer--modern .footer-block--newsletter.w-full {
      width: 100%;
      max-width: 100%;
    }

    .footer--modern .footer-block--newsletter.w-full > * {
      max-width: 76.7rem;
      margin-left: auto;
      margin-right: auto;
    }

  /* collection-list new style */
    .collection-list__masonry .card__content{
      padding: 5rem;
    }

  /* quotes type grid */
    .section__quotes.style-grid .quotes__container {
      /* grid-template-rows: repeat(4, 16.8rem); */
      grid-template-rows: repeat(4, 1fr);
      grid-template-columns: repeat(auto-fill, minmax(55.57% ,1fr));
    }

    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--small {
      grid-template-rows: repeat(1,1fr);
      grid-template-columns: repeat(auto-fill,minmax(50.57%,1fr));
    }

    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--small .quotes__heading {
      grid-row: 1/2;
      grid-column: 1/3;
      margin-bottom: 1rem;
    }

    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--small  .quotes__item--1 {
      grid-column: 1/2;
      grid-row: 2/3;  
    }

    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--small .quotes__item--2 {
      grid-column: 2/3;
      grid-row: 2/3;
    }

    .section__quotes.style-grid .quotes__container .quotes__heading {
      grid-row: 1/2;
      grid-column: 1/2;
      margin-top: -2.5rem;
    }

    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--large .quotes__item--1 ,
    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--large .quotes__item--2 {
      grid-column: 1/2;
    }

    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--large .quotes__item--4,
    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--large .quotes__item--3 {
      grid-column: 2/3;
      padding-top: 3.2rem;
      padding-bottom: 2.8rem;
    }

    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--large .quotes__item.quotes__item--1, 
    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--large .quotes__item--3 {
        grid-row: 1/3;
    }

    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--large .quotes__item.quotes__item--2,
    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--large .quotes__item--4 {
      grid-row: 3/5;
    }

    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--large .quotes__heading.quotes__item--2 {
      grid-row: 4/5;
    }

    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--large .quotes__heading.quotes__item--3 ,
    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--large .quotes__heading.quotes__item--4 {
      grid-column: 2/3;
    }

    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--large .quotes__heading.quotes__item--1 + .quotes__item {
      grid-row: 2/5;
    }

    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--large .quotes__heading.quotes__item--3 {
      grid-row: 1/3;
    }

    .section__quotes.style-grid .quotes__container.has-block--heading.container-size--large .quotes__heading.quotes__item--4 {
      grid-row: 3/5;
    }
    
    .section__quotes.style-grid .quotes__container .quotes__item--2 {
      grid-column: 1/2;
      grid-row: 2/5;
    }
    
    .section__quotes.style-grid .quotes__container .quotes__item--3 {
      grid-row: 1/3;
      grid-column: 2/3;
    }

    .section__quotes.style-grid .quotes__container .quotes__item--4 {
      grid-row: 3/5;
    }

    .section__quotes.style-grid .quotes__container .quotes__heading + .quotes__item--2 {
      padding-top: 8.6rem;
      padding-bottom: 2.8rem;
    }

    .section__quotes.style-grid .quotes__container .quotes__item--1 .quotes__info ,
    .section__quotes.style-grid .quotes__container .quotes__item--1 .quotes__text {
      padding-left: 7rem;
      padding-right: 7rem;
    }

    .section__quotes.style-grid .quotes__container .quotes__heading + .quotes__item--2 .quotes__info ,
    .section__quotes.style-grid .quotes__container .quotes__heading + .quotes__item--2 .quotes__text {
      padding-left: 7rem;
      padding-right: 7rem;
    }

    .section__quotes.style-grid .quotes__container .quotes__item--3 .quotes__info,
    .section__quotes.style-grid .quotes__container .quotes__item--4 .quotes__info ,
    .section__quotes.style-grid .quotes__container .quotes__item--3 .quotes__text,
    .section__quotes.style-grid .quotes__container .quotes__item--4 .quotes__text {
      padding-left: 3.2rem;
      padding-right: 3.2rem;
  }

  /* component-outstanding-reviews */
    .section__outs-reviews .banner__desc {
      max-width: 42.5rem;
      margin-top: 3.6rem;
    }

    .section__outs-reviews .banner__text {
      max-width: 58.6rem;
    }

    .section__outs-reviews .outs-reviews__row.w-small .banner__text,
    .section__outs-reviews .outs-reviews__row.w-small .banner__desc {
      max-width: 100%;
    }

    .header--logo-special {
      max-width: 74vw;
      padding: 0;
    }

  /* newsletter modern */
    .section__newsletter.style--modern .newsletter__wrapper {
      padding: 6rem 6rem 4.3rem;
    }

  /* spotlight modern */
    .section__spotl-products.style--modern .arrow-style-modern .button-slider__next {
      right: calc(var(--padding-width) - var(--padding-grid-scroll) * 3.5 - -1rem);
    }

    .section__spotl-products.style--modern .arrow-style-modern .button-slider__prev {
      right: calc(var(--padding-width) - var(--padding-grid-scroll) * 3.5 - -1rem);
    }

    .section__spotl-products.style--modern .arrow-style-modern .swiper-pagination-fraction:not(.pagination--quick-add) {
      right: 3.5rem;
    }

    .button--main-classic.button--icon-none.button--style-diagonal-swipe {
      padding: 0 6rem;
    }

  /* coll-with-product */
    .coll-w-pro__slide .item-product {
      max-width: 53rem;
    }

    .coll-w-pro.layout--grid .p-w__header {
      height: calc(100% - 8rem);
    }

    .coll-w-pro.layout--grid .p-w__header .p-w__heading {
      position: sticky;
      top: 4.2rem;
      padding-top: 0;
      padding-left: 5rem;
    }

    .coll-w-pro.layout--grid .item-product {
      max-width: 50rem;
    }

    .coll-w-pro.layout--grid .grid__item {
      position: sticky;
      top: -75%;
    }

    .coll-w-pro.layout--grid .item-content .item-textbox {
      position: sticky;
      top: 10%;
    }

  /* Image-banner */
    .section__i-banner .banner__content--bottom-left {
      padding: 4.6rem 5rem;  
    }

    .section__i-banner .banner__content--bottom-left .banner__box {
      padding: 0;
    }
}

@media only screen and (min-width: 1400px) {
  /* base */
    .p-l-xxl {
      padding-left: var(--p-l-xxl);
    }

    .p-r-xxl {
      padding-right: var(--p-r-xxl);
    }

    .p-w_col--lg {
      grid-template-columns: 1fr 3fr;
    }

    .p-w_col--lg .swiper-pagination-progressbar.swiper-pagination-horizontal {
      margin-top: 5rem;
      max-width: min(calc(100% - var(--scroll-padding)), calc(var(--page-width) - (2 * var(--scroll-padding))));
    }

  /* component-grid */
    .grid[style*="--grid-v-xxl"] {
      row-gap: var(--grid-v-xxl);
    }

    .grid[style*="--grid-h-xxl"] {
      column-gap: var(--grid-h-xxl);
    }

    .grid__item--xxl {
      --g: var(--grid-h-md);
      --p: calc(100% / var(--c-xxl));
      --w: calc(var(--c-xxl) - 1);
      width: calc(var(--p) - var(--g) * var(--w) / var(--c-xxl));
      max-width: calc(var(--p) - var(--g) * var(--w) / var(--c-xxl));
    }

    .grid-col .grid__item--xxl {
      width: calc(100% / var(--c-xxl));
    }

    .grid[style*="--grid-h-xxl"] .grid__item {
      --g: var(--grid-h-xxl);
    }

  /* Mega menu */
    .mega_menu_1 .mega-menu__list:not(.no-mg1--image) {
      grid-template-columns: repeat(4, minmax(0,1fr));
    }

    .mega_menu_2 .mega-menu__list:not(.no-mg2--image) {
      width: 16.95%;
    }

    .mega_menu_2 .mega-menu__list:not(.no-mg2--image) + .mega-menu__banner {
      width: 83.05%;
    }

  /* component-featured-collection */
    .tab__list-item .tab__list-opener {
      padding-top: 2.2rem;
      padding-bottom: 2.2rem;
      font-size: clamp(3rem, var(--font-heading-size), 4rem);
    }

    .tab__item-content {
      padding-left: 6rem;
    }

    .tab__content-item .item {
      padding-left: 0;
      padding-right: 4rem;
    }
    .tab__list-opener .text-inner {
      margin-right: 5rem;
    }

    .tab__content-item .item__banner {
      width: calc(100% - 40rem);
      flex: 0 0 calc(100% - 40rem);
    }

    .tab__content-item .item__product {
      width: 40rem;
      flex: 0 0 40rem;
    }

  /* featured collection tab special */
    .section__f-collection-tab.style--special .tab__list-item .tab__list-opener{
      font-size: var(--font-body-size);
    }

    .section__f-collection-tab.style--special .tab__item-content {
      padding-left: 0;
    }

    .section__f-collection-tab.style--special .tab__content-item .item__banner {
      width: 50%;
      flex: 0 0 50%;
    }

    .section__f-collection-tab.style--special .tab__content-item .item {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    .section__f-collection-tab.style--special .tab__content-item .item__product {
      width: 50%;
      flex: 0 0 50%;
    }

    .section__f-collection-tab.style--special .tab__content-item .item__banner-content {
      padding: 0 8.3rem 6rem 8.5rem;
    }

  /* featured-product-tab */
    /* featured-product-tab classic */
    .section__f-product-tab.style--classic .tab__content-item .item__product {
      flex: 0 0 100%;
    }

  /* component-collapsible-content */
    .collapsible-content__itemLeft {
      padding-right: 3rem;
    }

  /* component-collection-banner */
    .coll-banner__names {
      width: 90%;
    }

  /* component-image-with-text */
    .section__image-w-text .banner__content .box {
      padding-left: max(3rem, 11.5%);
      padding-right: max(3rem, 11.5%);
    }

    .section__image-w-text.style--special .page-width .banner__content .box {
      padding-left: max(3rem, 23%);
      padding-right: max(3rem, 23%);
    }

  /* component-video-with-text */
    .section__video-w-text .box {
      padding: 6rem;
    }

    .section__video-w-text .box__wrapper {
      max-width: 55rem;
    }

  /* component-outstanding-reviews */
    .outs-reviews__row {
      --padding: 10rem;
      --w-image: calc(1045 / 1920 * 100%);
      --w-carousel: calc(100% - var(--w-image));
    }

    .outs-reviews__row.w-small {
      --padding: 4rem
    }

    .outs-reviews__carousel .banner__heading,
    .outs-reviews__carousel .banner__box:not(.slide-spacing),
    .outs-reviews__carousel .banner__box {
      max-width: 100%;
    }

  /* component-category-slide */
    .cate-slide__textbox {
      padding-top: 9rem;
    }

  /* spotlight product */
    .spotl-products__image .carousel__item {
      --size-item: 4rem;
    }

    .spotl-products__carousel {
      padding: 0 7rem 7rem 7rem;
    }

    /* spotlight special */
    .section__spotl-products.style--special .spotl-products__carousel {
      --padding-x: 5rem;
    }

    /* spotlight modern */
    .section__spotl-products.style--modern .spotl-products__carousel {
      padding: 0 17.2rem 0rem 17.2rem;
    }

  /* section-footer */
    .footer-grid__item {
      width: calc(20% - var(--grid-h-md) * 4 / 5);
      max-width: calc(20% - var(--grid-h-md) * 4 / 5);
    }

    /* footer classy */
    .footer--classy .footer-grid__item {
      width: calc(((8 / 12 * 100%) / 3) - var(--grid-h-md) * 4 / 5);
      max-width: calc(((8 / 12 * 100%) / 3) - var(--grid-h-md) * 4 / 5);
    }

    .footer--classy .footer-block--newsletter {
      width: calc((4 / 12 * 100%) - var(--grid-h-md) * 4 / 5 - 2px);
      /* border-left: 1px solid rgb(var(--color-foreground));
      padding-left: 6rem; */
    }

    .footer--classy .footer-block--newsletter:not(.border-right) {
      border-left: 1px solid rgb(var(--color-foreground));
      padding-left: 6rem;
    }

    .footer--classy .footer-block--newsletter.border-right {
      border-right: 1px solid rgb(var(--color-foreground));
      padding-right: 6rem;
    }

    .footer--classy .footer-block--newsletter.border-right.w-full {
      border-right: none;
      padding-right: 0;
    }

    /* footer special */
    .footer--special .footer-block--newsletter, .footer__non-newsletter-blocks {
      padding-right: 0;
    }

    .footer--special .footer__copyright .policies {
      gap: var(--g-gap);
    }

    /* footer modern */
    .footer--modern .footer-block--newsletter.footer-block--newsletter-w-logo > div {
      max-width: 47rem;
    }

    .footer--modern .footer-block--newsletter.footer-block--newsletter-w-logo,
    .footer--modern .footer-block--text {
      width: calc(50% - var(--grid-h-md) * 3 / 4);
      max-width: calc(50% - var(--grid-h-md) * 3 / 4);
    }  

    /* header special */
    .header-wrapper.header-style-special,
    body:not(.scroll-up, .scroll-down) .header-style-special.header-sticky__always {
      --space: calc(var(--m-w-logo-special) + 3rem);
      --space-1: 4rem;
    }

  /* newsletter modern */
    .section__newsletter.style--modern.s-full-width {
      min-height: calc(1100 / 1940 * 100vw);
    }

  /* coll-with-product */
    .coll-w-pro__slide .item-content {
      padding: 8rem 10rem 8rem 14rem;
    }

    .coll-w-pro.layout--grid .p-w__header .p-w__heading {
      top: 2rem;
      padding-top: 3rem;
      padding-left: 14rem;
    }

    .coll-w-pro.layout--grid .item-product {
      max-width: 67rem;
    }

  /* slide-banner */
    .slide-banner__heading {
      margin: 1.8rem 0 1.2rem;
    }

    .slide-banner__button {
      margin-top: 5rem;
    }

  /* quotes type grid */
    .section__quotes.style-grid .quotes__container.container-size--small.not-block--heading {
      grid-template-rows: repeat(2,1fr);
      grid-template-columns: repeat(auto-fill,minmax(50.07%,1fr));
    }

    .section__quotes.style-grid .quotes__container.container-size--large {
      grid-template-rows: repeat(4, 1fr);
      grid-template-columns: repeat(auto-fill, minmax(63.57% ,1fr));
    }

  /* component-product-column */
    .p-column__collection .collection-swiper .carousel .swiper {
      padding: 0rem 15.2rem;
    }

  /* component-visual-hightlight */
    .visual-hightlight__item.half .item-content {
      padding: 0 15rem 0 10rem;
    }

  /* component-featured-blog */
    .section__f-blog .blog-enable_list .item {
      gap: 7.5rem;
    }

    .section__f-blog .placement--text_first .item__content {
      margin-top: 0;
      margin-bottom: 3.7rem;
    }
}

@media only screen and (min-width: 1600px) {
  /* component-title */
    .p-w_col--lg .carousel__controls .button-slider__prev {
      left: calc(var(--padding) + (var(--padding-width) - var(--padding-grid-scroll) * 2));
    }

    .p-w_col--lg .carousel__controls .button-slider__next {
      right: calc(var(--padding) + (var(--padding-width) - var(--padding-grid-scroll) * 2));
    }

    .p-w_col--lg .swiper-pagination-progressbar.swiper-pagination-horizontal{
      margin-top: 7rem;
      --page-width: 100vw;
      --scroll-padding: max(1.5rem, calc((100vw - var(--page-width))/2));
      max-width: min(calc(100% - (var(--scroll-padding) + 2.5rem * 2)), calc(var(--page-width) - (2 * var(--scroll-padding))));
    }

  /* component-banner */
    .banner__content {
      padding: 6rem;
    }

    .banner__box {
      --content-max-width-1600: calc(var(--content-max-width, 44rem) + 11rem);
      padding-left: 8rem;
      padding-right: 8rem;
      max-width: var(--content-max-width-1600);
    }

    .banner__content--top-left .banner__box,
    .banner__content--top-center .banner__box,
    .banner__content--top-right .banner__box {
      padding-top: 8rem;
      padding-bottom: 0;
    }

    .banner__content--middle-left .banner__box,
    .banner__content--middle-center .banner__box,
    .banner__content--middle-right .banner__box {
      padding-top: 8rem;
      padding-bottom: 8rem;
    }

    .banner__content--bottom-left .banner__box,
    .banner__content--bottom-right .banner__box {
      padding-top: 0;
      padding-bottom: 8rem;
    }

    .banner__countdown .item .num {
      font-size: calc(var(--font-heading-scale) * 2.4rem);
    }

  /* component-banner */
    .banner__content--bottom-center .banner__box {
      padding-top: 0;
      padding-bottom: 1rem;
    }

    .banner__content--bottom-center.banner__content {
      padding: 6rem 6rem 8rem;
    }

  /* component-video-with-text */
    .section__video-w-text .box {
      padding-left: 10rem;
    }

    .section__video-w-text .f-row-reverse-md .box {
      padding-left: 6rem;
      padding-right: 10rem;
    }

    .section__video-w-text .box__wrapper {
      max-width: 60rem;
    }

  /* component-image-banner */
    .section__i-banner .banner__image-with-text .banner__content {
      padding-top: calc(6rem + var(--padding-top));
      padding-bottom: calc(6rem + var(--padding-bottom));
    }

    .section__i-banner .banner__image-with-text:has(.banner__button) .banner__content {
      padding-bottom: calc(6vw + var(--padding-bottom));
    }

    .section__i-banner .banner__image-with-text .banner__button {
      right: max(6.5rem, 3%);
    }

  /* component-featured-collection */
    .tab__title {
      margin-bottom: 7.3rem;
    }

    .tab__list-item .tab__list-opener {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }

    .tab__item-content {
      padding-left: 10rem;
    }

    .tab__content-item .item__banner {
      width: calc(100% - 50rem);
      flex: 0 0 calc(100% - 50rem);
      padding-left: 4.5rem;
      padding-right: 4.5rem;
    }

    .tab__content-item .item__product {
      width: 50rem;
      flex: 0 0 50rem;
    }

    /* featured collection tab special */
    .section__f-collection-tab.style--special .tab__title {
      margin-bottom: 2rem;
    }

    .section__f-collection-tab.style--special .tab__list-item .tab__list-opener {
      padding-top: 0;
      padding-bottom: 0;
    }

    .section__f-collection-tab.style--special .tab__item-content {
      padding-left: 0;
    }

    .section__f-collection-tab.style--special .tab__content-item .item__banner {
      width: 50%;
      flex: 0 0 50%;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    .section__f-collection-tab.style--special .tab__content-item .item__product {
      width: 50%;
      flex: 0 0 50%;
    }

    .section__f-collection-tab.style--special .products-grid {
      --gap: 5rem;
      padding-right: 2rem;
    }

  /* featured-product-tab */
    /* featured-product-tab classic */
    .section__f-product-tab .tab__title {
      margin-bottom: 0.6rem;
    }

    .section__f-product-tab.style--classic .swiper {
      height: 95rem;
    }

  /* component-collapsible-content */
    .collapsible-content__itemLeft {
      padding-right: 4.5rem;
    }

  /* component-collection-banner */
    .coll-banner__names .names {
      gap: 6rem 14.8rem;
      padding-top: 6rem;
    }

  /* component-outstanding-reviews */
    .outs-reviews__carousel .banner__heading {
      margin-bottom: 0;
    }

    .outs-reviews__carousel {
      padding-top: 15rem;
    }

    .outs-reviews__row.w-small .outs-reviews__carousel {
      padding-left: 0;
      padding-right: 0;
    }

    .outs-reviews__carousel .banner__heading,
    .outs-reviews__carousel .banner__box {
      padding-left: 13rem;
      padding-right: 7.5rem;
    }

    .outs-reviews__carousel .banner__box {
      padding-top: 10.6rem;
      padding-bottom: 4.8rem;
    }

    .outs-reviews__row.w-small .outs-reviews__carousel .banner__box {
      padding-top: 2.4rem;
    }
    /* spotlight */
      .spotl-products__carousel {
      padding: 0 8rem 7rem 8rem;
    }

  /* spotlight special */
    .section__spotl-products.style--special .spotl-products__carousel {
      --padding-x: 6.3rem;
    }

  /* component-image-with-text */
    .section__image-w-text .full-width .banner__content .box {
      padding-left: max(6rem, 24%);
      padding-right: max(6rem, 15%);
    }

  /* button classic icon none style ripple */
    .button--main-classic.button--icon-none.button--style-ripple {
      --pd: 2rem 10rem;
    }

  /* section-footer */
    /* footer classy */
    .footer--classy .footer__content-bottom-wrapper.show-lang .footer__localization:after,
    .footer--classy .footer__content-bottom-wrapper.show-country .footer__localization.show-country:after,
    .footer--classy .footer__copyright::after {
      width: calc(100% + var(--g-gap) + .5rem);
    }

    .footer--classy .footer-block--newsletter {
      width: calc((4 / 12 * 100%) - var(--grid-h-md) * 4 / 5 + 1px);
    }

    .footer--classy .footer__payment {
      width: calc((4 / 12 * 100%) - var(--g-gap) - 1px);
    }

    .footer--classy .footer__copyright::after {
      width: calc(100% + var(--g-gap) + .1rem);
    }

    /* footer modern */
    .footer--modern .footer-grid__item:not(.footer-block--text) {
      width: calc(16.66% - var(--grid-h-md) * 5 / 6);
      max-width: calc(16.66% - var(--grid-h-md) * 5 / 6);
    }
  .footer__non-newsletter-blocks  .footer-grid__item:not(.footer-block--text) {
          width: calc(33.33% - var(--grid-h-md) * 5 / 6);
      max-width: calc(33.33% - var(--grid-h-md) * 5 / 6);  
  }

    .footer--modern  .footer-grid__item.footer-block--newsletter {
      width: calc(40% - var(--grid-h-md) * 5 / 6);
      max-width: calc(40% - var(--grid-h-md) * 5 / 6);  
    }

    /* footer new style */
    .footer--modern .footer-grid__item:not(.footer-block--text).appstore-is-show,
    .footer-grid__item.appstore-is-show {
      width: 100%;
      max-width: 100%;
    }

    .footer--modern .footer-block--newsletter.w-full {
      width: 100%;
      max-width: 100%;
    }

  /* Header menu */
    .header__inline-menu .list-menu--inline {
      grid-gap: var(--g-gap, 0);
    }
  }

@media screen and (min-width: 1690px) {
  /* header special */
    .header-wrapper.header-style-special,
    body:not(.scroll-up, .scroll-down) .header-style-special.header-sticky__always {
      --space-1: calc((100% - var(--page-width)) / 2 + 0.5rem);
      --space-2: calc((100% - var(--page-width)) / 2 + var(--space));
    }

  /* padding container full width */
    .p-container-f-w {
      padding-left: max(
        var(--padding-container-full-width),
        var(--padding-full-width, 1rem)
      );
      padding-right: max(
        var(--padding-container-full-width),
        var(--padding-full-width, 1rem)
      );
    }

  /* quotes type grid */
    .section__quotes.style-grid .quotes__container .quotes__info {
      padding-top: 4.7rem;
    }
    
    .section__quotes.style-grid .quotes__container .quotes__heading + .quotes__item--2 .quotes__info ,
    .section__quotes.style-grid .quotes__container .quotes__heading + .quotes__item--2 .quotes__text {
      padding-left: 10rem;
      padding-right: 8.4rem;
    }

    .section__quotes.style-grid .quotes__container .quotes__item--3 .quotes__info,
    .section__quotes.style-grid .quotes__container .quotes__item--4 .quotes__info ,
    .section__quotes.style-grid .quotes__container .quotes__item--3 .quotes__text,
    .section__quotes.style-grid .quotes__container .quotes__item--4 .quotes__text {
      padding-left: 5rem;
      padding-right: 3.8rem;
    }
}

@media only screen and (min-width: 1920px) {
  /* component-slider */
    .carousel {
      --scroll-padding: max(6rem, calc((100vw - var(--page-width)) / 2));
    }

    .no-js .no-js-grid-scroll {
      width: calc(100vw - var(--padding-h-md));
    }

  /* component-featured-collection */
    .tab__content-item .item__banner {
      width: calc(100% - 55rem);
      flex: 0 0 calc(100% - 55rem);
      padding-left: 6rem;
      padding-right: 6rem;
    }

    .tab__content-item .item__product {
      width: 55rem;
      flex: 0 0 55rem;
    }

  /* featured collection tab special */
    .section__f-collection-tab.style--special .tab__content-item .item__banner {
      width: 50%;
      flex: 0 0 50%;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    .section__f-collection-tab.style--special .tab__content-item .item__product{
      width: 50%;
      flex: 0 0 50%;
    }

  /* component-collapsible-content */
    .collapsible-content__itemLeft {
      padding-right: 5.5rem;
    }

  /* section-footer */
    .footer-grid__item {
      width: calc(16.66% - var(--grid-h-md) * 5 / 6);
      max-width: calc(16.66% - var(--grid-h-md) * 5 / 6);
    }

    .footer-block--text {
      width: calc(25% - var(--grid-h-md) * 3 / 4);
      max-width: calc(25% - var(--grid-h-md) * 3 / 4);
    }

    .footer-block--newsletter, .footer__non-newsletter-blocks {
      width: 40rem;
      max-width: 40rem;
    }

  /* footer classy */
    .footer--classy .footer-grid__item {
      width: calc(((8 / 12 * 100%) / 3) - var(--grid-h-md) * 4 / 5);
      max-width: calc(((8 / 12 * 100%) / 3) - var(--grid-h-md) * 4 / 5);
    }

    .footer--classy .footer-block--newsletter {
      width: calc((4 / 12 * 100%) - var(--grid-h-md) * 4 / 5 + 1px);
      max-width: calc((4 / 12 * 100%) - var(--grid-h-md) * 4 / 5 + 1px);
    }

    .footer--classy .footer-block--newsletter:not(.border-right) {
      padding-left: 6rem;
    }

    .footer--classy .footer-block--newsletter.border-right {
      padding-right: 6rem;
    }

    .footer--classy .footer-block--newsletter.border-right.w-full {
      padding-right: 0;
    }

  /* footer special */
    .footer--special .footer-grid__item {
      width: calc((2 / 12 * 100%) - var(--grid-h-md) * 3 / 4);
      max-width: calc((2 / 12 * 100%) - var(--grid-h-md) * 3 / 4);
    }

    .footer--special .footer-block--newsletter {
      width: calc(4 / 12 * 100% - var(--grid-h-md) * 3 / 4);
      max-width: calc(4 / 12 * 100% - var(--grid-h-md) * 3 / 4);
    }
.footer__non-newsletter-blocks {
      width: calc(5/ 12 * 100% - var(--grid-h-md) * 3 / 4);
      max-width: calc(5 / 12 * 100% - var(--grid-h-md) * 3 / 4);
    }
  /* footer modern */
    .footer--modern .footer-grid__item:not(.footer-block--text) {
      width: calc(16.66% - var(--grid-h-md) * 5 / 6);
      max-width: calc(16.66% - var(--grid-h-md) * 5 / 6);
    }
    .footer__non-newsletter-blocks  .footer-grid__item:not(.footer-block--text) {
          width: calc(33.33% - var(--grid-h-md) * 5 / 6);
      max-width: calc(33.33% - var(--grid-h-md) * 5 / 6);  
  }

    .footer--modern .footer-grid__item.footer-block--newsletter {
      width: calc(40% - var(--grid-h-md) * 5 / 6);
      max-width: calc(40% - var(--grid-h-md) * 5 / 6);
    }

    .footer--modern .footer-block--newsletter.footer-block--newsletter-w-logo {
      width: calc(50% - var(--grid-h-md) * 3 / 4);
      max-width: calc(50% - var(--grid-h-md) * 3 / 4);
    }

  /* footer new style */
    .footer--modern .footer-grid__item:not(.footer-block--text).appstore-is-show,
    .footer-grid__item.appstore-is-show {
      width: 100%;
      max-width: 100%;
    }

    .footer--modern .footer-block--newsletter.w-full { 
      width: 100%;
      max-width: 100%;
    }
    /* spotlight product */
    .spotl-products__carousel {
      padding: 0 7rem 7rem 7rem;
    }
}

@media only screen and (min-width: 2000px) {
  /* component-popup-modal */
    .popup-modal__content {
      max-width: 160rem;
    }

  /* featured-product-tab */
    /* featured-product-tab classic */
    .section__f-product-tab.style--classic .swiper {
      height: 112vh;
    }
    /* spotlight product */
    .spotl-products__carousel {
      padding: 0 5rem 5rem 5rem;
    }
}

@media only screen and (min-width: 2048px) {
  /* component-title */
    .p-w_col--lg .p-w__header {
      padding-right: var(--grid-h-md);
    }
}

@media only screen and (min-width: 2200px) {
   /* spotlight product */
    .spotl-products__carousel {
      padding: 0 5rem 0rem 5rem;
    }
}

.appstle_subscription_wrapper_option {
    border-radius: 8px!important;
}

 sticky-header .header__heading-link {
      --m-w: {{ section.settings.sticky_logo_width }}px !important;
    }
sticky-header.sticky .header__heading-link {
      --m-w: {{ section.settings.sticky_logo_width }}px !important;
    }


@media (min-width: 990px) and (max-width: 1199px) {
.header-style-special .header--middle-left {
  padding-bottom: 52px;
}
}

.object-fit-cover {
  object-fit: cover!important;
  width: 100%!important;
  height: 100%!important;
}


.shopify-section.section {
  /*padding: 0 24px;*/
}
#shopify-section-template--18470945620141__marquee_AhycRw, #shopify-section-template--18470945620141__8d2b07a5-1c19-4d83-b4de-122a28e5c67c {
  padding: 0;
}
.section__slideshow {
  margin: auto;
}
.section__slideshow, .swiper {
  border-radius: 4px;
}
.section__slideshow, .swiper .banner__buttons .secondary  {
    background: transparent;
    border: 2px solid #fff;
  color: #fff;
}  
.swiper .banner__buttons .secondary:hover {
    border: 2px solid #121212;
}
/*
.footer__content:first-child {
      border-radius: 16px 16px 0 0;
}*/
/*.footer-block--newsletter, .footer__non-newsletter-blocks {
  margin-left: auto;
}*/
.newsletter-form__field input {
  border-radius: 0!important;
}
  .bg-offset {
    border-radius: 16px;
   /* box-shadow: -24px -24px 0 0 #163870;
    display: block;
    width: calc(100% - 24px);
    margin-top: 24px;
    margin-left: 24px;
        border: 4px solid #163870;
     box-shadow: 0px 0px 16px -8px #163870;*/
 
}
#shopify-section-template--18470945620141__image_with_text_NwkWbR .banner__media.grid__item, #shopify-section-template--18470945620141__image_with_text_cMKF4f .banner__media.grid__item  {
  padding-top:12px;
}
.color-scheme-3bc955e8-1553-49ce-a8e6-8e4f75826bc6 .button--transparent {
  border: 1px solid #fff;
}

@media (min-width: 990px) {
.carousel-thumb__wrap {
  justify-content: space-between;
}
}
@media (min-width: 1900px) {
.section__spotl-products.style--classic .spotl-products__image {
  width: 48vw;
}
}
@media (min-width: 2100px) {
.section__spotl-products.style--classic .spotl-products__image {
  width: 45vw;
}
}
@media (min-width: 2300px) {
.section__spotl-products.style--classic .spotl-products__image {
  width: 42vw;
}
}



#shopify-section-template--18470945620141__8d2b07a5-1c19-4d83-b4de-122a28e5c67c .card__information {
  background: transparent;
}

.carousel__controls .button-slider__prev {
        left: calc((var(--padding-width) - var(--padding-grid-scroll) * 3.5) + 1rem)
}
.carousel__controls .button-slider__next {
        right: calc((var(--padding-width) - var(--padding-grid-scroll) * 3.5) + 1rem)
}



    .header-wrapper.header-style-special {
      padding-top:4px;
      background: transparent;
    }
.button--main-standard  {
/*border: 2px solid #a2b283;*/
}

.header-wrapper {
    padding-top: 4px;
}

@media only screen and (max-width: 989px) {
body.scroll-up .header-style-special.header-sticky__always .header-parent,
body.scroll-down .header-style-special.header-sticky__always .header-parent {
    grid-template-columns: 1fr 2fr 1fr;
    margin: auto;
    width: calc(100% - 20px);
    background: #fff;
    border-radius: 5px;
    top: 0;
    margin-top: 4px;
   /* border: 2px solid #a2b283;*/
    transition: all .3s ease;
  }
    .header-style-special .header__heading img {
        max-height: 40px;
    }
}

@media only screen and (min-width: 990px) {
.header-style-special .header--middle-left {
        grid-template-columns: 0 1fr 1fr;
        gap: 0;
    }
}


.marquee__image-container {
  flex-shrink: 0;
  min-width: 80px;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent!important;
}

.marquee__image-container img {
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 100%;
  display: block;
}
.marquee__text-container {
  margin: 0;
}
.card__item {
  display: grid;
 grid-column-gap: 1rem;
    grid-auto-flow: column;
    align-items: start;
}

.card__price .price {
  font-weight: 400;
  color: #000000;
}












/* wrapper fills 100% of button (button already has d-flex w-100) */
.text-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}

/* text stays natural size */
.text-inner {
  flex: 0 0 auto;
  margin-right: 8px; /* gap */
}

/* line takes remaining width */
.tab-line {
  flex: 1 1 auto;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  opacity: 0;
  transition: transform .15s ease-in-out, opacity .3s ease-in-out;
}

/* active: solid full width */
.tab__list-item.active .tab-line {
  transform: scaleX(1);
  opacity: 1;
  transition: transform .15s ease-in-out, opacity .3s ease-in-out;
    transform: translateY(2px);
    transform: translateX(24px);
    z-index: 2;
}

/* Active tab indicators */
.tab__list-item.active .tab-line::before {
    width: 12px;
    height: 12px;
    border: 2px solid currentColor;
    background: #fff;
    position: absolute;
    top: 50%;
    left: -6px;
    transform: translateY(-50%);
    content: "";
    border-radius: 100%;
    transition: all .3s ease;
    transition: transform .15s ease-in-out, opacity .3s ease-in-out;
}

.tab__list-item.active .tab-line::after {
    right: -6px;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    width: 12px;
    height: 12px;
    border: 2px solid currentColor;
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100%;
    transition: all .3s ease;
    transition: transform .15s ease-in-out, opacity .3s ease-in-out;
}

@media screen and (max-width: 749px) {
  .tab__list-item.active .tab-line {
display: none;
  }
    .section__f-product-tab .tab__list-item .tab__list-opener {
        font-size: 2.8rem;
    }
}

/* Tabbed content homepage */
.tab__content-wrap-mobile .item__image {
  margin-bottom: 2rem;
}



.tab__content-item {
  opacity: 0;
  display: none;
  transition: opacity 0.4s ease-in-out;
}

.tab__content-item.active {
  display: block;
 opacity: 1;
}

.section__slideshow img {
  object-position: bottom;
}
.two-column-split__content-wrapper, .two-column-split__heading {
      text-align: center;
}
.two-column-split__list {
    width: fit-content;
margin: auto!important;
}
  .two-column-split__content-wrapper img {
  position: relative!important;
}


.card__information {
    display: inline-flex;
    justify-content: space-between;
      gap: 0.5em;
}


/* Mobile-specific layout for card information */
@media screen and (max-width: 749px) {
  .card__information {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  
  .card__col_1 {
    order: 1;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
  
  .card__heading {
    order: 1;
  }
  
  .card__price {
    order: 2;
    text-align: left;
    max-width: 100%;
  }
  
  .card__flavor {
    order: 3;
  }
  
  /* Move quick add button under card information on mobile */
  .card__content {
    display: flex;
    flex-direction: column;
  }
  
  .card__quickadd {
    position: static !important;
    transform: none !important;
    margin-top: 1rem;
    padding: 1rem 0;
    background: transparent !important;
    order: 3;
  }
  
  .card__function-item.card__function-cart {
    margin-top: 1rem;
  }
  
  /* For advanced-default style cards */
  .advanced__default-price-cart {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
  }
}

.card__col_1, .card__price {
max-width: fit-content;
}

.card__price {
  text-align: right;
}
.product__nested-accordion .title-div {
  padding: 0!important;
}
.product__accordion, .product__nested-accordion {
  padding: 16px 20px;
  background: #f4e1c8;
  border-radius: var(--media-radius);
}


  @media screen and (min-width: 750px) {
  

[class*='banner__content--middle-'] .slide__box {
  padding:0;
    justify-content: flex-start;
    top: 18%;
    position: relative;

}

.slider__content--wrapper {
  padding-top:0;
}
  }


  @media screen and (min-width: 750px) and (max-width: 1040px) {
[class*='banner__content--middle-'] .slide__box {
top:15%;
}}
.product__action {
 padding-top: 0; 
}
.product-form__submit.button {
  margin-top:0;
}



@media (min-width:450px) {
  .article-template__i-w-text .banner__media {
    flex: 0 0 var(--image-width-tablet);
    max-width: var(--image-width-tablet);
  }
}
@media (min-width: 1000px) {
 .article-template__i-w-text .banner__media {
    flex: 0 0 var(--image-width-desktop);
    max-width: var(--image-width-desktop);
  }
}


.article-template img {
    border-radius: var(--media-radius);
}
.article-template .rte p:empty {
  display: none;
  margin-top:0;
}

.article-template h2, .article-template h3, .article-template h4 {
    font-family: var(--font-body-family);
}

@media screen and (min-width: 750px) {
  .blog-articles.d-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: var(--grid-v-md, 4.5rem) var(--grid-h, 2rem) !important;
  }
}

@media screen and (min-width: 990px) {
  .blog-articles.d-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: var(--grid-v-lg, 6rem) var(--grid-h, 2rem) !important;
  }
}

@media only screen and (min-width: 990px) {
    .carousel-blog-heading {
        width: 40%;
    }
}

@media only screen and (min-width: 1200px) {
    .carousel-blog-heading {
        width: 45%;
    }
}




@media only screen and (min-width: 750px) {
    .carousel-blog-posts{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
@media only screen and (min-width: 990px) {
    .carousel-blog-posts{
        width: calc(100% - 40%);
        padding-left: 3rem;
        padding-right: 0;
    }
}
@media only screen and (min-width: 1200px) {
    .carousel-blog-posts{
        width: calc(100% - 45%);
        padding-top: 1.3rem;
        padding-left: 4rem;
    }
}
@media only screen and (min-width: 1400px) {
    .carousel-blog-posts{
        padding-left: 6rem;
    }
     .grid-scroll {
      --padding: 5rem;
    }
}

.carousel__controls .icon {
  color:#000;
  fill: #000;
}


.card__heading {
padding:0;
  margin:0!important;

}
.card__inner {
  border-radius: 6px;
}


.footer__non-newsletter-blocks {
      gap: inherit;
}
@media only screen and (min-width: 991px) {
.footer__non-newsletter-blocks {
  justify-content: end;
}
}

.footer-block__details-content {
  margin-bottom: 1.2em;
}
.two-column-split__image-wrapper .media {
  height: 100%;
}

@media only screen and (min-width: 750px) {
.footer__content-bottom-wrapper {
margin-top:-4em;
}

  
.footer__content-bottom-wrapper   .footer__column--info {
    align-items: flex-end;
  }
}
@media only screen and (max-width: 990px) {
.footer__content-bottom-wrapper {
padding-bottom: 64px;
}
.newsletter-form__field {
      max-width: 600px;
}
  .footer__non-newsletter-blocks {
    width:100%;
    max-width: 600px;
  }
}

@media only screen and (max-width: 750px) {
  .footer-block__subtext {
    margin-top: 1em;
  }
  .footer-block__details-content.list-unstyled {
    padding-top:1em;
    padding-bottom: 0.5em;
  }
  .footer-block__item {
    padding: 0.25em 0.5em;
  }
}



@media only screen and (max-width: 990px) {
  .slider__content--wrapper {
    justify-content: flex-start!important;
    padding-top: 4vh;
  }
}
@media only screen and (max-width: 405px) {

  h2.instrument-serif.banner__heading.heading-size-xxx-large.typography-font-heading.m-spacing {
  font-size: max(1.2rem, calc(2em + calc(var(--step-size-xxxl) )));
  }
}
@media only screen and (max-width: 340px) {
  .slider__content--wrapper {
    padding-top: 2vh;
  }
}

  .instrument-serif em,
h2.instrument-serif.banner__heading {
  margin-bottom: 32px;
  line-height: 1em;
}
  .instrument-serif em {
    font-style: italic !important;
    letter-spacing: -0.04em;
}

.slider__content--wrapper .banner__text {
    font-size: 1.55em;
    font-weight: 400;
    margin-bottom: -.2em;
}
.slider__content--wrapper .banner__heading em {
    margin-left: -.12em;
}
@media only screen and (max-width: 500px) {
.slider__content--wrapper .banner__heading em {
    margin-left: -.24em;
}

.slideshow__width {
  padding-left: 1.5em!important;
  padding-right: 1.5em!important;
}
}

@media only screen and (max-width: 500px) {
.slider__content--wrapper .banner__heading {
  font-size: max(1.2rem, calc(2.4em + calc(var(--step-size-xxxl) )));
}
}

#SectionHeading-c3b6d845-c74b-448a-9948-6becc13d3cf1 {
  text-align: center;
}

.section__slideshow, .swiper .banner__buttons .secondary {
  border:none;
}


.button.large {
  padding: 0 3em!important;
font-size:1.2em!important;
  min-width: 25em;
}

@media only screen and (min-width: 1200px) {
    .margin-page-width, .customized-width {
        max-width: calc(var(--page-width) + 9rem);
        --width: 3rem;
        --margin-full-width: 6rem;
    }
}

@media only screen and (min-width: 750px) {
    .margin-page-width, .customized-width {
        --width: -3rem;
        --margin-full-width: 5rem;
    }
  }
.margin-page-width {

    max-width: var(--page-width);
    margin-left: var(--margin-full-width, 1rem);
   margin-right: var(--margin-full-width, 1rem);
}
#shopify-section-template--17728283607151__custom_liquid_Y6rejd .margin-page-width {
   margin-left: auto;
   margin-right: auto;
}

.two-column-split__list-text{
    font-weight: 400;
}
@media only screen and (min-width: 750px) {
.section__f-product-tab.section__tabbed-content  {
    padding-left: 3em;
}}

@media only screen and (min-width: 1200px) {
.section__f-product-tab.section__tabbed-content  {
    padding-left: 4em;
}
}

.card__heading.f-bold {
  font-weight: bold!important;
}


@media only screen and (min-width: 750px) {
.menu-lv-1-item .link-style {
  font-family:  var(--font-heading-family);
  font-weight: 600;
}
}


@media only screen and (max-width: 550px) {
  #shopify-section-template--17728283607151__12b81e44-2b28-427b-9080-19dfb79fd112 .button {
    display: none;
  }
}

.mpg-swatch__label-option {
  font-size: (1.6rem, calc(var(--font-body-size) ))!important;
}

ul.menu-drawer__menu.has-submenu.list-menu, .menu-drawer__wishlist .t-button, .menu-drawer__account {
  font-family:  var(--font-heading-family);
    font-weight: 600;
}



/* FAQ Collapsible Content Styles */

/* Accordion box styling for FAQ */
.accordion__details {
  border: 1px solid rgba(var(--color-foreground), 0.1);
  border-radius: 8px;
  margin-bottom: 1rem;
  overflow: hidden;
  background-color: rgba(var(--color-background), 1);
}

.accordion__summary {
  background-color: rgba(var(--color-background), 1);
  transition: background-color 0.2s ease;
  border-radius: 8px 8px 0 0;
}

.accordion__summary:hover {
  background-color: rgba(var(--color-foreground), 0.05);
}

.accordion__content--inside {
 /* border-top: 1px solid rgba(var(--color-foreground), 0.1);*/
  margin-bottom: 0;
  padding: 2rem;
  background-color: rgba(var(--color-background), 0.5);
}

.accordion__details[open] .accordion__summary {
  border-radius: 8px 8px 0 0;
}

.accordion__details:not([open]) .accordion__summary {
  border-radius: 8px;
}

/* Header alignment styles */
.p-w__header--wrapper.left {
  text-align: left;
}

.p-w__header--wrapper.center {
  text-align: center;
}

.p-w__header--wrapper.right {
  text-align: right;
}
.newsletter-form__button:hover {
  background-color: transparent!important;
}




   #shopify-section-template--18209769390191__image_w_text_secondary_c4J6He .banner__subheading {
    padding-top: 3rem;
}

  @media screen and (max-width: 999px) {
   #shopify-section-template--18209769390191__image_w_text_secondary_c4J6He .banner__subheading {
    padding-top: 1rem;
}
  }
  
  @media screen and (max-width: 749px) {
   #shopify-section-template--18209769390191__image_w_text_secondary_c4J6He .banner__subheading {
    padding-top: 2rem;
   }
    #shopify-section-template--17728283607151__image_w_text_secondary_LNXBte .banner__subheading {
    margin-bottom: 12px;
    }
  }



@media only screen and (min-width: 990px) {
    .shopify-policy__container {
        padding-top: 8px;
        padding-bottom: 64px;
    }
}
@media only screen and (min-width: 750px) {
   .shopify-policy__container {
        padding-top: calc(var(8px) * 0.75);
        padding-bottom: calc(64px * 0.75);
    }
}

.shopify-policy__container {
    padding-top: calc(8px * 0.5);
    padding-bottom: calc( * 0.5);
    max-width: 1200px;
}

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

.footer__logo-bottom {
margin-bottom: 2.5rem;
}
.footer__right-elements {
    place-items: center;
justify-items: center;
    text-align: center;

}
@media only screen and (min-width: 750px) {
  .footer__logo-bottom {
margin-bottom: 1.5rem;
}
.footer__right-elements {
    justify-items: right;
}
.copyright__content p {
margin-bottom: 0;
}
}

.list.list-payment {
  gap:0.25rem;
}