/** Shopify CDN: Minification failed

Line 4313:30 Expected ":"
Line 13591:6 Expected ":"

**/

  @font-face {
  font-family: Asap;
  font-weight: 400;
  font-style: normal;
  font-display: auto;
  src: url("//echt.com.au/cdn/fonts/asap/asap_n4.bbd5a7069d8fda6c6087204fae2b7f4dca87bf11.woff2?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d823efefe9d22043f3891358396e6327928897ae4c0eb73cc1df5b280a70600a") format("woff2"),
       url("//echt.com.au/cdn/fonts/asap/asap_n4.b026277a6ffe301172d58b44f76f4a17a1fcac3a.woff?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=8558dce979fdc2de2954649065ff07f5f825a2c5114a05a0905e737da552cb4e") format("woff");
}

@font-face {
  font-family: Asap;
  font-weight: 400;
  font-style: italic;
  font-display: auto;
  src: url("//echt.com.au/cdn/fonts/asap/asap_i4.bc13ea4c17e8bbc85d105173e9e849da88153cef.woff2?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=6255fb0bdc99a8abbffec4ba77c935203f7c6d37e188e261110829ff3d0b38e5") format("woff2"),
       url("//echt.com.au/cdn/fonts/asap/asap_i4.922d04686f6fd7a58987f2d7a529faa245774fa3.woff?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=07dae3a08aca8e007a2f18ab73439d0648516cbb4912c663b66ef0d3126894ef") format("woff");
}

@font-face {
  font-family: Asap;
  font-weight: 700;
  font-style: normal;
  font-display: auto;
  src: url("//echt.com.au/cdn/fonts/asap/asap_n7.7bd55001047b49c74380766dd2ce271b2bbd7546.woff2?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=4b5d9cf00e6a9aa1ef7affb28bf00ac4d367dc9eaa5123ee3dea260bb3058c2c") format("woff2"),
       url("//echt.com.au/cdn/fonts/asap/asap_n7.207615f24029b800e60882acaeb7100682edd480.woff?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d791562d4390eb6e14aed0a8fb46242b62161e57cf68c5e243e1420fd76ba446") format("woff");
}

  @font-face {
  font-family: Asap;
  font-weight: 700;
  font-style: italic;
  font-display: auto;
  src: url("//echt.com.au/cdn/fonts/asap/asap_i7.7806a4753573be6c818b023b7f9ffa910899b1d7.woff2?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=ca56b93b9d15b28152bdb537f3e9a984ae53223b87ccfa5b06e2d70ba08c6bd5") format("woff2"),
       url("//echt.com.au/cdn/fonts/asap/asap_i7.02caacb45ef50301684fe63e89767b6abaea8391.woff?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d6c1a0c806bd5a5e0831e76c8cdc6724c9755d869b59627524623ea9dc427f23") format("woff");
}


  


  @font-face {
  font-family: Asap;
  font-weight: 400;
  font-style: normal;
  font-display: auto;
  src: url("//echt.com.au/cdn/fonts/asap/asap_n4.bbd5a7069d8fda6c6087204fae2b7f4dca87bf11.woff2?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d823efefe9d22043f3891358396e6327928897ae4c0eb73cc1df5b280a70600a") format("woff2"),
       url("//echt.com.au/cdn/fonts/asap/asap_n4.b026277a6ffe301172d58b44f76f4a17a1fcac3a.woff?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=8558dce979fdc2de2954649065ff07f5f825a2c5114a05a0905e737da552cb4e") format("woff");
}

@font-face {
  font-family: Asap;
  font-weight: 400;
  font-style: italic;
  font-display: auto;
  src: url("//echt.com.au/cdn/fonts/asap/asap_i4.bc13ea4c17e8bbc85d105173e9e849da88153cef.woff2?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=6255fb0bdc99a8abbffec4ba77c935203f7c6d37e188e261110829ff3d0b38e5") format("woff2"),
       url("//echt.com.au/cdn/fonts/asap/asap_i4.922d04686f6fd7a58987f2d7a529faa245774fa3.woff?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=07dae3a08aca8e007a2f18ab73439d0648516cbb4912c663b66ef0d3126894ef") format("woff");
}

@font-face {
  font-family: Asap;
  font-weight: 700;
  font-style: normal;
  font-display: auto;
  src: url("//echt.com.au/cdn/fonts/asap/asap_n7.7bd55001047b49c74380766dd2ce271b2bbd7546.woff2?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=4b5d9cf00e6a9aa1ef7affb28bf00ac4d367dc9eaa5123ee3dea260bb3058c2c") format("woff2"),
       url("//echt.com.au/cdn/fonts/asap/asap_n7.207615f24029b800e60882acaeb7100682edd480.woff?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d791562d4390eb6e14aed0a8fb46242b62161e57cf68c5e243e1420fd76ba446") format("woff");
}

  @font-face {
  font-family: Asap;
  font-weight: 700;
  font-style: italic;
  font-display: auto;
  src: url("//echt.com.au/cdn/fonts/asap/asap_i7.7806a4753573be6c818b023b7f9ffa910899b1d7.woff2?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=ca56b93b9d15b28152bdb537f3e9a984ae53223b87ccfa5b06e2d70ba08c6bd5") format("woff2"),
       url("//echt.com.au/cdn/fonts/asap/asap_i7.02caacb45ef50301684fe63e89767b6abaea8391.woff?h1=ZWNodC5jb20uYXU&h2=dXMuZWNodC5jb20uYXU&h3=Y2EuZWNodC5jb20uYXU&h4=dWsuZWNodC5jb20uYXU&h5=bnouZWNodC5jb20uYXU&h6=ZWNodC1zcG9ydHN3ZWFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d6c1a0c806bd5a5e0831e76c8cdc6724c9755d869b59627524623ea9dc427f23") format("woff");
}


  
html::before {
  display: none;
  content: "XS,S,M,L,XL";
}
html::after {
  display: none;
  content: "XS";
}
@media screen and (min-width: 480px) {
  html::after {
    content: "S";
  }
}
@media screen and (min-width: 720px) {
  html::after {
    content: "M";
  }
}
@media screen and (min-width: 1024px) {
  html::after {
    content: "L";
  }
}
@media screen and (min-width: 1280px) {
  html::after {
    content: "XL";
  }
}

.section-header-password {
  position: relative;
  z-index: var(--index-header);
}
.section-header-password[data-mobile-nav-open=true] {
  z-index: var(--index-max);
}

.header-password {
  position: relative;
  margin: 0 auto;
  font-size: var(--font-body-size-75);
  background-color: var(--color-site-background);
}

.header-password__header {
  padding-right: var(--space-gutter-mobile);
  padding-left: var(--space-gutter-mobile);
  background-color: var(--color-site-background);
  transition: box-shadow 0.2s ease;
}
@media screen and (min-width: 720px) {
  .header-password__header {
    padding-right: var(--space-gutter-desktop);
    padding-left: var(--space-gutter-desktop);
  }
}
[data-show-separator=true] .header-password__header {
  border-bottom: 1px solid var(--color-lines-and-borders);
  --header-bottom-border-offset: -1px;
}

.header-password--shadow {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
}

.header-password__logo--has-image .header-password__site-name {
  display: none;
}

@media screen and (max-width: 719px) {
  .header-password__logo--has-mobile-image .header-password__site-name {
    display: none;
  }
}

.header-password__logo-image {
  width: 100%;
}
@media screen and (max-width: 719px) {
  .header-password__logo--has-mobile-image .header-password__logo-image {
    display: none;
  }
}

.header-password__mobile-image {
  width: 100%;
}
@media screen and (min-width: 720px) {
  .header-password__mobile-image {
    display: none;
  }
}

.header-password__title {
  padding: var(--space-6) 0;
  margin: 0;
  text-align: center;
  font-size: var(--font-heading-size-1);
}
.header-password__title .header-password--nav-position-center-left,
.header-password__title .header-password--nav-position-center-below {
  text-align: center;
}
@media screen and (min-width: 720px) {
  .header-password__title {
    max-width: var(--logo-width);
    text-align: left;
  }
}

.header-password__heading,
.header-password__controls--last,
.header-password__controls--first {
  display: flex;
  align-items: center;
}

.header-password__controls--last [data-component=button] {
  margin-top: var(--space-8);
  margin-bottom: var(--space-8);
}

.header-password__menu-button,
.header-password__menu-close-button,
.header-password__search-button,
.header-password__account-button,
.header-password__cart-button {
  position: relative;
  display: flex;
  gap: 0 var(--space-3);
  align-items: center;
  padding: var(--space-5);
  font-size: var(--font-body-size-50);
  color: var(--color-body);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  border: none;
}
.header-password__menu-button:visited,
.header-password__menu-close-button:visited,
.header-password__search-button:visited,
.header-password__account-button:visited,
.header-password__cart-button:visited {
  color: var(--color-body);
}
.header-password__menu-button:hover, .header-password__menu-button:focus,
.header-password__menu-close-button:hover,
.header-password__menu-close-button:focus,
.header-password__search-button:hover,
.header-password__search-button:focus,
.header-password__account-button:hover,
.header-password__account-button:focus,
.header-password__cart-button:hover,
.header-password__cart-button:focus {
  text-decoration: underline;
}
.header-password__menu-button svg,
.header-password__menu-close-button svg,
.header-password__search-button svg,
.header-password__account-button svg,
.header-password__cart-button svg {
  width: 1.25rem;
  height: 1.25rem;
  pointer-events: none;
}
@media screen and (min-width: 720px) {
  .header-password__menu-button,
.header-password__menu-close-button,
.header-password__search-button,
.header-password__account-button,
.header-password__cart-button {
    padding: var(--space-6);
  }
}

@media screen and (min-width: 720px) {
  .header-password__menu-button,
.header-password__menu-close-button {
    display: none;
  }
}

.header-password__account-button {
  display: none;
}
@media screen and (min-width: 720px) {
  .header-password__account-button {
    display: flex;
  }
}

.header-password__cart-count {
  white-space: nowrap;
}

.header-password__cart-button--is-zero {
  padding-right: var(--space-8);
}
@media screen and (min-width: 720px) {
  .header-password__cart-button--is-zero {
    padding-right: var(--space-6);
  }
}
.header-password__cart-button--is-zero .header-password__cart-count {
  display: none;
}
@media screen and (min-width: 720px) {
  .header-password__cart-button--is-zero .header-password__cart-count {
    display: block;
  }
}

.header-password__search-text,
.header-password__account-text {
  display: none;
}
@media screen and (min-width: 720px) {
  .header-password__search-text,
.header-password__account-text {
    display: block;
  }
}

.header-password .header-password__wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding: var(--space-2) 0;
  background-color: var(--color-site-background);
}
@media screen and (max-width: 719px) {
  .header-password .header-password__wrapper .header-password__controls--first {
    flex: 0 0 6.5rem;
    justify-content: flex-start;
    order: 1;
    padding: 0;
  }
  .header-password .header-password__wrapper .header-password__heading {
    order: 2;
    width: 100%;
    margin: 0 var(--space-6);
  }
}
@media screen and (max-width: 719px) and (min-width: 720px) {
  .header-password .header-password__wrapper .header-password__heading {
    max-width: var(--logo-width);
  }
}
@media screen and (max-width: 719px) {
  .header-password .header-password__wrapper .header-password__title {
    max-width: var(--logo-width-mobile);
    margin: 0 auto;
  }
}
@media screen and (max-width: 719px) {
  .header-password .header-password__wrapper .header-password__controls--last {
    flex: 0 0 6.5rem;
    justify-content: flex-end;
    order: 3;
    padding: 0;
  }
}
@media screen and (min-width: 720px) {
  .header-password .header-password__wrapper {
    padding: var(--space-4) 0;
  }
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
  .header-password .header-password__wrapper .header-password__controls--first {
    justify-content: flex-start;
    order: 2;
    padding: 0;
  }
  .header-password .header-password__wrapper .header-password__heading {
    order: 1;
    padding: 0 var(--space-8) 0 0;
    margin: 0;
  }
  .header-password--nav-position-center-below .header-password .header-password__wrapper .header-password__heading, .header-password--nav-position-center-left .header-password .header-password__wrapper .header-password__heading {
    justify-content: center;
  }
  .header-password .header-password__wrapper .header-password__heading .header-password__title {
    text-align: center;
  }
  .header-password .header-password__wrapper .header-password__controls--last {
    flex: 1;
    order: 3;
    padding-left: var(--space-8);
  }
}

.header-password--nav-position-left-left .header-password__controls--first {
  flex: 1;
  order: 2;
  padding: 0 var(--space-12);
}
.header-password--nav-position-left-left .header-password__heading {
  order: 1;
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
  .header-password--nav-position-left-left .header-password__heading .header-password__title .header-password__logo {
    display: block;
    text-align: left;
  }
}
.header-password--nav-position-left-left .header-password__controls--last {
  justify-content: flex-end;
  order: 3;
}

@media screen and (min-width: 720px) {
  .header-password--nav-position-left-center .header-password__controls.header-password__controls--first {
    flex: 2;
    justify-content: center;
    order: 2;
    padding: 0 var(--space-12);
  }
}
.header-password--nav-position-left-center .header-password__heading {
  flex: 1;
  order: 1;
}
@media screen and (min-width: 720px) {
  .header-password--nav-position-left-center .header-password__heading .header-password__title .header-password__logo {
    display: block;
    text-align: left;
  }
}
.header-password--nav-position-left-center .header-password__controls--last {
  flex: 1;
  justify-content: flex-end;
  order: 3;
}

.header-password--nav-position-center-left .header-password__controls--first {
  flex: 1;
  order: 1;
}
.header-password--nav-position-center-left .header-password__heading {
  order: 2;
}
@media screen and (min-width: 1024px) {
  .header-password--nav-position-center-left .header-password__heading {
    margin: 0 var(--space-12);
  }
}
.header-password--nav-position-center-left .header-password__heading .header-password__title .header-password__logo {
  display: block;
  text-align: center;
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
  .header-password--nav-position-center-left .header-password__heading .header-password__title .header-password__logo {
    text-align: left;
  }
}
.header-password--nav-position-center-left .header-password__controls--last {
  flex: 1;
  justify-content: flex-end;
  order: 3;
}

@media screen and (min-width: 1024px) {
  .header-password--nav-position-center-below .header-password__wrapper {
    flex-wrap: wrap;
  }
}
.header-password--nav-position-center-below .header-password__controls--first {
  flex: 1;
  order: 1;
}
.header-password--nav-position-center-below .header-password__controls--first .header-password__search-button {
  display: none;
}
@media screen and (min-width: 1024px) {
  .header-password--nav-position-center-below .header-password__controls--first .header-password__search-button {
    display: flex;
  }
}
.header-password--nav-position-center-below .header-password__heading {
  order: 2;
}
@media screen and (min-width: 720px) {
  .header-password--nav-position-center-below .header-password__heading {
    margin: 0 var(--space-12);
  }
}
@media screen and (min-width: 720px) {
  .header-password--nav-position-center-below .header-password__heading .header-password__title .header-password__logo {
    display: block;
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  .header-password--nav-position-center-below .header-password__heading .header-password__title .header-password__logo {
    display: block;
    text-align: center;
  }
}
.header-password--nav-position-center-below .header-password__controls--last {
  flex: 1;
  justify-content: flex-end;
  order: 3;
}
@media screen and (min-width: 1024px) {
  .header-password--nav-position-center-below .header-password__controls--last .header-password__search-button {
    display: none;
  }
}
.header-password--nav-position-center-below .header-password__navigation {
  display: none;
  justify-content: flex-start;
}
@media screen and (min-width: 1024px) {
  .header-password--nav-position-center-below .header-password__navigation {
    display: flex;
    justify-content: center;
    order: 4;
    width: 100%;
    padding-top: var(--space-4);
  }
}

.site-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--index-overlay);
  display: none;
  overflow: hidden;
  background-color: var(--color-dialog-overlay);
  opacity: 0;
}
.site-overlay[data-animation] {
  display: block;
}
.site-overlay[data-animation="open=>closed"] {
  transition: opacity 1s var(--animation-function-general);
}
.site-overlay[data-animation="closed=>open"] {
  transition: opacity 500ms var(--animation-function-general);
}
.site-overlay[data-animation-state=open] {
  display: block;
  opacity: 1;
}

.flyout {
  position: fixed;
  top: 0;
  right: 0;
  z-index: var(--index-modal);
  display: flex;
  flex-direction: column;
  width: 31rem;
  max-width: calc(100vw - 1.25rem);
  height: 100%;
  overflow: hidden;
  background-color: var(--color-site-background);
  outline: none;
  transition: transform 350ms var(--animation-function-general);
  transform: translateX(100%);
}
.flyout[data-animation-state=open] {
  transform: translateX(0);
}
.flyout[data-direction=left] {
  right: auto;
  left: 0;
  transform: translateX(-100%);
}
.flyout[data-direction=left][data-animation-state=open] {
  transform: translateX(0);
}

.flyout__header-wrapper {
  position: relative;
}

.flyout__header {
  display: flex;
  justify-content: space-between;
  padding: var(--space-12) var(--space-8);
  border-bottom: 1px solid var(--color-lines-and-borders);
}
@media screen and (min-width: 720px) {
  .flyout__header {
    padding: var(--space-12);
  }
}

.flyout__heading {
  flex: 1;
  margin: 0;
  text-align: center;
}

.flyout__close-btn {
  color: var(--color-body);
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.flyout__close-btn * {
  pointer-events: none;
}

.flyout__notification {
  box-sizing: content-box;
  flex-shrink: 0;
  width: calc(100% - 100px);
  height: var(--notification-height, 0);
  padding: 20px 50px;
  overflow: hidden;
  color: var(--color-button-main-contrast);
  text-align: center;
  background-color: var(--color-button-main);
  transition: height 0.3s ease-in-out;
}

.flyout__content {
  flex-grow: 1;
  overflow: auto;
}

.footer-password {
  background-color: var(--color-site-background-secondary);
}

.footer-password__wrapper {
  padding-top: var(--space-19);
  padding-bottom: var(--space-17);
}

.footer-password-top {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--space-14);
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
  .footer-password-top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: var(--space-12);
  }
}
@media screen and (min-width: 1024px) {
  .footer-password-top {
    display: flex;
    margin-left: calc(-1 * var(--space-12));
  }
}

.footer-password-block {
  flex: 0 0 100%;
}
@media screen and (min-width: 720px) {
  .footer-password-block.footer-password-block--size-one-column {
    grid-column: span 1;
  }
  .footer-password-block.footer-password-block--size-two-column {
    grid-column: span 2;
  }
  .footer-password-block.footer-password-block--size-three-column {
    grid-column: span 3;
  }
}
@media screen and (min-width: 1024px) {
  .footer-password-block {
    flex-basis: var(--column-width);
    padding-left: var(--space-12);
  }
}

.footer-password-bottom {
  margin-top: var(--space-18);
}

.footer-password-bottom__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .footer-password-bottom__wrapper {
    flex-direction: row;
    align-items: flex-end;
  }
}

.footer-password-bottom__left {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
.footer-password-bottom__left .cross-border {
  margin-left: calc(var(--space-2) * -1);
}

.footer-password-bottom__credits {
  margin: 0;
  font-size: var(--font-body-size-25);
}
.footer-password-bottom__credits a {
  color: var(--color-body);
  text-decoration: none;
}

.cart-drawer {
  position: relative;
  display: none;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
[data-component=flyout] .cart-drawer {
  display: grid;
}

.cart-drawer__header {
  display: flex;
  justify-content: space-between;
  padding: var(--space-12) var(--space-8);
  border-bottom: 1px solid var(--color-lines-and-borders);
}
@media screen and (min-width: 720px) {
  .cart-drawer__header {
    padding: var(--space-12);
  }
}

.cart-drawer__heading {
  flex: 1;
  margin: 0;
  text-align: center;
}

.cart-drawer__close {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  color: var(--color-body);
}
.cart-drawer__close * {
  pointer-events: none;
}

.cart-drawer__notification {
  flex-shrink: 0;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}

.cart-drawer__notification-message {
  display: grid;
  grid-template-columns: 22.2px 1fr;
  column-gap: 24.6px;
}
.cart-drawer__notification-message:empty {
  display: none;
}

.cart-drawer__notification-message-icon {
  width: 22.2px;
  height: auto;
}

.cart-drawer__notification-message-link {
  grid-column: 2/3;
  margin-top: var(--space-2);
  color: var(--color-button-main-contrast);
}
.cart-drawer__notification-message-link:visited {
  color: var(--color-button-main-contrast);
}

.cart-drawer-form {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  grid-auto-columns: 1fr;
  gap: 0;
  height: 100%;
  overflow-y: auto;
}
.cart-drawer-form .shipping-progress-bar {
  height: 100px;
}
.cart-drawer-form [data-component=product-cross-sell] {
  height: 630px;
  margin: var(--space-8);
}
@media screen and (min-width: 720px) {
  .cart-drawer-form [data-component=product-cross-sell] {
    margin: var(--space-10);
  }
}

.cart-drawer-form__contents {
  overflow-y: auto;
  scroll-behavior: smooth;
}

.cart-drawer-form__form {
  padding-top: var(--space-10);
}

.cart-drawer-form__contents-notes {
  padding: 0 var(--space-8);
}
@media screen and (min-width: 720px) {
  .cart-drawer-form__contents-notes {
    padding: 0 var(--space-10);
  }
}
.cart-drawer-form__contents-notes textarea {
  margin-bottom: var(--space-15);
  height: var(--space-21);
  cursor: text;
}

.cart-drawer-form__table {
  display: block;
  width: 100%;
  padding: 0 var(--space-8);
}
@media screen and (min-width: 720px) {
  .cart-drawer-form__table {
    padding: 0 var(--space-10);
  }
}
.cart-drawer-form__table tbody {
  display: block;
  width: 100%;
}

.cart-drawer-form-item {
  display: grid;
  grid-template: repeat(3, auto)/repeat(5, 1fr);
  gap: var(--space-m);
  border-bottom: 0;
  margin-bottom: var(--space-10);
  height: var(--open-height);
}
.cart-drawer-form-item td {
  border: unset;
}
@media screen and (min-width: 720px) {
  .cart-drawer-form-item {
    margin-bottom: var(--space-16);
  }
}
.cart-drawer-form-item[data-animation-state=active] {
  opacity: 100%;
}
.cart-drawer-form-item[data-animation-state=fade] {
  opacity: 0%;
}
.cart-drawer-form-item[data-animation-state=remove] {
  opacity: 0%;
  height: 0;
  padding: 0;
}
.cart-drawer-form-item[data-animation="active=>fade"] {
  transition: ease-in-out opacity 0.6s;
}
.cart-drawer-form-item[data-animation="fade=>remove"] {
  transition: ease-in-out height 0.3s;
}
@media screen and (min-width: 720px) {
  .cart-drawer-form-item {
    grid-template-columns: 8rem 1fr 1fr;
  }
}

.cart-drawer-item__image {
  position: relative;
  grid-row: 1/3;
  width: 100%;
  max-width: 6rem;
  min-width: 4rem;
  padding: 0;
}
@media screen and (min-width: 720px) {
  .cart-drawer-item__image {
    max-width: 8rem;
  }
}

.cart-drawer-item__details {
  grid-column: 2/5;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1;
  flex-wrap: nowrap;
  padding-left: var(--space-8);
  padding-right: var(--space-3);
  word-break: break-word;
  white-space: normal;
}
@media screen and (min-width: 720px) {
  .cart-drawer-item__details {
    padding-left: var(--space-9);
  }
}

.cart-drawer-item__details-info {
  width: 100%;
  white-space: normal;
}

.cart-drawer-item__option dt,
.cart-drawer-item__option dd,
.cart-drawer-item__plan dt,
.cart-drawer-item__plan dd {
  display: inline-block;
  margin: 0;
  opacity: 50%;
}

.cart-drawer-item__plan {
  margin-top: var(--space-4);
}

.cart-drawer-item__discounts {
  padding: 0;
  list-style: none;
}

.cart-drawer-item__discount {
  color: var(--color-sale);
  padding: var(--space-s);
  font-size: var(--font-accent-size-small);
  line-height: var(--font-accent-line-height);
  letter-spacing: var(--font-accent-letter-spacing);
  white-space: normal;
  text-transform: uppercase;
  position: relative;
}
.cart-drawer-item__discount::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: var(--color-sale);
  /*
Icon tag (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.32%2013.337%202.597%208.622a1.992%201.992%200%200%201-.584-1.402l-.015-3.233a1.974%201.974%200%200%201%20.585-1.417%202.006%202.006%200%200%201%201.427-.585l3.369.024a2%202%200%200%201%201.398.584l4.654%204.646a1.995%201.995%200%200%201%200%202.82l-3.285%203.278a1.99%201.99%200%200%201-1.413.585%202.004%202.004%200%200%201-1.413-.585ZM5.652%205.682a.763.763%200%200%200%200-1.08.767.767%200%200%200-1.305.54.763.763%200%200%200%201.305.54Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.32%2013.337%202.597%208.622a1.992%201.992%200%200%201-.584-1.402l-.015-3.233a1.974%201.974%200%200%201%20.585-1.417%202.006%202.006%200%200%201%201.427-.585l3.369.024a2%202%200%200%201%201.398.584l4.654%204.646a1.995%201.995%200%200%201%200%202.82l-3.285%203.278a1.99%201.99%200%200%201-1.413.585%202.004%202.004%200%200%201-1.413-.585ZM5.652%205.682a.763.763%200%200%200%200-1.08.767.767%200%200%200-1.305.54.763.763%200%200%200%201.305.54Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon tag (1.0.1) end
     */
}

.cart-drawer-item__discount-title {
  display: inline-block;
  position: relative;
  padding-left: var(--space-8);
}
@media screen and (min-width: 720px) {
  .cart-drawer-item__discount-title {
    padding-left: var(--space-10);
  }
}

.cart-drawer-item__price {
  grid-column: 5;
  grid-row: 1;
  text-align: right;
}
.cart-drawer-item__price dl,
.cart-drawer-item__price dt {
  margin: 0;
}
.cart-drawer-item__price dd {
  margin: 0;
  display: block;
  text-align: right;
}
.cart-drawer-item__price .cart-drawer-item__price-original {
  opacity: 60%;
}

.cart-drawer-item__sale-price {
  color: var(--color-sale);
}

.cart-drawer-item__unit-price {
  color: var(--color-price-regular);
  opacity: 50%;
}

.cart-drawer-item__heading {
  margin-top: 0;
  color: var(--color-body);
  font-size: var(--font-body-size-100);
  margin-bottom: var(--space-3);
  white-space: normal;
  font-family: var(--font-body-family);
}

.cart-drawer-item__options,
.cart-drawer-item__vendor,
.cart-drawer-item__discounts,
.cart-drawer-item__error {
  margin: 0 0 var(--space-4);
  font-size: var(--font-body-size-50);
}
.cart-drawer-item__options:last-child,
.cart-drawer-item__vendor:last-child,
.cart-drawer-item__discounts:last-child,
.cart-drawer-item__error:last-child {
  margin: 0;
}

.cart-drawer-form__errors,
.cart-drawer-item__error {
  color: var(--color-error);
}

.cart-drawer-item__vendor {
  color: var(--color-vendor);
}

.cart-drawer-item__options .option-seperator {
  opacity: 50%;
}

.cart-drawer-item__option {
  display: inline-block;
  padding-right: var(--space-1);
  opacity: 50%;
}

.cart-drawer-item__quantity {
  grid-column: 2/6;
  display: flex;
  width: 100%;
  padding-left: var(--space-8);
}
@media screen and (min-width: 720px) {
  .cart-drawer-item__quantity {
    padding-left: var(--space-9);
  }
}

.cart-drawer-item__quantity-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.cart-drawer-item__remove,
.cart-drawer-item__remove:visited {
  color: var(--color-fab-quiet);
  opacity: 50%;
  font-size: var(--font-body-size-50);
}
.cart-drawer-item__remove:hover, .cart-drawer-item__remove:focus,
.cart-drawer-item__remove:visited:hover,
.cart-drawer-item__remove:visited:focus {
  color: var(--color-fab-quiet);
  opacity: 100%;
}

.cart-drawer-form__footer {
  padding: var(--space-8);
  flex: 1;
  border-top: 1px solid var(--color-lines-and-borders);
}
@media screen and (min-width: 720px) {
  .cart-drawer-form__footer {
    padding: var(--space-10);
  }
}
.cart-drawer-form__footer #checkout span {
  padding: 0 var(--space-4);
}
.cart-drawer-form__footer [data-component=button] {
  width: 100%;
  word-break: keep-all;
}
@media screen and (max-width: 479px) {
  .cart-drawer-form__footer [data-component=button] {
    gap: var(--space-4);
  }
}

.cart-drawer-form__taxes-policies {
  display: block;
  margin-top: var(--space-9);
  text-align: center;
  opacity: 50%;
}

.cart-drawer-form__discounts {
  margin: 0 0 var(--space-9);
  padding-left: 0;
  list-style: none;
  text-align: right;
}

.cart-drawer-form__discount {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.cart-drawer-form__discount .cart-drawer-form__discount-amount {
  min-width: 3.5rem;
  margin-left: var(--space-8);
  text-align: right;
  color: var(--color-sale);
  flex-shrink: 0;
  align-self: flex-end;
}

.cart-drawer-form__discount-text {
  position: relative;
}

.cart-drawer-form__discount-title {
  display: inline-block;
}
@media screen and (min-width: 720px) {
  .cart-drawer-form__discount-title {
    padding-left: var(--space-10);
  }
}
.cart-drawer-form__discount-title svg {
  vertical-align: middle;
}

.cart-drawer-form__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.cart-drawer-modal {
  z-index: 99999;
}
.cart-drawer-form__empty-text {
  padding: 0 var(--space-8);
  margin-top: 0;
  margin-bottom: var(--space-17);
}
.cart-drawer #afterpay-installment-info {
  text-align: center;
  margin-bottom: var(--space-8);
}
.cart-drawer #afterpay-installment-info p {
  color: #fff;
  padding: 2px 10px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.cart-drawer #afterpay-installment-info p span,
.cart-drawer #afterpay-installment-info p span strong {
  color: #fff;
}
.cart-drawer #afterpay-installment-info p svg{
  margin-left: 5px;
}
.lazy-img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.lazy-img--crop-focus-false {
  position: relative;
}

[data-rimg] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[data-rimg=lazy],
[data-rimg=loading],
[data-rimg=loaded] {
  display: block;
  background-color: rgba(54, 54, 54, 0.1);
  transition: opacity 500ms ease-out;
}

[data-rimg=lazy],
[data-rimg=loading] {
  opacity: 0;
}

[data-rimg=loaded] {
  background-color: transparent;
  opacity: 1;
}

[data-rimg-canvas] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(54, 54, 54, 0.1);
  transition: visibility 0s linear 0.1s, opacity 0.1s linear;
}
[data-rimg=loaded] + [data-rimg-canvas], [data-rimg=""] + [data-rimg-canvas] {
  visibility: hidden;
  opacity: 0;
}
.no-js [data-rimg-canvas] {
  display: none;
}

.lazy-img--fill-mode-fit {
  position: absolute;
}
.lazy-img--fill-mode-fit [data-rimg] {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.no-js [data-rimg-noscript] + [data-rimg=lazy] {
  display: none;
}
.no-js [data-rimg=lazy] {
  opacity: 1;
}

.quantity-selector {
  display: flex;
  flex-wrap: nowrap;
  border: 1px solid rgba(var(--color-form-foreground-rgb), 0.3);
  border-radius: var(--border-radius-form-input);
}
.quantity-selector:hover {
  border: 1px solid var(--color-form-foreground);
}
.quantity-selector:focus-within {
  border: 1px solid var(--color-form-active);
  box-shadow: 0 0 0 1px var(--color-form-active);
}
@media screen and (min-width: 720px) {
  .quantity-selector {
    margin-bottom: var(--space-4);
  }
}
.no-js .quantity-selector {
  width: 6ch;
}

.quantity-selector__button {
  position: relative;
  display: flex;
  align-items: center;
  width: 2.5rem;
  min-width: 44px;
  min-height: 44px;
  font-size: 0.75rem;
  color: var(--color-body);
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.quantity-selector__button:hover, .quantity-selector__button:focus {
  background-color: rgba(var(--color-form-foreground-rgb), 0.04);
}
.quantity-selector__button * {
  pointer-events: none;
}
.quantity-selector__button[disabled] {
  cursor: wait;
}
.no-js .quantity-selector__button {
  display: none;
}

.quantity-selector__button--plus::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  pointer-events: none;
  content: "";
  background-color: var(--color-body);
  /*
Icon plus (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%200v6m0%206V6m0%200h6M6%206H0%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.25%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%200v6m0%206V6m0%200h6M6%206H0%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.25%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon plus (1.0.1) end
     */
  transform: translateY(-50%) translateX(-50%);
}

.quantity-selector__button--minus::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  pointer-events: none;
  content: "";
  background-color: var(--color-body);
  /*
Icon minus (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%206.5H0%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.25%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%206.5H0%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.25%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon minus (1.0.1) end
     */
  transform: translateY(-50%) translateX(-50%);
}

.quantity-selector__input[type=number] {
  box-sizing: content-box;
  width: 3ch;
  padding: var(--space-form-input-medium-vertical) var(--space-3);
  margin: 0;
  text-align: center;
  border: 0;
  -webkit-appearance: textfield;
          appearance: textfield;
}
.quantity-selector__input[type=number]:focus, .quantity-selector__input[type=number]:active, .quantity-selector__input[type=number]:hover {
  border: 0;
  box-shadow: none;
}
.quantity-selector__input[type=number]::-webkit-outer-spin-button, .quantity-selector__input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.no-js .quantity-selector__input[type=number] {
  width: 100%;
}

.cross-sell {
  display: block;
}

[data-cross-sell-content] {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cross-sell__heading {
  margin-bottom: var(--space-10);
  font-size: var(--font-heading-size-5);
}

.cross-sell__wrapper {
  position: relative;
  height: 100%;
}

.cross-sell__card-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.cross-sell__card-wrapper[data-animation] {
  display: block;
}
.cross-sell__card-wrapper[data-animation="hidden=>visible"] {
  transition: opacity 200ms;
}
.cross-sell__card-wrapper[data-animation="visible=>hidden"] {
  transition: opacity 150ms;
}
.cross-sell__card-wrapper[data-animation-state=visible] {
  display: block;
  opacity: 1;
}

.cross-sell__navigation {
  margin: var(--space-8);
  text-align: center;
}
.cross-sell__navigation .button-text {
  width: 1rem;
  margin: 0 var(--space-8);
}
.cross-sell__navigation .button-text:disabled {
  cursor: pointer;
  opacity: 0.3;
}
.cross-sell__navigation [data-cross-sell-previous] svg {
  transform: rotate(90deg);
}
.cross-sell__navigation [data-cross-sell-next] svg {
  transform: rotate(270deg);
}

.cross-sell-card {
  position: relative;
  height: 100%;
}
.cross-sell-card [data-component=product-card-swatches] {
  margin-bottom: var(--space-6);
}

.cross-sell-card__img {
  position: relative;
  width: 100%;
  height: 100%;
}

.cross-sell-card__details-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - var(--space-8) - var(--space-8));
  max-height: calc(100% - var(--space-13) - var(--space-8));
  padding: var(--space-12);
  margin: 0 var(--space-8) var(--space-13);
  overflow-y: auto;
  background-color: var(--color-site-background);
  box-shadow: 4px 4px 0 #000;
}

[data-component=price] {
  margin: var(--space-3) 0;
}

.cross-sell-card__buttons {
  display: block;
  width: 100%;
  text-align: right;
}
.cross-sell-card__buttons [data-component=button],
.cross-sell-card__buttons [data-component=button-link] {
  font-size: var(--font-body-size-50);
}
.cross-sell-card__buttons.cross-sell-card__buttons--has-label, .cross-sell-card__buttons.cross-sell-card__buttons--form {
  display: flex;
  justify-content: space-between;
}
.cross-sell-card__buttons.cross-sell-card__buttons--has-label [data-component=button], .cross-sell-card__buttons.cross-sell-card__buttons--form [data-component=button] {
  align-self: center;
}
.cross-sell-card__buttons.cross-sell-card__buttons--has-label [data-component=button-link], .cross-sell-card__buttons.cross-sell-card__buttons--form [data-component=button-link] {
  align-self: flex-end;
}

.cross-sell-card__label {
  display: inline-flex;
  align-items: center;
  margin-top: var(--space-5);
  font-size: var(--font-body-size-50);
}
.cross-sell-card__label.cross-sell-card__label--outlined {
  padding: var(--space-3) var(--space-5);
  border: 1px solid rgba(var(--color-body-rgb), 0.3);
}

.cross-sell-card__label-icon {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 1.25rem;
  margin-right: var(--space-3);
}
.cross-sell-card__label-icon img {
  width: auto;
  max-height: 100%;
}

.cross-sell-card__color {
  margin-bottom: var(--space-3);
  opacity: 0.6;
}

.cross-sell-card__form [data-component=button][data-cross-sell-card-back], .cross-sell-card__form [data-component=button][data-cross-sell-card-details-link] {
  margin-top: var(--space-10);
  font-size: var(--font-body-size-50);
}

.price {
  display: block;
  font-size: var(--font-product-item-price-size);
}

.price__regular {
  color: var(--color-price-regular);
}
.price--on-sale .price__regular {
  display: none;
}

.price__sale {
  display: none;
}
.price--on-sale .price__sale {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-4);
  align-items: baseline;
}

.price__sale-compare {
  color: var(--color-price-sale);
}

.price__sale-value {
  /* color: var(--color-price-sale); */
  font-weight: bold;
}
.price--varies .price__sale-value {
  color: var(--color-price-regular);
}

.price__savings {
  font-size: var(--font-product-item-price-size-savings);
  color: var(--color-price-sale);
}

.price__per-unit {
  margin-top: var(--space-1);
}

.price__unit-price {
  font-size: var(--font-product-item-price-size-unit);
  color: var(--color-price-compare);
}

.product-card-swatches {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.product-card-swatches__wrapper {
  box-sizing: content-box;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  height: calc(var(--dimension-form-swatch) + var(--space-4));
  padding: var(--space-2) 5rem var(--space-2) var(--space-2);
  margin-left: calc(var(--space-2) * -1);
  overflow: hidden;
}
.product-card-swatches--collapsed .product-card-swatches__wrapper {
  padding-right: var(--space-2);
}
.product-card-swatches--expanded .product-card-swatches__wrapper {
  height: auto;
  padding-right: var(--space-2);
}

.product-card-swatches__swatch-button {
  position: relative;
  padding: var(--space-3);
  margin-left: calc(-1 * var(--space-3));
  background: none;
  border: none;
  border-radius: 0;
  scroll-snap-align: start;
}
.product-card-swatches__swatch-button [data-component=swatch] {
  width: var(--dimension-form-swatch);
  height: var(--dimension-form-swatch);
}

.product-card-swatches__show-more {
  font-size: var(--font-body-size-25);
  color: var(--color-body);
  word-break: keep-all;
  white-space: nowrap;
  cursor: pointer;
  background: var(--color-site-background);
  border: 0;
  opacity: 0.6;
}
.product-card-swatches--expanded .product-card-swatches__show-more {
  display: none;
}

.swatch {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.swatch__label {
  position: absolute;
  bottom: 100%;
  left: 50%;
  display: none;
  padding: var(--space-2) var(--space-4);
  margin-bottom: var(--space-2);
  color: var(--color-body);
  text-transform: capitalize;
  word-break: keep-all;
  white-space: nowrap;
  background-color: var(--color-site-background);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
  transform: translateX(-50%);
}
.swatch:hover .swatch__label, .swatch:active .swatch__label {
  display: block;
}

.swatch__fill {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--swatch-color);
  border: 1px solid rgba(var(--color-body-rgb), 0.2);
  border-radius: var(--border-radius-form-swatch);
}
[data-selected=selected] .swatch__fill {
  box-shadow: 0 0 0 2px var(--color-site-background), 0 0 0 3px var(--color-body);
}

.swatch__fill--circle {
  border-radius: 100%;
}

.button {
  display: inline-flex;
  gap: var(--space-8);
  align-items: center;
  justify-content: center;
  font-family: var(--font-button-family);
  font-weight: var(--font-button-weight);
  line-height: var(--font-button-line-height);
  text-decoration: none;
  text-transform: var(--font-button-transform);
  letter-spacing: var(--font-button-letter-spacing);
  cursor: pointer;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, box-shadow 0.3s ease-out, color 0.2s ease-out;
}
.button:disabled, .button.disabled {
  color: var(--color-button-disabled-contrast);
  cursor: not-allowed;
  background-color: var(--color-button-disabled);
  border: none;
}

.button--shadow {
  box-shadow: 0 0 1px transparent;
}
.button--shadow:hover {
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5);
}

.button--primary {
  color: var(--color-button-main-contrast);
  background-color: var(--color-button-main);
  border: 1px solid var(--color-button-main);
}
.button--primary:hover:not(:disabled, .disabled), .button--primary:active {
  background-color: var(--color-button-main-invoked);
  border: 1px solid var(--color-button-main-invoked);
}

.button--secondary {
  color: var(--color-button-main);
  background-color: transparent;
  border: 1px solid var(--color-button-main);
}
.button--secondary:hover:not(:disabled, .disabled), .button--secondary:active {
  color: var(--color-button-main-contrast);
  background-color: var(--color-button-main-invoked);
  border-color: var(--color-button-main-invoked);
}

.button--tertiary {
  color: var(--color-body);
  background-color: var(--color-site-background);
  border: 1px solid rgba(var(--color-body-rgb), 25%);
}
.button--tertiary:hover:not(:disabled, .disabled), .button--tertiary:active {
  border: 1px solid var(--color-body);
}
.button--tertiary:visited {
  color: var(--color-body);
}

.button--text {
  position: relative;
  color: var(--color-button-main);
  background: transparent;
  border: none;
}
.button--text::after {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background: var(--color-button-main);
  transition: color 0.2s ease;
}
.button--text:hover:not(:disabled, .disabled), .button--text:active {
  color: var(--color-button-main-invoked);
  border: none;
}
.button--text:hover:not(:disabled, .disabled)::after, .button--text:active::after {
  background: var(--color-button-main-invoked);
}
.button--text:visited {
  color: var(--color-button-main);
}
.button--text.button--small, .button--text.button--medium, .button--text.button--large {
  padding: 0 0 var(--space-2);
}

.button--icon {
  position: relative;
  color: var(--color-button-main);
  background: transparent;
  border: none;
}
.button--icon::after {
  position: relative;
  left: 0;
  display: block;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  /*
Icon arrow-left (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17%209H5.414l3.293-3.293a.999.999%200%201%200-1.414-1.414l-5%205a.999.999%200%200%200%200%201.414l5%205a.997.997%200%200%200%201.414%200%20.999.999%200%200%200%200-1.414L5.414%2011H17a1%201%200%201%200%200-2Z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17%209H5.414l3.293-3.293a.999.999%200%201%200-1.414-1.414l-5%205a.999.999%200%200%200%200%201.414l5%205a.997.997%200%200%200%201.414%200%20.999.999%200%200%200%200-1.414L5.414%2011H17a1%201%200%201%200%200-2Z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon arrow-left (1.0.1) end
     */
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: var(--color-button-main);
  transition: color 0.2s ease, left 0.2s ease;
  transform: rotate(180deg) translateY(-1px);
}
.button--icon:hover:not(:disabled, .disabled), .button--icon:active {
  color: var(--color-button-main-invoked);
  border: none;
}
.button--icon:hover:not(:disabled, .disabled)::after, .button--icon:active::after {
  left: 8px;
  background: var(--color-button-main-invoked);
}
.button--icon:visited {
  color: var(--color-button-main);
}
.button--icon.button--small, .button--icon.button--medium, .button--icon.button--large {
  padding: 0;
}

.button--small {
  padding: var(--space-button-small-vertical) var(--space-button-small-horizontal);
  font-size: var(--font-button-size-small);
}

.button--medium {
  padding: var(--space-button-medium-vertical) var(--space-button-medium-horizontal);
  font-size: var(--font-button-size-medium);
}

.button--large {
  padding: var(--space-button-large-vertical) var(--space-button-large-horizontal);
  font-size: var(--font-button-size-large);
}

.variant-selector__label {
  display: none;
}

.no-js .variant-selector__label {
  display: block;
}
.no-js .variant-selector__label [data-component=options-selector] {
  display: none;
}

.no-js .options-selector {
  display: none;
}

.options-selector__option-values {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.options-selector__option-value-label {
  margin: 0;
}

.options-selector__option-value-label--swatch {
  position: relative;
  width: var(--dimension-form-swatch);
  height: var(--dimension-form-swatch);
}
.options-selector__option-value-label--swatch .options-selector__option-value-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.input-select__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  margin: var(--space-4) 0 var(--space-11);
}
.input-select__wrapper::after {
  position: absolute;
  right: var(--space-10);
  width: 12px;
  height: 12px;
  pointer-events: none;
  content: "";
  background-color: var(--color-form-foreground);
  /*
Icon chevron (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon chevron (1.0.1) end
     */
}
.input-select__wrapper:focus-within::after {
  background-color: var(--color-form-active);
}

.input-select__label {
  margin-bottom: var(--space-7);
}
.input-select::first-child .input-select__label{
  margin-bottom: var(--space-9);
}
.input-select__select {
  padding-right: var(--space-12);
  margin: 0;
}

.input-swatch {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-3);
  /* TODO: Why is core CSS overriding this when it's not nested */
}
.input-swatch .input-swatch__input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
}
.input-swatch [data-component=swatch] {
  width: var(--dimension-form-swatch);
  height: var(--dimension-form-swatch);
}

.input-swatch::before {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid var(--color-form-foreground);
  opacity: 0;
}

.input-swatch__fill--circle::before {
  border-radius: 100%;
}

.input-swatch:hover::before {
  opacity: 0.7;
}

.input-swatch[data-checked]::before {
  border: 2px solid var(--color-form-active);
  opacity: 1;
}

.input-swatch[data-unavailable]::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-form-foreground);
  opacity: 0.7;
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2044%2034%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M43.47%201.046.981%2032.94%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2044%2034%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M43.47%201.046.981%2032.94%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
}

.input-swatch__fill--circle[data-unavailable]::after {
  border-radius: 100%;
}

.input-radio {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  min-height: 40px;
  padding: var(--space-form-input-small-vertical) var(--space-form-input-small-horizontal);
  /* TODO: Why is core CSS overriding this when it's not nested */
}
.input-radio .input-radio__input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
}

.input-radio::before {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid var(--color-form-foreground);
  opacity: 0.3;
}

.input-radio__label {
  position: relative;
  margin: 0;
  color: var(--color-form-foreground);
}

.input-radio:hover::before {
  opacity: 1;
}

.input-radio[data-checked] {
  background-color: var(--color-form-active);
}

.input-radio[data-checked]::before {
  border: 1px solid var(--color-form-active);
}

.input-radio[data-checked] .input-radio__label {
  color: var(--color-site-background);
}

.input-radio[data-unavailable]::after {
  position: absolute;
  width: 44px;
  height: 34px;
  content: "";
  background-color: var(--color-form-foreground);
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2044%2034%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M43.47%201.046.981%2032.94%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2044%2034%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M43.47%201.046.981%2032.94%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  opacity: 0.7;
}

.input-radio[data-checked][data-unavailable]::after {
  background-color: var(--color-site-background);
}

.input-fieldset {
  padding: 0;
  margin: var(--space-4) 0 var(--space-11);
  border: 0;
}

.input-fieldset__legend {
  margin-bottom: var(--space-7);
}
.input-fieldset__legend span {
  opacity: 0.7;
}

.input-fieldset__values {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--space-form-chip-vertical);
  column-gap: var(--space-form-chip-horizontal);
}

.buy-buttons__form [data-component=surface-pick-up] {
  margin-top: var(--space-12);
}

.buy-buttons__buttons {
  display: grid;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  row-gap: var(--space-6);
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded {
  display: inline-flex;
  gap: var(--space-8);
  align-items: center;
  justify-content: center;
  padding: var(--space-button-medium-vertical) var(--space-button-medium-horizontal);
  font-family: var(--font-button-family);
  font-size: var(--font-button-size-medium);
  font-weight: var(--font-button-weight);
  line-height: var(--font-button-line-height);
  color: var(--color-button-main-contrast);
  text-decoration: none;
  text-transform: var(--font-button-transform);
  letter-spacing: var(--font-button-letter-spacing);
  cursor: pointer;
  background-color: var(--color-button-main);
  border: 1px solid var(--color-button-main);
  border-radius: 0;
  box-shadow: 0 0 1px transparent;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, box-shadow 0.2s ease-out, color 0.2s ease-out;
}
.shopify-payment-button__button.shopify-payment-button__button--unbranded:disabled, .shopify-payment-button__button.shopify-payment-button__button--unbranded.disabled {
  color: var(--color-button-disabled-contrast);
  cursor: not-allowed;
  background-color: var(--color-button-disabled);
  border: none;
}
.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not(:disabled, .disabled), .shopify-payment-button__button.shopify-payment-button__button--unbranded:active {
  background-color: var(--color-button-main-invoked);
  border: 1px solid var(--color-button-main-invoked);
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5);
}

.shopify-payment-button__button.shopify-payment-button__button--hidden,
.shopify-payment-button__more-options.shopify-payment-button__button--hidden {
  display: none;
}

.button-action {
  position: relative;
  display: inline-flex;
  gap: var(--space-8);
  align-items: center;
  justify-content: center;
  font-family: var(--font-button-family);
  font-weight: var(--font-button-weight);
  line-height: var(--font-button-line-height);
  text-decoration: none;
  text-transform: var(--font-button-transform);
  letter-spacing: var(--font-button-letter-spacing);
  cursor: pointer;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, box-shadow 0.3s ease-out, color 0.2s ease-out;
}
.button-action:disabled, .button-action.disabled {
  color: var(--color-button-disabled-contrast);
  cursor: not-allowed;
  background-color: var(--color-button-disabled);
  border: none;
  pointer-events: none;
}

.button-action[data-loading] {
  color: transparent;
}

.button-action[data-loading]::after {
  position: absolute;
  width: 20px;
  height: 20px;
  content: "";
  animation-name: spin;
  animation-duration: 4000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M21%2011c0-5.523-4.477-10-10-10S1%205.477%201%2011s4.477%2010%2010%2010%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M21%2011c0-5.523-4.477-10-10-10S1%205.477%201%2011s4.477%2010%2010%2010%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.button-action--shadow {
  box-shadow: 0 0 1px transparent;
}
.button-action--shadow:hover {
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5);
}

.button-action--primary {
  color: var(--color-button-main-contrast);
  background-color: var(--color-button-main);
  border: 1px solid var(--color-button-main);
}
.button-action--primary::after {
  background-color: var(--color-button-main-contrast);
}
.button-action--primary:hover:not(:disabled, .disabled, [data-loading]), .button-action--primary:active {
  background-color: var(--color-button-main-invoked);
  border: 1px solid var(--color-button-main-invoked);
}

.button-action--secondary {
  color: var(--color-button-main);
  background-color: transparent;
  border: 1px solid var(--color-button-main);
}
.button-action--secondary::after {
  background-color: var(--color-button-main);
}
.button-action--secondary:hover:not(:disabled, .disabled, [data-loading]), .button-action--secondary:active {
  color: var(--color-button-main-contrast);
  background-color: var(--color-button-main-invoked);
  border-color: var(--color-button-main-invoked);
}
.button-action--secondary:hover:not(:disabled, .disabled, [data-loading])::after, .button-action--secondary:active::after {
  background-color: var(--color-button-main-contrast);
}

.button-action--tertiary {
  color: var(--color-body);
  background-color: var(--color-site-background);
  border: 1px solid rgba(var(--color-body-rgb), 25%);
}
.button-action--tertiary::after {
  background-color: var(--color-body);
}
.button-action--tertiary:hover:not(:disabled, .disabled, [data-loading]), .button-action--tertiary:active {
  border: 1px solid var(--color-body);
}
.button-action--tertiary:visited {
  color: var(--color-body);
}

.button-action--small {
  padding: var(--space-button-small-vertical) var(--space-button-small-horizontal);
  font-size: var(--font-button-size-small);
}

.button-action--medium {
  padding: var(--space-button-medium-vertical) var(--space-button-medium-horizontal);
  font-size: var(--font-button-size-medium);
}

.button-action--large {
  padding: var(--space-button-large-vertical) var(--space-button-large-horizontal);
  font-size: var(--font-button-size-large);
}

.notification {
  padding: var(--space-8) var(--space-4);
  margin-bottom: var(--space-12);
  text-align: center;
}
.notification > :first-child {
  margin-top: 0;
}
.notification > :last-child {
  margin-bottom: 0;
}
.notification ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.notification li {
  margin: 0;
}
.notification a:hover, .notification a:focus, .notification a:visited, .notification a:active {
  color: inherit;
}

.notification--error {
  color: var(--color-error);
  background-color: var(--color-error-background);
  border: 1px solid var(--color-error);
}
.notification--error > *,
.notification--error a {
  color: var(--color-error);
}

.notification--success {
  color: var(--color-success);
  background-color: var(--color-success-background);
  border: 1px solid var(--color-success);
}
.notification--success > *,
.notification--success a {
  color: var(--color-success);
}

.surface-pick-up--hidden {
  display: none;
}

.surface-pick-up-embed {
  display: grid;
  grid-template-columns: min-content auto;
  row-gap: var(--space-3);
  column-gap: var(--space-3);
  justify-content: flex-start;
  text-align: left;
}

.surface-pick-up-embed__in-stock-icon,
.surface-pick-up-embed__out-of-stock-icon {
  grid-column: 1/2;
  height: 15px;
}
.surface-pick-up-embed__in-stock-icon svg,
.surface-pick-up-embed__out-of-stock-icon svg {
  display: block;
  width: auto;
  height: 15px;
}

.surface-pick-up-embed__in-stock-icon {
  color: var(--color-success);
}

.surface-pick-up-embed__out-of-stock-icon {
  color: var(--color-error);
}

.surface-pick-up-embed__location-info,
.surface-pick-up-embed [data-component=button] {
  grid-column: 2/3;
}

.surface-pick-up-embed [data-component=button] {
  margin-top: var(--space-4);
}

.surface-pick-up-embed__location-info {
  grid-row: 1/2;
}

.surface-pick-up-embed__location-availability {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--font-body-family);
  font-size: var(--font-body-size-small);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  color: var(--color-body);
  text-transform: none;
  letter-spacing: var(--font-body-letter-spacing);
}
.surface-pick-up-embed__location-availability b {
  font-weight: var(--font-body-weight-bolder);
}

.surface-pick-up-embed__location-pick-up-time {
  font-size: var(--font-body-size-25);
  color: var(--color-body);
}

.surface-pick-up-embed [data-component=button] {
  grid-row: 2/3;
  justify-self: start;
}

.surface-pick-up-drawer {
  position: relative;
  display: grid;
  flex-direction: column;
  grid-template-rows: auto 1fr;
  height: 100%;
  overflow: hidden;
}

.surface-pick-up-drawer__header {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: var(--space-2);
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--space-10) var(--space-8);
  border-bottom: 1px solid var(--color-lines-and-borders);
}
@media screen and (min-width: 720px) {
  .surface-pick-up-drawer__header {
    padding: var(--space-10);
  }
}

.surface-pick-up-drawer__subheading {
  font-size: var(--font-body-size-100);
  opacity: 0.7;
}

.surface-pick-up-drawer__heading,
.surface-pick-up-drawer__subheading {
  flex: 1;
  margin: 0;
}

.surface-pick-up-drawer__close {
  position: absolute;
  top: calc(var(--space-10) - var(--space-6));
  right: var(--space-6);
  min-width: 44px;
  min-height: 44px;
  padding: var(--space-6);
  color: var(--color-body);
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.surface-pick-up-drawer__close * {
  pointer-events: none;
}
.surface-pick-up-drawer__close svg {
  display: block;
}

.surface-pick-up-items {
  padding: 0 var(--space-8);
  margin: 0;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.surface-pick-up-items::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 720px) {
  .surface-pick-up-items {
    padding: 0 var(--space-10);
  }
}

.surface-pick-up-item {
  --surface-pick-up-item-theme-success-color: var(--color-success);
  --surface-pick-up-item-theme-error-color: var(--color-error);
  --surface-pick-up-item-theme-paragraph-font-size: var(---font-body-size-100);
  --surface-pick-up-item-theme-paragraph-smaller-font-size: var(--font-body-size-25);
  --surface-pick-up-item-theme-body-font-weight-bold: var(--font-body-weight-bolder);
  --surface-pick-up-item-theme-body-text-color: var(--color-body);
  --surface-pick-up-item-theme-border-color: var(--color-lines-and-borders);
  --surface-pick-up-item-theme-link-text-decoration: underline;
  --surface-pick-up-item-row-gap: var(--space-5);
  --surface-pick-up-item-column-gap: var(--space-3);
  --surface-pick-up-item-gap: var(--space-11);
  display: grid;
  grid-template-columns: repeat(2, auto) 1fr;
  row-gap: var(--surface-pick-up-item-row-gap);
  column-gap: var(--surface-pick-up-item-column-gap);
  align-items: baseline;
  justify-content: flex-start;
  padding-bottom: var(--surface-pick-up-item-gap);
  margin: var(--surface-pick-up-item-gap) 0 0;
  text-align: left;
}
.surface-pick-up-item:last-child {
  padding-bottom: 0;
}

.surface-pick-up-item__header {
  display: flex;
  grid-column: 2/span 2;
  align-items: flex-end;
}

.surface-pick-up-item__pick-up-location {
  margin-top: 0;
  margin-bottom: 0;
  font-family: inherit;
  font-size: var(--surface-pick-up-item-theme-paragraph-font-size);
  font-weight: var(--surface-pick-up-item-theme-body-font-weight-bold);
  color: var(--surface-pick-up-item-theme-body-text-color);
}

.surface-pick-up-item__pick-up-distance {
  padding-left: 2rem;
  margin: 0 0 0 auto;
}

.surface-pick-up-item__in-stock-icon,
.surface-pick-up-item__out-of-stock-icon {
  grid-row: 1/2;
  grid-column: 1/2;
  height: 15px;
}
.surface-pick-up-item__in-stock-icon svg,
.surface-pick-up-item__out-of-stock-icon svg {
  display: block;
  width: auto;
  height: 100%;
}

.surface-pick-up-item__in-stock-icon {
  color: var(--surface-pick-up-item-theme-success-color);
}

.surface-pick-up-item__out-of-stock-icon {
  color: var(--surface-pick-up-item-theme-error-color);
}

.surface-pick-up-item__availability {
  grid-row: 2/3;
  grid-column: 2/3;
  font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
  color: var(--surface-pick-up-item-theme-body-text-color);
}

.surface-pick-up-item__address-info {
  grid-row: 3/4;
  grid-column: 2/3;
  font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
  font-style: normal;
  line-height: 1.4;
  color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__address-info p {
  margin: 0;
}
.surface-pick-up-item__address-info a,
.surface-pick-up-item__address-info a:visited {
  color: inherit;
  text-decoration: none;
}
.surface-pick-up-item__address-info a:focus,
.surface-pick-up-item__address-info a:active,
.surface-pick-up-item__address-info a:hover {
  color: inherit;
}

.surface-pick-up-item__confirm-address {
  margin-top: var(--surface-pick-up-item-row-gap);
}

.surface-pick-up-item__confirm-address-icon {
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.313rem;
}

.button-link {
  display: inline-flex;
  gap: var(--space-8);
  align-items: center;
  justify-content: center;
  font-family: var(--font-button-family);
  font-weight: var(--font-button-weight);
  line-height: var(--font-button-line-height);
  text-decoration: none;
  text-transform: var(--font-button-transform);
  letter-spacing: var(--font-button-letter-spacing);
  word-break: keep-all;
  cursor: pointer;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, box-shadow 0.3s ease-out, color 0.2s ease-out;
}

.button-link--shadow {
  box-shadow: 0 0 1px transparent;
}
.button-link--shadow:hover {
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5);
}

.button-link--primary {
  color: var(--color-button-main-contrast);
  background-color: var(--color-button-main);
  border: 1px solid var(--color-button-main);
}
.button-link--primary:hover:not(:disabled, .disabled), .button-link--primary:active {
  color: var(--color-button-main-contrast);
  background-color: var(--color-button-main-invoked);
  border: 1px solid var(--color-button-main-invoked);
}
.button-link--primary:visited {
  color: var(--color-button-main-contrast);
}

.button-link--secondary {
  color: var(--color-button-main);
  background-color: transparent;
  border: 1px solid var(--color-button-main);
}
.button-link--secondary:hover:not(:disabled, .disabled), .button-link--secondary:active {
  color: var(--color-button-main-contrast);
  background-color: var(--color-button-main-invoked);
  border-color: var(--color-button-main-invoked);
}
.button-link--secondary:visited {
  color: var(--color-button-main);
}

.button-link--tertiary {
  color: var(--color-body);
  background-color: var(--color-site-background);
  border: 1px solid rgba(var(--color-body-rgb), 25%);
}
.button-link--tertiary:hover:not(:disabled, .disabled), .button-link--tertiary:active {
  border: 1px solid var(--color-body);
}
.button-link--tertiary:visited {
  color: var(--color-body);
}

.button-link--text {
  position: relative;
  padding-bottom: var(--space-2);
  color: var(--color-button-main);
  background: transparent;
  border: none;
}
.button-link--text::after {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background: var(--color-button-main);
  transition: color 0.2s ease;
}
.button-link--text:hover:not(:disabled, .disabled), .button-link--text:active {
  color: var(--color-button-main-invoked);
  border: none;
}
.button-link--text:hover:not(:disabled, .disabled)::after, .button-link--text:active::after {
  background: var(--color-button-main-invoked);
}
.button-link--text:visited {
  color: var(--color-button-main);
}
.button-link--text.button-link--small, .button-link--text.button-link--medium, .button-link--text.button-link--large {
  padding: 0;
}

.button-link--icon {
  position: relative;
  color: var(--color-button-main);
  background: transparent;
  border: none;
}
.button-link--icon::after {
  position: relative;
  left: 0;
  display: block;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  /*
Icon arrow-left (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17%209H5.414l3.293-3.293a.999.999%200%201%200-1.414-1.414l-5%205a.999.999%200%200%200%200%201.414l5%205a.997.997%200%200%200%201.414%200%20.999.999%200%200%200%200-1.414L5.414%2011H17a1%201%200%201%200%200-2Z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17%209H5.414l3.293-3.293a.999.999%200%201%200-1.414-1.414l-5%205a.999.999%200%200%200%200%201.414l5%205a.997.997%200%200%200%201.414%200%20.999.999%200%200%200%200-1.414L5.414%2011H17a1%201%200%201%200%200-2Z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon arrow-left (1.0.1) end
     */
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: var(--color-button-main);
  transition: color 0.2s ease, left 0.2s ease;
  transform: rotate(180deg) translateY(-1px);
}
.button-link--icon:hover:not(:disabled, .disabled), .button-link--icon:active {
  color: var(--color-button-main-invoked);
  border: none;
}
.button-link--icon:hover:not(:disabled, .disabled)::after, .button-link--icon:active::after {
  left: 8px;
  background: var(--color-button-main-invoked);
}
.button-link--icon:visited {
  color: var(--color-button-main);
}
.button-link--icon.button-link--small, .button-link--icon.button-link--medium, .button-link--icon.button-link--large {
  padding: 0;
}

.button-link--small {
  padding: var(--space-button-small-vertical) var(--space-button-small-horizontal);
  font-size: var(--font-button-size-small);
}

.button-link--medium {
  padding: var(--space-button-medium-vertical) var(--space-button-medium-horizontal);
  font-size: var(--font-button-size-medium);
}

.button-link--large {
  padding: var(--space-button-large-vertical) var(--space-button-large-horizontal);
  font-size: var(--font-button-size-large);
}

.button-text {
  display: inline;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: none;
  text-transform: inherit;
  letter-spacing: inherit;
  cursor: pointer;
  background: none;
  border: none;
}
.button-text:visited {
  color: inherit;
  text-decoration: none;
}
.button-text:hover, .button-text:active, .button-text:focus {
  color: inherit;
  text-decoration: underline;
}
.button-text:disabled, .button-text.disabled {
  cursor: not-allowed;
}

.section-header {
  position: relative;
  z-index: var(--index-header);
}
.section-header[data-mobile-nav-open=true] {
  z-index: var(--index-max);
}

.header {
  position: relative;
  margin: 0 auto;
  font-size: var(--font-body-size-75);
  background-color: var(--color-site-background);
}

.header__header {
  --live-search-results-width: 100vw;
  --live-search-results-width-when-pages: 100vw;
  --live-search-position: static;
  position: relative;
  padding-right: var(--space-gutter-mobile);
  padding-left: var(--space-gutter-mobile);
  background-color: var(--color-site-background);
  transition: box-shadow 0.2s ease;
}
@media screen and (min-width: 720px) {
  .header__header {
    --live-search-results-width: 100%;
    --live-search-results-width-when-pages: 60vw;
    --live-search-position: relative;
    padding-right: var(--space-gutter-desktop);
    padding-left: var(--space-gutter-desktop);
  }
}
[data-show-separator=true] .header__header {
  border-bottom: 1px solid var(--color-lines-and-borders);
  --header-bottom-border-offset: -1px;
}

.header--shadow {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
}

.header__logo--has-image .header__site-name {
  display: none;
}

@media screen and (max-width: 719px) {
  .header__logo--has-mobile-image .header__site-name {
    display: none;
  }
}

.header__logo-image {
  width: 100%;
}
@media screen and (max-width: 719px) {
  .header__logo--has-mobile-image .header__logo-image {
    display: none;
  }
}

.header__mobile-image {
  width: 100%;
}
@media screen and (min-width: 720px) {
  .header__mobile-image {
    display: none;
  }
}

.header__title {
  padding: var(--space-6) 0;
  margin: 0;
  font-size: var(--font-heading-size-6);
  text-align: center;
}
.header__title .header--nav-position-center-left,
.header__title .header--nav-position-center-below {
  text-align: center;
}
@media screen and (min-width: 720px) {
  .header__title {
    max-width: var(--logo-width);
    text-align: left;
  }
}

.header__heading,
.header__controls--last,
.header__controls--first {
  display: flex;
  align-items: center;
}

.header__controls--first {
  margin-left: calc(var(--space-5) * -1);
}
@media screen and (min-width: 720px) {
  .header__controls--first {
    margin-left: calc(var(--space-6) * -1);
  }
}

.header__controls--last {
  transform: translateX(var(--space-5));
}
@media screen and (min-width: 720px) {
  .header__controls--last {
    transform: translateX(var(--space-6));
  }
}

.header__menu-button,
.header__wishlist-button, 
.header__menu-close-button,
.header__search-button,
.header__account-button,
.header__cart-button {
  position: relative;
  display: flex;
  gap: 0 var(--space-3);
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: var(--space-5);
  font-size: var(--font-body-size-50);
  color: var(--color-body);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  border: none;
}
.header__menu-button:visited,
.header__menu-close-button:visited,
.header__search-button:visited,
.header__account-button:visited,
.header__cart-button:visited {
  color: var(--color-body);
}
.header__menu-button:hover, .header__menu-button:focus,
.header__menu-close-button:hover,
.header__menu-close-button:focus,
.header__search-button:hover,
.header__search-button:focus,
.header__account-button:hover,
.header__account-button:focus,
.header__cart-button:hover,
.header__cart-button:focus {
  color: var(--color-body);
  text-decoration: underline;
}
.header__menu-button svg,
.header__menu-close-button svg,
.header__search-button svg,
.header__account-button svg,
.header__cart-button svg {
  width: 1.25rem;
  height: 1.25rem;
  pointer-events: none;
}
@media screen and (min-width: 720px) {
  .header__menu-button,
.header__menu-close-button,
.header__search-button,
.header__account-button,
.header__wishlist-button,
.header__cart-button {
    padding: var(--space-6);
  }
}

@media screen and (min-width: 720px) {
  .header__menu-button,
.header__menu-close-button {
    display: none;
  }
}

.header__account-button {
  display: none;
}
@media screen and (min-width: 720px) {
  .header__account-button {
    display: flex;
  }
}

.header__cart-count {
  white-space: nowrap;
}

.header__cart-button--is-zero {
  padding-right: var(--space-8);
}
@media screen and (min-width: 720px) {
  .header__cart-button--is-zero {
    padding-right: var(--space-6);
  }
}
.header__cart-button--is-zero .header__cart-count {
  display: none;
}
@media screen and (min-width: 720px) {
  .header__cart-button--is-zero .header__cart-count {
    display: block;
  }
}

.header__search-text,
.header__account-text {
  display: none;
}
@media screen and (min-width: 720px) {
  .header__search-text,
.header__account-text {
    display: block;
  }
}

.header .header__wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding: var(--space-2) 0;
  background-color: var(--color-site-background);
}
@media screen and (max-width: 719px) {
  .header .header__wrapper .header__controls--first {
    flex: 0 0 6.5rem;
    justify-content: flex-start;
    order: 1;
    padding: 0;
  }
  .header .header__wrapper .header__heading {
    order: 2;
    width: 100%;
    margin: 0 var(--space-6);
  }
}
@media screen and (max-width: 719px) and (min-width: 720px) {
  .header .header__wrapper .header__heading {
    max-width: var(--logo-width);
  }
}
@media screen and (max-width: 719px) {
  .header .header__wrapper .header__title {
    max-width: var(--logo-width-mobile);
    margin: 0 auto;
  }
}
@media screen and (max-width: 719px) {
  .header .header__wrapper .header__controls--last {
    flex: 0 0 6.5rem;
    justify-content: flex-end;
    order: 3;
    padding: 0;
  }
}
@media screen and (min-width: 720px) {
  .header .header__wrapper {
    padding: var(--space-6) 0;
  }
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
  .header .header__wrapper .header__controls--first {
    justify-content: flex-start;
    order: 2;
    padding: 0;
  }
  .header .header__wrapper .header__heading {
    order: 1;
    padding: 0 var(--space-8) 0 0;
    margin: 0;
  }
  .header--nav-position-center-below .header .header__wrapper .header__heading, .header--nav-position-center-left .header .header__wrapper .header__heading {
    justify-content: center;
  }
  .header .header__wrapper .header__heading .header__title {
    text-align: center;
  }
  .header .header__wrapper .header__controls--last {
    flex: 1;
    order: 3;
    padding-left: var(--space-8);
  }
}

.header--nav-position-left-left .header__controls--first {
  flex: 1;
  order: 2;
  padding: 0 var(--space-12);
}
.header--nav-position-left-left .header__heading {
  order: 1;
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
  .header--nav-position-left-left .header__heading .header__title .header__logo {
    display: block;
    text-align: left;
  }
}
.header--nav-position-left-left .header__controls--last {
  justify-content: flex-end;
  order: 3;
}

@media screen and (min-width: 720px) {
  .header--nav-position-left-center .header__controls.header__controls--first {
    flex: 2;
    justify-content: center;
    order: 2;
    padding: 0 var(--space-12);
  }
}
.header--nav-position-left-center .header__heading {
  flex: 1;
  order: 1;
}
@media screen and (min-width: 720px) {
  .header--nav-position-left-center .header__heading .header__title .header__logo {
    display: block;
    text-align: left;
  }
}
.header--nav-position-left-center .header__controls--last {
  flex: 1;
  justify-content: flex-end;
  order: 3;
}

.header--nav-position-center-left .header__controls--first {
  flex: 1;
  order: 1;
}
.header--nav-position-center-left .header__heading {
  order: 2;
}
@media screen and (min-width: 1024px) {
  .header--nav-position-center-left .header__heading {
    margin: 0 var(--space-12);
  }
}
.header--nav-position-center-left .header__heading .header__title .header__logo {
  display: block;
  text-align: center;
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
  .header--nav-position-center-left .header__heading .header__title .header__logo {
    text-align: left;
  }
}
.header--nav-position-center-left .header__controls--last {
  flex: 1;
  justify-content: flex-end;
  order: 3;
}

@media screen and (min-width: 1024px) {
  .header--nav-position-center-below .header__wrapper {
    flex-wrap: wrap;
  }
}
.header--nav-position-center-below .header__controls--first {
  flex: 1;
  order: 1;
}
.header--nav-position-center-below .header__controls--first .header__search-button {
  display: none;
}
@media screen and (min-width: 1024px) {
  .header--nav-position-center-below .header__controls--first .header__search-button {
    display: flex;
  }
}
.header--nav-position-center-below .header__heading {
  order: 2;
}
@media screen and (min-width: 720px) {
  .header--nav-position-center-below .header__heading {
    margin: 0 var(--space-12);
  }
}
@media screen and (min-width: 720px) {
  .header--nav-position-center-below .header__heading .header__title .header__logo {
    display: block;
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  .header--nav-position-center-below .header__heading .header__title .header__logo {
    display: block;
    text-align: center;
  }
}
.header--nav-position-center-below .header__controls--last {
  flex: 1;
  justify-content: flex-end;
  order: 3;
}
@media screen and (min-width: 1024px) {
  .header--nav-position-center-below .header__controls--last .header__search-button {
    display: none;
  }
}
.header--nav-position-center-below .header__navigation {
  display: none;
  justify-content: flex-start;
}
@media screen and (min-width: 1024px) {
  .header--nav-position-center-below .header__navigation {
    display: flex;
    justify-content: center;
    order: 4;
    width: 100%;
    padding-top: var(--space-4);
  }
}

.header__live-search-takeover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: var(--color-site-background);
  opacity: 0;
  transform: translateX(25%);
}
@media screen and (min-width: 1024px) {
  .header--nav-position-center-below .header__live-search-takeover {
    transform: translateX(-25%);
  }
}
.header__live-search-takeover[data-animation] {
  display: flex;
  transition: transform 0.2s var(--animation-function-general), opacity 0.2s var(--animation-function-general);
}
.header__live-search-takeover[data-animation-state=open] {
  display: flex;
  opacity: 1;
  transform: translateX(0);
}

.header__live-search-container {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-9);
  width: 100%;
  padding: 0 var(--space-gutter-mobile);
}
@media screen and (min-width: 720px) {
  .header__live-search-container {
    max-width: 500px;
  }
}

.footer {
  background-color: var(--color-footer-background);
}

.footer__wrapper {
  padding-top: var(--space-19);
  padding-bottom: var(--space-17);
}

.footer-top {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--space-14);
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
  .footer-top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: var(--space-12);
  }
}
@media screen and (min-width: 1024px) {
  .footer-top {
    display: flex;
    margin-left: calc(-1 * var(--space-12));
  }
}

.footer-block {
  flex: 0 0 100%;
}
@media screen and (min-width: 720px) {
  .footer-block.footer-block--size-one-column {
    grid-column: span 1;
  }
  .footer-block.footer-block--size-two-column {
    grid-column: span 2;
  }
  .footer-block.footer-block--size-three-column {
    grid-column: span 3;
  }
}
@media screen and (min-width: 1024px) {
  .footer-block {
    flex-basis: var(--column-width);
    padding-left: var(--space-12);
  }
}

.footer-bottom {
  margin-top: var(--space-18);
}

.footer-bottom__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .footer-bottom__wrapper {
    flex-direction: row;
    align-items: flex-end;
  }
}

.footer-bottom__left {
  display: flex;
  flex-direction: row;
  gap: var(--space-6);
  align-items: center;
}
.footer-bottom__left .cross-border {
  margin-left: calc(var(--space-2) * -1);
}

.footer-bottom__credits {
  margin: 0;
  font-size: var(--font-body-size-25);
  color: var(--block-text-color, var(--color-body));
}
.footer-bottom__credits a {
  color: var(--block-text-color, var(--color-body));
  text-decoration: none;
}
.footer-bottom__credits a:visited, .footer-bottom__credits a:hover, .footer-bottom__credits a:focus, .footer-bottom__credits a:active {
  color: var(--block-text-color, var(--color-body));
}

@media screen and (min-width: 1024px) {
  .blog-posts__wrapper {
    display: grid;
    grid-template-columns: 6fr 4fr;
  }
  .blog-posts__wrapper.blog-posts__wrapper--single-post {
    grid-template-columns: 1fr;
  }
}

.blog-posts__main {
  position: relative;
}
.blog-posts__main::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  content: "";
  border-bottom: 1px solid var(--color-lines-and-borders);
  transform: translateX(-50%);
}
@media screen and (min-width: 720px) {
  .blog-posts__main::after {
    width: calc(100% - 2 * var(--space-12));
  }
}
@media screen and (min-width: 1024px) {
  .blog-posts__main::after {
    border-bottom: none;
  }
}
@media screen and (min-width: 1024px) {
  .blog-posts__main {
    padding-right: var(--space-9);
    border-right: 1px solid var(--color-lines-and-borders);
    border-bottom: none;
  }
  .blog-posts__wrapper--single-post .blog-posts__main {
    border-right: none;
  }
}

.blog-posts__featured-article {
  padding-bottom: var(--space-13);
}

.blog-posts__featured-article--no-image {
  margin-top: var(--space-16);
}

@media screen and (min-width: 1024px) {
  .blog-posts__sidebar {
    padding-left: var(--space-9);
  }
}

.blog-posts__sidebar-articles {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-14);
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
  .blog-posts__sidebar-articles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: var(--space-17);
    column-gap: var(--space-9);
  }
}
.blog-posts__sidebar-articles .article-card__image-wrapper,
.blog-posts__sidebar-articles .article-card__excerpt {
  display: none;
}
.blog-posts__sidebar-articles .article-card__content-bottom {
  margin-top: var(--space-8);
}
.blog-posts__sidebar-articles .article-card__title {
  font-size: var(--font-body-size-300);
}

.blog-posts__subheading {
  margin-bottom: var(--space-14);
  font-size: var(--font-heading-size-3);
}
@media screen and (min-width: 720px) {
  .blog-posts__subheading {
    margin-bottom: var(--space-16);
  }
}

.blog-posts__footer {
  margin-top: var(--space-17);
}

.article-card {
  position: relative;
  padding: 0;
}

.article-card__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.article-card__content-top {
  display: flex;
  flex-direction: column;
}

.article-card__image-wrapper {
  height: 16.875rem;
  margin-bottom: var(--space-12);
}

.article-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
  padding: 0;
  margin: 0 0 var(--space-6) 0;
  list-style: none;
}

.article-card__tags,
.article-card__content-bottom {
  font-family: var(--font-body-family);
  font-size: var(--font-accent-size-large);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-accent-line-height);
  letter-spacing: var(--font-accent-letter-spacing);
}

.article-card__tag {
  margin: 0;
  color: var(--color-accent);
}
.article-card__tag a {
  text-decoration: none;
  text-transform: uppercase;
}
.article-card__tag::after {
  margin-left: var(--space-6);
  content: "/";
}
.article-card__tag:last-of-type::after {
  display: none;
}

.article-card__title {
  z-index: 1;
  margin: 0 0 var(--space-4) 0;
  font-family: var(--font-body-family);
  font-size: var(--font-heading-size-4);
}

.article-card__excerpt {
  margin: 0;
}

.article-card__content-bottom {
  margin-top: var(--space-12);
  opacity: 0.7;
}

.article-card__author::after {
  content: "/";
}
.article-card__author:last-of-type::after {
  display: none;
}

.collection-banner {
  margin-top: 0;
  background-color: var(--local-color-background);
}

.collection-banner__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-11);
  align-items: center;
  padding: var(--space-14) 0;
}
@media screen and (min-width: 720px) {
  .collection-banner__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1024px) {
  .collection-banner__wrapper {
    grid-template-columns: 1fr var(--local-image-column-width);
  }
}
.collection-banner__wrapper.collection-banner__wrapper--no-image {
  grid-template-columns: 1fr;
}

.collection-banner__text {
  padding: var(--space-10) 0;
}
@media screen and (max-width: 719px) and (min-width: 480px) {
  .collection-banner__text {
    padding: var(--space-10) var(--space-8);
  }
}
@media screen and (min-width: 720px) {
  .collection-banner__text {
    padding: var(--space-12);
  }
}
@media screen and (min-width: 1024px) {
  .collection-banner__text {
    padding: var(--space-14);
  }
}

.collection-banner__title {
  margin-top: 0;
  color: var(--local-color-heading);
}
.collection-banner__title:only-child {
  margin-bottom: 0;
}

.collection-banner__description {
  color: var(--local-color-text);
}
.collection-banner__description > * {
  color: var(--local-color-text);
}
.collection-banner__description > :last-child {
  margin-bottom: 0;
}

.collection-banner__image {
  height: var(--local-image-height-small);
}
@media screen and (min-width: 720px) {
  .collection-banner__image {
    height: var(--local-image-height-large);
  }
}

.collection-banner__image--position-above {
  grid-row: 1;
}
@media screen and (min-width: 720px) {
  .collection-banner__image--position-above {
    grid-row: unset;
  }
}

.sub-collections__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-11);
}
@media screen and (min-width: 480px) {
  .sub-collections__container {
    grid-template-columns: repeat(min(var(--collections-per-row), 3), 1fr);
  }
}
@media screen and (min-width: 720px) {
  .sub-collections__container {
    grid-template-columns: repeat(var(--collections-per-row), 1fr);
  }
}

.collection-subcollections__header {
  margin-bottom: var(--space-17);
}

.collection-subcollections__heading {
  max-width: 90ch;
  margin: 0 0 var(--space-7) 0;
  font-size: var(--font-heading-size-1);
}
.collection-subcollections__heading:only-child {
  margin-bottom: 0;
}

.collection-subcollections__subheading {
  max-width: 75ch;
  margin: 0;
  font-size: var(--font-subheading-size-medium);
}
.collection-subcollections section-wrapper {
  padding-bottom: 24px;
}

.collection-subcollections--custom {
  margin-bottom: 0;
  margin-top: 40px;
}
.collection-subcollections--custom + .main-collection-grid {
  margin-top: 0 !important;
}
.template-collection .main-collection-grid__content--top-divider {
  border-top: 1px solid #e4e4e4;
}
.collection-card {
  height: 100%;
}
@media screen and (min-width: 720px) {
  .collection-subcollections section-wrapper {
    padding-left: 64px;
    padding-right: 64px;
    padding-bottom: 40px;
  }
}

.collection-card__location {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  height: 100%;
  text-decoration: none;
}

.collection-card__text {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-6);
}

.collection-card__title {
  margin: 0;
  font-family: var(--font-body-family);
  font-size: var(--font-heading-size-6);
}

.collection-card__description {
  margin: 0;
  color: var(--color-body);
}

.collection-card__image-wrapper {
  position: relative;
}

@supports (aspect-ratio: 1/1) {
  .collection-card__image-wrapper--square {
    aspect-ratio: 1/1;
  }
  .collection-card__image-wrapper--square svg {
    aspect-ratio: 1/1;
  }
}
@supports not (aspect-ratio: 1/1) {
  .collection-card__image-wrapper--square {
    padding-bottom: 100%;
  }
  .collection-card__image-wrapper--square svg {
    padding-bottom: 100%;
  }
}

@supports (aspect-ratio: 3/2) {
  .collection-card__image-wrapper--landscape {
    aspect-ratio: 3/2;
  }
  .collection-card__image-wrapper--landscape svg {
    aspect-ratio: 3/2;
  }
}
@supports not (aspect-ratio: 3/2) {
  .collection-card__image-wrapper--landscape {
    padding-bottom: 66.66%;
  }
  .collection-card__image-wrapper--landscape svg {
    padding-bottom: 66.66%;
  }
}

@supports (aspect-ratio: 2/3) {
  .collection-card__image-wrapper--portrait {
    aspect-ratio: 2/3;
  }
  .collection-card__image-wrapper--portrait svg {
    aspect-ratio: 2/3;
  }
}
@supports not (aspect-ratio: 2/3) {
  .collection-card__image-wrapper--portrait {
    padding-bottom: 150%;
  }
  .collection-card__image-wrapper--portrait svg {
    padding-bottom: 150%;
  }
}

.collection-title__title {
  max-width: 90ch;
  margin-top: 0;
}
.collection-title__title:only-child {
  margin-bottom: 0;
}

.collection-title__description--hidden,
.collection-title__description {
  max-width: 75ch;
}
.collection-title__description--hidden > :first-child,
.collection-title__description > :first-child {
  margin-top: 0;
}
.collection-title__description--hidden > :last-child ,
.collection-title__description > :last-child {
  margin-bottom: 0;
}

.collection-list__collections-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-11);
}
@media screen and (min-width: 480px) {
  .collection-list__collections-wrapper {
    grid-template-columns: repeat(min(var(--collections-per-row), 3), 1fr);
  }
}
@media screen and (min-width: 720px) {
  .collection-list__collections-wrapper {
    grid-template-columns: repeat(var(--collections-per-row), 1fr);
  }
}

.collection-list__header {
  margin-bottom: var(--space-17);
}

.collection-list__heading {
  max-width: 120ch;
  margin: 0 0 var(--space-7) 0;
  font-size: var(--font-heading-size-section);
}
.collection-list__heading:only-child {
  margin-bottom: 0;
}

.collection-list__subheading {
  max-width: 75ch;
  margin: 0;
  font-size: 1.375rem;
}

@media screen and (min-width: 480px) {
  .contact-form__field-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--space-17);
  }
}

.contact-form {
  margin: var(--space-10) 0;
}

.contact-form__content [data-component=button] {
  width: 100%;
}
@media screen and (min-width: 480px) {
  .contact-form__content [data-component=button] {
    width: auto;
  }
}

.contact-form__heading {
  margin-top: 0;
}

.contact-form__notification:focus-visible {
  outline: none;
}

.customer-account__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: var(--space-12);
}

.customer-account__heading {
  margin: 0;
}

@media screen and (min-width: 720px) {
  .customer-account__content {
    display: grid;
    grid-template-columns: 11rem 1fr;
    gap: var(--space-10);
  }
}

.customer-account-details__heading,
.customer-account-history__heading {
  font-size: var(--font-heading-size-3);
}

.customer-account-details {
  margin-bottom: var(--space-15);
}
@media screen and (min-width: 720px) {
  .customer-account-details {
    margin-bottom: 0;
  }
}

.customer-account-details__address {
  margin-bottom: var(--space-8);
}

.customer-account-history__table {
  width: 100%;
}
.customer-account-history__table td {
  vertical-align: middle;
}
@media screen and (max-width: 479px) {
  .customer-account-history__table tbody,
.customer-account-history__table thead,
.customer-account-history__table tr {
    display: block;
  }
  .customer-account-history__table thead {
    height: 0;
  }
  .customer-account-history__table thead tr {
    border: none;
  }
  .customer-account-history__table tr {
    padding: var(--space-8) 0;
  }
  .customer-account-history__table th {
    display: none;
  }
  .customer-account-history__table td {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: var(--space-2) 0;
    text-align: left;
  }
}

@media screen and (min-width: 480px) {
  .customer-account-history__mobile-label {
    display: none;
  }
}

.customer-account-history__cell-value {
  text-align: right;
}

.customer-account-history__fulfillment-status--unfulfilled .customer-account-history__cell-value {
  padding-right: 1px;
}

.pagination {
  display: flex;
  gap: var(--space-8);
  align-items: center;
  justify-content: center;
  margin: var(--space-8) 0;
  text-align: center;
}
@media screen and (min-width: 720px) {
  .pagination {
    gap: var(--space-16);
    margin: var(--space-12);
  }
}

.pagination__previous-button,
.pagination__next-button {
  display: flex;
  gap: var(--space-3);
  align-items: center;
  text-decoration: none;
}
.pagination__previous-button svg,
.pagination__next-button svg {
  width: 0.75rem;
}

.pagination__previous-button {
  margin-right: var(--space-4);
}
.pagination__previous-button svg {
  transform: rotate(90deg);
}

.pagination__next-button {
  margin-left: var(--space-4);
}
.pagination__next-button svg {
  transform: rotate(-90deg);
}

.pagination__previous-text,
.pagination__next-text {
  display: none;
}
@media screen and (min-width: 720px) {
  .pagination__previous-text,
.pagination__next-text {
    display: block;
  }
}

.pagination__page-list {
  display: none;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 720px) {
  .pagination__page-list {
    display: flex;
  }
}

.pagination__page {
  position: relative;
  display: block;
  margin: 0;
}
.pagination__page a,
.pagination__page span {
  position: relative;
  padding: var(--space-4);
  text-decoration: none;
}
.pagination__page a:hover::after,
.pagination__page span:hover::after {
  position: absolute;
  bottom: var(--space-2);
  left: 50%;
  width: calc(100% - var(--space-4) * 2);
  content: "";
  border-bottom: 1px solid var(--color-body);
  transform: translateX(-50%);
}

.pagination__page--current span::after {
  position: absolute;
  bottom: var(--space-2);
  left: 50%;
  width: calc(100% - var(--space-4) * 2);
  content: "";
  border-bottom: 1px solid var(--color-link);
  transform: translateX(-50%);
}

.pagination__page--elipses {
  padding: 0 var(--space-4);
}

@media screen and (min-width: 720px) {
  .pagination__mobile {
    display: none;
  }
}

.customer-activate-account__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}

.customer-addresses__new-address,
.customer-addresses__address-list {
  margin: 0 auto;
}

.customer-addresses__address-list {
  padding: 0;
  list-style-type: none;
}

.customer-addresses__item {
  padding-bottom: var(--space-12);
  margin: var(--space-12) 0;
  border-bottom: 1px solid var(--color-lines-and-borders);
}
.customer-addresses__item:last-child {
  border-bottom: none;
}

.customer-addresses__default {
  margin-bottom: var(--space-4);
  text-transform: uppercase;
}

@media screen and (min-width: 720px) {
  .customer-address-form__form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 var(--space-8);
  }
}

.customer-address-form__form-actions {
  grid-column: span 2;
}

.customer-address-form__long-field {
  grid-column: span 2;
}

.customer-address-form__edit-address {
  display: none;
  text-align: left;
}
.customer-address-form__edit-address[data-open=true] {
  display: block;
}

.customer-address-form__actions {
  margin-top: var(--space-8);
}

.input-checkbox__label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0;
}

.input-checkbox--disabled .input-checkbox__label {
  color: #aaa;
  cursor: not-allowed;
}

.customer-login-recover {
  display: none;
}
.customer-login-recover:target {
  display: block;
}

.customer-login-recover__form {
  margin-top: var(--space-8);
  margin-bottom: var(--space-12);
}

.customer-login-recover__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}

.customer-login-recover:target ~ .customer-login {
  display: none;
}
.customer-login input[type=password] {
  margin-bottom: var(--space-4);
}

.customer-login__form {
  margin: var(--space-12) 0;
}

.customer-login__forgot-password {
  display: inline-block;
  margin-top: var(--space-2);
  font-size: var(--font-body-size-50);
}

.customer-login__login-actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-10);
  align-items: center;
  margin-top: var(--space-12);
}

.customer-login__guest-form {
  display: flex;
  align-items: center;
  margin-top: var(--space-12);
}

.customer-order__header {
  margin-bottom: var(--space-12);
}

@media screen and (min-width: 720px) {
  .customer-order__content {
    display: grid;
    grid-template-columns: 1fr 12rem;
    gap: var(--space-10);
  }
}

.customer-order-table {
  --order-item-image-width: 90px;
  display: table;
  width: 100%;
  overflow-x: visible;
  white-space: normal;
}
@media screen and (min-width: 480px) {
  .customer-order-table {
    --order-item-image-width: 120px;
  }
}

.customer-order-table__header-quantity,
.customer-order-table__cell-quantity {
  text-align: center;
}

.customer-order-table__header-total,
.customer-order-table__cell-total {
  text-align: right;
}

@media screen and (min-width: 480px) {
  .customer-order-item__mobile-label {
    display: none;
  }
}

.customer-order-item__cell-wrapper dt,
.customer-order-item__cell-wrapper dd {
  display: inline;
  white-space: nowrap;
}
.customer-order-item__cell-wrapper dt {
  width: 0;
}
.customer-order-item__cell-wrapper dd {
  margin-left: 0;
}

.customer-order-item__image {
  position: relative;
  width: var(--order-item-image-width);
}
.customer-order-item__image img {
  width: 100%;
}

.customer-order-item__title,
.customer-order-item__title:visited {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  line-height: var(--font-heading-line-height);
  color: var(--color-heading);
  text-decoration: none;
  text-transform: var(--font-heading-transform);
  letter-spacing: var(--font-heading-letter-spacing);
}

.customer-order-item__variant {
  font-size: var(--font-body-size-50);
  opacity: 0.5;
}

.customer-order-item__regular-price {
  margin-left: var(--space-2);
  color: var(--color-price-compare);
}

.customer-order-item__sale-price {
  color: var(--color-sale);
}

.customer-order-item__discounts {
  padding: 0;
  margin: var(--space-4) 0 0;
  list-style-type: none;
}

.customer-order-item__discount {
  position: relative;
  padding: 0;
  margin-bottom: var(--space-4);
  font-size: var(--font-accent-size-small);
  line-height: var(--font-accent-line-height);
  color: var(--color-sale);
  text-transform: uppercase;
  letter-spacing: var(--font-accent-letter-spacing);
}
.customer-order-item__discount svg {
  position: relative;
  top: var(--space-2);
}

.customer-order-table__footer-row td:last-child {
  text-align: right;
}

.customer-order-table__footer-discount-amount {
  color: var(--color-sale);
}

.customer-order-item__cell-wrapper s {
  color: var(--color-price-compare);
}

.customer-order__note {
  margin-bottom: var(--space-10);
}

@media screen and (max-width: 479px) {
  .customer-order-table thead {
    display: none;
  }
  .customer-order-table tbody {
    display: block;
  }
  .customer-order-table tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .customer-order-table__cell-image {
    width: var(--order-item-image-width);
  }
  .customer-order-table__cell-details {
    align-self: center;
    width: calc(100% - var(--order-item-image-width));
    padding-left: var(--space-8);
  }
  .customer-order-table__cell-price,
.customer-order-table__cell-quantity,
.customer-order-table__cell-total {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .customer-order-item__cell-wrapper {
    max-width: 50%;
    text-align: right;
  }
}
.customer-order__address-heading:first-child {
  margin-top: 0;
}

.customer-order__status-label {
  font-weight: bolder;
}

.customer-reset-password__form {
  margin-top: var(--space-8);
}

.featured-collection__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: var(--space-15);
}
@media screen and (min-width: 720px) {
  .featured-collection__header {
    flex-direction: row;
    align-items: flex-end;
  }
}
.featured-collection__header [data-component=button-link] {
  white-space: nowrap;
}

.featured-collection__heading {
  max-width: 30ch;
  margin-bottom: var(--space-2);
  font-size: var(--font-heading-size-section);
}

.featured-collection__subheading {
  max-width: 100%;
  text-align: center;
  font-size: 0.9375rem;
  margin-bottom: 24px;
}

.featured-collection__header-text,
.featured-collection__header-button {
  flex: 1 1 100%;
}

.featured-collection__header-button {
  display: flex;
  width: 100%;
  margin-top: var(--space-11);
}
@media screen and (min-width: 720px) {
  .featured-collection__header-button {
    justify-content: flex-end;
    margin-top: 0;
  }
}

.product-card-slider {
  position: relative;
}

.product-card-slider__list {
  display: flex;
  column-gap: var(--space-5);
  padding: 0 0 var(--space-14) 0;
  margin: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overscroll-behavior-x: contain;
  list-style-type: none;
}

@media screen and (max-width: 479px) {
  .product-card-slider__list[data-mobile-card-row-bp=S].product-card-slider__list--mobile-single-row {
    column-gap: 0;
    margin-left: calc(-1 * var(--space-5));
    overflow-x: hidden;
  }
}
@media screen and (max-width: 719px) {
  .product-card-slider__list[data-mobile-card-row-bp=M].product-card-slider__list--mobile-single-row {
    column-gap: 0;
    margin-left: calc(-1 * var(--space-5));
    overflow-x: hidden;
  }
}
@media screen and (max-width: 1023px) {
  .product-card-slider__list[data-mobile-card-row-bp=L].product-card-slider__list--mobile-single-row {
    column-gap: 0;
    margin-left: calc(-1 * var(--space-5));
    overflow-x: hidden;
  }
}
@media screen and (min-width: 720px) {
  .product-card-slider__list.product-card-slider__list--single-row {
    column-gap: 0;
    margin-left: calc(-1 * var(--space-5));
    overflow-x: hidden;
  }
}
.product-card-slider__list::-webkit-scrollbar {
  width: 0.2rem;
  height: 0.2rem;
}
.product-card-slider__list::-webkit-scrollbar-thumb {
  background-color: var(--color-body);
  border: 0;
  border-radius: 0.2rem;
}
.product-card-slider__list::-webkit-scrollbar-track {
  background: rgba(var(--color-body-rgb), 0.04);
  border-radius: 0.2rem;
}

.product-card-slider__item {
  flex: 0 0 45%;
  margin: 0;
  scroll-snap-align: start;
}

@media screen and (max-width: 719px) {
  .product-card-slider__list--mobile-single-row .product-card-slider__item {
    flex-basis: 50%;
    padding-left: var(--space-5);
  }
}
@media screen and (max-width: 479px) {
  [data-mobile-card-row-bp=S][data-mobile-card-row="1"] .product-card-slider__item {
    flex-basis: 100%;
  }
  .mobile-column__custom [data-mobile-card-row-bp=S][data-mobile-card-row="1"] .product-card-slider__item {
    flex: 0 0 70%;
  }
}
@media screen and (max-width: 719px) {
  [data-mobile-card-row-bp=M][data-mobile-card-row="1"] .product-card-slider__item {
    flex-basis: 100%;
  }
  .mobile-column__custom [data-mobile-card-row-bp=M][data-mobile-card-row="1"] {
    column-gap: 0;
  }
  .mobile-column__custom [data-mobile-card-row-bp=M][data-mobile-card-row="1"] .product-card-slider__item {
    flex: 0 0 70%;
    margin-right: 0.625rem;red;
  }
}
@media screen and (max-width: 1023px) {
  [data-mobile-card-row-bp=L][data-mobile-card-row="1"] .product-card-slider__item {
    flex-basis: 100%;
  }
}
.product-card-slider__item:first-child .product-card-swatches__wrapper {
  padding-left: calc(var(--space-2) + 3px);
}
@media screen and (min-width: 720px) {
  .product-card-slider__item {
    flex-basis: calc(90% / var(--cards-per-row));
  }
  .product-card-slider__list--single-row .product-card-slider__item {
    flex-basis: calc(100% / var(--cards-per-row));
    padding-left: var(--space-5);
  }
}

.product-card-slider__buttons {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.no-js .product-card-slider__buttons {
  display: none;
}

.product-card-slider__button {
  pointer-events: all;
}
.product-card-slider__button [data-component=button-floating] {
  border-radius: unset;
}
.product-card-slider__buttons--mobile-hidden .product-card-slider__button {
  display: none;
}
@media screen and (min-width: 720px) {
  .product-card-slider__buttons--desktop-hidden .product-card-slider__button {
    display: none;
  }
}

.product-card-slider__button--previous {
  transform: rotate(90deg);
}

.product-card-slider__button--next {
  transform: rotate(270deg);
}

.product-card__clickable-area {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.product-card__image {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: var(--space-4);
  overflow: hidden;
}
.product-card__image.product-card__image--no-reviews {
  margin-bottom: var(--space-8);
}

.product-card__image--square .placeholder-svg,
.product-card__image--landscape .placeholder-svg,
.product-card__image--portrait .placeholder-svg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.product-card__image--square {
  padding-bottom: 100%;
}

.product-card__image--landscape {
  padding-bottom: 66.67%;
}

.product-card__image--portrait {
  padding-bottom: 150%;
}

.product-card__image-variants,
.product-card__image-secondary {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-site-background);
}

.product-card__image-variant {
  position: relative;
  width: 100%;
  height: 100%;
}

.product-card__image-secondary {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
@media screen and (min-width: 1280px) {
  .product-card__image:hover .product-card__image-secondary {
    visibility: visible;
    opacity: 1;
  }
}

.product-card__badges {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: var(--space-3);
  z-index: 10;
}
@media screen and (min-width: 720px) {
  .product-card__badges {
    top: 0;
    bottom: auto;
    padding: var(--space-4);
  }
}

.product-card__image-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.product-card__button-container {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 99999;
  padding: var(--space-3);
  overflow: hidden;
}
.product-card__button-container [data-component=button-floating] {
  min-width: 44px;
  min-height: 44px;
}
@media screen and (min-width: 1280px) {
  .product-card__button-container {
    top: auto;
    right: auto;
    bottom: 0;
    width: 100%;
    padding: var(--space-4);
  }
  .product-card__button-container [data-component=button-floating] {
    display: none;
  }
}
.product-card--onboarding .product-card__button-container {
  display: none;
}

.product-card__quick-add-button {
  position: relative;
  z-index: 1;
  display: none;
  width: 100%;
  min-width: 44px;
  min-height: 44px;
  padding: var(--space-5) var(--space-8);
  font-family: var(--font-body-family);
  font-size: var(--font-body-size-75);
  color: var(--color-body);
  cursor: pointer;
  background: var(--color-site-background);
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.08);
  opacity: 0;
  transition: transform 0.2s ease-in-out, opacity 0.4s ease;
  transform: translateY(100%);
}
@media screen and (min-width: 1280px) {
  .product-card__quick-add-button {
    display: block;
  }
  .product-card:hover .product-card__quick-add-button, .product-card:focus-within .product-card__quick-add-button {
  /* .has-touch .product-card__quick-add-button  */
    opacity: 1;
    transform: translateY(0);
  }
}
.no-js .product-card__quick-add-button {
  display: none;
}

.product-card__title {
  order: 3;
  margin: 0 0 var(--space-1);
  font-family: var(--font-product-item-name-family);
  font-size: var(--font-product-item-name-size);
  font-weight: var(--font-product-item-name-weight);
  line-height: var(--font-product-item-name-line-height);
  text-transform: var(--font-product-item-name-text-transform);
  letter-spacing: var(--font-product-item-name-letter-spacing);
}

.product-card__link,
.product-card__link:visited {
  display: block;
  color: var(--color-body);
  text-decoration: none;
}
.product-card__link::after,
.product-card__link:visited::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}

.product-card__title-variant-name {
  text-transform: capitalize;
}

.product-card__vendor {
  order: 2;
  margin-bottom: var(--space-1);
  font-size: var(--font-product-item-vendor-size);
  color: var(--color-vendor);
}

.product-card__color {
  order: 3;
  margin-top: var(--space-1);
  font-size: var(--font-product-item-vendor-size);
  text-transform: capitalize;
  opacity: 0.6;
}

.product-card__price {
  order: 5;
  margin-top: var(--space-2);
}

.product-card__swatches {
  order: 6;
  margin-top: var(--space-7);
}

.product-card__colors-available,
.product-card__colors-available a {
  margin-top: var(--space-3);
  font-size: var(--font-body-size-25);
  /* opacity: 0.6; */
  text-align: center;
  font-family: var(--font-body-family);
  font-size: 13px;
  font-weight: 400;
  line-height: 14.9px;
  text-align: center;
  color: #929292;
  text-transform: capitalize;
  text-decoration: none;
  width :100%;
  order: 10;
}

.product-card__label {
  display: inline-flex;
  gap: var(--space-3);
  align-items: center;
  order: 7;
  margin-top: var(--space-6);
  font-size: var(--font-body-size-25);
}

.product-card__label--outlined {
  padding: var(--space-3) var(--space-5);
  border: 1px solid rgba(var(--color-body-rgb), 0.3);
}

.product-card__label-icon {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 1.25rem;
}
.product-card__label-icon img {
  width: auto;
  max-height: 100%;
}

.product-badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  font-size: var(--font-body-size-25);
}
@media screen and (min-width: 720px) {
  .product-badges {
    gap: var(--space-3);
  }
}

.product-badges--font-heading {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  letter-spacing: var(--font-heading-letter-spacing);
}

.product-badges--uppercase {
  text-transform: uppercase;
}

.product-badges--bold {
  font-weight: bolder;
}

.product-badges__badge {
  padding: var(--space-3) var(--space-6);
  color: var(--color-product-tag-text);
  background-color: var(--color-product-tag-background);
}
.product-badges__support-tag {
  font-weight: 400;
}
.product-badges__support-tag svg {
  margin: 0 5px 0 3px;
}
.product-badges__support-tag.high-support{
  background: #FDD3D3;
}
.product-badges__support-tag.medium-support{
  background: #F9EDCE;
}
.product-badges__support-tag.low-impact{
  background: #D5EBCB;
}
.product-badges__badge--sale {
  color: var(--color-sale-badge-label);
  background-color: var(--color-sale-badge-background);
}

.product-badges__badge--sold-out {
  color: var(--color-sold-out-badge-label);
  background-color: var(--color-sold-out-badge);
}

.button-floating {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-fab-foreground);
  cursor: pointer;
  background-color: var(--color-fab-background);
  border: none;
  border-radius: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.2s ease;
}
.button-floating:hover {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2), 0 2px 5px 1px rgba(0, 0, 0, 0.08);
}
.button-floating::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background-color: var(--color-fab-foreground);
  transform: translate(-50%, -50%);
}

.button-floating--quiet,
.button-floating--quiet:hover {
  color: var(--color-fab-foreground-quiet);
  background: none;
  box-shadow: none;
}

.button-floating--small {
  width: var(--dimension-button-fab-small);
  height: var(--dimension-button-fab-small);
}
.button-floating--small::after {
  width: var(--dimension-button-fab-icon-small);
  height: var(--dimension-button-fab-icon-small);
}

.button-floating--medium {
  width: var(--dimension-button-fab-medium);
  height: var(--dimension-button-fab-medium);
}
.button-floating--medium::after {
  width: var(--dimension-button-fab-icon-medium);
  height: var(--dimension-button-fab-icon-medium);
}

.button-floating--large {
  width: var(--dimension-button-fab-large);
  height: var(--dimension-button-fab-large);
}
.button-floating--large::after {
  width: var(--dimension-button-fab-icon-large);
  height: var(--dimension-button-fab-icon-large);
}

.button-floating--bag-small::after {
  /*
Icon bag-small (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.225%204.004a1.775%201.775%200%200%201%203.55%200v.771h-3.55v-.771Zm-1.25.771v-.771a3.025%203.025%200%201%201%206.05%200v.771H13.7c.787%200%201.425.638%201.425%201.425v8.5c0%20.787-.638%201.425-1.425%201.425H2.3A1.425%201.425%200%200%201%20.875%2014.7V6.2c0-.787.638-1.425%201.425-1.425h2.675ZM2.125%206.2c0-.097.078-.175.175-.175h11.4c.097%200%20.175.078.175.175v8.5a.175.175%200%200%201-.175.175H2.3a.175.175%200%200%201-.175-.175V6.2Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.225%204.004a1.775%201.775%200%200%201%203.55%200v.771h-3.55v-.771Zm-1.25.771v-.771a3.025%203.025%200%201%201%206.05%200v.771H13.7c.787%200%201.425.638%201.425%201.425v8.5c0%20.787-.638%201.425-1.425%201.425H2.3A1.425%201.425%200%200%201%20.875%2014.7V6.2c0-.787.638-1.425%201.425-1.425h2.675ZM2.125%206.2c0-.097.078-.175.175-.175h11.4c.097%200%20.175.078.175.175v8.5a.175.175%200%200%201-.175.175H2.3a.175.175%200%200%201-.175-.175V6.2Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon bag-small (1.0.1) end
     */
}

.button-floating--zoom::after {
  /*
Icon zoom (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.725%209.625a5.099%205.099%200%201%200-.002%2010.198%205.099%205.099%200%200%200%20.002-10.198Zm-3.528-.18a6.349%206.349%200%200%201%208.437%209.305l2.942%202.943a.625.625%200%201%201-.883.883l-2.943-2.942a6.35%206.35%200%200%201-10.253-3.671%206.35%206.35%200%200%201%202.7-6.518Zm3.488%201.772c.345%200%20.625.28.625.625v2.217h2.217a.625.625%200%201%201%200%201.25H15.31v2.217a.625.625%200%201%201-1.25%200V15.31h-2.217a.625.625%200%201%201%200-1.25h2.217v-2.217c0-.345.28-.625.625-.625Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.725%209.625a5.099%205.099%200%201%200-.002%2010.198%205.099%205.099%200%200%200%20.002-10.198Zm-3.528-.18a6.349%206.349%200%200%201%208.437%209.305l2.942%202.943a.625.625%200%201%201-.883.883l-2.943-2.942a6.35%206.35%200%200%201-10.253-3.671%206.35%206.35%200%200%201%202.7-6.518Zm3.488%201.772c.345%200%20.625.28.625.625v2.217h2.217a.625.625%200%201%201%200%201.25H15.31v2.217a.625.625%200%201%201-1.25%200V15.31h-2.217a.625.625%200%201%201%200-1.25h2.217v-2.217c0-.345.28-.625.625-.625Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon zoom (1.0.1) end
     */
}

.button-floating--chevron::after {
  /*
Icon chevron (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon chevron (1.0.1) end
     */
}

.button-floating--search::after {
  /*
Icon search (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2019%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.25%208.25H1.5h.75Zm6-6V1.5v.75Zm7.941%2016%20.5.559%201.118-1-.5-.56-1.118%201.001ZM13.06%2012.5a.75.75%200%201%200-1.118%201l1.118-1ZM1.5%208.25a6.75%206.75%200%200%200%201.977%204.773l1.06-1.06A5.25%205.25%200%200%201%203%208.25H1.5Zm1.977%204.773A6.75%206.75%200%200%200%208.25%2015v-1.5a5.25%205.25%200%200%201-3.712-1.538l-1.061%201.061ZM8.25%2015a6.75%206.75%200%200%200%204.773-1.977l-1.06-1.06A5.25%205.25%200%200%201%208.25%2013.5V15Zm4.773-1.977A6.75%206.75%200%200%200%2015%208.25h-1.5a5.25%205.25%200%200%201-1.538%203.712l1.061%201.061ZM15%208.25a6.75%206.75%200%200%200-1.977-4.773l-1.06%201.06A5.25%205.25%200%200%201%2013.5%208.25H15Zm-1.977-4.773A6.75%206.75%200%200%200%208.25%201.5V3a5.25%205.25%200%200%201%203.712%201.538l1.061-1.061ZM8.25%201.5a6.75%206.75%200%200%200-4.773%201.977l1.06%201.06A5.25%205.25%200%200%201%208.25%203V1.5ZM3.477%203.477A6.75%206.75%200%200%200%201.5%208.25H3a5.25%205.25%200%200%201%201.538-3.712L3.477%203.477ZM11.941%2013.5l4.25%204.75%201.118-1-4.25-4.75-1.118%201Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2019%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.25%208.25H1.5h.75Zm6-6V1.5v.75Zm7.941%2016%20.5.559%201.118-1-.5-.56-1.118%201.001ZM13.06%2012.5a.75.75%200%201%200-1.118%201l1.118-1ZM1.5%208.25a6.75%206.75%200%200%200%201.977%204.773l1.06-1.06A5.25%205.25%200%200%201%203%208.25H1.5Zm1.977%204.773A6.75%206.75%200%200%200%208.25%2015v-1.5a5.25%205.25%200%200%201-3.712-1.538l-1.061%201.061ZM8.25%2015a6.75%206.75%200%200%200%204.773-1.977l-1.06-1.06A5.25%205.25%200%200%201%208.25%2013.5V15Zm4.773-1.977A6.75%206.75%200%200%200%2015%208.25h-1.5a5.25%205.25%200%200%201-1.538%203.712l1.061%201.061ZM15%208.25a6.75%206.75%200%200%200-1.977-4.773l-1.06%201.06A5.25%205.25%200%200%201%2013.5%208.25H15Zm-1.977-4.773A6.75%206.75%200%200%200%208.25%201.5V3a5.25%205.25%200%200%201%203.712%201.538l1.061-1.061ZM8.25%201.5a6.75%206.75%200%200%200-4.773%201.977l1.06%201.06A5.25%205.25%200%200%201%208.25%203V1.5ZM3.477%203.477A6.75%206.75%200%200%200%201.5%208.25H3a5.25%205.25%200%200%201%201.538-3.712L3.477%203.477ZM11.941%2013.5l4.25%204.75%201.118-1-4.25-4.75-1.118%201Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon search (1.0.1) end
     */
}

.featured-product__grid {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: var(--space-11);
  column-gap: var(--space-12);
}
@media screen and (min-width: 720px) {
  .featured-product__grid.featured-product__grid--gallery-small {
    grid-template-columns: 1.22fr 1fr; /* 55% 45% */
  }
  .featured-product__grid.featured-product__grid--gallery-medium {
    grid-template-columns: 1.5fr 1fr; /* 60% 40% */
  }
  .featured-product__grid.featured-product__grid--gallery-large {
    grid-template-columns: 1.86fr 1fr; /* 65% 35% */
  }
}

@media screen and (min-width: 720px) {
  .featured-product__grid[data-sticky-position=top] {
    align-items: flex-start;
  }
}

@media screen and (min-width: 720px) {
  .featured-product__grid[data-sticky-position=bottom] {
    align-items: flex-end;
  }
}

.featured-product__grid-column--gallery {
  align-self: flex-start;
}
@media screen and (min-width: 720px) {
  .featured-product__grid-column--gallery {
    position: sticky;
    top: 0;
    z-index: 1;
  }
}

@media screen and (min-width: 720px) {
  .featured-product__grid-column--details {
    position: sticky;
    padding-bottom: var(--space-11);
  }
}

@media screen and (min-width: 720px) {
  .featured-product__grid[data-sticky-position=top] .featured-product__grid-column--details {
    top: 0;
  }
}

@media screen and (min-width: 720px) {
  .featured-product__grid[data-sticky-position=bottom] .featured-product__grid-column--details {
    bottom: 0;
  }
}

.featured-product__grid [data-component=quantity-selector] {
  display: inline-flex;
}

.featured-product-block:first-child {
  margin-top: 0;
}

.featured-product-block--tab + .featured-product-block--tab {
  margin-top: calc(-1 * var(--space-14));
}

.featured-product-block--page,
.featured-product-block--product_badges,
.featured-product-block--product_label {
  margin-top: var(--space-7);
  margin-bottom: var(--space-7);
}

.featured-product-block--sku,
.featured-product-block--price {
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
}

.featured-product-block--rating {
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
}

.featured-product-block--variant_picker {
  margin-top: var(--space-11);
  margin-bottom: var(--space-11);
}

.featured-product-block--quantity_selector {
  margin-top: var(--space-11);
  margin-bottom: var(--space-11);
}

.featured-product-block--buy_buttons,
.featured-product-block--description,
.featured-product-block--share,
.featured-product-block--product_upsell,
.featured-product-block--tab {
  margin-top: var(--space-14);
  margin-bottom: var(--space-14);
}

.featured-product-block--text-style-accent {
  font-family: var(--font-body-family);
  font-size: var(--font-accent-size-small);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-body-line-height);
  color: var(--color-body);
  text-transform: uppercase;
  letter-spacing: var(--font-accent-letter-spacing);
  opacity: 0.7;
}

.featured-product-block--text-style-subheading {
  font-family: var(--font-body-family);
  font-size: var(--font-subheading-size-small);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-body-line-height);
  color: var(--color-body);
  letter-spacing: var(--font-body-letter-spacing);
  opacity: 0.7;
}

.featured-product-block--text-style-body {
  font-family: var(--font-body-family);
  font-size: var(--font-body-size-small);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-body-line-height);
  color: var(--color-body);
  letter-spacing: var(--font-body-letter-spacing);
}

.featured-product-block--hidden {
  display: none;
}

.featured-product-block--hide-spacing-above {
  margin-top: 0;
}

.featured-product-block--hide-spacing-below {
  margin-bottom: 0;
}

.featured-product-block--vendor {
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
  color: var(--color-vendor);
}

.featured-product-block__vendor a {
  color: inherit;
  text-decoration: none;
}

.featured-product-block__title,
.featured-product-block__text {
  margin-top: 0;
  margin-bottom: 0;
}

.featured-product-block__price-label {
  display: block;
  margin-top: var(--space-8);
  margin-bottom: var(--space-3);
  font-size: var(--font-form-label-size);
  font-weight: var(--font-form-label-weight);
  text-transform: var(--font-form-label-transform);
  letter-spacing: var(--font-form-label-letter-spacing);
}

.featured-product-block__price-installments {
  --payment-terms-background-color: var(--color-site-background);
  margin-top: var(--space-7);
  margin-bottom: var(--space-4);
}

.featured-product-block__price-installments:empty {
  display: none;
}

.featured-product-block__quantity-label {
  display: block;
  margin-top: var(--space-8);
  margin-bottom: var(--space-6);
  font-size: var(--font-form-label-size);
  font-weight: var(--font-form-label-weight);
  text-transform: var(--font-form-label-transform);
  letter-spacing: var(--font-form-label-letter-spacing);
}

.featured-product-block__rating {
  display: flex;
  column-gap: var(--space-3);
  align-items: center;
}

.featured-product-block__rating-stars {
  position: relative;
  display: inline-block;
}

.featured-product-block__rating-stars-inactive {
  display: flex;
  column-gap: var(--space-2);
  height: 1.5rem;
  color: var(--color-star-ratings-inactive);
}

.featured-product-block__rating-stars-active {
  position: absolute;
  top: 0;
  display: flex;
  flex-shrink: 0;
  column-gap: var(--space-2);
  width: var(--rating-percent);
  height: 1.5rem;
  overflow: hidden;
  color: var(--color-star-ratings-active);
}

.featured-product-block__rating-stars-active svg {
  flex-shrink: 0;
}

.featured-product-block__rating-count {
  margin: 0;
}

.featured-product-block__product-label {
  display: inline-flex;
  column-gap: var(--space-3);
  align-items: center;
  padding-top: var(--space-7);
  padding-bottom: var(--space-7);
}

.featured-product-block__product-label--style-outlined {
  padding-right: var(--space-5);
  padding-left: var(--space-5);
  border: 1px solid var(--color-lines-and-borders);
}

.featured-product-block__product-label--size-small {
  font-size: var(--font-body-size-50);
}

.featured-product-block__product-label--size-medium {
  font-size: var(--font-body-size-75);
}

.featured-product-block__product-label--size-large {
  font-size: var(--font-body-size-200);
}

.featured-product-block__product-recommendations-heading {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  line-height: var(--font-heading-line-height);
  color: var(--color-heading);
  text-align: center;
  text-decoration: none;
  text-transform: var(--font-heading-transform);
  letter-spacing: var(--font-heading-letter-spacing);
  word-break: break-word;
}

.featured-product-block__spacer--small {
  height: var(--space-4);
}

.featured-product-block__spacer--medium {
  height: var(--space-8);
}

.featured-product-block__spacer--large {
  height: var(--space-11);
}

.featured-product-block__product-details a {
  color: var(--color-button-main);
}

.featured-product-gallery {
  position: relative;
  display: grid;
  grid-template-columns: auto;
  column-gap: 1rem; /* TODO: Replace with token */
  align-items: flex-start;
}
@media screen and (min-width: 720px) {
  .featured-product-gallery.featured-product-gallery--thumbnail-navigation-small {
    grid-template-columns: 3.75rem 1fr;
  }
  .featured-product-gallery.featured-product-gallery--thumbnail-navigation-medium {
    grid-template-columns: 5.625rem 1fr;
  }
  .featured-product-gallery.featured-product-gallery--thumbnail-navigation-large {
    grid-template-columns: 7.5rem 1fr;
  }
}

.no-js .featured-product-gallery.featured-product-gallery--thumbnail-navigation-small {
  grid-template-columns: 3.75rem 1fr;
}
.no-js .featured-product-gallery.featured-product-gallery--thumbnail-navigation-medium {
  grid-template-columns: 5.625rem 1fr;
}
.no-js .featured-product-gallery.featured-product-gallery--thumbnail-navigation-large {
  grid-template-columns: 7.5rem 1fr;
}

.featured-product-gallery__media-list {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-behavior: smooth;
  list-style-type: none;
  -ms-overflow-style: none;
  outline: none;
}
.featured-product-gallery__media-list::-webkit-scrollbar {
  display: none;
}

.no-js .featured-product-gallery__media-list:not(.featured-product-gallery__media-list--no-js) {
  display: none;
}

:root:not(.no-js) .featured-product-gallery__media-list.featured-product-gallery__media-list--no-js {
  display: none;
}

.featured-product-gallery__media-list-item {
  --media-container-width: 100%;
  flex-shrink: 0;
  width: var(--media-container-width);
  padding-right: var(--space-gutter-m);
  margin: 0;
  margin-right: 0.375rem;
  scroll-snap-align: start;
}
@media screen and (max-width: 719px) {
  .featured-product-gallery__media-list-item.featured-product-gallery__media-list-item--mobile-90 {
    --media-container-width: 90%;
  }
  .featured-product-gallery__media-list-item.featured-product-gallery__media-list-item--mobile-80 {
    --media-container-width: 80%;
    margin-right: 0.313rem; /* TODO: Replace with token */
  }
}
@media screen and (min-width: 720px) {
  .featured-product-gallery__media-list-item {
    --media-container-width: 100%;
    padding-right: 0;
  }
}

.featured-product-gallery__media {
  position: relative;
  height: 0;
  padding-bottom: calc(100% / var(--media-aspect-ratio));
}

.featured-product-gallery__media[data-media=placeholder] {
  width: 100%;
}

.featured-product-gallery__media--ratio-natural {
  --media-container-aspect-ratio: var(--media-aspect-ratio);
  --media-effective-aspect-ratio: var(--media-aspect-ratio);
}

.featured-product-gallery__media--ratio-landscape {
  --media-container-aspect-ratio: 1.5;
  --media-effective-aspect-ratio: 1.5;
}

.featured-product-gallery__media--ratio-portrait {
  --media-container-aspect-ratio: 0.75;
  --media-effective-aspect-ratio: 0.75;
}

.featured-product-gallery__media--ratio-square {
  --media-container-aspect-ratio: 1;
  --media-effective-aspect-ratio: 1;
}

.featured-product-gallery__media--style-fit {
  --media-effective-aspect-ratio: var(--media-aspect-ratio);
}

.featured-product-gallery__media--style-fit.featured-product-gallery__media--model, .featured-product-gallery__media--style-fit.featured-product-gallery__media--video, .featured-product-gallery__media--style-fit.featured-product-gallery__media--external_video,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--model,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--video,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--external_video {
  --media-effective-aspect-ratio: var(--media-aspect-ratio);
}
.featured-product-gallery__media--style-fit.featured-product-gallery__media--model [data-component=media-model], .featured-product-gallery__media--style-fit.featured-product-gallery__media--video [data-component=media-video], .featured-product-gallery__media--style-fit.featured-product-gallery__media--external_video [data-component=media-external-video], .featured-product-gallery__media--style-fit:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom, .featured-product-gallery__media--style-fit.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--model [data-component=media-model],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--video [data-component=media-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--external_video [data-component=media-external-video],
.featured-product-gallery__media--style-fill:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom {
  padding-bottom: 0;
}
.featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--model [data-component=media-model], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--video [data-component=media-video], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--external_video [data-component=media-external-video], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--model [data-component=media-model], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--video [data-component=media-video], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--external_video [data-component=media-external-video], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-square.featured-product-gallery__media--model [data-component=media-model], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-square.featured-product-gallery__media--video [data-component=media-video], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-square.featured-product-gallery__media--external_video [data-component=media-external-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--model [data-component=media-model],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--video [data-component=media-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--external_video [data-component=media-external-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--model [data-component=media-model],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--video [data-component=media-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--external_video [data-component=media-external-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-square.featured-product-gallery__media--model [data-component=media-model],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-square.featured-product-gallery__media--video [data-component=media-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-square.featured-product-gallery__media--external_video [data-component=media-external-video] {
  width: 100%;
  height: calc(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%);
}
.featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-portrait:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-portrait:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-portrait:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-portrait:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom {
  width: min(var(--media-effective-aspect-ratio) * 1 / var(--media-container-aspect-ratio) * 100%, 100%);
  height: min(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%, 100%);
}
.featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-landscape:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-landscape:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-square:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-square:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-square.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-square.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-landscape:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-landscape:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-square:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-square:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-square.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--orientation-square.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom {
  width: 100%;
  height: calc(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%);
}
.featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--model [data-component=media-model], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--video [data-component=media-video], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--external_video [data-component=media-external-video], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--model [data-component=media-model], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--video [data-component=media-video], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--external_video [data-component=media-external-video], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-square.featured-product-gallery__media--model [data-component=media-model], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-square.featured-product-gallery__media--video [data-component=media-video], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-square.featured-product-gallery__media--external_video [data-component=media-external-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--model [data-component=media-model],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--video [data-component=media-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--external_video [data-component=media-external-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--model [data-component=media-model],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--video [data-component=media-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--external_video [data-component=media-external-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-square.featured-product-gallery__media--model [data-component=media-model],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-square.featured-product-gallery__media--video [data-component=media-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-square.featured-product-gallery__media--external_video [data-component=media-external-video] {
  width: min(var(--media-effective-aspect-ratio) * 1 / var(--media-container-aspect-ratio) * 100%, 100%);
  height: min(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%, 100%);
}
.featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-portrait:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-portrait:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-landscape:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-landscape:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-square:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-square:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-square.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-square.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-portrait:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-portrait:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-landscape:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-landscape:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-square:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-square:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-square.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--orientation-square.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom {
  width: min(var(--media-effective-aspect-ratio) * 1 / var(--media-container-aspect-ratio) * 100%, 100%);
  height: min(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%, 100%);
}
.featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--model [data-component=media-model], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--video [data-component=media-video], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--external_video [data-component=media-external-video], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-square.featured-product-gallery__media--model [data-component=media-model], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-square.featured-product-gallery__media--video [data-component=media-video], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-square.featured-product-gallery__media--external_video [data-component=media-external-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--model [data-component=media-model],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--video [data-component=media-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--external_video [data-component=media-external-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-square.featured-product-gallery__media--model [data-component=media-model],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-square.featured-product-gallery__media--video [data-component=media-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-square.featured-product-gallery__media--external_video [data-component=media-external-video] {
  width: min(var(--media-effective-aspect-ratio) * 1 / var(--media-container-aspect-ratio) * 100%, 100%);
  height: min(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%, 100%);
}
.featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--model [data-component=media-model], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--video [data-component=media-video], .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--external_video [data-component=media-external-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--model [data-component=media-model],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--video [data-component=media-video],
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--external_video [data-component=media-external-video] {
  width: 100%;
  height: calc(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%);
}
.featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-portrait:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-portrait:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-portrait:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-portrait:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-portrait.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom {
  width: min(var(--media-effective-aspect-ratio) * 1 / var(--media-container-aspect-ratio) * 100%, 100%);
  height: min(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%, 100%);
}
.featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-landscape:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-landscape:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-square:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-square:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-square.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges, .featured-product-gallery__media--style-fit.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-square.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-landscape:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-landscape:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-landscape.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-square:not(.featured-product-gallery__media--image) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-square:not(.featured-product-gallery__media--image) .featured-product-gallery__media-zoom,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-square.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-badges,
.featured-product-gallery__media--style-fill.featured-product-gallery__media--ratio-square.featured-product-gallery__media--orientation-square.featured-product-gallery__media--image:not(.featured-product-gallery__media--style-fill) .featured-product-gallery__media-zoom {
  width: 100%;
  height: calc(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%);
}

.featured-product-gallery__media--ratio-square,
.featured-product-gallery__media--ratio-portrait,
.featured-product-gallery__media--ratio-landscape {
  height: 0;
  padding-bottom: calc(1 / var(--media-container-aspect-ratio) * 100%);
}
@media screen and (max-width: 719px) {
  .featured-product-gallery__media--ratio-square.featured-product-gallery__media--mobile-90,
.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--mobile-90,
.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--mobile-90 {
    padding-bottom: calc(0.9 / var(--media-container-aspect-ratio) * 100%);
  }
  .featured-product-gallery__media--ratio-square.featured-product-gallery__media--mobile-80,
.featured-product-gallery__media--ratio-portrait.featured-product-gallery__media--mobile-80,
.featured-product-gallery__media--ratio-landscape.featured-product-gallery__media--mobile-80 {
    padding-bottom: calc(0.8 / var(--media-container-aspect-ratio) * 100%);
  }
}

.featured-product-gallery__media--image .lazy-img,
.featured-product-gallery__media--image .placeholder-svg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.featured-product-gallery__media--model [data-component=media-model],
.featured-product-gallery__media--video [data-component=media-video],
.featured-product-gallery__media--external_video [data-component=media-external-video] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0;
  padding-bottom: calc(1 / var(--media-effective-aspect-ratio) * 100%);
  transform: translate(-50%, -50%);
}

.featured-product-gallery__media-badges {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0;
  padding-bottom: calc(1 / var(--media-effective-aspect-ratio) * 100%);
  pointer-events: none;
  background: none;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
  transform: translate(-50%, -50%);
}
.featured-product-gallery__media-badges [data-component=product-badges] {
  margin-top: var(--space-4);
  margin-left: var(--space-4);
}

.featured-product-gallery__media-zoom {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0;
  padding-bottom: calc(1 / var(--media-effective-aspect-ratio) * 100%);
  cursor: pointer;
  background: none;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
  transform: translate(-50%, -50%);
}

.featured-product-gallery__media-zoom-icon {
  position: absolute;
  top: 0.75rem; /* TODO: Replace with token */
  right: 0.75rem; /* TODO: Replace with token */
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--dimension-button-fab-small);
  height: var(--dimension-button-fab-small);
  padding: 0;
  color: var(--color-fab-foreground);
  cursor: pointer;
  background-color: var(--color-fab-background);
  border-radius: 100%;
  opacity: 1;
  transition: opacity 0.2s ease;
}
.featured-product-gallery__media-zoom-icon::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 100%;
  box-shadow: 0 2px 8px 0 var(--color-fab-foreground);
  opacity: 0.16;
}
.featured-product-gallery__media-zoom-icon:hover::before {
  box-shadow: 0 4px 14px 0 var(--color-fab-foreground);
  opacity: 0.2;
}
.featured-product-gallery__media-zoom-icon svg {
  width: var(--dimension-button-fab-small);
  height: var(--dimension-button-fab-small);
  fill: var(--color-fab-foreground);
}
@media screen and (min-width: 720px) {
  html:not(.has-touch) .featured-product-gallery__media-zoom:not(:hover) .featured-product-gallery__media-zoom-icon {
    visibility: hidden;
    opacity: 0;
  }
}

.featured-product-gallery-navigation__thumbnails-wrapper {
  position: relative;
  order: -1;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: var(--space-m) 0;
}
:root:not(.no-js) .featured-product-gallery:not(.featured-product-gallery--thumbnail-navigation) .featured-product-gallery-navigation__thumbnails-wrapper {
  display: none;
}
@media screen and (max-width: 719px) {
  .featured-product-gallery-navigation__thumbnails-wrapper :root:not(.no-js) {
    display: none;
  }
}

.featured-product-gallery-navigation__thumbnails {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.545rem; /* TODO: Replace with token */
  column-gap: 0.545rem; /* TODO: Replace with token */
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  list-style-type: none;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  outline: none;
}
.featured-product-gallery-navigation__thumbnails::-webkit-scrollbar {
  display: none;
}

.featured-product-gallery__navigation-thumbnail {
  --thumbnail-height: calc(100% / var(--media-aspect-ratio));
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding: 0;
  padding-bottom: calc(100% / var(--media-aspect-ratio));
  margin: 0;
  cursor: pointer;
  border: 2px solid transparent;
  -webkit-appearance: none;
          appearance: none;
  scroll-snap-align: start;
}
.featured-product-gallery__navigation-thumbnail [data-component=lazy-img] {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
}
.featured-product-gallery__navigation-thumbnail.featured-product-gallery__navigation-thumbnail--background-secondary {
  background-color: var(--color-site-background-secondary);
}

.featured-product-gallery__navigation-thumbnail[data-media-selected] {
  border: 2px solid var(--color-form-foreground);
}

.featured-product-gallery__navigation-thumbnail-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.featured-product-gallery__navigation-thumbnail-icon {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
  width: 33%;
  height: auto;
  color: var(--color-fab-foreground);
  background-color: var(--color-fab-background);
  border-radius: 100%;
}
.featured-product-gallery__navigation-thumbnail-icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.featured-product-gallery__navigation-thumbnail--ratio-square,
.featured-product-gallery__navigation-thumbnail--ratio-portrait,
.featured-product-gallery__navigation-thumbnail--ratio-landscape {
  height: 0;
}

.featured-product-gallery__navigation-thumbnail--ratio-square {
  padding-bottom: 100%;
}

.featured-product-gallery__navigation-thumbnail--ratio-portrait {
  padding-bottom: 150%;
}

.featured-product-gallery__navigation-thumbnail--ratio-landscape {
  padding-bottom: 75%;
}

.featured-product-gallery-navigation__arrows {
  display: flex;
  column-gap: 1rem; /* TODO: Replace with token */
  align-items: center;
  justify-content: center;
  margin-top: 1rem; /* TODO: Replace with token */
}
@media screen and (min-width: 720px) {
  .featured-product-gallery--thumbnail-navigation .featured-product-gallery-navigation__arrows {
    display: none;
  }
}
.no-js .featured-product-gallery-navigation__arrows {
  display: none;
}

.featured-product-gallery-navigation__previous,
.featured-product-gallery-navigation__next {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.625rem; /* TODO: Replace with token */
  height: 2.625rem; /* TODO: Replace with token */
  padding: 0;
  color: var(--color-fab-quiet);
  cursor: pointer;
  background: none;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
}
.featured-product-gallery-navigation__previous:not(:disabled):hover::before,
.featured-product-gallery-navigation__next:not(:disabled):hover::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-fab-foreground);
  opacity: 0.1;
}
.featured-product-gallery-navigation__previous:disabled,
.featured-product-gallery-navigation__next:disabled {
  opacity: 0.3;
}
.featured-product-gallery-navigation__previous svg,
.featured-product-gallery-navigation__next svg {
  width: 1.125rem; /* TODO: Replace with token */
  height: 1.125rem; /* TODO: Replace with token */
}
@media screen and (min-width: 720px) {
  .featured-product-gallery-navigation__previous svg,
.featured-product-gallery-navigation__next svg {
    width: 1.25rem; /* TODO: Replace with token */
    height: 1.25rem; /* TODO: Replace with token */
  }
}

.featured-product-gallery-navigation__previous svg {
  transform: rotate(90deg);
}

.featured-product-gallery-navigation__next svg {
  transform: rotate(-90deg);
}

.featured-product-gallery__viewinyourspace {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-button-small-vertical) var(--space-button-small-horizontal);
  margin-top: 1.5rem; /* TODO: Replace with token */
  font-size: var(--font-button-size-small);
  color: var(--color-button-main);
  background-color: rgba(var(--color-body-rgb), 10%);
  border: 0;
}
.featured-product-gallery__viewinyourspace[data-shopify-xr-hidden] {
  display: none;
}
@media screen and (min-width: 720px) {
  .featured-product-gallery--thumbnail-navigation .featured-product-gallery__viewinyourspace {
    grid-column: 2/3;
  }
}
.featured-product-gallery__viewinyourspace svg {
  width: 1.625rem; /* TODO: Replace with token */
  height: 1.625rem; /* TODO: Replace with token */
  margin-right: 0.625rem; /* TODO: Replace with token */
}

.media-video > video {
  width: 100%;
  opacity: 0;
}
.media-video .plyr {
  position: absolute;
  width: 100%;
  height: 100%;
}
.media-video .plyr__control--overlaid {
  position: absolute;
  top: calc(50% - 60px/2);
  left: calc(50% - 60px/2);
  z-index: 1;
  width: 60px;
  height: 60px;
  color: var(--color-fab-foreground);
  background-color: var(--color-fab-background);
  border: none;
  border-radius: 100%;
  box-shadow: none;
  opacity: 1;
  transition: opacity 200ms ease-in-out; /* TODO: Replace with token */
  transform: none;
}
.media-video .plyr__control--overlaid:hover {
  color: var(--color-fab-foreground);
  background-color: var(--color-fab-background);
  opacity: 0.55;
}
.media-video .plyr__control--overlaid svg {
  width: 100%;
  height: 100%;
  border: none;
  opacity: 1;
}
.media-video .plyr--video .plyr__controls {
  color: var(--color-fab-foreground);
  background-color: var(--color-fab-background);
}

.media-external-video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.media-model .shopify-model-viewer-ui {
  --progress-bar-color: var(--color-fab-foreground);
  --progress-bar-height: 2px;
  position: absolute;
  width: 100%;
  height: 100%;
}
.media-model .shopify-model-viewer-ui:not(.shopify-model-viewer-ui--fullscreen) .shopify-model-viewer-ui__control-icon.shopify-model-viewer-ui__control-icon--exit-fullscreen {
  display: none;
}
.media-model .shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon.shopify-model-viewer-ui__control-icon--enter-fullscreen {
  display: none;
}
.media-model .shopify-model-viewer-ui model-viewer {
  z-index: 1;
  width: 100%;
  height: 100%;
}
.media-model .shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled {
  z-index: 0;
  pointer-events: none;
}
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 46px;
  height: auto;
  border: 0;
  opacity: 0;
  transition: opacity 200ms ease-in-out; /* TODO: Replace with token */
}
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) {
  display: none;
}
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:focus-within {
  opacity: 1;
}
.media-model .shopify-model-viewer-ui:hover .shopify-model-viewer-ui__controls-area {
  opacity: 1;
}
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__button:focus {
  z-index: 1;
}
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__button--zoom-out,
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__button--zoom-in,
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__button--fullscreen {
  cursor: pointer;
}
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
  width: 46px;
  height: 46px;
  padding: 0;
  color: var(--color-fab-foreground);
  background-color: var(--color-fab-background);
  opacity: 1;
  transition: opacity 200ms ease-in-out; /* TODO: Replace with token */
}
body:not(.user-is-tabbing) .media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
  outline: none;
}
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control svg {
  width: 46px;
  height: 46px;
  color: var(--color-fab-foreground);
  pointer-events: none;
}
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:first-child {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
}
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:last-child {
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
}
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
  opacity: 0.55;
}
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
  position: absolute;
  top: calc(50% - 60px/2);
  left: calc(50% - 60px/2);
  z-index: 1;
  width: 60px;
  height: 60px;
  color: var(--color-fab-foreground);
  background-color: var(--color-fab-background);
  border: none;
  border-radius: 100%;
  box-shadow: none;
  opacity: 1;
  transition: opacity 200ms ease-in-out; /* TODO: Replace with token */
  transform: none;
}
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover {
  color: var(--color-fab-foreground);
  background-color: var(--color-fab-background);
  opacity: 0.55;
}
.media-model .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster svg {
  width: 100%;
  height: 100%;
  border: none;
  opacity: 1;
}

.product-gallery-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background-color: var(--color-site-background);
  opacity: 0;
}

.product-gallery-modal--visible {
  z-index: 999;
  visibility: visible;
  opacity: 1;
}

.product-gallery-modal__dialog {
  display: flex;
  align-items: center;
  height: 100vh;
}

.product-gallery-modal__toggle {
  --toggle-dimensions: 38px;
  position: absolute;
  top: 1rem; /* TODO: Replace with token */
  right: 1rem;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--toggle-dimensions);
  min-width: 44px;
  height: var(--toggle-dimensions);
  min-height: 44px;
  padding: 0;
  cursor: pointer;
  background-color: var(--color-fab-background);
  border: 0;
  border-radius: 100%;
}
.product-gallery-modal__toggle::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 100%;
  box-shadow: 0 2px 8px 0 var(--color-fab-foreground);
  opacity: 0.16;
}
.product-gallery-modal__toggle:hover::before, .product-gallery-modal__toggle:focus::before {
  box-shadow: 0 4px 14px 0 var(--color-fab-foreground);
  opacity: 0.2;
}
.product-gallery-modal__toggle svg {
  width: var(--dimension-button-fab-icon-medium);
  height: var(--dimension-button-fab-icon-medium);
  color: var(--color-fab-foreground);
  fill: var(--color-fab-foreground);
}
@media screen and (min-width: 720px) {
  .product-gallery-modal__toggle {
    top: 1.5rem; /* TODO: Replace with token */
    right: calc(5% - var(--toggle-dimensions) / 2);
  }
}

.product-gallery-modal__media-list {
  display: block;
  width: 100%;
  height: 100vh;
  padding: 0;
  overflow: auto;
  list-style-type: none;
}
@media screen and (min-width: 720px) {
  .product-gallery-modal__media-list {
    display: flex;
    flex-direction: column;
    row-gap: 0.438rem; /* TODO: Replace with token */
    width: 80%;
    height: calc(100vh - 1.5rem); /* TODO: Replace with token */
    margin: 1.5rem auto 0; /* TODO: Replace with token */
    -ms-overflow-style: none;
    scroll-behavior: smooth;
  }
  .product-gallery-modal__media-list::-webkit-scrollbar {
    display: none;
  }
}

@media screen and (max-width: 719px) {
  .product-gallery-modal__media-item {
    display: block;
    width: auto;
    height: auto;
  }
  .product-gallery-modal__media-item:not(.product-gallery-modal__media-item--selected) {
    display: none;
  }
}
@media screen and (min-width: 720px) {
  .product-gallery-modal__media-item {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    padding: 0;
    margin: 0;
  }
}

.product-gallery-modal__media-item--image img {
  display: block;
  min-width: 750px;
  max-width: none;
}
@media screen and (min-width: 720px) {
  .product-gallery-modal__media-item--image {
    height: 0;
    padding-bottom: calc(100% / var(--media-aspect-ratio));
  }
  .product-gallery-modal__media-item--image img {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}

.product-size-guide__drawer-btn {
  display: flex;
  column-gap: var(--space-4);
  align-items: center;
  padding: 0;
  font-family: var(--font-body-family);
  font-size: var(--font-body-size-100);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-body-line-height);
  color: var(--color-body);
  text-decoration: underline;
  letter-spacing: var(--font-body-letter-spacing);
  cursor: pointer;
  background: none;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
.product-size-guide__drawer-btn svg {
  display: block;
  flex-shrink: 0;
  width: 1rem;
  height: auto;
  color: var(--color-body);
}
.product-size-guide__drawer-btn:hover {
  opacity: 1;
}
#KiwiSizingChart .ks-chart-modal-link.with-icon .kiwi-svg {
  width: 0.8rem !important;
}
.product-page-drawer {
  position: relative;
  display: grid;
  flex-direction: column;
  grid-template-rows: auto 1fr;
  height: 100%;
  overflow: hidden;
}

.product-page-drawer__header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--space-10) var(--space-8);
  border-bottom: 1px solid var(--color-lines-and-borders);
  --local-touch-target: 44px;
}
@media screen and (min-width: 720px) {
  .product-page-drawer__header {
    padding: var(--space-10);
  }
}

.product-page-drawer__heading {
  flex: 1;
  width: calc(100% - var(--local-touch-target));
  margin: 0;
  text-align: center;
}

.product-page-drawer__close {
  position: absolute;
  top: calc(var(--space-10) - var(--space-6));
  right: var(--space-6);
  min-width: var(--local-touch-target);
  min-height: var(--local-touch-target);
  padding: var(--space-6);
  color: var(--color-body);
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.product-page-drawer__close * {
  pointer-events: none;
}
.product-page-drawer__close svg {
  display: block;
}

.product-page-drawer__content {
  padding: var(--space-8) var(--space-8);
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.product-page-drawer__content::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 720px) {
  .product-page-drawer__content {
    padding: var(--space-10) var(--space-10);
  }
}

.product-page__drawer-btn {
  padding: 0;
  color: var(--color-body);
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
}

.block-inventory-status {
  display: flex;
  column-gap: var(--space-3);
  align-items: center;
  margin: var(--space-4) 0;
}
.block-inventory-status svg {
  height: 1.125rem; /* TODO: Replace with token */
}

.block-inventory-status--stock-available {
  color: var(--color-in-stock);
}

.block-inventory-status--stock-low {
  color: var(--color-low-in-stock);
}

.block-inventory-status--stock-incoming {
  color: var(--color-out-of-stock);
}

.block-inventory-status--stock-unavailable {
  color: var(--color-out-of-stock);
}

.block-inventory-status--stock-unknown {
  opacity: 0;
}

.collapsible-tab {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid var(--color-lines-and-borders);
  /* border-bottom: 1px solid var(--color-lines-and-borders); */
}
.product__information .collapsible-tab {
  border-color: #E7E7E7;
}
/* .collapsible-tab--sibling {
  border-top: 0;
} */
.product-block--tab:last-child .collapsible-tab {
  border-bottom: 1px solid #E7E7E7;
}

.collapsible-tab__label {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-10) 0;
  margin: 0;
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  line-height: var(--font-heading-line-height);
  color: var(--color-heading);
  text-decoration: none;
  text-transform: var(--font-heading-transform);
  letter-spacing: var(--font-heading-letter-spacing);
  word-break: break-word;
  cursor: pointer;
}
.product__information {
  margin-top: var(--space-14);
}
.product__information .collapsible-tab__label {
  padding: 0;
}
.product__information .product-block__description-heading {
  font-size: 28px;
}
.product__information .product-block__description-wrapper .metafield-rich_text_field p {
  margin-top: 0;
}
.product__information .product-block__description-wrapper {
  display: flex;
  align-items: flex-start;
}
.product__information .product-block__description-wrapper.hide_images .product-block__description-image {
  display: none;
}
.product__information .product-block__description-wrapper.hide_images .product-block__description-content {
  width: 100% !important;
}
.product__information .product-block--custom:not(.product-block--tab) {
  padding-bottom: 0 !important;
}
.product__information .product-block--custom :where(p, div, span) {
  line-height: 16.04px
}
.collapsible-tab__label h5 {
  margin: 0;
  font-size: var(--font-heading-size-collapsible-tab);
}
.product__information .collapsible-tab__label .h5 {
  font-size: 15px !important;
  font-weight: 700 !important;
}
.collapsible-tab__label::-webkit-details-marker {
  display: none;
}
.product-block__description-image .product-block__description-content__overlay {
  display: none;
}
@media screen and (min-width: 720px) {
  .product__information .product-block__content {
    padding: 0 var(--space-10);
  }
  .product__information .collapsible-tab {
    padding: var(--space-6) var(--space-10);
  }
  .product__information .collapsible-tab__label .h5 {
    font-size: 24px;
  }
  .product__information .product-block__description-wrapper {
    justify-content: space-between;
  }
  .product__information .product-block__description-content {
    padding-right: 40px;
    width: 33.33%
  }
  .product-block__description-image {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 66.66%;
  }
  .product-block__description-image .product-block__description-image__item {
    width: calc(50% - 3px);
  }
}
@media screen and (max-width: 719px) {
  .product-block__description-image .product-block__description-image__item:not(:first-child) {
    display: none;
  }
  .product__information .product-block__description-wrapper {
    flex-flow: column-reverse;
    align-items: flex-start;
  }
  .product-block__description-content {
    margin-top: -85px;
    z-index: 99;
    padding: 0 10px;
  }
  .product__information .product-block__description-heading {
    font-size: 24px;
  }
  .product-block__description-image:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  }
}
@media screen and (min-width: 480px) {
  .collapsible-tab__label {
    width: 100%;
    border-bottom: none;
  }
}
.collapsible-tab__label svg {
  display: block;
  flex-shrink: 0;
  width: 1rem; /* TODO: Replace with token */
  margin-left: 1rem;
  transform: none;
}
.product__information .collapsible-tab__label svg {
  width: 12px;
}
.collapsible-tab[open] .collapsible-tab__label svg {
  transform: rotate(-180deg);
}

.collapsible-tab__panel {
  width: 100%;
  padding-bottom: var(--space-14);
  word-break: break-word;
}
.collapsible-tab__panel span.metafield-multi_line_text_field {
  font-size: 14px;
}
.collapsible-tab__panel > :first-child {
  margin-top: 0;
}
.collapsible-tab__panel > :last-child {
  margin-bottom: 0;
}
.collapsible-tab__panel li:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 480px) {
  .collapsible-tab__panel {
    justify-content: flex-start;
    width: 100%;
    border-bottom: none;
  }
}

.block-product-upsell {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-11);
}

.block-product-upsell__product {
  display: grid;
  grid-template-columns: 5.563rem auto;
  column-gap: var(--space-9);
}

.block-product-upsell__product-image {
  position: relative;
}

.block-product-upsell__product-vendor {
  margin-bottom: var(--space-1);
  font-size: var(--font-product-item-vendor-size);
  color: var(--color-vendor);
}

.block-product-upsell__product-title {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  line-height: var(--font-heading-line-height);
  color: var(--color-heading);
  text-decoration: none;
  text-transform: var(--font-heading-transform);
  letter-spacing: var(--font-heading-letter-spacing);
}

.block-product-upsell__product-price {
  margin-bottom: var(--space-1);
}

.block-product-upsell__product-link, .block-product-upsell__product-link:visited {
  color: var(--color-body);
}
.block-product-upsell__product-link:hover, .block-product-upsell__product-link:focus, .block-product-upsell__product-link:active {
  color: var(--color-accent);
}

.share {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.share__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
}

.share__item {
  display: flex;
  gap: var(--space-8);
  align-items: center;
  padding: var(--space-4) var(--space-8);
  text-decoration: none;
  word-break: keep-all;
  background-color: var(--color-site-background-secondary);
}
.share__item svg,
.share__item span {
  color: var(--color-body);
}
.share__item svg {
  width: 1.125rem;
  height: 1.125rem;
}

.share__copy-url {
  display: flex;
  word-break: keep-all;
}
.share__copy-url [data-component=button] {
  margin: 0 0 0 -1px;
  white-space: nowrap;
}

.share__input-wrapper {
  position: relative;
  flex-grow: 1;
}
.share__input-wrapper::after {
  position: absolute;
  top: 50%;
  left: var(--space-6);
  width: 1.5rem;
  height: 1.5rem;
  pointer-events: none;
  content: "";
  background-color: var(--color-form-foreground);
  /*
Icon hyperlink-circle (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20opacity%3D%22.3%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222.323%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12.655%2017.993a4.558%204.558%200%200%201-6.047%202.178v0a4.558%204.558%200%200%201-2.178-6.047l1.382-2.937a4.557%204.557%200%200%201%206.046-2.178v0a4.543%204.543%200%200%201%202.51%203.19%22%2F%3E%3Cpath%20d%3D%22M11.846%206.107a4.558%204.558%200%200%201%206.047-2.178%204.558%204.558%200%200%201%202.178%206.046l-1.382%202.937a4.558%204.558%200%200%201-6.047%202.178v0a4.535%204.535%200%200%201-2.352-2.62%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20opacity%3D%22.3%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222.323%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12.655%2017.993a4.558%204.558%200%200%201-6.047%202.178v0a4.558%204.558%200%200%201-2.178-6.047l1.382-2.937a4.557%204.557%200%200%201%206.046-2.178v0a4.543%204.543%200%200%201%202.51%203.19%22%2F%3E%3Cpath%20d%3D%22M11.846%206.107a4.558%204.558%200%200%201%206.047-2.178%204.558%204.558%200%200%201%202.178%206.046l-1.382%202.937a4.558%204.558%200%200%201-6.047%202.178v0a4.535%204.535%200%200%201-2.352-2.62%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon hyperlink-circle (1.0.1) end
     */
  transform: translateY(-50%);
}
.share--success-visible .share__input-wrapper::after {
  display: none;
}

.share__input[type=text] {
  height: 100%;
  padding-left: calc(1.5rem + var(--space-6) + var(--space-5));
  margin: 0;
  border-radius: 0;
}

.share__copy-url-success {
  width: 100%;
  padding: var(--space-form-input-medium-vertical) var(--space-form-input-medium-horizontal);
  margin: 0;
}

.block-product-label {
  --font-size: var(--font-body-size-50);
  --line-height: var(--font-body-line-height);
  --text-baseline: calc((var(--line-height) * var(--font-size)) - var(--font-size));
  --icon-height: 1.25rem;
  --icon-midpoint: calc(var(--text-baseline) + var(--icon-height) / 2);
  --text-midpoint: calc(var(--text-baseline) + var(--font-size) / 2);
  --icon-offset: calc(var(--text-baseline) + var(--text-midpoint) - var(--icon-midpoint));
  display: inline-flex;
  column-gap: var(--space-3);
  align-items: center;
  padding-top: calc(var(--space-3) + var(--icon-offset));
  padding-bottom: var(--space-3);
  font-size: var(--font-size);
  line-height: var(--line-height);
}

.block-product-label--style-outlined {
  padding-right: var(--space-5);
  padding-left: var(--space-5);
  border: 1px solid var(--color-lines-and-borders);
}

.block-product-label--size-small {
  --font-size: var(--font-body-size-50);
}

.block-product-label--size-medium {
  --font-size: var(--font-body-size-75);
}

.block-product-label--size-large {
  --font-size: var(--font-body-size-200);
}

.block-product-label__icon {
  position: relative;
  bottom: var(--icon-offset);
  display: inline-block;
  flex-shrink: 0;
  align-self: end;
  height: var(--icon-height); /* TODO: Replace with token */
}
.block-product-label__icon img {
  width: auto;
}

.gift-card {
  padding: var(--space-section-margin-desktop) 0;
  margin: 0;
}

.gift-card__content {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.gift-card__title {
  padding: 0 0 1.7rem;
  text-align: center;
  word-break: break-word;
}

@media only screen and (min-width: 990px) {
  .gift-card__title {
    padding: 0 0 2.6rem;
  }
}
.gift-card__image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0 auto;
  margin-bottom: 0.8rem;
}

@media only screen and (min-width: 750px) {
  .gift-card__image-wrapper {
    height: 266px;
    margin-bottom: 0;
  }
}
.gift-card__image {
  max-width: 100%;
  height: auto;
  max-height: 100%;
  padding: 0 2rem;
}

@media only screen and (min-width: 750px) {
  .gift-card__image {
    padding: 0;
  }
}
.gift-card__heading {
  margin: 2.5rem 0 1rem;
  font-weight: 400;
}

.gift-card__price {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: var(--font-body-line-height);
  letter-spacing: 1px;
  opacity: 0.85;
}

@media only screen and (min-width: 750px) {
  .gift-card__price {
    font-size: 2rem;
  }
}
.gift-card__label:not(.badge) {
  font-weight: 400;
  opacity: 0.7;
}

.gift-card__number {
  width: 100%;
  margin-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  background-color: transparent;
  border: none;
}

@media only screen and (min-width: 750px) {
  .gift-card__number {
    font-size: 1.8rem;
  }
}
.gift-card__text {
  margin-bottom: 4rem;
  opacity: 0.7;
}

.gift-card__information {
  margin-top: 3rem;
  text-align: center;
}

.gift-card__label {
  display: inline;
  margin-left: 1rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
}

.gift-card__label--expired {
  color: var(--color-error);
}

.caption-large {
  font-size: 1.3rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.04rem;
}

.gift-card__copy-code {
  margin-bottom: 2.2rem;
}

.gift-card__qr-code {
  margin-top: 3rem;
}

@media only screen and (min-width: 750px) {
  .gift-card__qr-code {
    margin-top: 5rem;
  }
}
.gift-card__qr-code img {
  margin: 0 auto;
}

.gift_card__apple-wallet {
  display: block;
  margin-bottom: 5rem;
  line-height: 0;
}

.gift-card__buttons {
  display: flex;
  flex-flow: column wrap;
  max-width: 25rem;
  margin: 0 auto;
}

.gift-card__buttons > .button:first-child {
  display: block;
  margin-bottom: 2rem;
}

.gift-card__copy-success {
  display: flex;
  flex-flow: row nowrap;
  column-gap: 0.375rem;
  margin-top: 1rem;
}
.gift-card__copy-success svg {
  display: block;
  width: auto;
  height: 1.375rem;
  color: var(--color-success);
}

@media print {
  .gift-card__image-wrapper {
    height: 120px;
    margin-bottom: 0;
  }
  .no-print {
    display: none;
  }
}
.image-banner__wrapper {
  position: relative;
  height: var(--mobile-height, 100vh);
}
@media screen and (min-width: 480px) {
  .image-banner__wrapper {
    height: var(--desktop-height);
  }
}
@media screen and (min-width: 480px) {
  .image-banner__wrapper.image-banner__wrapper--double-image {
    display: grid;
    grid-template-rows: var(--desktop-height);
    grid-template-columns: repeat(2, 1fr);
  }
}

.image-banner__block-wrapper:first-child > * {
  margin-top: 0;
}
.image-banner__block-wrapper:last-child > * {
  margin-bottom: 0;
}

.image-banner__image {
  width: 100%;
  height: 100%;
}
.image-banner__image img {
  object-position: var(--focal-point);
}

.image-banner__image--second {
  display: none;
}
@media screen and (min-width: 480px) {
  .image-banner__image--second {
    display: block;
  }
}

@media screen and (min-width: 480px) {
  .image-banner__image--mobile {
    display: none;
  }
}

.image-banner__image--mobile-hidden {
  display: none;
}
@media screen and (min-width: 480px) {
  .image-banner__image--mobile-hidden {
    display: block;
  }
}

.image-banner__overlay,
.image-banner__content {
  z-index: 1;
}

.image-banner__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--overlay-color);
}

.image-banner__content-grid {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-areas: "top" "center" "bottom";
  grid-template-rows: repeat(3, auto);
  height: 100%;
  padding: var(--space-17) var(--space-8);
  color: var(--overlay-text-color);
}
@media screen and (min-width: 480px) {
  .image-banner__content-grid {
    padding: var(--space-18) var(--space-17);
  }
  .image-banner__content-grid.image-banner__content-grid--wide {
    padding: var(--space-18) var(--space-19);
  }
}
.image-banner__content-grid [data-component=block-preheading] {
  max-width: 21.875rem;
}
.image-banner__content-grid [data-component=block-heading] {
  max-width: 40.625rem;
}
.image-banner__content-grid [data-component=block-heading].block-heading--desktop-extra-large {
  max-width: 46.875rem;
}
.image-banner__content-grid [data-component=block-richtext] {
  max-width: 43.75rem;
}
.image-banner__content-grid [data-component=block-button-link] {
  max-width: 29rem;
}

.image-banner__content-grid-cell {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 480px) {
  .image-banner__content-grid-cell {
    display: grid;
    grid-template-areas: "left center right";
    grid-template-columns: repeat(3, auto);
    column-gap: var(--space-8);
  }
}

.image-banner__content-grid--top {
  grid-area: top;
}

.image-banner__content-grid--center {
  grid-area: center;
}

.image-banner__content-grid--bottom {
  grid-area: bottom;
}

.image-banner__content--left {
  grid-area: left;
  margin-right: auto;
}

.image-banner__content--center {
  grid-area: center;
  margin: 0 auto;
}

.image-banner__content--right {
  grid-area: right;
  margin-left: auto;
}

.image-banner__content {
  display: flex;
  flex-direction: column;
}
.image-banner__content-grid--top .image-banner__content {
  justify-content: flex-start;
}
.image-banner__content-grid--center .image-banner__content {
  justify-content: center;
}
.image-banner__content-grid--bottom .image-banner__content {
  justify-content: flex-end;
}
.image-banner__content-grid--left-aligned .image-banner__content {
  align-items: flex-start;
}
.image-banner__content-grid--center-aligned .image-banner__content {
  align-items: center;
  text-align: center;
}
.image-banner__content-grid--right-aligned .image-banner__content {
  align-items: flex-end;
  text-align: right;
}

.block-heading {
  margin-top: var(--space-6);
}
.block-heading > :first-child {
  margin-top: 0;
}
.block-heading > :last-child {
  margin-bottom: 0;
}
.block-heading h2 {
  color: var(--block-text-color, var(--color-heading));
}

.block-heading--desktop-medium h2 {
  font-size: 1.9375rem;
}

.block-heading--desktop-large h2 {
  font-size: calc(var(--font-heading-size-2) * 1.3642);
}

.block-heading--desktop-extra-large h2 {
  font-size: calc(var(--font-heading-size-2) * 1.85);
}

@media screen and (max-width: 479px) {
  .block-heading--mobile-small h2 {
    font-size: var(--font-heading-size-2);
  }
  .block-heading--mobile-medium h2 {
    font-size: var(--font-heading-size-1);
  }
  /* .block-heading h2 {
    font-size: 1.625rem;
  } */
  .block-heading--mobile-large h2 {
    font-size: calc(var(--font-heading-size-2) * 1.3642);
  }
  .block-heading--mobile-extra-large h2 {
    font-size: calc(var(--font-heading-size-2) * 1.85);
  }
}
.block-preheading {
  max-width: 90ch;
  margin-top: var(--space-7);
  color: var(--block-text-color, var(--color-heading));
  letter-spacing: var(--font-accent-letter-spacing);
}
.block-preheading > :first-child {
  margin-top: 0;
}
.block-preheading > :last-child {
  margin-bottom: 0;
}

.block-preheading--small {
  font-size: var(--font-body-size-25);
}

.block-preheading--medium {
  font-size: var(--font-body-size-50);
}

.block-preheading--large {
  font-size: var(--font-body-size-75);
}

.block-preheading--bolder {
  font-weight: var(--font-subheading-weight-bolder);
}

.block-preheading--uppercase {
  text-transform: uppercase;
}
.template-page-shipping-information .block-richtext {
  max-width: unset;
}
.template-page-shipping-information .block-heading {
  text-align: center;
}
.block-richtext {
  max-width: 90ch;
  margin-top: var(--space-7);
}
.block-richtext > :first-child {
  margin-top: 0;
}
.block-richtext > :last-child {
  margin-bottom: 0;
}
.block-richtext > * {
  color: var(--block-text-color, var(--color-body));
}

.block-richtext--small {
  font-size: var(--font-body-size-50);
}

.block-richtext--medium {
  font-size: var(--font-body-size-100);
}

.block-richtext--large {
  font-size: var(--font-body-size-300);
}

.block-button-link {
  margin-top: var(--space-11);
}
.block-button-link > :first-child {
  margin-top: 0;
}

.image-with-text__content {
  position: relative;
}
.image-with-text__content::before {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--local-background-color);
}
@media screen and (min-width: 1024px) {
  .image-with-text__content {
    display: grid;
    gap: 0;
    background-color: var(--local-background-color);
  }
  .image-with-text__content::before {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .image-with-text__content--image-position-left {
    grid-template-columns: var(--local-image-width) 1fr;
  }
}

@media screen and (min-width: 1024px) {
  .image-with-text__content--image-position-right {
    grid-template-columns: 1fr var(--local-image-width);
  }
}

.image-with-text__content--image-style-offset::before {
  height: calc(100% - var(--space-20));
}
.image-with-text__content--image-style-offset.image-with-text__content--image-position-left::before {
  top: var(--space-20);
}

.image-with-text__image--padded,
.image-with-text__image--offset {
  padding: var(--space-8);
}

@media screen and (min-width: 480px) {
  .image-with-text__image--padded {
    padding: var(--space-17) var(--space-19) 0 var(--space-19);
  }
}
@media screen and (min-width: 1024px) {
  .image-with-text__image--padded {
    padding: var(--space-17);
  }
}

.image-with-text__image--offset {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .image-with-text__image--offset {
    top: var(--space-15);
    padding: 0;
  }
  .image-with-text__image--offset.image-with-text__image--first {
    left: var(--space-15);
  }
  .image-with-text__image--offset.image-with-text__image--last {
    right: var(--space-15);
  }
}

.image-with-text__image {
  align-self: center;
  height: var(--local-image-height-mobile);
}
@media screen and (min-width: 1024px) {
  .image-with-text__image {
    height: var(--local-image-height-desktop);
  }
}

.image-with-text__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--space-18) var(--space-16);
}
@media screen and (min-width: 480px) {
  .image-with-text__text {
    padding: var(--space-19);
  }
}
@media screen and (min-width: 1024px) {
  .image-with-text__text {
    padding: var(--space-15) var(--space-21);
  }
  .template-page-fabric-guide .image-with-text__text {
    padding: var(--space-18); 
  }
}

@media screen and (max-width: 1500px) and (min-width: 1024px)  {
  .template-page-fabric-guide .image-with-text__text {
    padding: var(--space-15); 
  }
}
.image-with-text__text > :first-child {
  margin-top: 0;
}
.image-with-text__text > :last-child {
  margin-bottom: 0;
}
.image-with-text__text .block-preheading {
  margin-bottom: var(--space-8);
}

.image-with-text__text-image {
  margin-top: var(--space-8);
}
.image-with-text__text-image > img {
  width: 100%;
  height: 100%;
}

.image-with-text__text--alignment-left {
  align-items: flex-start;
}

.image-with-text__text--alignment-center {
  align-items: center;
  text-align: center;
}

.image-with-text__text--alignment-right {
  align-items: flex-end;
  text-align: right;
}

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

.main-404__heading {
  margin-bottom: 1.125rem;
  font-size: var(--font-heading-size-section);
}

.main-404__subtext {
  margin-top: 0;
  margin-bottom: var(--space-16);
  font-size: var(--font-body-size-300);
}

.main-article__header-wrapper {
  z-index: 1;
}
.main-article__header-wrapper.main-article__header-wrapper--wide {
  padding-right: var(--space-gutter-mobile);
  padding-left: var(--space-gutter-mobile);
}
@media screen and (min-width: 720px) {
  .main-article__header-wrapper.main-article__header-wrapper--wide {
    padding-right: var(--space-gutter-desktop);
    padding-left: var(--space-gutter-desktop);
  }
}
@media screen and (min-width: 1024px) {
  .main-article__header-wrapper.main-article__header-wrapper--wide {
    padding-right: var(--space-20);
    padding-left: var(--space-20);
  }
}

.main-article__title {
  margin-top: var(--space-18);
  margin-bottom: 0;
  font-size: var(--font-heading-size-page-title);
}

.main-article__title--overlap {
  margin-bottom: calc(-1 * var(--space-9));
}

.main-article__featured-image {
  height: 25rem;
  margin-top: var(--space-12);
}
.main-article__featured-image.main-article__featured-image--title-overlap {
  margin-top: 0;
}

.main-article__wrapper {
  margin-top: var(--space-6);
  margin-bottom: var(--space-16);
}

.main-article__meta {
  font-size: var(--font-body-size-50);
  opacity: 0.7;
}

.main-article__author::after {
  margin: 0 var(--space-6);
  content: "/";
}
.main-article__author:last-of-type::after {
  display: none;
}

.main-article__body,
.main-article__image-wrapper--column,
.main-article__header-wrapper--column,
.main-article__header-wrapper--overlap {
  max-width: 90ch;
}

.main-article__content {
  margin-top: var(--space-12);
}
@media screen and (min-width: 720px) {
  .main-article__content {
    margin-top: var(--space-14);
  }
}
@media screen and (min-width: 1024px) {
  .main-article__content {
    margin-top: var(--space-17);
  }
}
.main-article__content > *:first-child {
  margin-top: 0;
}
.main-article__content > *:last-child {
  margin-bottom: 0;
}

.main-article__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  padding: 0;
  margin: 0;
  font-family: var(--font-body-family);
  font-size: var(--font-accent-size-large);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-accent-line-height);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: var(--font-accent-letter-spacing);
  list-style: none;
}

.main-article__tag {
  margin: 0;
}
.main-article__tag a {
  text-decoration: none;
}
.main-article__tag::after {
  margin-left: var(--space-4);
  content: "/";
}
.main-article__tag:last-of-type::after {
  display: none;
}

.main-article__footer {
  margin-top: var(--space-12);
}
.main-article__footer > * {
  margin-top: 0;
  margin-bottom: 0;
}
.main-article__footer > * + * {
  margin-top: var(--space-12);
}

.main-article__footer-top {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}
@media screen and (min-width: 480px) {
  .main-article__footer-top {
    flex-direction: row;
    align-items: flex-end;
  }
  .main-article__footer-top > * {
    margin-top: 0;
  }
}

.main-article__back-to-blog {
  margin-left: auto;
}

.main-article__back-to-blog-link {
  position: relative;
  display: flex;
  gap: var(--space-7);
  align-items: center;
  font-weight: var(--font-body-weight-bolder);
  color: var(--color-body);
  text-decoration: none;
  white-space: nowrap;
}
.main-article__back-to-blog-link svg {
  position: relative;
  right: 0;
  transition: right 0.2s ease;
}
.main-article__back-to-blog-link:hover svg {
  right: 8px;
}
.main-article__back-to-blog-link:hover, .main-article__back-to-blog-link:active, .main-article__back-to-blog-link:focus, .main-article__back-to-blog-link:visited {
  color: var(--color-body);
}

.main-article__share {
  flex-grow: 1;
  margin-right: auto;
  margin-bottom: var(--space-8);
}

.comment-form__field-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.comments {
  background-color: var(--color-site-background-secondary);
}

@media screen and (min-width: 480px) {
  .comments__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.comments__wrapper {
  padding: var(--space-17) 0;
}

.comments__count {
  margin-top: 0;
  margin-bottom: var(--space-14);
}
@media screen and (min-width: 480px) {
  .comments__count {
    margin-bottom: 0;
  }
}

.comment {
  padding: var(--space-8) var(--space-4);
  border-bottom: 1px solid var(--color-lines-and-borders);
}
.comment:last-of-type {
  border-bottom: none;
}

.comment__meta {
  margin-bottom: var(--space-8);
  font-weight: var(--font-body-weight-bolder);
}

.comment__author::after {
  margin: 0 var(--space-6);
  content: "/";
  opacity: 0.4;
}

.comment__body p:first-child {
  margin-top: 0;
}
.comment__body p:last-child {
  margin-bottom: 0;
}

.comment-form__heading {
  margin: var(--space-10) 0 var(--space-12);
}

.comments__list {
  margin-bottom: var(--space-8);
}

.main-blog__header {
  position: relative;
  padding-right: var(--space-gutter-mobile);
  padding-left: var(--space-gutter-mobile);
}
@media screen and (min-width: 720px) {
  .main-blog__header {
    padding: 0;
  }
}

.main-blog__header-image-wrapper {
  display: none;
  height: 18.75rem;
}
@media screen and (min-width: 720px) {
  .main-blog__header-image-wrapper {
    display: block;
  }
}

@media screen and (min-width: 720px) {
  .main-blog__header--with-image .main-blog__header-content-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--space-8) var(--space-gutter-desktop);
    background: var(--color-overlay);
  }
}
@media screen and (min-width: 1024px) {
  .main-blog__header-content-wrapper {
    padding: var(--space-10) 0;
  }
}

.main-blog__header-content {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-14);
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 720px) {
  .main-blog__header-content {
    row-gap: var(--space-6);
  }
}
@media screen and (min-width: 1024px) {
  .main-blog__header-content {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}

.main-blog__title {
  margin: 0;
  font-size: var(--font-heading-size-banner);
}
@media screen and (min-width: 720px) {
  .main-blog__header--with-image .main-blog__title {
    color: var(--color-overlay-text);
  }
}

.main-blog__tags {
  display: none;
  flex-wrap: wrap;
  row-gap: var(--space-2);
  column-gap: var(--space-12);
  align-items: center;
  max-width: var(--width-site-content);
  padding: 0;
  margin: 0;
  list-style: none;
}
@media screen and (min-width: 720px) {
  .main-blog__tags {
    display: flex;
  }
  .main-blog__tags a {
    color: var(--color-body);
    text-decoration: none;
  }
  .main-blog__tags a:hover {
    text-decoration: underline;
  }
  .main-blog__header--with-image .main-blog__tags a {
    color: var(--color-overlay-text);
  }
}

.main-blog__tag {
  margin: 0;
}

.main-blog__mobile-tags {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
}
.main-blog__mobile-tags label {
  display: none;
}
.main-blog__mobile-tags .input-select__wrapper {
  margin: 0;
}
@media screen and (min-width: 720px) {
  .main-blog__mobile-tags {
    display: none;
  }
}

.main-blog__content-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: var(--space-15);
  margin: var(--space-14) 0;
}
@media screen and (min-width: 720px) {
  .main-blog__content-wrapper {
    grid-template-columns: repeat(2, 1fr);
    row-gap: var(--space-10);
    column-gap: var(--space-9);
    margin: var(--space-17) 0;
  }
}
@media screen and (min-width: 1024px) {
  .main-blog__content-wrapper {
    grid-template-columns: repeat(3, 1fr);
    row-gap: var(--space-18);
    column-gap: var(--space-15);
  }
}
@media screen and (min-width: 1024px) {
  .main-blog__content-wrapper .main-blog__article--collage {
    grid-column: span 2;
  }
}

.cart-page {
  padding-bottom: var(--space-14);
}

.cart__heading {
  margin-top: var(--space-17);
  margin-bottom: var(--space-15);
}

.cart__empty-text {
  margin-bottom: var(--space-17);
}

.cart__errors {
  display: none;
  margin-bottom: var(--space-10);
}

.cart__errors,
.cart-item__error {
  color: var(--color-error);
}

.cart-items {
  display: block;
  width: 100%;
  border-bottom: 1px solid var(--color-lines-and-borders);
  white-space: normal;
  margin-bottom: var(--space-17);
}
.cart-items thead,
.cart-items tbody {
  display: block;
  width: 100%;
}
.cart-items th {
  letter-spacing: 0.075rem;
}

.cart-items__headings {
  display: none;
}
.cart-page .cart-items {
  border-top: 1px solid var(--color-lines-and-borders);
}
@media screen and (min-width: 720px) {
  .cart-page .cart-items {
    border: 0;
  }
  .cart-items__headings {
    display: flex;
    justify-content: space-between;
    border-top: 0;
  }
  .cart-items__headings .cart-items__heading-title {
    flex: 2;
    padding-left: var(--space-4);
    padding-right: 0;
  }
  .cart-items__headings .cart-items__heading-quantity {
    flex: 1;
    text-align: center;
  }
  .cart-items__headings .cart-items__heading-total {
    flex: 1;
    text-align: right;
  }
}

.cart-item {
  display: grid;
  grid-template: repeat(2, auto)/repeat(4, 1fr);
  height: var(--open-height);
  border-bottom: 0;
  border-top: 1px solid var(--color-lines-and-borders);
  padding-top: var(--space-12);
  padding-bottom: var(--space-12);
}
@media screen and (min-width: 720px) {
  .cart-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.cart-item:first-child {
  border-top: 0;
}
.cart-item[data-animation-state=active] {
  opacity: 100%;
}
.cart-item[data-animation-state=fade] {
  opacity: 0%;
}
.cart-item[data-animation-state=remove] {
  opacity: 0%;
  height: 0;
  padding: 0;
}
.cart-item[data-animation="active=>fade"] {
  transition: ease-in-out opacity 0.6s;
}
.cart-item[data-animation="fade=>remove"] {
  transition: ease-in-out height 0.3s;
}
.cart-item td {
  padding: 0;
}
@media screen and (min-width: 720px) {
  .cart-item td {
    padding: 0 var(--space-6);
  }
  .cart-item td:last-child {
    margin-right: 0;
  }
}

.cart-item__image--mobile {
  display: block;
  grid-row: 1/3;
  width: 6rem;
  min-width: 4rem;
}
@media screen and (min-width: 720px) {
  .cart-item__image--mobile {
    display: none;
  }
}

.cart-item__image-wrapper--mobile {
  display: block;
  width: 6rem;
  min-width: 4rem;
}

td.cart-item__details {
  grid-column: 2/4;
  display: flex;
  flex-wrap: nowrap;
  padding: 0 var(--space-9);
  word-break: break-word;
  white-space: normal;
}
@media screen and (min-width: 720px) {
  td.cart-item__details {
    flex: 2;
    padding: 0 var(--space-6);
  }
}

.cart-item__details-image {
  display: none;
}
@media screen and (min-width: 720px) {
  .cart-item__details-image {
    display: flex;
    align-items: center;
    width: 8rem;
    margin-right: var(--space-10);
  }
}

.cart-item__image-wrapper {
  display: block;
  width: 8rem;
}

@media screen and (min-width: 720px) {
  .cart-item__details-info {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}

.cart-item__heading {
  margin-top: 0;
  font-size: var(--font-body-size-100);
  color: var(--color-body);
  margin-bottom: var(--space-2);
}
@media screen and (min-width: 720px) {
  .cart-item__heading {
    margin-right: var(--space-4);
  }
}

.cart-item__sale-price {
  color: var(--color-sale);
}

.cart-item__price-original {
  opacity: 0.6;
}

.cart-item__options {
  display: flex;
  margin: 0;
  opacity: 50%;
  flex-direction: column;
  font-size: var(--font-body-size-50);
}
@media screen and (min-width: 720px) {
  .cart-item__options {
    flex-direction: initial;
    flex-wrap: wrap;
  }
}
.cart-item__options .option-seperator {
  font-size: var(--font-accent-size-small);
  margin: 0 var(--space-4);
  display: none;
}
@media screen and (min-width: 720px) {
  .cart-item__options .option-seperator {
    display: inline-block;
  }
}

.cart-item__vendor {
  margin-top: var(--space-2);
  margin-bottom: 0;
  font-size: var(--font-body-size-50);
  color: var(--color-vendor);
}

.cart-item__discounts {
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
}

.cart-item__discount {
  color: var(--color-sale);
  text-transform: uppercase;
  font-size: var(--font-accent-size-small);
  line-height: var(--font-accent-line-height);
  letter-spacing: var(--font-accent-letter-spacing);
  position: relative;
}

.cart-item__discount-title {
  display: inline-block;
  position: relative;
  padding-left: var(--space-10);
}
.cart-item__discount-title::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: var(--color-sale);
  /*
Icon tag (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.32%2013.337%202.597%208.622a1.992%201.992%200%200%201-.584-1.402l-.015-3.233a1.974%201.974%200%200%201%20.585-1.417%202.006%202.006%200%200%201%201.427-.585l3.369.024a2%202%200%200%201%201.398.584l4.654%204.646a1.995%201.995%200%200%201%200%202.82l-3.285%203.278a1.99%201.99%200%200%201-1.413.585%202.004%202.004%200%200%201-1.413-.585ZM5.652%205.682a.763.763%200%200%200%200-1.08.767.767%200%200%200-1.305.54.763.763%200%200%200%201.305.54Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.32%2013.337%202.597%208.622a1.992%201.992%200%200%201-.584-1.402l-.015-3.233a1.974%201.974%200%200%201%20.585-1.417%202.006%202.006%200%200%201%201.427-.585l3.369.024a2%202%200%200%201%201.398.584l4.654%204.646a1.995%201.995%200%200%201%200%202.82l-3.285%203.278a1.99%201.99%200%200%201-1.413.585%202.004%202.004%200%200%201-1.413-.585ZM5.652%205.682a.763.763%200%200%200%200-1.08.767.767%200%200%200-1.305.54.763.763%200%200%200%201.305.54Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon tag (1.0.1) end
     */
}

.cart-item__plan dt,
.cart-item__plan dd,
.cart-item__option dt,
.cart-item__option dd {
  display: inline-block;
  margin-left: 0;
}

td.cart-item__quantity {
  grid-column: 2/5;
  display: flex;
  flex: 1;
  text-align: center;
  justify-content: space-between;
  padding-top: var(--space-7);
  padding-left: var(--space-9);
}
@media screen and (min-width: 720px) {
  td.cart-item__quantity {
    padding: 0 var(--space-6);
    justify-content: center;
    flex-wrap: wrap;
  }
}

.cart-item__remove,
.cart-item__remove:visited {
  color: var(--color-fab-quiet);
  opacity: 50%;
  font-size: var(--font-body-size-50);
  margin-top: var(--space-6);
}
.cart-item__remove:hover, .cart-item__remove:focus,
.cart-item__remove:visited:hover,
.cart-item__remove:visited:focus {
  color: var(--color-fab-quiet);
  opacity: 100%;
}

.cart-item__quantity-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (min-width: 720px) {
  .cart-item__quantity-wrapper {
    width: auto;
    flex-direction: column;
    align-items: initial;
  }
}

.cart-item__price {
  grid-column: 4/5;
  grid-row: 1;
  text-align: right;
}
@media screen and (min-width: 720px) {
  .cart-item__price {
    flex: 1;
    justify-content: flex-end;
  }
}

.cart-item__unit-price {
  color: var(--color-price-regular);
  opacity: 60%;
}

.cart__bottom {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 720px) {
  .cart__bottom {
    flex-direction: row;
  }
}

.cart__bottom-notes {
  width: 100%;
}
@media screen and (min-width: 720px) {
  .cart__bottom-notes {
    width: 33.3333%;
    padding-right: var(--space-4);
  }
}
.cart__bottom-notes textarea {
  width: 100%;
  max-width: 100%;
  height: 100px;
  cursor: text;
}

.cart__bottom-totals {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: center;
}
@media screen and (min-width: 720px) {
  .cart__bottom-totals {
    align-items: flex-end;
    text-align: right;
  }
}

.cart__discounts {
  list-style: none;
  margin: 0;
  padding: 0 0 0 var(--space-8);
}

.cart__discount-title {
  position: relative;
  display: inline-block;
  padding-left: var(--space-10);
  text-align: right;
}
.cart__discount-title svg {
  vertical-align: middle;
}

.cart__discount-amount {
  color: var(--color-sale);
  flex-shrink: 0;
  align-self: flex-end;
}

.cart__subtotal {
  margin-bottom: var(--space-2);
}

.cart__discount,
.cart__subtotal {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  position: relative;
}

.cart__discount-amount,
.cart__subtotal-value {
  display: inline-block;
  width: 15ch;
  text-align: right;
}

.cart__checkout-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
@media screen and (min-width: 720px) {
  .cart__checkout-buttons {
    display: block;
    width: auto;
  }
}

.cart__taxes-policies {
  display: block;
  margin: var(--space-8) 0;
  text-align: right;
  opacity: 0.5;
}

.cart__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 30vh;
}
.cart__empty [data-component=button] {
  margin-top: var(--space-17);
}

.cart__no-js {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  max-width: none;
  margin-bottom: var(--space-8);
}
@media screen and (min-width: 720px) {
  .cart__no-js {
    display: block;
    max-width: 11.25rem;
  }
}
.cart__no-js button {
  width: 11.25rem;
}
@media screen and (min-width: 720px) {
  .cart__no-js button {
    width: 100%;
  }
}

.cross-sell-slider [data-component=cross-sell-card] {
  width: 100%;
  height: 580px;
}
.cross-sell-slider .cross-sell-slider__heading {
  margin-bottom: var(--space-15);
  font-size: var(--font-heading-size-section);
}
.no-js .cross-sell-slider .cross-sell-slider__heading {
  display: none;
}

.section-collection-title + .section-collection-grid .main-collection-grid {
  margin-top: var(--space-11);
}

.main-collection-grid__content--top-divider {
  padding-top: var(--space-8);
  border-top: 1px solid var(--color-lines-and-borders);
}
@media screen and (min-width: 720px) {
  .main-collection-grid__content--top-divider {
    padding-top: 0;
  }
}

.main-collection-grid__products {
  margin-top: var(--space-12);
}

.main-collection-grid__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-content-grid-mobile);
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.collection__promotion-block {
  background-color: var(--block-background-color);
  color: var(--block-text-color);
  padding: var(--space-6);
}
.collection__promotion-block.only-video {
  padding: 0;
}
.main-collection-grid__promotion-block.text-center{
  text-align: center;
}
.main-collection-grid__promotion-block.text-right{
  text-align: right;
}
.main-collection-grid__promotion-block h4 {
  color: var(--block-text-color);
  margin-top: var(--space-4);
  margin-bottom: 0;
}
.main-collection-grid__promotion-block p {
  margin-top: var(--space-8);
  margin-bottom: 0;
  font-size: var(--font-product-item-name-size);
}
.main-collection-grid__promotion-block .button-link{
  width: 100%;
  margin-top: var(--space-8);
  border-color: var(--block-button-background);
  background-color: var(--block-button-background);
  color: var(--block-button-text);
  font-size: var(--font-body-size-75);
  min-height: 42px;
  padding: var(--space-5) var(--space-8);
}
.main-collection-grid__block-video {
  height: 100%;
}
.main-collection-grid__block-video .block-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 720px) {
  .main-collection-grid__list {
    gap: var(--space-content-grid-medium);
  }
  .main-collection-grid__promotion-block .button-link{
    min-height: 44px;
  }
}

@media screen and (min-width: 720px) {
  .main-collection-grid__list--columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (min-width: 720px) {
  .main-collection-grid__list--columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media screen and (min-width: 720px) {
  .main-collection-grid__list--columns-5 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1024px) {
  .main-collection-grid__list--columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.main-collection-grid__list-item {
  margin: 0;
}

.faceted-filters__form {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8) var(--space-14);
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 720px) {
  .faceted-filters__form {
    padding-top: var(--space-8);
    margin-bottom: var(--space-15);
  }
}

.faceted-filters__search {
  width: 100%;
}

.faceted-filters__search-field {
  position: relative;
  max-width: var(--width-site-content);
  margin: 0 auto var(--space-10);
}
@media screen and (min-width: 720px) {
  .faceted-filters__search-field {
    margin-bottom: var(--space-13);
  }
}
.faceted-filters__search-field input[type=search] {
  padding-right: var(--space-14);
  margin: 0;
}
.faceted-filters__search-field input[type=search] ~ svg {
  position: absolute;
  top: 50%;
  right: var(--space-8);
  color: var(--color-form-foreground);
  transform: translateY(-50%);
}
.faceted-filters__search-field input[type=search]:not(:placeholder-shown) ~ svg {
  display: none;
}

.faceted-filters__filters {
  display: none;
  flex: 1 1 0;
  flex-wrap: wrap;
  gap: 0 var(--space-12);
  align-items: center;
}
@media screen and (min-width: 720px) {
  .faceted-filters__filters {
    display: flex;
  }
}

.faceted-filter__summary {
  position: relative;
  padding: var(--space-4) var(--space-9) var(--space-4) 0;
  font-size: var(--font-body-size-75);
  list-style: none;
  cursor: pointer;
}
.faceted-filter__summary::-webkit-details-marker {
  display: none;
}
.faceted-filter__summary::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  pointer-events: none;
  content: "";
  background-color: var(--color-body);
  /*
Icon chevron-small (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon chevron-small (1.0.1) end
     */
  transform: translateY(-50%);
}

.faceted-filter__summary-count {
  opacity: 0.6;
}

.faceted-filter__content {
  position: absolute;
  z-index: 215;
  width: 19rem;
  background-color: var(--color-disclosure-background);
  border: 1px solid var(--color-disclosure-border);
  box-shadow: var(--shadow-disclosure);
}

.faceted-filter__header {
  display: flex;
  gap: var(--space-8);
  align-items: center;
  justify-content: space-between;
  padding: var(--space-6) var(--space-9);
  border-bottom: 1px solid var(--color-lines-and-borders);
}

.faceted-filter__remove {
  word-break: keep-all;
}

.faceted-filter__list {
  max-height: 25rem;
  padding: var(--space-2) 0;
  margin: 0;
  overflow: auto;
  list-style-type: none;
}

.faceted-filter__list-item {
  margin: 0;
}
.faceted-filter__list-item .input-checkbox {
  margin: 0;
}
.faceted-filter__list-item .input-checkbox__label {
  padding: var(--space-5) 0;
}

.faceted-filter__text {
  flex: 1 1 auto;
  padding-right: var(--space-4);
  text-transform: capitalize;
}

.faceted-filter__price-range {
  padding: var(--space-6) var(--space-9) var(--space-10);
}
.faceted-filter__price-range .input-currency:first-of-type {
  margin-bottom: var(--space-8);
}

.faceted-filter__price-input[type=number] {
  margin: 0;
}

.faceted-filters__supplemental {
  display: none;
  flex: 0 0 auto;
  gap: var(--space-12);
  align-items: center;
  align-self: center;
  font-size: var(--font-body-size-75);
}
@media screen and (min-width: 720px) {
  .faceted-filters__supplemental {
    display: flex;
  }
}
.faceted-filters__supplemental .disclosure__select-list {
  flex-direction: row;
  column-gap: var(--space-4);
}

.faceted-filters__sort-by {
  margin-right: var(--space-4);
}

.faceted-filters__result-count {
  opacity: 0.7;
}

.faceted-filters__active {
  display: none;
  flex-wrap: wrap;
  gap: var(--space-8);
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 720px) {
  .faceted-filters__active {
    display: flex;
  }
}

.faceted-filters__clear-all {
  margin-left: var(--space-1);
  font-size: var(--font-body-size-25);
}
.faceted-filters__clear-all:only-child {
  display: none;
}

.input-checkbox-row {
  position: relative;
  display: flex;
  align-items: center;
}

.input-checkbox-row__checkbox[type=checkbox] {
  position: absolute;
  margin-left: var(--space-9);
}
.input-checkbox-row__checkbox[type=checkbox]:checked {
  background-color: var(--color-accent);
  border: 1px solid var(--color-accent);
}

.input-checkbox-row__label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: var(--space-7) var(--space-11) var(--space-7) calc(var(--space-9) + var(--space-6) + var(--dimension-form-choice));
  margin-bottom: 0;
  padding-left: 45px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.input-checkbox-row__checkbox:checked + .input-checkbox-row__label {
  background-color: rgba(var(--color-accent-rgb), 5%);
}

.input-checkbox-row--disabled .input-checkbox__label {
  color: #aaa;
  cursor: not-allowed;
}

.input-currency__field {
  position: relative;
  display: flex;
  gap: var(--space-3);
  align-items: center;
}

.input-currency__currency {
  position: absolute;
  left: var(--space-5);
}

.input-currency__input[type=number] {
  margin: 0;
  padding-left: var(--space-11);
}

.no-js .disclosure--no-js-hidden {
  display: none;
}

.disclosure {
  --disclosure-max-height: 350px;
  position: relative;
  display: inline-block;
}
.disclosure::-webkit-details-marker {
  display: none;
}

.disclosure--fill {
  width: 100%;
  height: 100%;
}
.disclosure--fill .disclosure__wrapper {
  height: 100%;
}
.disclosure--fill .disclosure__toggle {
  width: 100%;
  height: 100%;
}

.disclosure__toggle {
  position: relative;
  display: flex;
  gap: var(--space-4);
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 44px;
  /* min-height: 44px; */
  padding: var(--space-6) var(--space-2);
  padding: 0 var(--space-2);
  font-family: var(--font-body-family);
  font-size: var(--font-size-100);
  color: var(--color-body);
  white-space: nowrap;
  -webkit-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
}
.disclosure__toggle:hover {
  cursor: pointer;
}
.disclosure__toggle::after {
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  content: "";
  /*
Icon chevron-small (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon chevron-small (1.0.1) end
     */
  background-color: var(--color-body);
}

.disclosure__modal {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: var(--index-modal);
  display: none;
  width: 100%;
  max-height: var(--disclosure-max-height);
  padding: var(--space-8) 0;
  margin: 0;
  overflow-y: auto;
  color: var(--color-body);
  background-color: var(--color-disclosure-background);
  border-top: 1px solid var(--color-lines-and-borders);
  border-radius: 0;
  transition: opacity 300ms var(--animation-function-general), transform 300ms var(--animation-function-general);
  transform: translateY(100%);
}
.disclosure__modal[data-animation] {
  display: block;
}
.disclosure__modal[data-animation-state=open] {
  display: block;
  transform: translateY(0);
}
@media screen and (min-width: 720px) {
  .disclosure__modal {
    position: absolute;
    bottom: auto;
    left: auto;
    width: auto;
    padding: var(--space-2) 0;
    border: 1px solid var(--color-disclosure-border);
    border-radius: 0;
    box-shadow: var(--shadow-disclosure);
    opacity: 0;
    transform: translateY(calc(var(--space-2) * -1));
  }
  .disclosure__modal[data-animation] {
    display: block;
  }
  .disclosure__modal[data-animation-state=open] {
    display: block;
    opacity: 1;
    transform: translateY(0);
  }
}
noscript .disclosure__modal {
  width: max-content;
}

@media screen and (min-width: 720px) {
  .disclosure__modal--above {
    bottom: 100%;
  }
}

@media screen and (min-width: 720px) {
  .disclosure__modal--alternate-drop {
    right: 0;
  }
}

.disclosure__heading {
  padding: var(--space-6) var(--space-8);
  margin: 0;
  font-size: var(--font-heading-size-3);
}
@media screen and (min-width: 720px) {
  .disclosure__heading {
    display: none;
  }
}

.disclosure__close {
  position: absolute;
  top: var(--space-10);
  right: 0;
  display: block;
  padding: var(--space-5) var(--space-9);
  cursor: pointer;
  background: transparent;
  border: none;
}
.disclosure__close::after {
  position: relative;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-color: var(--color-body);
  /*
Icon close (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1%201%208%208m8-8L9%209m8%208L9%209m-8%208%208-8%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1%201%208%208m8-8L9%209m8%208L9%209m-8%208%208-8%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon close (1.0.1) end
     */
}
@media screen and (min-width: 720px) {
  .disclosure__close {
    display: none;
  }
}

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

.disclosure__list-item {
  padding: 0;
  margin: 0;
}

.disclosure__link {
  position: relative;
  display: block;
  padding: var(--space-7) var(--space-17) var(--space-7) var(--space-8);
  color: var(--color-body);
  text-decoration: none;
  white-space: nowrap;
}
@media screen and (min-width: 720px) {
  .disclosure__link {
    padding: var(--space-5) var(--space-16) var(--space-5) var(--space-8);
  }
}
.disclosure__link:visited {
  color: var(--color-body);
}

.disclosure__link--selected {
  color: var(--color-link);
  background-color: rgba(var(--color-link-rgb), 5%);
}
.disclosure__link--selected::after {
  position: absolute;
  top: 50%;
  right: var(--space-8);
  width: 1rem;
  height: 1rem;
  content: "";
  background-color: var(--color-link);
  /*
Icon check (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22m1.47%209.63%204.61%203.768%208.45-9.796%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22m1.47%209.63%204.61%203.768%208.45-9.796%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon check (1.0.1) end
     */
  transform: translateY(-50%);
}
@media screen and (min-width: 720px) {
  .disclosure__link--selected::after {
    right: var(--space-6);
  }
}

.disclosure__select-list {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-4);
}

.disclosure__select {
  width: auto;
  margin: 0;
  -webkit-appearance: auto;
          appearance: auto;
}

.filters-tag-link {
  display: flex;
  gap: var(--space-5);
  align-items: center;
  padding: var(--space-2) var(--space-8);
  font-size: var(--font-body-size-25);
  color: var(--color-body);
  text-decoration: none;
  white-space: nowrap;
  background: rgba(var(--color-body-rgb), 0.04);
  border: 1px solid rgba(var(--color-body-rgb), 0.2);
  border-radius: 1rem;
}
.filters-tag-link:visited {
  color: var(--color-body);
}
.filters-tag-link::after {
  width: 0.5rem;
  height: 0.5rem;
  pointer-events: none;
  content: "";
  background-color: var(--color-body);
  /*
Icon close-small (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%229%22%20height%3D%229%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%201%204.5%204.5M1%208l3.5-3.5m0%200L8%208%201%201%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.25%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20width%3D%229%22%20height%3D%229%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%201%204.5%204.5M1%208l3.5-3.5m0%200L8%208%201%201%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.25%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon close-small (1.0.1) end
     */
}

@media screen and (min-width: 720px) {
  .faceted-filters-mobile {
    display: none;
  }
}

.faceted-filters-mobile--top-divider {
  border-top: 1px solid var(--lines-and-borders);
}

.filters-buttons-mobile {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 1px solid var(--color-body);
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.25);
}

.filters-buttons-mobile--single {
  grid-template-columns: 1fr;
}

.filters-buttons-mobile__filter-button {
  display: flex;
  gap: var(--space-2);
  align-items: center;
  justify-content: center;
  padding: var(--space-button-medium-vertical) 0;
  margin: 0;
  font-family: var(--font-body-family);
  font-size: var(--font-body-size-75);
  color: var(--color-site-background);
  cursor: pointer;
  background-color: var(--color-heading);
  border: none;
}

.filters-active-mobile {
  display: flex;
  align-items: center;
  width: calc(100% + var(--space-gutter-mobile));
  margin: var(--space-11) 0;
}

.filters-active-mobile__clear-all {
  flex: 0 0 auto;
  padding: var(--space-4) var(--space-8) var(--space-4) 0;
  font-size: var(--font-body-size-50);
  border-right: 1px solid var(--color-lines-and-borders);
}

.filters-active-mobile__list {
  display: flex;
  flex: 1 1 auto;
  gap: var(--space-4);
  padding: 0 var(--space-8);
  overflow: auto;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.filters-active-mobile__list::-webkit-scrollbar {
  display: none;
}

.drawer-filters {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.drawer-filters[data-ready=false] {
  display: none;
}

.drawer-filters__form {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.drawer-filters__header {
  display: flex;
  gap: var(--space-9);
  align-items: center;
  justify-content: space-between;
  padding: var(--space-9) var(--space-10);
  border-bottom: 1px solid var(--color-lines-and-borders);
}

.drawer-filters__close-button {
  padding: 0;
  color: var(--color-body);
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.drawer-filters__clear-all {
  font-size: var(--font-body-size-75);
}

.drawer-filters__heading {
  flex: 1 1 auto;
  margin: 0;
  font-size: var(--font-heading-size-3);
}

.drawer-filters__filters {
  flex: 1 1 auto;
  overflow: auto;
}

.drawer-filters__empty {
  padding: var(--space-9) var(--space-10);
}

.drawer-filter__summary {
  position: relative;
  padding: var(--space-9) calc(var(--space-10) + var(--space-9)) var(--space-9) var(--space-10);
  list-style: none;
  cursor: pointer;
  border-bottom: 1px solid var(--color-lines-and-borders);
}
.drawer-filter__summary::-webkit-details-marker {
  display: none;
}
.drawer-filter__summary::after {
  position: absolute;
  top: 50%;
  right: var(--space-10);
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: var(--color-body);
  /*
Icon chevron (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon chevron (1.0.1) end
     */
  transform: translateY(-50%) rotate(-90deg);
}

.drawer-filter__summary-count {
  font-size: var(--font-body-size-75);
  opacity: 0.6;
}

.drawer-filter__summary-list {
  display: block;
  font-size: var(--font-body-size-25);
  opacity: 0.6;
}

.drawer-filter__content {
  position: absolute;
  top: 0;
  right: -100%;
  z-index: 1;
  display: none;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #fff;
  outline: none;
  transition: right 350ms var(--animation-function-general);
}
.drawer-filter__content[data-animation] {
  display: flex;
}
.drawer-filter__content[data-animation-state=open] {
  right: 0;
  display: flex;
}

.drawer-filter__header {
  display: flex;
  gap: var(--space-9);
  align-items: center;
  padding: var(--space-9);
  border-bottom: 1px solid var(--color-lines-and-borders);
}

.drawer-filter__back {
  padding: 0;
  color: var(--color-body);
  cursor: pointer;
  background: transparent;
  border: none;
}

.drawer-filter__heading {
  flex: 1 1 auto;
  margin: 0;
}

.drawer-filter__remove {
  font-size: var(--font-body-size-75);
}

.drawer-filter__list {
  flex: 1 1 auto;
  padding: 0;
  margin: 0;
  overflow: auto;
  list-style-type: none;
}

.drawer-filter__list-item {
  margin: 0;
}

.drawer-filter__text {
  flex: 1 1 auto;
}

.drawer-filter__price-range {
  flex: 1 1 auto;
  padding: var(--space-9) var(--space-10);
  overflow: auto;
}
.drawer-filter__price-range .input-currency:first-of-type {
  margin-bottom: var(--space-8);
}

.drawer-filter__max-price {
  margin-top: 0;
}

.drawer-filters__view-results {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: var(--space-9);
  background-color: var(--color-dialog-background);
  border-top: 1px solid var(--color-lines-and-borders);
}
.drawer-filters__view-results button {
  width: 100%;
}
.main-collections-list {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.main-collections-list__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .main-collections-list__container {
    grid-template-columns: repeat(1, 1fr);
  }
  .main-collections-list section-wrapper:last-child {
    padding: 0;
  }
}

.main-collections-list__header {
  margin-bottom: var(--space-17);
}

.main-collections-list__heading {
  max-width: 120ch;
  margin: 0 0 var(--space-7) 0;
  font-size: var(--font-heading-size-1);
}
.main-collections-list__heading:only-child {
  margin-bottom: 0;
}

.main-collections-list__subheading {
  max-width: 75ch;
  margin: 0;
  font-size: var(--font-subheading-size-medium);
}

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

.main-search-results {
  margin-top: var(--space-8);
}

.main-search-results__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-content-grid-mobile);
  padding: 0;
  margin: 0;
  list-style-type: none;
}
@media screen and (min-width: 720px) {
  .main-search-results__list {
    gap: var(--space-content-grid-medium);
  }
}

@media screen and (min-width: 720px) {
  .main-search-results__list--columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (min-width: 720px) {
  .main-search-results__list--columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media screen and (min-width: 720px) {
  .main-search-results__list--columns-5 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1024px) {
  .main-search-results__list--columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.main-search-results__list-item {
  margin: 0;
}
.main-search-results__list-item .product-card__title,
.main-search-results__list-item .product-card__price {
  text-align: center;
}
.main-search-results__list-item .product-card__price .price__sale,
.main-search-results__list-item .grid-variants .input-fieldset__values {
  justify-content: center;
  flex-direction: row-reverse
}
.main-collection-grid__products--old-theme .price__sale,
.main-search-results__list-item .product-card__price :where(.price__sale, .price__regular) {
  font-weight: 700;
}
.main-search-results__list-item .product-card__price .price__sale :is(.price__sale-compare)  {
  font-weight: 400 !important;
}
.article-card-search {
  position: relative;
  padding: 0;
}

.article-card-search__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.article-card-search__title {
  margin: 0 0 var(--space-4) 0;
}

.article-card-search__excerpt {
  margin: 0;
}

.article-card-search__content-bottom {
  margin-top: var(--space-8);
  opacity: 0.7;
}

.article-card-search__author::after {
  content: "/";
}
.article-card-search__author:last-of-type::after {
  display: none;
}

.newsletter {
  --local-background-size: calc(var(--space-10) + var(--space-17));
}

.newsletter__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: var(--space-12);
  padding: var(--space-18) 0 var(--space-18) 0;
}
.newsletter__wrapper::before {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--newsletter-foreground-color);
}
@media screen and (min-width: 720px) {
  .newsletter__wrapper::before {
    bottom: 0;
  }
}

@media screen and (min-width: 1024px) {
  .newsletter__wrapper--with-image {
    display: grid;
    grid-template-columns: 5fr 4fr;
    column-gap: var(--space-16);
  }
}
.newsletter__wrapper--with-image::before {
  top: unset;
  bottom: 0;
  height: calc(100% - var(--local-background-size) * 2);
}
@media screen and (min-width: 1024px) {
  .newsletter__wrapper--with-image::before {
    width: 80%;
    height: 100%;
  }
}

.newsletter__content {
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 var(--space-8);
}
@media screen and (min-width: 1024px) {
  .newsletter__content {
    padding-left: var(--space-14);
  }
}
.newsletter__content > :first-child {
  margin-top: 0;
}
.newsletter__content .block-heading {
  max-width: 1130px;
}
.newsletter__content .block-preheading {
  max-width: 400px;
}
.newsletter__content .block-richtext {
  max-width: 900px;
}
.newsletter__content .block-newsletter-form {
  max-width: 38ch;
}
@media screen and (min-width: 480px) {
  .newsletter__content .block-newsletter-form {
    max-width: 80ch;
  }
}
.newsletter__wrapper--with-image .newsletter__content .block-heading,
.newsletter__wrapper--with-image .newsletter__content .block-preheading,
.newsletter__wrapper--with-image .newsletter__content .block-richtext {
  max-width: 38ch;
}
@media screen and (min-width: 480px) {
  .newsletter__wrapper--with-image .newsletter__content .block-heading,
.newsletter__wrapper--with-image .newsletter__content .block-preheading,
.newsletter__wrapper--with-image .newsletter__content .block-richtext {
    max-width: 80ch;
  }
}

.newsletter-form__content [data-component=button] {
  margin-top: var(--space-10);
}
.newsletter-form__content .input-field {
  max-width: 20rem;
}
.newsletter-form__content input {
  height: 100%;
  margin: 0;
}
.newsletter-form__content label {
  display: none;
}
@media screen and (min-width: 480px) {
  .newsletter-form__content {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-5);
  }
  .newsletter-form__content [data-component=button] {
    margin-top: 0;
  }
}

.newsletter__image-wrapper {
  order: -1;
  width: 100%;
  padding: 0 var(--space-8);
}
@media screen and (min-width: 480px) {
  .newsletter__image-wrapper {
    height: 18.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .newsletter__image-wrapper {
    order: unset;
  }
}

.block-newsletter-form {
  margin-top: var(--space-12);
}
.block-newsletter-form form {
  display: table;
}
.block-newsletter-form input {
  border-color: var(--block-button-color);
}
.block-newsletter-form input::placeholder {
  color: var(--block-button-color);
  opacity: 0.6;
}

.page__content,
.page__content table {
  max-width: 100%;
}

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

.predictive-search__list-item {
  margin: 0;
  text-decoration: none;
}
.predictive-search__list-item:first-child .predictive-search__item {
  padding-top: 0;
}
.predictive-search__list-item:last-child .predictive-search__item {
  padding-bottom: 0;
}

[data-predictive-search-result][aria-selected=true] {
  text-decoration: underline;
}

.predictive-search__product-item {
  padding: var(--space-4) 0;
  text-decoration: inherit;
}
.predictive-search__product-item:visited {
  text-decoration: inherit;
}
.predictive-search__product-item:hover, .predictive-search__product-item:active, .predictive-search__product-item:focus {
  color: var(--color-body);
  text-decoration: underline;
}

.predictive-search__product-item--show-image {
  display: grid;
  grid-template-columns: 20% 1fr;
  gap: var(--space-9);
}

.predictive-search__article-item,
.predictive-search__page-item {
  display: block;
  padding: var(--space-6) 0;
}

.predictive-search__page-item,
.predictive-search__article-item-link {
  text-decoration: inherit;
}
.predictive-search__page-item:visited,
.predictive-search__article-item-link:visited {
  text-decoration: inherit;
}
.predictive-search__page-item:hover, .predictive-search__page-item:active, .predictive-search__page-item:focus,
.predictive-search__article-item-link:hover,
.predictive-search__article-item-link:active,
.predictive-search__article-item-link:focus {
  color: var(--color-heading);
  text-decoration: underline;
  transition: none;
}

.predictive-search__product-item-image-wrapper {
  position: relative;
}

.predictive-search__product-item-content {
  grid-column-start: 2;
  padding: var(--space-4) 0;
}

.predictive-search__product-item-vendor {
  margin-bottom: var(--space-2);
  font-size: var(--font-body-size-50);
  color: var(--color-vendor);
}

.predictive-search__product-item-heading {
  margin: 0 0 var(--space-2);
  font-size: var(--font-heading-size-5);
  font-family: var(--font-body-family);
}

.predictive-search__article-item-heading,
.predictive-search__page-item-heading {
  margin: 0;
  font-size: var(--font-heading-size-4);
}

.predictive-search__article-item-tags {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--space-4);
  margin-bottom: var(--space-4);
  font-family: var(--font-body-family);
  font-size: var(--font-accent-size-small);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-accent-line-height);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: var(--font-accent-letter-spacing);
}

.predictive-search__article-tag-link {
  color: inherit;
  text-decoration: inherit;
}
.predictive-search__article-tag-link:visited {
  color: inherit;
  text-decoration: inherit;
}
.predictive-search__article-tag-link:hover, .predictive-search__article-tag-link:active, .predictive-search__article-tag-link:focus {
  color: inherit;
  text-decoration: underline;
}
.predictive-search__article-tag-link::after {
  margin: 0 var(--space-4);
  content: "/";
}
.predictive-search__article-tag-link:last-child::after {
  content: none;
}

.predictive-search__article-author-date {
  margin-top: var(--space-4);
  color: var(--color-body);
}

.predictive-search__pages-posts-heading {
  margin: 0 0 var(--space-12);
  font-size: var(--font-heading-size-5);
}

@media screen and (min-width: 720px) {
  .predictive-search--show-posts-pages {
    display: grid;
    grid-template-columns: 42fr 45fr;
    column-gap: var(--space-14);
  }
}

.predictive-search__no-results {
  display: flex;
  grid-column: 1/-1;
  justify-content: center;
}

.predictive-search__cta {
  display: flex;
  grid-column: 1/-1;
  justify-content: center;
  margin-top: var(--space-13);
  color: var(--color-accent);
}

.predictive-search__view-all-link {
  color: inherit;
  text-decoration: none;
}
.predictive-search__view-all-link:visited {
  color: inherit;
  text-decoration: none;
}
.predictive-search__view-all-link:hover, .predictive-search__view-all-link:active, .predictive-search__view-all-link:focus {
  color: inherit;
  text-decoration: underline;
}

.predictive-search__posts-pages-results-container {
  padding-top: var(--space-10);
  margin-top: var(--space-11);
  border-top: 1px solid var(--color-lines-and-borders);
}
@media screen and (min-width: 720px) {
  .predictive-search__posts-pages-results-container {
    padding-top: 0;
    padding-left: var(--space-9);
    margin-top: 0;
    border-top: none;
    border-left: 1px solid var(--color-lines-and-borders);
  }
}

.product__grid {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: var(--space-11);
  column-gap: var(--space-12);
}
.product__grid.container,
.product__grid__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media screen and (max-width: 520px) {
  .product .product__grid {
    display: block;
  }
}
@media screen and (min-width: 720px) {
  .product__grid:not(.container) {
    grid-template-columns: 1.17fr 1fr; /* 54% 46% */
  }
  .product__grid.container {
    grid-template-columns: 1fr 1fr; /* 46% 54% */
  }
}
@media screen and (min-width: 1024px) {
  .product__grid:not(.container) {
    grid-template-columns: 1.78fr 1fr; /* 64% 36% */
  }
  .product__grid.container {
    grid-template-columns: 0.85fr 1fr; /* 46% 54% */
  }
}

@media screen and (min-width: 720px) {
  .product__grid[data-sticky-position=top] {
    align-items: flex-start;
  }
}

@media screen and (min-width: 720px) {
  .product__grid[data-sticky-position=bottom] {
    align-items: flex-end;
  }
}

.product__grid-column--gallery {
  align-self: flex-start;
}

@media screen and (min-width: 720px) {
  .product__grid-column--details {
    position: sticky;
    padding-bottom: var(--space-11);
  }
}

@media screen and (min-width: 720px) {
  .product__grid[data-sticky-position=top] .product__grid-column--details {
    top: 0;
  }
}

@media screen and (min-width: 720px) {
  .product__grid[data-sticky-position=bottom] .product__grid-column--details {
    bottom: 0;
  }
}

.product__grid [data-component=quantity-selector] {
  display: inline-flex;
}

.product-block:first-child {
  margin-top: 0;
}
.product-block--page,
.product-block--product_badges,
.product-block--product_label {
  margin-top: var(--space-7);
  margin-bottom: var(--space-7);
}
.product-block--description {
  padding-bottom: var(--space-14);
  margin-bottom: 0;
}
.product-block--tab + .product-block--tab,
.product-block--collapsible_tab.product-block--tab {
  margin-top: calc(-1 * var(--space-14));
}
.product-block--sku,
.product-block--price {
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
}
.product-block--price {
  margin-top: 20px;
}

.product-block--rating,
.product-block--vendor {
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
}

.product-block--variant_picker {
  margin-top: var(--space-11);
  margin-bottom: var(--space-11);
}

.product-block--quantity_selector {
  margin-top: var(--space-11);
  margin-bottom: var(--space-11);
}

.product-block--buy_buttons,
.product-block--description,
.product-block--share,
.product-block--product_upsell,
.product-block--tab {
  margin-top: var(--space-14);
  margin-bottom: var(--space-14);
}

.product-block--text-style-accent {
  font-family: var(--font-body-family);
  font-size: var(--font-accent-size-small);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-body-line-height);
  color: var(--color-body);
  text-transform: uppercase;
  letter-spacing: var(--font-accent-letter-spacing);
  opacity: 0.7;
}

.product-block--text-style-subheading {
  font-family: var(--font-body-family);
  font-size: var(--font-subheading-size-small);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-body-line-height);
  color: var(--color-body);
  letter-spacing: var(--font-body-letter-spacing);
  opacity: 0.7;
}

.product-block--text-style-body {
  font-family: var(--font-body-family);
  font-size: var(--font-body-size-small);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-body-line-height);
  color: var(--color-body);
  letter-spacing: var(--font-body-letter-spacing);
}

.product-block--hidden {
  display: none;
}

.product-block--hide-spacing-above {
  margin-top: 0;
}

.product-block--hide-spacing-below {
  margin-bottom: 0;
}

.product-block__vendor {
  color: var(--color-vendor);
}

.product-block__vendor a {
  color: inherit;
  text-decoration: none;
}

.product-block__title,
.product-block__text {
  margin-top: 0;
  margin-bottom: 0;
}

.product-block__price-label {
  display: block;
  margin-bottom: var(--space-3);
  font-size: var(--font-form-label-size);
  font-weight: var(--font-form-label-weight);
  text-transform: var(--font-form-label-transform);
  letter-spacing: var(--font-form-label-letter-spacing);
}

.product-block__price-installments {
  --payment-terms-background-color: var(--color-site-background);
  margin-top: var(--space-7);
  margin-bottom: var(--space-4);
}

.product-block__price-installments:empty {
  display: none;
}

.product-block__quantity-label {
  display: block;
  margin-top: var(--space-8);
  margin-bottom: var(--space-6);
  font-size: var(--font-form-label-size);
  font-weight: var(--font-form-label-weight);
  text-transform: var(--font-form-label-transform);
  letter-spacing: var(--font-form-label-letter-spacing);
}

.product-block__rating {
  display: flex;
  column-gap: var(--space-3);
  align-items: center;
}

.product-block__rating-stars {
  position: relative;
  display: inline-block;
}

.product-block__rating-stars-inactive {
  display: flex;
  column-gap: var(--space-2);
  height: 1.5rem;
  color: var(--color-star-ratings-inactive);
}

.product-block__rating-stars-active {
  position: absolute;
  top: 0;
  display: flex;
  flex-shrink: 0;
  column-gap: var(--space-2);
  width: var(--rating-percent);
  height: 1.5rem;
  overflow: hidden;
  color: var(--color-star-ratings-active);
}

.product-block__rating-stars-active svg {
  flex-shrink: 0;
}

.product-block__rating-count {
  margin-top: 0;
  margin-bottom: 0;
}

.product-block__product-label {
  display: inline-flex;
  column-gap: var(--space-3);
  align-items: center;
  padding-top: var(--space-7);
  padding-bottom: var(--space-7);
}

.product-block__product-label--style-outlined {
  padding-right: var(--space-5);
  padding-left: var(--space-5);
  border: 1px solid var(--color-lines-and-borders);
}

.product-block__product-label--size-small {
  font-size: var(--font-body-size-50);
}

.product-block__product-label--size-medium {
  font-size: var(--font-body-size-75);
}

.product-block__product-label--size-large {
  font-size: var(--font-body-size-200);
}

.product-block__product-recommendations-heading {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  line-height: var(--font-heading-line-height);
  color: var(--color-heading);
  text-align: center;
  text-decoration: none;
  text-transform: var(--font-heading-transform);
  letter-spacing: var(--font-heading-letter-spacing);
  word-break: break-word;
}

.product-block__spacer {
  width: 100%;
}

.product-block__spacer--small {
  height: var(--space-4);
}

.product-block__spacer--medium {
  height: var(--space-8);
}

.product-block__spacer--large {
  height: var(--space-11);
}
.product_remark_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 1440px) {
  .product_remark_wrapper {
    /* flex-direction: column; */
    /* align-items: flex-start; */
    gap: 8px;
  }
  .product__remark:not(:first-child) {
    margin-top: 0;
  }
}
.product__remark {
  margin-top: 18px;
  display: flex;
  align-items: center;
}
.product__remark a {
  color: #019ab4;
  margin-left: 8px;
}
.product__delivery-message {
  font-size: 14px;
}
.product__delivery-message .product__delivery-date {
  text-decoration: none;
}
.product__delivery-message span {
  font-weight: 700;
  text-transform: uppercase;
}
.product__remark-text {
  font-family: var(--font-heading-family);
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #2E2E2E;
  margin-left: 4px;
}
.product-gallery {
  position: relative;
  display: grid;
  grid-template-columns: auto;
  column-gap: 1rem; /* TODO: Replace with token */
  align-items: flex-start;
}
@media screen and (max-width: 900px) {
  .product__delivery-message {
    flex-direction: column;
    align-items: start;
    gap: 7px;
  }
  .product__remark a {margin-left: 0;}
}
@media screen and (min-width: 720px) {
  .product-gallery.product-gallery--thumbnail-navigation {
    grid-template-columns: 3.75rem 1fr; /* TODO: Replace with token */
    column-gap: 0.4rem;
  }
}

.no-js .product-gallery {
  grid-template-columns: 3.75rem 1fr; /* TODO: Replace with token */
}

.product-gallery__media-list {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-behavior: smooth;
  list-style-type: none;
  -ms-overflow-style: none;
  outline: none;
}
.product-gallery__media-list::-webkit-scrollbar {
  display: none;
}
.carousel-main.product-gallery__media-list .flickity-prev-next-button {
  background: #fff;
  border-radius: 0;
}
.carousel-main.product-gallery__media-list .flickity-prev-next-button .flickity-button-icon {
  left: 50%;
  top: 50%;
  width: 15px;
  height: 12px;
  transform: translate(-50%, -50%);
}
.product-gallery__counter {
  justify-content: center;
  color: #000;
}
@media screen and (min-width: 720px) {
  .product-gallery__media-list {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 0.438rem; /* TODO: Replace with token */
    column-gap: 0.438rem; /* TODO: Replace with token */
    scroll-snap-type: y mandatory;
  }
  .carousel-main.product-gallery__media-list:after {
    content: 'flickity';
    display: none; /* hide :after */
  }
}
@media screen and (min-width: 1024px) {
  .product-gallery__media-list.product-gallery__media-list--layout-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.no-js .product-gallery__media-list:not(.product-gallery__media-list--no-js) {
  display: none;
}

:root:not(.no-js) .product-gallery__media-list.product-gallery__media-list--no-js {
  display: none;
}

.product-gallery__media-list-item {
  --media-container-width: 100%;
  flex-shrink: 0;
  width: var(--media-container-width);
  padding-right: var(--space-gutter-m);
  margin: 0;
  scroll-snap-align: start;
}
@media screen and (max-width: 719px) {
  .product-gallery__media-list-item {
    margin-right: 0.375rem;
  }
  .product-gallery__media-list-item.product-gallery__media-list-item--mobile-90 {
    --media-container-width: 90%;
  }
  .product-gallery__media-list-item.product-gallery__media-list-item--mobile-80 {
    --media-container-width: 80%;
    margin-right: 0.313rem; /* TODO: Replace with token */
  }
}
@media screen and (min-width: 720px) {
  .product-gallery__media-list-item {
    --media-container-width: 100%;
    padding-right: 0;
  }
}

.product-gallery__media {
  position: relative;
  height: 0;
  padding-bottom: calc(100% / var(--media-aspect-ratio));
}

.product-gallery__media--ratio-natural {
  --media-container-aspect-ratio: var(--media-aspect-ratio);
  --media-effective-aspect-ratio: var(--media-aspect-ratio);
}

.product-gallery__media--ratio-landscape {
  --media-container-aspect-ratio: 1.5;
  --media-effective-aspect-ratio: 1.5;
}

.product-gallery__media--ratio-portrait {
  --media-container-aspect-ratio: 0.75;
  --media-effective-aspect-ratio: 0.75;
}

.product-gallery__media--ratio-square {
  --media-container-aspect-ratio: 1;
  --media-effective-aspect-ratio: 1;
}

.product-gallery__media--style-fit {
  --media-effective-aspect-ratio: var(--media-aspect-ratio);
}

.product-gallery__media--style-fit.product-gallery__media--model, .product-gallery__media--style-fit.product-gallery__media--video, .product-gallery__media--style-fit.product-gallery__media--external_video,
.product-gallery__media--style-fill.product-gallery__media--model,
.product-gallery__media--style-fill.product-gallery__media--video,
.product-gallery__media--style-fill.product-gallery__media--external_video {
  --media-effective-aspect-ratio: var(--media-aspect-ratio);
}
.product-gallery__media--style-fit.product-gallery__media--model [data-component=media-model], .product-gallery__media--style-fit.product-gallery__media--video [data-component=media-video], .product-gallery__media--style-fit.product-gallery__media--external_video [data-component=media-external-video], .product-gallery__media--style-fit:not(.product-gallery__media--image) .product-gallery__media-badges, .product-gallery__media--style-fit:not(.product-gallery__media--image) .product-gallery__media-zoom, .product-gallery__media--style-fit.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--model [data-component=media-model],
.product-gallery__media--style-fill.product-gallery__media--video [data-component=media-video],
.product-gallery__media--style-fill.product-gallery__media--external_video [data-component=media-external-video],
.product-gallery__media--style-fill:not(.product-gallery__media--image) .product-gallery__media-badges,
.product-gallery__media--style-fill:not(.product-gallery__media--image) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom {
  padding-bottom: 0;
}
.product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-portrait.product-gallery__media--model [data-component=media-model], .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-portrait.product-gallery__media--video [data-component=media-video], .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-portrait.product-gallery__media--external_video [data-component=media-external-video], .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-landscape.product-gallery__media--model [data-component=media-model], .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-landscape.product-gallery__media--video [data-component=media-video], .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-landscape.product-gallery__media--external_video [data-component=media-external-video], .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-square.product-gallery__media--model [data-component=media-model], .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-square.product-gallery__media--video [data-component=media-video], .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-square.product-gallery__media--external_video [data-component=media-external-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-portrait.product-gallery__media--model [data-component=media-model],
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-portrait.product-gallery__media--video [data-component=media-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-portrait.product-gallery__media--external_video [data-component=media-external-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-landscape.product-gallery__media--model [data-component=media-model],
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-landscape.product-gallery__media--video [data-component=media-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-landscape.product-gallery__media--external_video [data-component=media-external-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-square.product-gallery__media--model [data-component=media-model],
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-square.product-gallery__media--video [data-component=media-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-square.product-gallery__media--external_video [data-component=media-external-video] {
  width: 100%;
  height: calc(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%);
}
.product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-portrait:not(.product-gallery__media--image) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-portrait:not(.product-gallery__media--image) .product-gallery__media-zoom, .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-portrait.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-portrait.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-portrait:not(.product-gallery__media--image) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-portrait:not(.product-gallery__media--image) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-portrait.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-portrait.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom {
  width: min(var(--media-effective-aspect-ratio) * 1 / var(--media-container-aspect-ratio) * 100%, 100%);
  height: min(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%, 100%);
}
.product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-landscape:not(.product-gallery__media--image) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-landscape:not(.product-gallery__media--image) .product-gallery__media-zoom, .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-landscape.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-landscape.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom, .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-square:not(.product-gallery__media--image) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-square:not(.product-gallery__media--image) .product-gallery__media-zoom, .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-square.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-portrait.product-gallery__media--orientation-square.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-landscape:not(.product-gallery__media--image) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-landscape:not(.product-gallery__media--image) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-landscape.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-landscape.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-square:not(.product-gallery__media--image) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-square:not(.product-gallery__media--image) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-square.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-portrait.product-gallery__media--orientation-square.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom {
  width: 100%;
  height: calc(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%);
}
.product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-portrait.product-gallery__media--model [data-component=media-model], .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-portrait.product-gallery__media--video [data-component=media-video], .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-portrait.product-gallery__media--external_video [data-component=media-external-video], .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-landscape.product-gallery__media--model [data-component=media-model], .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-landscape.product-gallery__media--video [data-component=media-video], .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-landscape.product-gallery__media--external_video [data-component=media-external-video], .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-square.product-gallery__media--model [data-component=media-model], .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-square.product-gallery__media--video [data-component=media-video], .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-square.product-gallery__media--external_video [data-component=media-external-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-portrait.product-gallery__media--model [data-component=media-model],
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-portrait.product-gallery__media--video [data-component=media-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-portrait.product-gallery__media--external_video [data-component=media-external-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-landscape.product-gallery__media--model [data-component=media-model],
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-landscape.product-gallery__media--video [data-component=media-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-landscape.product-gallery__media--external_video [data-component=media-external-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-square.product-gallery__media--model [data-component=media-model],
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-square.product-gallery__media--video [data-component=media-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-square.product-gallery__media--external_video [data-component=media-external-video] {
  width: min(var(--media-effective-aspect-ratio) * 1 / var(--media-container-aspect-ratio) * 100%, 100%);
  height: min(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%, 100%);
}
.product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-portrait:not(.product-gallery__media--image) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-portrait:not(.product-gallery__media--image) .product-gallery__media-zoom, .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-portrait.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-portrait.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom, .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-landscape:not(.product-gallery__media--image) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-landscape:not(.product-gallery__media--image) .product-gallery__media-zoom, .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-landscape.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-landscape.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom, .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-square:not(.product-gallery__media--image) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-square:not(.product-gallery__media--image) .product-gallery__media-zoom, .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-square.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-landscape.product-gallery__media--orientation-square.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-portrait:not(.product-gallery__media--image) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-portrait:not(.product-gallery__media--image) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-portrait.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-portrait.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-landscape:not(.product-gallery__media--image) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-landscape:not(.product-gallery__media--image) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-landscape.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-landscape.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-square:not(.product-gallery__media--image) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-square:not(.product-gallery__media--image) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-square.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-landscape.product-gallery__media--orientation-square.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom {
  width: min(var(--media-effective-aspect-ratio) * 1 / var(--media-container-aspect-ratio) * 100%, 100%);
  height: min(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%, 100%);
}
.product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-portrait.product-gallery__media--model [data-component=media-model], .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-portrait.product-gallery__media--video [data-component=media-video], .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-portrait.product-gallery__media--external_video [data-component=media-external-video], .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-square.product-gallery__media--model [data-component=media-model], .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-square.product-gallery__media--video [data-component=media-video], .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-square.product-gallery__media--external_video [data-component=media-external-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-portrait.product-gallery__media--model [data-component=media-model],
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-portrait.product-gallery__media--video [data-component=media-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-portrait.product-gallery__media--external_video [data-component=media-external-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-square.product-gallery__media--model [data-component=media-model],
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-square.product-gallery__media--video [data-component=media-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-square.product-gallery__media--external_video [data-component=media-external-video] {
  width: min(var(--media-effective-aspect-ratio) * 1 / var(--media-container-aspect-ratio) * 100%, 100%);
  height: min(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%, 100%);
}
.product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-landscape.product-gallery__media--model [data-component=media-model], .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-landscape.product-gallery__media--video [data-component=media-video], .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-landscape.product-gallery__media--external_video [data-component=media-external-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-landscape.product-gallery__media--model [data-component=media-model],
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-landscape.product-gallery__media--video [data-component=media-video],
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-landscape.product-gallery__media--external_video [data-component=media-external-video] {
  width: 100%;
  height: calc(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%);
}
.product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-portrait:not(.product-gallery__media--image) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-portrait:not(.product-gallery__media--image) .product-gallery__media-zoom, .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-portrait.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-portrait.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-portrait:not(.product-gallery__media--image) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-portrait:not(.product-gallery__media--image) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-portrait.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-portrait.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom {
  width: min(var(--media-effective-aspect-ratio) * 1 / var(--media-container-aspect-ratio) * 100%, 100%);
  height: min(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%, 100%);
}
.product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-landscape:not(.product-gallery__media--image) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-landscape:not(.product-gallery__media--image) .product-gallery__media-zoom, .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-landscape.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-landscape.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom, .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-square:not(.product-gallery__media--image) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-square:not(.product-gallery__media--image) .product-gallery__media-zoom, .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-square.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges, .product-gallery__media--style-fit.product-gallery__media--ratio-square.product-gallery__media--orientation-square.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-landscape:not(.product-gallery__media--image) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-landscape:not(.product-gallery__media--image) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-landscape.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-landscape.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-square:not(.product-gallery__media--image) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-square:not(.product-gallery__media--image) .product-gallery__media-zoom,
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-square.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-badges,
.product-gallery__media--style-fill.product-gallery__media--ratio-square.product-gallery__media--orientation-square.product-gallery__media--image:not(.product-gallery__media--style-fill) .product-gallery__media-zoom {
  width: 100%;
  height: calc(1 / var(--media-effective-aspect-ratio) * var(--media-container-aspect-ratio) * 100%);
}

.product-gallery__media--ratio-square,
.product-gallery__media--ratio-portrait,
.product-gallery__media--ratio-landscape {
  height: 0;
  padding-bottom: calc(1 / var(--media-container-aspect-ratio) * 100%);
}
@media screen and (max-width: 719px) {
  .product-gallery__media--ratio-square.product-gallery__media--mobile-90,
.product-gallery__media--ratio-portrait.product-gallery__media--mobile-90,
.product-gallery__media--ratio-landscape.product-gallery__media--mobile-90 {
    padding-bottom: calc(0.9 / var(--media-container-aspect-ratio) * 100%);
  }
  .product-gallery__media--ratio-square.product-gallery__media--mobile-80,
.product-gallery__media--ratio-portrait.product-gallery__media--mobile-80,
.product-gallery__media--ratio-landscape.product-gallery__media--mobile-80 {
    padding-bottom: calc(0.8 / var(--media-container-aspect-ratio) * 100%);
  }
}

.product-gallery__media--image .lazy-img,
.product-gallery__media--image .placeholder-svg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.product-gallery__media--model [data-component=media-model],
.product-gallery__media--video [data-component=media-video],
.product-gallery__media--external_video [data-component=media-external-video] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0;
  padding-bottom: calc(1 / var(--media-effective-aspect-ratio) * 100%);
  transform: translate(-50%, -50%);
}

.product-gallery__media-badges {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0;
  padding-bottom: calc(1 / var(--media-effective-aspect-ratio) * 100%);
  pointer-events: none;
  background: none;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
  transform: translate(-50%, -50%);
}
.product-gallery__media-badges [data-component=product-badges] {
  margin-top: var(--space-4);
  margin-left: var(--space-4);
}

.product-gallery__media-zoom {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0;
  padding-bottom: calc(1 / var(--media-effective-aspect-ratio) * 100%);
  cursor: pointer;
  background: none;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
  transform: translate(-50%, -50%);
}

.product-gallery__media-zoom-icon {
  position: absolute;
  top: 0.75rem; /* TODO: Replace with token */
  right: 0.75rem; /* TODO: Replace with token */
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--dimension-button-fab-small);
  height: var(--dimension-button-fab-small);
  padding: 0;
  color: var(--color-fab-foreground);
  cursor: pointer;
  background-color: var(--color-fab-background);
  border-radius: 100%;
  opacity: 1;
  transition: opacity 0.2s ease;
}
.product-gallery__media-zoom-icon::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 100%;
  box-shadow: 0 2px 8px 0 var(--color-fab-foreground);
  opacity: 0.16;
}
.product-gallery__media-zoom-icon:hover::before {
  box-shadow: 0 4px 14px 0 var(--color-fab-foreground);
  opacity: 0.2;
}
.product-gallery__media-zoom-icon svg {
  width: var(--dimension-button-fab-small);
  height: var(--dimension-button-fab-small);
  fill: var(--color-fab-foreground);
}
@media screen and (min-width: 720px) {
  html:not(.has-touch) .product-gallery__media-zoom:not(:hover) .product-gallery__media-zoom-icon {
    visibility: hidden;
    opacity: 0;
  }
}

.product-gallery__media-viewinyourspace {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--space-button-small-vertical) var(--space-button-small-horizontal);
  font-size: var(--font-button-size-small);
  color: var(--color-button-main);
  background-color: rgba(var(--color-body-rgb), 10%);
  border: 0;
}
.product-gallery__media-viewinyourspace[data-shopify-xr-hidden] {
  display: none;
}
@media screen and (max-width: 719px) {
  .product-gallery__media-viewinyourspace {
    display: none;
  }
}
.product-gallery__media-viewinyourspace svg {
  width: 1.625rem; /* TODO: Replace with token */
  height: 1.625rem; /* TODO: Replace with token */
  margin-right: 0.625rem; /* TODO: Replace with token */
}

.product-gallery-navigation__thumbnails {
  position: sticky;
  top: 0.545rem; /* TODO: Replace with token */
  display: flex;
  flex-direction: column;
  row-gap: 0.545rem; /* TODO: Replace with token */
  column-gap: 0.545rem; /* TODO: Replace with token */
  order: -1;
  padding: 0;
  margin: var(--space-m) 0;
  list-style-type: none;
  -ms-overflow-style: none;
}
@media screen and (max-width: 719px) {
  :root:not(.no-js) .product-gallery-navigation__thumbnails {
    display: none;
  }
}

:root:not(.no-js) .product-gallery-navigation__thumbnails--hidden {
  display: none;
}

.product-gallery__navigation-thumbnail:not(.carousel-cell) {
  --thumbnail-height: calc(100% / var(--media-aspect-ratio));
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding: 0;
  padding-bottom: calc(100% / var(--media-aspect-ratio));
  margin: 0;
  cursor: pointer;
  background-color: var(--color-site-background-secondary);
  border: 0;
  -webkit-appearance: none;
          appearance: none;
}
.product-gallery__navigation-thumbnail.carousel-cell {
  width: 82px;
  height: 62px;
  margin: 0;
}
.carousel-nav{
  width: 370px;
  height: 62px;
  transform: rotate(90deg) translate(-8px, -100%);
  transform-origin: left top;
}
@media screen and (min-width: 1024px) {
  .carousel-nav {
    width: 480px;
  }
}
@media screen and (min-width: 1140px) {
  .carousel-nav {
    width: 550px;
  }
}
@media screen and (min-width: 1300px) {
  .carousel-nav {
    width: 686px;
  }
}
.product-gallery__navigation-thumbnail [data-component=lazy-img] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.carousel-nav .product-gallery__navigation-thumbnail [data-img] {
  transform: rotate(-90deg);
  position: relative;
  left: 10px;
  top: -9px;
  border: 1px solid transparent;
}
.carousel-nav .product-gallery__navigation-thumbnail.is-selected [data-img] {
  border-color: #363636;
}
.product-gallery__navigation-thumbnail-icon {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
  width: 33%;
  height: auto;
  color: var(--color-fab-foreground);
  background-color: var(--color-fab-background);
  border-radius: 100%;
}
.product-gallery__navigation-thumbnail-icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.product-gallery__navigation-thumbnail--ratio-square,
.product-gallery__navigation-thumbnail--ratio-portrait,
.product-gallery__navigation-thumbnail--ratio-landscape {
  height: 0;
}

.product-gallery__navigation-thumbnail--ratio-square {
  padding-bottom: 100%;
}

.product-gallery__navigation-thumbnail--ratio-portrait {
  padding-bottom: 150%;
}

.product-gallery__navigation-thumbnail--ratio-landscape {
  padding-bottom: 75%;
}

.product-gallery-navigation__arrows {
  display: flex;
  column-gap: 1rem; /* TODO: Replace with token */
  align-items: center;
  justify-content: center;
  margin-top: 1rem; /* TODO: Replace with token */
}
@media screen and (min-width: 720px) {
  .product-gallery-navigation__arrows {
    display: none;
  }
}
.no-js .product-gallery-navigation__arrows {
  display: none;
}

.product-gallery-navigation__previous,
.product-gallery-navigation__next {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.625rem; /* TODO: Replace with token */
  height: 2.625rem; /* TODO: Replace with token */
  padding: 0;
  color: var(--color-fab-quiet);
  cursor: pointer;
  background: none;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
}
.product-gallery-navigation__previous:not(:disabled):hover::before,
.product-gallery-navigation__next:not(:disabled):hover::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-fab-foreground);
  opacity: 0.1;
}
.product-gallery-navigation__previous:disabled,
.product-gallery-navigation__next:disabled {
  opacity: 0.3;
}
.product-gallery-navigation__previous svg,
.product-gallery-navigation__next svg {
  width: 1.125rem; /* TODO: Replace with token */
  height: 1.125rem; /* TODO: Replace with token */
}

.product-gallery-navigation__previous svg {
  transform: rotate(90deg);
}

.product-gallery-navigation__next svg {
  transform: rotate(-90deg);
}

.product-gallery__viewinyourspace {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-button-small-vertical) var(--space-button-small-horizontal);
  margin-top: 1.5rem; /* TODO: Replace with token */
  font-size: var(--font-button-size-small);
  color: var(--color-button-main);
  background-color: rgba(var(--color-body-rgb), 10%);
  border: 0;
}
.product-gallery__viewinyourspace[data-shopify-xr-hidden] {
  display: none;
}
@media screen and (min-width: 720px) {
  .product-gallery__viewinyourspace {
    display: none;
  }
}
.product-gallery__viewinyourspace svg {
  width: 1.625rem; /* TODO: Replace with token */
  height: 1.625rem; /* TODO: Replace with token */
  margin-right: 0.625rem; /* TODO: Replace with token */
}

.shopify-section__quick-add {
  height: 100%;
}

.product-quickshop {
  position: relative;
  display: grid;
  flex-direction: column;
  grid-template-rows: auto 1fr;
  height: 100%;
  overflow: hidden;
}

.product-quickshop__header {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-10) var(--space-8);
  border-bottom: 1px solid var(--color-lines-and-borders);
}
@media screen and (min-width: 720px) {
  .product-quickshop__header {
    padding: var(--space-10);
  }
}

.product-quickshop__heading {
  flex: 1;
  margin: 0;
}

.product-quickshop__close {
  position: absolute;
  top: calc(var(--space-10) - var(--space-6));
  right: var(--space-6);
  min-width: 44px;
  min-height: 44px;
  padding: var(--space-6);
  color: var(--color-body);
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.product-quickshop__close * {
  pointer-events: none;
}
.product-quickshop__close svg {
  display: block;
}

.product-quickshop__content {
  padding: 0 var(--space-8) var(--space-8);
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.product-quickshop__content::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 720px) {
  .product-quickshop__content {
    padding: 0 var(--space-10) var(--space-8);
  }
}
.product-quickshop__content [data-component=quantity-selector] {
  display: inline-flex;
}
.product-quickshop__content .price--on-sale .price__sale {
  justify-content: start;
  flex-direction:row-reverse;
}
.price--on-sale .label__from{
  display: none;
}
.product-quickshop__content .price--on-sale .label__from{
  display: inline-block;
}

.product-quickshop-block--tab + .product-quickshop-block--tab {
  margin-top: calc(-1 * var(--space-14));
}

.product-quickshop-block--page,
.product-quickshop-block--product_badges,
.product-quickshop-block--product_label {
  margin-top: var(--space-7);
  margin-bottom: var(--space-7);
}

.product-quickshop-block--product_badges {
  margin-top: var(--space-9);
}

.product-quickshop-block--sku,
.product-quickshop-block--price {
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
}

.product-quickshop-block--rating {
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
}

.product-quickshop-block--details,
.product-quickshop-block--variant_picker {
  margin-top: var(--space-11);
  margin-bottom: var(--space-11);
}

.product-quickshop-block--quantity_selector {
  margin-top: var(--space-11);
  margin-bottom: var(--space-11);
}

.product-quickshop-block--buy_buttons,
.product-quickshop-block--description,
.product-quickshop-block--share,
.product-quickshop-block--product_upsell,
.product-quickshop-block--tab {
  margin-top: var(--space-14);
  margin-bottom: var(--space-14);
}

.product-quickshop-block--text-style-accent {
  font-family: var(--font-body-family);
  font-size: var(--font-accent-size-small);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-accent-line-height);
  color: var(--color-color);
  text-transform: uppercase;
  letter-spacing: var(--font-accent-letter-spacing);
  opacity: 0.7;
}

.product-quickshop-block--text-style-subheading {
  font-family: var(--font-subheading-family);
  font-size: var(--font-subheading-size-small);
  font-style: var(--font-subheading-style);
  font-weight: var(--font-subheading-weight);
  line-height: var(--font-subheading-line-height);
  color: var(--color-subheading);
  letter-spacing: var(--font-subheading-letter-spacing);
  opacity: 0.7;
}

.product-quickshop-block--text-style-body {
  font-family: var(--font-body-family);
  font-size: var(--font-body-size-small);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-body-line-height);
  color: var(--color-body);
  letter-spacing: var(--font-body-letter-spacing);
}

.product-quickshop-block--hidden {
  display: none;
}

.product-quickshop-block--hide-spacing-above {
  margin-top: 0;
}

.product-quickshop-block--hide-spacing-below {
  margin-bottom: 0;
}

.product-quickshop-block__vendor {
  color: var(--color-vendor);
}

.product-quickshop-block__vendor a {
  color: inherit;
  text-decoration: none;
}

.product-quickshop-block__title,
.product-quickshop-block__text {
  margin-top: 0;
  margin-bottom: 0;
}

.product-quickshop-block__price-label {
  display: block;
  margin-top: var(--space-8);
  margin-bottom: var(--space-3);
  font-size: var(--font-form-label-size);
  font-weight: var(--font-form-label-weight);
  text-transform: var(--font-form-label-transform);
  letter-spacing: var(--font-form-label-letter-spacing);
}

.product-quickshop-block__price-installments {
  margin-top: var(--space-7);
  margin-bottom: var(--space-4);
}

.product-quickshop-block__quantity-label {
  display: block;
  margin-top: var(--space-8);
  margin-bottom: var(--space-6);
  font-size: var(--font-form-label-size);
  font-weight: var(--font-form-label-weight);
  text-transform: var(--font-form-label-transform);
  letter-spacing: var(--font-form-label-letter-spacing);
}

.product-quickshop-block__rating {
  display: flex;
  column-gap: var(--space-3);
  align-items: center;
}

.product-quickshop-block__rating-stars {
  position: relative;
  display: inline-block;
}

.product-quickshop-block__rating-stars-inactive {
  display: flex;
  column-gap: var(--space-2);
  height: 1.5rem;
  color: var(--color-star-ratings-inactive);
}

.product-quickshop-block__rating-stars-active {
  position: absolute;
  top: 0;
  display: flex;
  flex-shrink: 0;
  column-gap: var(--space-2);
  width: var(--rating-percent);
  height: 1.5rem;
  overflow: hidden;
  color: var(--color-star-ratings-active);
}

.product-quickshop-block__rating-stars-active svg {
  flex-shrink: 0;
}

.product-quickshop-block__rating-count {
  margin: 0;
}

.product-quickshop-block__product-label {
  display: inline-flex;
  column-gap: var(--space-3);
  align-items: center;
  padding-top: var(--space-7);
  padding-bottom: var(--space-7);
}

.product-quickshop-block__product-label--style-outlined {
  padding-right: var(--space-5);
  padding-left: var(--space-5);
  border: 1px solid var(--color-lines-and-borders);
}

.product-quickshop-block__product-label--size-small {
  font-size: var(--font-body-size-50);
}

.product-quickshop-block__product-label--size-medium {
  font-size: var(--font-body-size-75);
}

.product-quickshop-block__product-label--size-large {
  font-size: var(--font-body-size-200);
}

.product-quickshop-block__spacer--small {
  height: var(--space-4);
}

.product-quickshop-block__spacer--medium {
  height: var(--space-8);
}

.product-quickshop-block__spacer--large {
  height: var(--space-11);
}

.product-details {
  display: grid;
  grid-template-columns: 5.563rem auto;
  column-gap: var(--space-9);
}

.product-details__image {
  position: relative;
}

.product-details__vendor {
  margin-bottom: var(--space-1);
  font-size: var(--font-product-item-vendor-size);
  color: var(--color-vendor);
}

.product-details__title {
  font-family: var(--font-body-family);
  font-size: var(--font-body-size-100);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-body-line-height);
  color: var(--color-body);
  text-decoration: none;
  letter-spacing: var(--font-body-letter-spacing);
}

.product-details__subtitle {
  font-family: var(--font-body-family);
  font-size: var(--font-body-size-50);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-body-line-height);
  color: var(--color-body);
  text-decoration: none;
  letter-spacing: var(--font-body-letter-spacing);
  opacity: 0.6;
}

.product-details__price {
  margin-bottom: var(--space-2);
}

.product-details__price-installments {
  --payment-terms-background-color: var(--color-dialog-background);
  margin-bottom: var(--space-2);
}

.product-details__link {
  color: var(--color-body);
}

.product-details__details [data-component=button-link] {
  margin-top: var(--space-4);
  white-space: nowrap;
}

.product-recommendations__heading {
  margin-bottom: var(--space-15);
  font-size: var(--font-heading-size-section);
}

.promotions-grid {
  --mobile-box-shadow: 3px;
  padding-bottom: var(--mobile-box-shadow);
}
.promotions-grid .block-promo-editorial__button button{
  width: auto;
  max-width: unset !important; 
}
@media screen and (min-width: 720px) {
  .promotions-grid {
    padding-bottom: 0;
  }
}

.promotions-grid__wrapper {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: grid;
}
@media screen and (min-width: 720px) {
    .promotions-grid__wrapper {
    grid-template-columns: repeat(12, 1fr);
    height: unset;
    overflow-x: unset;
    grid-template-rows: var(--row-heights);
  }
  .promotions-grid__wrapper.promotions-grid__wrapper--with-spacing {
    gap: var(--space-5);
  }
}

.block-promo-editorial__link--old-theme .block-promo-editorial__button .button.button--mobile,
.block-promo-editorial__button .button.button--mobile {
  display: none;
  color: var(--color-body);
}
.block-promo-editorial__text.block-promo-editorial__text--mobile,
.block-promo-editorial__heading.block-promo-editorial__heading--mobile {
  display: none;
}
@media screen and (min-width: 720px) and (max-width: 768px) {
  .block-promo-editorial__button .button.button--desktop {
    width: 100%;
    padding: 10px;
  }
}
@media screen and (max-width: 719px) {
  .promotions-grid__wrapper--two-column {
    grid-template-columns: repeat(6, 1fr);
    gap: var(--space-5);
    margin: var(--space-5);
  }
  .swiper-wrapper .block-promo-editorial__button,
  .promotions-grid__wrapper--two-column .block-promo-editorial__button {
    width: 100%;
  }

  .swiper-wrapper .block-promo-editorial__button .button,
  .promotions-grid__wrapper--two-column .block-promo-editorial__button .button {
    max-width: 200px;
    width: 100%;
    padding: 10px;
  }
  .block-promo-editorial__button .button.button--desktop,
  .block-promo-editorial__text.block-promo-editorial__text--desktop,
  .block-promo-editorial__heading.block-promo-editorial__heading--desktop {
    display: none;
  }
  .block-promo-editorial__button .button.button--mobile,
  .block-promo-editorial__text.block-promo-editorial__text--mobile,
  .block-promo-editorial__heading.block-promo-editorial__heading--mobile {
    display: block;
  }
}
.promotions-grid__wrapper--mob-swiper::-webkit-scrollbar {
  display: none;
}

.promotions-grid__list-item {
  position: relative;
  flex: 0 0 100%;
  grid-column: var(--column-width);
  margin-bottom: 0;
  overflow: hidden;
}

.promotions-grid__wrapper--alignment-center {
  text-align: center;
}

.promotions-grid__wrapper--alignment-right {
  text-align: right;
}

.promotions-grid__slider-controls {
  display: flex;
  column-gap: var(--space-8);
  align-items: center;
  justify-content: center;
  padding: var(--space-8) 0;
  border: 1px solid var(--color-body);
  box-shadow: var(--mobile-box-shadow) var(--mobile-box-shadow) 0 var(--color-body);
}
@media screen and (min-width: 720px) {
  .promotions-grid__slider-controls {
    display: none;
  }
}

.promotions-grid__slider-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.625rem; /* TODO: Replace with token */
  height: 2.625rem; /* TODO: Replace with token */
  padding: 0;
  color: var(--color-fab-quiet);
  cursor: pointer;
  background: none;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
}
@media (hover: hover) and (pointer: fine) {
  .promotions-grid__slider-button:not(:disabled):hover::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-fab-foreground);
    opacity: 0.1;
  }
}
.promotions-grid__slider-button:disabled {
  opacity: 0.3;
}
.promotions-grid__slider-button svg {
  width: 1.125rem; /* TODO: Replace with token */
  height: 1.125rem; /* TODO: Replace with token */
}

.promotions-grid__slider-button--previous svg {
  transform: rotate(90deg);
}

.promotions-grid__slider-button--next svg {
  transform: rotate(-90deg);
}

.block-promo-editorial {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.block-promo-editorial.block-promo-editorial--animated:hover img,
.block-promo-editorial.block-promo-editorial--animated:hover svg {
  transform: scale(1.075);
}
.block-promo-editorial.block-promo-editorial--animated:hover .button--primary {
  background-color: var(--color-button-main-invoked);
  border: 1px solid var(--color-button-main-invoked);
}
.block-promo-editorial.block-promo-editorial--animated:hover .button--secondary {
  color: var(--color-button-main-contrast);
  background-color: var(--color-button-main-invoked);
  border-color: var(--color-button-main-invoked);
}
.block-promo-editorial.block-promo-editorial--animated:hover .button--shadow {
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5);
}
.block-promo-editorial.block-promo-editorial--animated:hover .button--icon {
  color: var(--color-button-main-invoked);
  border: none;
}
.block-promo-editorial.block-promo-editorial--animated:hover .button--icon::after {
  left: 8px;
  background: var(--color-button-main-invoked);
}
.block-promo-editorial.block-promo-editorial--animated:hover .button--text {
  color: var(--color-button-main-invoked);
  border: none;
}
.block-promo-editorial.block-promo-editorial--animated:hover .button--text::after {
  background: var(--color-button-main-invoked);
}
.block-promo-editorial img,
.block-promo-editorial svg {
  overflow: hidden;
  transition: transform 200ms ease-in;
  object-position: var(--focal-point-mobile);
}
@media screen and (min-width: 480px) {
  .block-promo-editorial img,
.block-promo-editorial svg {
    object-position: var(--focal-point-desktop);
  }
}

.block-promo-editorial__content-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-areas: "top" "center" "bottom";
  grid-template-rows: repeat(3, 1fr);
  height: 100%;
  padding: var(--space-10) var(--space-8);
  background: var(--block-overlay-color);
}
@media screen and (min-width: 769px) {
  .block-promo-editorial__content-wrapper {
    padding: var(--space-14) var(--space-12);
  }
  .block-promo-editorial__heading--size-large {
    font-size: calc(var(--local-heading-font-size-large) * var(--heading-scale-factor));
  }
  .block-promo-editorial__text--size-large {
    font-size: calc(var(--font-body-size-300) * var(--text-scale-factor));
  }
}

.block-promo-editiorial__content--top,
.block-promo-editiorial__content--center,
.block-promo-editiorial__content--bottom {
  display: flex;
  flex-direction: column;
}

.block-promo-editiorial__content--top {
  grid-area: top;
  justify-content: flex-start;
}

.block-promo-editiorial__content--center {
  grid-area: center;
  justify-content: center;
}

.block-promo-editiorial__content--bottom {
  grid-area: bottom;
  justify-content: flex-end;
}

.block-promo-editorial__heading,
.block-promo-editorial__text,
.block-promo-editorial__button {
  align-self: var(--grid-justification);
}

.block-promo-editorial__heading {
  margin: 0;
  color: var(--block-text-color, var(--color-heading));
  --local-heading-font-size-large: calc(var(--font-heading-size-2) * 1.3642);
  --heading-scale-factor: 0.8125;
}
@media screen and (min-width: 720px) {
  .block-promo-editorial--width-6 .block-promo-editorial__heading, .block-promo-editorial--width-8 .block-promo-editorial__heading, .block-promo-editorial--width-9 .block-promo-editorial__heading, .block-promo-editorial--width-12 .block-promo-editorial__heading {
    max-width: 85%;
  }
  .block-promo-editorial__button {
    width: 100%;
  }
}
@media screen and (min-width: 720px) {
  .block-promo-editorial__heading {
    --heading-scale-factor: 1;
  }
}

.block-promo-editorial__heading--size-small {
  font-size: calc(var(--font-heading-size-2) * var(--heading-scale-factor));
}

.block-promo-editorial__heading--size-medium {
  font-size: calc(var(--font-heading-size-1) * var(--heading-scale-factor));
}

.block-promo-editorial__text {
  margin-top: var(--space-15);
  --text-scale-factor: 0.9375;
}
@media screen and (min-width: 720px) {
  .block-promo-editorial--width-6 .block-promo-editorial__text, .block-promo-editorial--width-8 .block-promo-editorial__text, .block-promo-editorial--width-9 .block-promo-editorial__text, .block-promo-editorial--width-12 .block-promo-editorial__text {
    max-width: 68%;
  }
}
@media screen and (min-width: 480px) {
  .block-promo-editorial__text {
    --text-scale-factor: 1;
  }
}
.block-promo-editorial__text > :first-child {
  margin-top: 0;
}
.block-promo-editorial__text > :last-child {
  margin-bottom: 0;
}
.block-promo-editorial__text > * {
  color: var(--block-text-color, var(--color-body));
}
.block-promo-editorial__heading + .block-promo-editorial__text,
.block-promo-editorial__text.block-promo-editorial__text--mobile {
  margin-top: var(--space-7);
}

.block-promo-editorial__text--size-small {
  font-size: calc(var(--font-body-size-50) * var(--text-scale-factor));
  letter-spacing: 0.4px;
}
@media screen and (max-width: 719px) and (min-width: 480px) {
  .block-promo-editorial--width-6 .block-promo-editorial__text--size-small, .block-promo-editorial--width-8 .block-promo-editorial__text--size-small, .block-promo-editorial--width-9 .block-promo-editorial__text--size-small, .block-promo-editorial--width-12 .block-promo-editorial__text--size-small {
    letter-spacing: normal;
  }
}
@media screen and (min-width: 720px) {
  .block-promo-editorial__text--size-small {
    letter-spacing: normal;
  }
}

.block-promo-editorial__text--size-medium {
  font-size: calc(var(--font-body-size-100) * var(--text-scale-factor));
}

.block-promo-editorial__button {
  margin-top: var(--space-10);
}
.block-promo-editorial__text--custom-end {
  text-align: right;
}
.block-promo-editorial__text--custom-start {
  text-align: left;
}
@media screen and (max-width: 719px) and (min-width: 480px) {
  .block-promo-editorial__button {
    margin-top: var(--space-9);
  }
  .block-promo-editorial__button [data-component=button-link] {
    font-size: var(--font-button-size-small);
  }
}
@media screen and (min-width: 720px) {
  .block-promo-editorial__button {
    margin-top: var(--space-12);
  }
}

.block-promo-text {
  display: flex;
  justify-content: var(--horizontal-position);
  width: 100%;
  height: 100%;
  padding: var(--space-10) var(--space-8);
  overflow: hidden;
  background: var(--background-color);
}
@media screen and (min-width: 720px) {
  .block-promo-text {
    padding: var(--space-14) var(--space-12);
  }
}

.block-promo-text__content {
  display: flex;
  flex-direction: column;
  align-self: var(--vertical-position);
  justify-content: center;
}
.block-promo-text__content > :first-child {
  margin-top: 0;
}
.promotions-grid__wrapper--alignment-left .block-promo-text__content {
  align-items: flex-start;
}
.promotions-grid__wrapper--alignment-right .block-promo-text__content {
  align-items: flex-end;
}
.promotions-grid__wrapper--alignment-center .block-promo-text__content {
  align-items: center;
}

.block-promo-text__image {
  width: 60px;
  height: 60px;
}

.block-promo-text__preheading,
.block-promo-text__heading {
  color: var(--block-text-color, var(--color-heading));
}

.block-promo-text__preheading {
  margin-top: var(--space-6);
  letter-spacing: var(--font-accent-letter-spacing);
}

.block-promo-text__preheading--size-small {
  font-size: var(--font-body-size-25);
}

.block-promo-text__preheading--size-medium {
  font-size: var(--font-body-size-50);
}

.block-promo-text__preheading--size-large {
  font-size: var(--font-body-size-75);
}

.block-promo-text__preheading--bolder {
  font-weight: var(--font-subheading-weight-bolder);
}

.block-promo-text__preheading--uppercase {
  text-transform: uppercase;
}

.block-promo-text__heading {
  margin-top: var(--space-6);
  margin-bottom: 0;
  --local-heading-font-size-large: calc(var(--font-heading-size-2) * 1.3642);
  --heading-scale-factor: 0.8125;
}
@media screen and (min-width: 720px) {
  .block-promo-text--width-6 .block-promo-text__heading, .block-promo-text--width-8 .block-promo-text__heading, .block-promo-text--width-9 .block-promo-text__heading, .block-promo-text--width-12 .block-promo-text__heading {
    max-width: 85%;
  }
}
@media screen and (min-width: 720px) {
  .block-promo-text__heading {
    --heading-scale-factor: 1;
  }
}

.block-promo-text__heading--size-small {
  font-size: calc(var(--font-heading-size-2) * var(--heading-scale-factor));
}

.block-promo-text__heading--size-medium {
  font-size: calc(var(--font-heading-size-1) * var(--heading-scale-factor));
}

.block-promo-text__heading--size-large {
  font-size: calc(var(--local-heading-font-size-large) * var(--heading-scale-factor));
}

.block-promo-text__text {
  margin-top: var(--space-7);
  color: var(--block-text-color, var(--color-body));
  --text-scale-factor: 0.9375;
}
@media screen and (min-width: 720px) {
  .block-promo-text--width-6 .block-promo-text__text, .block-promo-text--width-8 .block-promo-text__text, .block-promo-text--width-9 .block-promo-text__text, .block-promo-text--width-12 .block-promo-text__text {
    max-width: 68%;
  }
}
@media screen and (min-width: 480px) {
  .block-promo-text__text {
    --text-scale-factor: 1;
  }
}
.block-promo-text__text > :first-child {
  margin-top: 0;
}
.block-promo-text__text > :last-child {
  margin-bottom: 0;
}
.block-promo-text__text > * {
  color: var(--block-text-color);
}

.block-promo-text__text--size-small {
  font-size: calc(var(--font-body-size-50) * var(--text-scale-factor));
  letter-spacing: 0.4px;
}
@media screen and (max-width: 719px) and (min-width: 480px) {
  .block-promo-text--width-6 .block-promo-text__text--size-small, .block-promo-text--width-8 .block-promo-text__text--size-small, .block-promo-text--width-9 .block-promo-text__text--size-small, .block-promo-text--width-12 .block-promo-text__text--size-small {
    letter-spacing: normal;
  }
}
@media screen and (min-width: 720px) {
  .block-promo-text__text--size-small {
    letter-spacing: normal;
  }
}

.block-promo-text__text--size-medium {
  font-size: calc(var(--font-body-size-100) * var(--text-scale-factor));
}

.block-promo-text__text--size-large {
  font-size: calc(var(--font-body-size-300) * var(--text-scale-factor));
}

.block-promo-text__button-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  align-items: center;
  margin-top: var(--space-12);
}
.promotions-grid__wrapper--alignment-right .block-promo-text__button-group {
  justify-content: flex-end;
}
.promotions-grid__wrapper--alignment-center .block-promo-text__button-group {
  justify-content: center;
}
@media screen and (max-width: 719px) and (min-width: 480px) {
  .block-promo-text__button-group [data-component=button-link] {
    font-size: var(--font-button-size-small);
  }
}

.block-promo-image {
  width: 100%;
  height: 100%;
}
.block-promo-image img {
  object-position: var(--focal-point-mobile);
}
@media screen and (min-width: 480px) {
  .block-promo-image img {
    object-position: var(--focal-point-desktop);
  }
}

.block-promo-image__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--overlay-color);
}

.rich-text__wrapper {
  padding: var(--space-10) var(--space-gutter-mobile);
  background-color: var(--local-background-color);
}
.rich-text__wrapper > :first-child {
  margin-top: 0;
}
.rich-text__wrapper > :last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 720px) {
  .rich-text__wrapper {
    padding-right: var(--space-20);
    padding-left: var(--space-20);
  }
}

@media screen and (min-width: 480px) {
  .rich-text__wrapper--content-display-full {
    padding-right: var(--space-12);
    padding-left: var(--space-12);
  }
}
@media screen and (min-width: 1024px) {
  .rich-text__wrapper--content-display-full {
    padding-right: var(--space-19);
    padding-left: var(--space-19);
  }
}

.rich-text__wrapper--content-display-center {
  padding-right: var(--space-14);
  padding-left: var(--space-14);
}
@media screen and (min-width: 480px) {
  .rich-text__wrapper--content-display-center {
    padding-right: var(--space-21);
    padding-left: var(--space-21);
  }
}
.rich-text__content {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

.rich-text__content--alignment-center {
  align-items: center;
  text-align: center;
}

.rich-text__content--alignment-right {
  align-items: flex-end;
  text-align: right;
}

.rich-text__content--display-center {
  max-width: 90ch;
}

.rich-text__wrapper--top-spacing {
  padding-top: var(--space-18);
}

.rich-text__wrapper--bottom-spacing {
  padding-bottom: var(--space-19);
}

.block-button-group {
  display: flex;
  column-gap: var(--space-8);
  align-items: center;
  margin-top: var(--space-11);
}

.video__heading {
  max-width: 120ch;
  font-size: var(--font-heading-size-section);
}

.video-player {
  position: relative;
  height: 0;
}
.video-player .plyr {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video-player .plyr .plyr__video-wrapper {
  height: 0;
}
.video-player .plyr video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.video-player--aspect-ratio-16-9 {
  padding-bottom: 56.25%;
}
.video-player--aspect-ratio-16-9 .plyr__video-wrapper {
  padding-bottom: 56.25%;
}

.video-player--aspect-ratio-4-3 {
  padding-bottom: 75%;
}
.video-player--aspect-ratio-4-3 .plyr__video-wrapper {
  padding-bottom: 75%;
}

.video-player__video {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
}
/* [start] HP:Video desktop height | Inscoder VK  */
@media screen and (min-width: 720px) {
  .video-player--aspect-ratio-16-9,
  .video-player--aspect-ratio-16-9 .plyr__video-wrapper {
    padding-bottom: var(--desktop-height);
  }
}
/* [end] HP:Video desktop height | Inscoder VK  */
.spacer {
  margin-top: calc(-1 * var(--space-section-margin-mobile));
}
@media screen and (min-width: 480px) {
  .spacer {
    margin-top: calc(-1 * var(--space-section-margin-desktop));
  }
}

.spacer--none {
  height: 0;
}
.spacer--x-small {
  height: var(--space-4);
}
.spacer--small {
  height: var(--space-8);
}

.spacer--medium {
  height: var(--space-18);
}

.spacer--large {
  height: var(--space-20);
}

.shop-the-look__image-wrapper {
  position: relative;
}

@media screen and (max-width: 719px) {
  .shop-the-look__image--desktop {
    display: none;
  }
}

@media screen and (min-width: 720px) {
  .shop-the-look__image--mobile {
    display: none;
  }
}

.shop-the-look__hotspot-viewinlist {
  position: absolute;
  bottom: 2.78%;
  left: 2.78%;
  display: flex;
  column-gap: 0.6875rem;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  font-family: var(--font-body-family);
  font-size: var(--font-size-100);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  color: var(--color-button-main-contrast);
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 50px;
  -webkit-appearance: none;
          appearance: none;
}
.shop-the-look__hotspot-viewinlist::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-button-main);
  border-radius: inherit;
  opacity: 0.7;
}
.shop-the-look__hotspot-viewinlist:hover:not(:disabled, .disabled)::before, .shop-the-look__hotspot-viewinlist:active::before {
  background-color: var(--color-button-main-invoked);
}
.shop-the-look__hotspot-viewinlist span {
  position: relative;
}
.shop-the-look__hotspot-viewinlist svg {
  position: relative;
  display: block;
  width: auto;
  height: 1rem;
}

.shop-the-look__hotspot {
  position: absolute;
  top: calc((100% - 30px) * var(--y-axis));
  left: calc((100% - 30px) * var(--x-axis));
}
@media screen and (max-width: 719px) {
  .shop-the-look__hotspot {
    display: none;
  }
}

.shop-the-look__hotspot-toggle {
  position: relative;
  width: 30px;
  height: 30px;
  list-style: none;
  cursor: pointer;
  background-color: var(--color-main-alpha);
  border: 2px solid var(--color-contrast-alpha);
  border-radius: 100%;
  transition: transform 0.2s ease-in-out;
}
.shop-the-look__hotspot-toggle:hover {
  transform: scale(110%);
}
.shop-the-look__hotspot-toggle::-webkit-details-marker, .shop-the-look__hotspot-toggle::marker {
  display: none;
}
.shop-the-look__hotspot-toggle::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  content: "";
  background-color: var(--color-contrast);
  border-radius: 100%;
  transform: translate(-50%, -50%);
}

.shop-the-look__hotspot-modal {
  position: absolute;
  z-index: -1;
  min-width: 347px;
  padding: 1rem;
  background-color: var(--color-site-background);
  border: 1px solid var(--color-lines-and-borders);
  opacity: 0;
  transition: top 0.2s ease-in-out, right 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.shop-the-look__hotspot-modal[data-animation-state=opened] {
  opacity: 1;
}
.shop-the-look__hotspot-modal::before {
  position: absolute;
  content: "";
}

.shop-the-look__hotspot-modal--top,
.shop-the-look__hotspot-modal--bottom {
  left: 50%;
  transform: translate(-50%, 0);
}
.shop-the-look__hotspot-modal--top::before,
.shop-the-look__hotspot-modal--bottom::before {
  left: 0;
  width: 100%;
}

.shop-the-look__hotspot-modal--right,
.shop-the-look__hotspot-modal--left {
  top: 50%;
  transform: translate(0, -50%);
}
.shop-the-look__hotspot-modal--right::before,
.shop-the-look__hotspot-modal--left::before {
  top: 0;
  height: 100%;
}

.shop-the-look__hotspot-modal--top {
  bottom: 41px;
}
.shop-the-look__hotspot-modal--top[data-animation-state=opened] {
  bottom: 51px;
}
.shop-the-look__hotspot-modal--top::before {
  bottom: -23px;
  height: 23px;
}

.shop-the-look__hotspot-modal--right {
  left: 41px;
}
.shop-the-look__hotspot-modal--right[data-animation-state=opened] {
  left: 51px;
}
.shop-the-look__hotspot-modal--right::before {
  left: -23px;
  width: 23px;
}

.shop-the-look__hotspot-modal--bottom {
  top: 41px;
}
.shop-the-look__hotspot-modal--bottom[data-animation-state=opened] {
  top: 51px;
}
.shop-the-look__hotspot-modal--bottom::before {
  top: -23px;
  height: 23px;
}

.shop-the-look__hotspot-modal--left {
  right: 41px;
}
.shop-the-look__hotspot-modal--left[data-animation-state=opened] {
  right: 51px;
}
.shop-the-look__hotspot-modal--left::before {
  right: -23px;
  width: 23px;
}

.add-the-look {
  position: relative;
  display: grid;
  flex-direction: column;
  grid-template-rows: auto 1fr;
  height: 100%;
  overflow: hidden;
}

.add-the-look__header {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-10) var(--space-8);
  border-bottom: 1px solid var(--color-lines-and-borders);
}
@media screen and (min-width: 720px) {
  .add-the-look__header {
    padding: var(--space-10);
  }
}

.add-the-look__heading {
  flex: 1;
  margin: 0;
}

.add-the-look__close {
  position: absolute;
  top: calc(var(--space-10) - var(--space-6));
  right: var(--space-6);
  min-width: 44px;
  min-height: 44px;
  padding: var(--space-6);
  color: var(--color-body);
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.add-the-look__close * {
  pointer-events: none;
}
.add-the-look__close svg {
  display: block;
}

.add-the-look__items {
  padding: 0 var(--space-8);
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.add-the-look__items::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 720px) {
  .add-the-look__items {
    padding: 0 var(--space-8);
  }
}
.add-the-look__items [data-component=collapsible-tab] {
  margin-top: var(--space-4);
}
.add-the-look__items [data-component=quantity-selector] {
  display: inline-flex;
}

.add-the-look__footer {
  width: 100%;
  border-top: 1px solid var(--color-lines-and-borders);
}

.add-the-look__atc {
  display: flex;
  column-gap: 1rem; /* TODO: Replace with token */
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--space-10);
}
.add-the-look__atc [data-component=button-action] {
  width: 100%;
}

.add-the-look__navigation {
  display: flex;
  column-gap: 1rem; /* TODO: Replace with token */
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--space-10);
  color: var(--color-button-main-contrast);
  background-color: var(--color-button-main);
}

.add-the-look__navigation-previous,
.add-the-look__navigation-next {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.625rem; /* TODO: Replace with token */
  height: 2.625rem; /* TODO: Replace with token */
  padding: 0;
  color: var(--color-button-main-contrast);
  cursor: pointer;
  background: none;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
}
.add-the-look__navigation-previous:disabled,
.add-the-look__navigation-next:disabled {
  opacity: 0.3;
}
.add-the-look__navigation-previous svg,
.add-the-look__navigation-next svg {
  width: 1.125rem; /* TODO: Replace with token */
  height: 1.125rem; /* TODO: Replace with token */
}

.add-the-look__navigation-previous svg {
  transform: rotate(90deg);
}

.add-the-look__navigation-next svg {
  transform: rotate(-90deg);
}

.add-the-look-item__contents {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: min-content 1fr;
  align-items: center;
}
.add-the-look-item__contents [data-component=input-checkbox] {
  grid-row: 1/2;
  grid-column: 1/2;
}
.add-the-look-item__contents [data-component=product-details] {
  grid-row: 1/2;
  grid-column: 2/3;
  margin-top: var(--space-10);
  margin-bottom: var(--space-10);
}
.add-the-look-item__contents [data-component=collapsible-tab] {
  grid-row: 2/3;
  grid-column: 2/3;
}

.add-the-look-item__quantity-label {
  display: block;
  margin-top: var(--space-8);
  margin-bottom: var(--space-6);
  font-size: var(--font-form-label-size);
  font-weight: var(--font-form-label-weight);
  text-transform: var(--font-form-label-transform);
  letter-spacing: var(--font-form-label-letter-spacing);
}

.header-password-drawer {
  position: relative;
  display: grid;
  flex-direction: column;
  grid-template-rows: auto 1fr;
  height: 100%;
  overflow: hidden;
}

.header-password-drawer__header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--space-10) var(--space-8);
  border-bottom: 1px solid var(--color-lines-and-borders);
}
@media screen and (min-width: 720px) {
  .header-password-drawer__header {
    padding: var(--space-10);
  }
}

.header-password-drawer__heading {
  flex: 1;
  margin: 0;
}

.header-password-drawer__close {
  position: absolute;
  top: calc(var(--space-10) - var(--space-6));
  right: var(--space-6);
  min-width: 44px;
  min-height: 44px;
  padding: var(--space-6);
  color: var(--color-body);
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.header-password-drawer__close * {
  pointer-events: none;
}
.header-password-drawer__close svg {
  display: block;
}

.header-password-drawer__content {
  padding: var(--space-8) var(--space-8);
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.header-password-drawer__content::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 720px) {
  .header-password-drawer__content {
    padding: var(--space-10) var(--space-10);
  }
}
.header-password-drawer__content [data-component=button] {
  width: 100%;
}

.header-password-drawer__password-error {
  margin-top: var(--space-8);
  color: var(--color-error);
}

.header-password-drawer__footer-text {
  display: block;
  margin-top: var(--space-8);
}

.header-toolbar {
  position: relative;
  display: flex;
  width: 100%;
  padding: 0 var(--space-gutter-mobile);
  color: var(--toolbar-text-color);
  background-color: var(--toolbar-bg-color);
}
.header-toolbar.header-toolbar--no-mobile-content {
  display: none;
  padding: 0;
}
@media screen and (min-width: 720px) {
  .header-toolbar.header-toolbar--no-mobile-content {
    display: flex;
    padding: 0 var(--space-gutter-desktop);
  }
}
@media screen and (min-width: 720px) {
  .header-toolbar {
    padding-right: var(--space-gutter-desktop);
    padding-left: var(--space-gutter-desktop);
  }
}

.header-toolbar__content {
  display: flex;
  gap: 0;
  justify-content: space-between;
  width: 100%;
}

.header-toolbar__content-links {
  display: none;
}
@media screen and (min-width: 720px) {
  .header-toolbar__content-links {
    display: flex;
    flex: 0 0 16rem;
    align-items: center;
    padding: var(--space-1) 0;
    margin-left: calc(var(--space-3) * -1);
  }
}
.header-toolbar__content-links ul {
  flex-wrap: wrap;
}
.header-toolbar__content-links ul,
.header-toolbar__content-links li {
  padding: 0;
  margin: 0;
  line-height: 1;
}

.header-toolbar__content-announcement {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: calc(100% - 3rem);
  padding: var(--space-1) 0;
  margin: 0 auto;
}
.header-toolbar__content__sub-menu {
  display: none;
}
.sub-menu {
  display: flex;
  align-items: center;
  list-style: none;
  font-size: 14px;
  padding: 14px 8px;
  margin: 0;
}
.sub-menu-item {
  padding: 0 12px;
  margin: 0;
}
.sub-menu-link {
  text-decoration: none;
  text-transform: uppercase;

}
@media screen and (min-width: 720px) {
  .header-toolbar__content-announcement {
    margin: 0;
  }
  .header-toolbar__content-announcement.announcement__text-center {
    flex: 1;
  }
  .header-toolbar__content-announcement.announcement__text-center .header-toolbar__slides {
    position: absolute;
    left: calc(50% - 3rem);
    width: auto;
    transform: translateX(-20%);
  }
  .header-toolbar__content-announcement.announcement__text-center .header-toolbar__slides.header__timer {
    left: 0;
  }
  .header-toolbar__content__sub-menu {
    display: block;
  }
  .header-toolbar__content__sub-menu .sub-menu {
    padding: 14px 0;
  }
}
@media screen and (min-width: 1024px) {
  .header-toolbar__content-announcement.announcement__text-center .header-toolbar__slides.header__timer {
    left: 50%;
    transform: translateX(-15%);
  }
}
.header-toolbar__slides {
  z-index: 2;
  display: flex;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  scroll-behavior: smooth;
  font-size: var(--font-body-size-50);
  list-style-type: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.header-toolbar__slides::-webkit-scrollbar {
  display: none;
}

.header-toolbar__controls {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0;
  list-style-type: none;
  transition: opacity 0.2s ease;
}

.header-toolbar__control-item {
  margin: 0 var(--space-xs);
}

.header-toolbar__controls-button,
.header-toolbar__controls-button:visited {
  display: flex;
  padding: var(--space-4);
  color: var(--toolbar-text-color);
  background-color: transparent;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}
.header-toolbar__controls-button:hover, .header-toolbar__controls-button:focus, .header-toolbar__controls-button:active,
.header-toolbar__controls-button:visited:hover,
.header-toolbar__controls-button:visited:focus,
.header-toolbar__controls-button:visited:active {
  color: var(--toolbar-text-color);
  background-color: var(--toolbar-text-color-transparent);
}
.header-toolbar__controls-button:hover svg, .header-toolbar__controls-button:focus svg, .header-toolbar__controls-button:active svg,
.header-toolbar__controls-button:visited:hover svg,
.header-toolbar__controls-button:visited:focus svg,
.header-toolbar__controls-button:visited:active svg {
  opacity: 1;
}
.header-toolbar__controls-button[data-disabled=true],
.header-toolbar__controls-button:visited[data-disabled=true] {
  cursor: default;
}
.header-toolbar__controls-button[data-disabled=true] svg,
.header-toolbar__controls-button:visited[data-disabled=true] svg {
  opacity: 0.5;
}
.header-toolbar__controls-button[data-disabled=true]:hover, .header-toolbar__controls-button[data-disabled=true]:focus, .header-toolbar__controls-button[data-disabled=true]:active,
.header-toolbar__controls-button:visited[data-disabled=true]:hover,
.header-toolbar__controls-button:visited[data-disabled=true]:focus,
.header-toolbar__controls-button:visited[data-disabled=true]:active {
  background-color: transparent;
}
.header-toolbar__controls-button[data-header-toolbar-direction=next],
.header-toolbar__controls-button:visited[data-header-toolbar-direction=next] {
  position: absolute;
  right: -2rem;
}
.header-toolbar__controls-button[data-header-toolbar-direction=next] svg,
.header-toolbar__controls-button:visited[data-header-toolbar-direction=next] svg {
  transform: rotate(-90deg);
}
.header-toolbar__controls-button[data-header-toolbar-direction=previous],
.header-toolbar__controls-button:visited[data-header-toolbar-direction=previous] {
  position: absolute;
  left: -2rem;
}
.header-toolbar__controls-button[data-header-toolbar-direction=previous] svg,
.header-toolbar__controls-button:visited[data-header-toolbar-direction=previous] svg {
  transition: opacity 0.2s ease;
  transform: rotate(90deg);
}
.header-toolbar__controls-button svg,
.header-toolbar__controls-button:visited svg {
  width: 0.75rem;
  height: 0.75rem;
  pointer-events: none;
}

.header-toolbar__content-cross-border {
  display: none;
}
@media screen and (min-width: 720px) {
  .header-toolbar__content-cross-border {
    display: flex;
    flex: 0 0 16rem;
    align-items: center;
    justify-content: flex-end;
    padding: var(--space-1) 0;
  }
  .no-js .header-toolbar__content-cross-border {
    flex: 0 0 28rem;
  }
  .no-js .header-toolbar__content-cross-border .disclosure__select {
    color: var(--toolbar-text-color);
  }
}
@media screen and (min-width: 1024px) {
  .header-toolbar__content-cross-border {
    margin-right: 0;
  }
}
.header-toolbar__content-cross-border .cross-border {
  margin-right: calc(var(--space-2) * -1);
}
.header-toolbar__content-cross-border .disclosure__toggle {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
  line-height: var(--font-body-line-height);
  color: var(--toolbar-text-color); /* Using important to override base cross-border style */
  background-color: var(--toolbar-bg-color);
}
.header-toolbar__content-cross-border .disclosure__toggle::after {
  background-color: var(--toolbar-text-color) !important;
}

.social-media-links {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.social-media-links__item {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.social-media-links__link {
  display: block;
  padding: var(--space-3);
  color: var(--social-media-links-color, var(--color-body));
}
.social-media-links__link:visited {
  color: var(--social-media-links-color, var(--color-body));
}
.social-media-links__link:hover, .social-media-links__link:focus, .social-media-links__link:active {
  color: var(--social-media-links-color-hover, var(--color-link-hover));
}
.social-media-links__link svg {
  display: block;
  width: 1rem;
  height: 1rem;
}

/* Mobile layout - if using mobile spacing */
@media screen and (max-width: 719px) {
  .social-media-links--mobile-spacing {
    gap: var(--space-4);
  }
  .social-media-links--mobile-spacing .social-media-links__link {
    padding: var(--space-6);
    background-color: rgba(var(--color-body-rgb), 0.05);
    border-radius: 50%;
  }
}
.block-announcement {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  scroll-snap-align: start;
  text-align: center;
}
.block-announcement p {
  padding: var(--space-2);
  margin: 0;
  font-size: var(--font-body-size-25);
}
.block-announcement a,
.block-announcement a:visited {
  color: var(--toolbar-text-color);
  fill: var(--toolbar-text-color);
}
.block-announcement a.block-announcement__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.block-announcement a.block-announcement__link,
.block-announcement a.block-announcement__link:hover,
.block-announcement a.block-announcement__link:focus {
  text-decoration: none;
}

.cross-border {
  display: flex;
  gap: var(--space-4);
}
.cross-border .disclosure__toggle {
  font-size: var(--font-body-size-25);
  color: var(--block-text-color, var(--color-body));
}
.cross-border .disclosure__toggle::after {
  background-color: var(--block-text-color, var(--color-body));
}

.nav-desktop {
  display: none;
}
@media screen and (min-width: 720px) {
  .nav-desktop:not(.header--nav-position-center-below .header__controls--first-navigation) {
    display: flex;
  }
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
  .header--nav-position-center-below .nav-desktop.header__controls--first-navigation {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .header--nav-position-center-below .nav-desktop.header__navigation-navigation {
    display: flex;
    width: 100%;
  }
}
.nav-desktop summary {
  list-style: none;
}

.nav-desktop__tier-1-item,
.nav-desktop__tier-2-item,
.nav-desktop__tier-3-item {
  margin: 0;
}

.nav-desktop__tier-2-item,
.nav-desktop__tier-3-item {
  padding: var(--space-2);
}

.nav-desktop__tier-2-item {
  position: relative;
}

.nav-desktop__tier-1-link,
.nav-desktop__tier-2-link,
.nav-desktop__tier-3-link {
  position: relative;
  color: var(--color-body);
  text-decoration: none;
  cursor: pointer;
}
.nav-desktop__tier-1-link:visited,
.nav-desktop__tier-2-link:visited,
.nav-desktop__tier-3-link:visited {
  color: var(--color-body);
  text-decoration: none;
}
.nav-desktop__tier-1-link:hover, .nav-desktop__tier-1-link:active, .nav-desktop__tier-1-link:focus,
.nav-desktop__tier-2-link:hover,
.nav-desktop__tier-2-link:active,
.nav-desktop__tier-2-link:focus,
.nav-desktop__tier-3-link:hover,
.nav-desktop__tier-3-link:active,
.nav-desktop__tier-3-link:focus {
  color: var(--color-body);
  text-decoration: underline;
}

.nav-desktop__tier-2-link,
.nav-desktop__tier-3-link {
  display: block;
  width: 100%;
  padding: var(--space-4) var(--space-8);
}

.nav-desktop__tier-1 {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}
.header--nav-position-center-below .nav-desktop__tier-1 {
  justify-content: flex-start;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .header--nav-position-center-below .nav-desktop__tier-1 {
    justify-content: center;
  }
}
@media screen and (min-width: 720px) {
  .header--nav-position-left-center .nav-desktop__tier-1 {
    justify-content: center;
  }
}
.nav-desktop__tier-1 .nav-desktop__tier-1-item {
  display: inline-block;
}
.nav-desktop__tier-1 .nav-desktop__tier-1-link {
  display: block;
  padding: var(--space-6);
  white-space: nowrap;
}
.nav-desktop__tier-1 .nav-desktop__tier-1-link.nav-desktop__tier-1-link--parent {
  padding-right: var(--space-10);
}

.nav-desktop__tier-1-item--dropdown-parent {
  position: relative;
}

.nav-desktop__tier-1-link--parent::after {
  position: absolute;
  top: 50%;
  right: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  pointer-events: none;
  content: "";
  background-color: var(--color-body);
  /*
Icon chevron-small (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon chevron-small (1.0.1) end
     */
  transform: translateY(-50%) translateX(-0.25rem);
}

.nav-desktop__tier-2-link--parent {
  padding-right: var(--space-14);
}
.nav-desktop__tier-2-link--parent::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 0.625rem;
  height: 0.625rem;
  pointer-events: none;
  content: "";
  background-color: var(--color-body);
  /*
Icon chevron-small (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon chevron-small (1.0.1) end
     */
  transform: translateY(-50%) rotate(-90deg);
}

.nav-desktop__tier-2,
.nav-desktop__tier-3 {
  position: absolute;
  z-index: 100;
  height: 0;
  overflow: hidden;
  text-align: left;
  visibility: hidden;
  background: var(--color-site-background);
  opacity: 0;
}
.nav-desktop__tier-2[data-animation],
.nav-desktop__tier-3[data-animation] {
  transition: transform 0.2s ease, height 0.2s ease, opacity 0.2s ease;
}
.nav-desktop__tier-2[data-animation-state=open],
.nav-desktop__tier-3[data-animation-state=open] {
  display: block;
  height: var(--open-height);
  visibility: visible;
  opacity: 1;
}
.nav-desktop__tier-2[data-opened=true],
.nav-desktop__tier-3[data-opened=true] {
  overflow: initial;
}

.nav-desktop__tier-2 {
  top: 100%;
  left: 0;
}
.nav-desktop__tier-2.alternate-drop {
  right: 0;
  left: auto;
}
.nav-desktop__tier-2 > * {
  transform: translateY(var(--space-4));
}
.nav-desktop__tier-2[data-animation] > * {
  transition: transform 0.2s ease;
}
.nav-desktop__tier-2[data-animation-state=open] > * {
  transform: translateY(0);
}

.nav-desktop__tier-2--dropdown,
.nav-desktop__tier-3 {
  height: 0;
  padding: var(--space-4) 0;
  margin: 0 0 var(--space-4) 0;
  overflow: hidden;
  text-align: left;
  background: var(--color-site-background);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1);
}

.nav-desktop__tier-2--dropdown {
  list-style: none;
}
[data-show-separator=true] .nav-desktop__tier-2--dropdown {
  top: 100%;
  border-top: 1px transparent;
}
.nav-desktop__tier-2--dropdown li {
  width: 100%;
  white-space: nowrap;
}

.nav-desktop__tier-3 {
  top: 0;
  left: 100%;
  height: auto;
  padding: var(--space-4) 0;
  margin: 0;
  transition: none;
}
.nav-desktop__tier-3[data-animation-state=open] {
  height: auto;
  opacity: 1;
}
.nav-desktop__tier-3.alternate-drop {
  right: 100%;
  left: auto;
}
.nav-desktop__tier-3 li {
  display: block;
  width: 100%;
}

.nav-desktop__tier-2--meganav {
  top: auto;
  width: 100vw;
  padding: var(--space-12) var(--space-gutter-desktop);
  margin-top: var(--header-bottom-border-offset, 0);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.075);
}
[data-nav-desktop-details][open] .nav-desktop__tier-2--meganav {
  width: 100%;
}

.no-js [data-nav-desktop-details][open] > .nav-desktop__tier-2,
.no-js [data-nav-desktop-details][open] > .nav-desktop__tier-3,
.no-js [data-nav-desktop-details][open] > .header-mega-nav {
  display: block;
  height: auto;
  overflow: initial;
  visibility: visible;
  opacity: 1;
}

.no-js [data-nav-desktop-details][open] > .header-mega-nav + .nav-desktop__tier-2,
.no-js [data-nav-desktop-details][open] > .header-mega-nav + .nav-desktop__tier-3 {
  display: none;
  opacity: 0;
}

[data-nav-desktop-details] > summary::-webkit-details-marker {
  display: none;
}

.block-meganav {
  display: flex;
  flex-direction: column;
  gap: var(--space-9);
  background-color: var(--color-site-background);
}
@media screen and (min-width: 480px) {
  .block-meganav {
    flex-direction: row;
    gap: var(--space-14);
    align-items: flex-start;
  }
}

.block-meganav__menus {
  flex: 1 1 auto;
  column-count: var(--block-meganav-column-count);
  column-gap: calc(2 * var(--space-8));
  padding: 0 var(--space-8);
  margin: 0;
  list-style: none;
}

.block-meganav__submenu-items {
  padding-left: 0;
  list-style: none;
}

.block-meganav__link {
  font-size: var(--font-body-size-75);
  color: var(--color-body);
  text-decoration: none;
}
.block-meganav__link:visited {
  color: var(--color-body);
  text-decoration: none;
}
.block-meganav__link:hover, .block-meganav__link:active, .block-meganav__link:focus {
  color: var(--color-body);
  text-decoration: underline;
  outline-offset: -5px;
}

.block-meganav__submenu {
  margin: 0 0 var(--space-10) 0;
  break-inside: avoid;
}

.block-meganav__item {
  break-inside: avoid;
}

.block-meganav__submenu-heading {
  padding: var(--space-5) 0;
  font-size: var(--font-body-size-200);
  color: var(--color-heading);
}
.block-meganav__submenu-heading:focus, .block-meganav__submenu-heading:hover, .block-meganav__submenu-heading:active, .block-meganav__submenu-heading:visited {
  color: var(--color-heading);
}

.block-meganav__submenu-item {
  margin: 0;
  break-inside: avoid;
}

.block-meganav__submenu-item-link {
  display: block;
  padding: var(--space-5) 0;
}

.block-meganav__item-heading {
  padding: var(--space-4) 0;
  font-size: var(--font-body-size-200);
}

.block-meganav__promos {
  display: grid;
  flex: 0 1 auto;
  gap: var(--space-9);
  width: 100%;
}
@media screen and (min-width: 720px) {
  .block-meganav__promos {
    flex: 0 0 auto;
    gap: var(--space-10);
    width: 25%;
  }
}

.responsive-image-promo {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  aspect-ratio: var(--responsive-image-promo-aspect-ratio);
  padding: var(--space-14);
  color: var(--responsive-image-promo-text-color, var(--color-overlay-text));
  background: var(--responsive-image-promo-background, var(--color-overlay));
}

.responsive-image-promo--show-overlay {
  color: var(--responsive-image-promo-text-color, var(--color-overlay-text));
}
.responsive-image-promo--show-overlay .responsive-image-promo__image-wrapper::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  background: var(--responsive-image-promo-background, var(--color-overlay));
}

.responsive-image-promo__image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.responsive-image-promo-link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.responsive-image-promo-link:visited {
  color: inherit;
  text-decoration: none;
}
.responsive-image-promo-link:hover, .responsive-image-promo-link:active, .responsive-image-promo-link:focus {
  color: inherit;
  text-decoration: none;
}

.responsive-image-promo__preheading {
  font-family: var(--font-body-family);
  font-size: var(--font-accent-size-small);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-accent-line-height);
  text-transform: uppercase;
  letter-spacing: var(--font-accent-letter-spacing);
}

.responsive-image-promo__subheading {
  font-size: var(--font-body-size-100);
}

.responsive-image-promo__preheading,
.responsive-image-promo__heading,
.responsive-image-promo__subheading {
  margin: 0;
  text-align: center;
}

.responsive-image-promo__preheading,
.responsive-image-promo__heading {
  margin-bottom: var(--space-7);
}

.responsive-image-promo__heading {
  font-family: var(--font-heading-family);
  font-size: var(--font-heading-size-1);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  line-height: var(--font-heading-line-height);
  text-transform: var(--font-heading-transform);
  letter-spacing: var(--font-heading-letter-spacing);
}

.live-search {
  position: var(--live-search-position, relative);
}

.live-search__input-wrapper {
  position: relative;
}

.live-search__search-button-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.live-search__query-input[type=search] {
  padding-right: var(--space-14);
  margin: 0;
}
.live-search__query-input[type=search] ~ svg {
  position: absolute;
  top: 50%;
  right: var(--space-8);
  color: var(--color-form-foreground);
  transform: translateY(-50%);
}
.live-search__query-input[type=search]:not(:placeholder-shown) ~ svg {
  display: none;
}

.live-search__results {
  display: none;
}
[results=true] .live-search__results {
  display: block;
}

@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
.live-search__loading-state {
  display: none;
  justify-content: center;
}
.live-search__loading-state svg {
  width: 50px;
  height: 50px;
  color: var(--color-lines-and-borders);
  animation: 1s linear infinite spin;
}
[loading] .live-search__loading-state {
  display: flex;
}
[results=true] .live-search__loading-state {
  display: none;
}

.live-search__results-container {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: var(--live-search-results-width, 100%);
  max-height: calc(100vh - var(--header-height));
  padding: var(--space-10) var(--space-10) var(--space-10);
  overflow-y: auto;
  background-color: var(--color-site-background);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.075);
  opacity: 0;
}
@media screen and (min-width: 720px) {
  .live-search__results-container {
    top: calc(100% + var(--space-2));
    left: calc(50%);
    width: var(--live-search-results-width, 100%);
    max-height: 37.5rem;
    border: 1px solid var(--color-lines-and-borders);
    transform: translateX(-50%);
  }
}
.live-search--show-posts-pages .live-search__results-container {
  width: var(--live-search-results-width-when-pages, 100%);
}
@media screen and (min-width: 720px) {
  .live-search--show-posts-pages .live-search__results-container {
    width: var(--live-search-results-width-when-pages, 150%);
  }
}
.live-search__results-container[data-animation] {
  display: block;
  transition: opacity 0.2s var(--animation-function-general);
}
.live-search__results-container[data-animation-state=open] {
  display: block;
  opacity: 1;
}

.nav-drawer {
  position: absolute;
  display: none;
  width: 100%;
  height: auto;
  max-height: calc(var(--window-height, 100vh) - var(--header-height));
  overflow: auto;
  background-color: var(--color-site-background);
  border-top: 1px solid var(--color-lines-and-borders);
  outline: none;
  transition: height 350ms var(--animation-function-general);
}
.nav-drawer[data-height-set=true] {
  height: 0;
}
.nav-drawer[data-animation] {
  display: block;
}
.nav-drawer[data-animation="open=>closed"] {
  transition: height 50ms var(--animation-function-general);
}
.nav-drawer[data-animation-state=open] {
  display: block;
  height: var(--mobile-nav-height);
}
[data-show-separator=true] .nav-drawer {
  border: none;
}

.nav-drawer__navigation {
  position: relative;
  height: var(--navigation-height);
  overflow: hidden;
  transition: height 250ms var(--animation-function-general);
}

.nav-drawer__tier-1,
.nav-drawer__tier-2,
.nav-drawer__tier-3 {
  padding: var(--space-6) 0 var(--space-13);
  background-color: var(--color-site-background);
}

.nav-drawer__tier-2,
.nav-drawer__tier-3 {
  position: absolute;
  top: 0;
  right: -100%;
  z-index: 1;
  width: 100%;
  outline: none;
  transition: right 250ms var(--animation-function-general);
}
.nav-drawer__tier-2[data-animation-state=open],
.nav-drawer__tier-3[data-animation-state=open] {
  right: 0;
}

.nav-drawer__back-button {
  display: flex;
  gap: var(--space-5);
  align-items: center;
  padding: var(--space-5) var(--space-8);
  font-size: var(--font-body-size-50);
  color: var(--color-body);
  cursor: pointer;
  background: transparent;
  border: none;
  opacity: 0.7;
}
.nav-drawer__back-button::before {
  width: 0.75rem;
  height: 0.75rem;
  pointer-events: none;
  content: "";
  background-color: var(--color-body);
  /*
Icon chevron (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon chevron (1.0.1) end
     */
  transform: rotate(90deg);
}

.nav-drawer__title-link,
.nav-drawer__title-link:visited {
  display: block;
  padding: var(--space-5) var(--space-8);
  margin-top: var(--space-5);
  font-size: var(--font-body-size-300);
  color: var(--color-body);
  text-decoration: none;
}

.nav-drawer__tier-1-list,
.nav-drawer__tier-2-list,
.nav-drawer__tier-3-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.nav-drawer__tier-1-item,
.nav-drawer__tier-2-item,
.nav-drawer__tier-3-item {
  margin: 0;
}
.nav-drawer__tier-1-item a:not(.nav_drawer--black-friday):hover {
  color: #fff !important;
}

.nav-drawer__tier-1-link,
.nav-drawer__tier-2-link,
.nav-drawer__tier-3-link,
.nav-drawer__tier-1-link:visited,
.nav-drawer__tier-2-link:visited,
.nav-drawer__tier-3-link:visited {
  position: relative;
  display: block;
  padding: var(--space-5) var(--space-14) var(--space-5) var(--space-8);
  color: var(--color-body);
  text-decoration: none;
  list-style: none;
  cursor: pointer;
}
.nav-drawer__tier-1-link::-webkit-details-marker,
.nav-drawer__tier-2-link::-webkit-details-marker,
.nav-drawer__tier-3-link::-webkit-details-marker,
.nav-drawer__tier-1-link:visited::-webkit-details-marker,
.nav-drawer__tier-2-link:visited::-webkit-details-marker,
.nav-drawer__tier-3-link:visited::-webkit-details-marker {
  display: none;
}

.nav-drawer__tier-1-link--parent::after,
.nav-drawer__tier-2-link--parent::after {
  position: absolute;
  top: 50%;
  right: var(--space-8);
  width: 0.75rem;
  height: 0.75rem;
  pointer-events: none;
  content: "";
  background-color: var(--color-body);
  /*
Icon chevron (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20d%3D%22m1%205%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /*
Icon chevron (1.0.1) end
     */
  transform: translateY(-50%) rotate(-90deg);
}

/* Secondary navigation */
.nav-drawer__bottom {
  display: flex;
  flex-direction: column;
  gap: var(--space-10);
  padding: var(--space-10) 0 0;
  margin: 0 var(--space-8);
  border-top: 1px solid var(--color-lines-and-borders);
}
.nav-drawer__bottom > :last-child {
  padding-bottom: var(--space-10);
}

/* Account Links */
.navigation-mobile__account-link,
.navigation-mobile__account-link:visited {
  display: block;
  padding: var(--space-5) 0;
  color: var(--color-body);
  text-decoration: none;
  list-style: none;
  cursor: pointer;
}

/* Cross Border */
.nav-drawer__cross-border {
  padding: var(--space-8);
  margin-top: var(--space-9);
  background-color: var(--color-site-background-secondary);
}
.nav-drawer__cross-border .cross-border {
  flex-wrap: wrap;
}
.nav-drawer__cross-border .disclosure__toggle {
  gap: var(--space-8);
  padding: var(--space-3) var(--space-6);
  font-size: var(--font-body-size-100);
  border: 1px solid rgba(var(--color-body-rgb), 30%);
}
.nav-drawer__cross-border .disclosure__toggle::after {
  width: 0.75rem;
  height: 0.75rem;
}
.nav-drawer__cross-border #localization_form,
.nav-drawer__cross-border #localization_form > div {
  width: 100%;
}
.na-drawer__sub-menu .sub-menu {
  border: 1px solid #1C1D1D;
  border-top: 0;
  padding: 0;
}
.na-drawer__sub-menu .sub-menu-item {
  padding: 14px 0;
  margin: 0;
  width: 100%;
  text-align: center;
  border-right: 1px solid #1C1D1D;
}
.na-drawer__sub-menu .sub-menu-item:last-child {
  border-right: 0;
}
.na-drawer__sub-menu .sub-menu-item .sub-menu-link {
  font-family: var(--font-heading-family);
  color: #999999;
  font-size: 12.8px;
}
/* Meganav Promos */
.nav-drawer__tier-2-promos {
  padding: var(--space-12) var(--space-8) 0;
}

.footer-newsletter-form {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--space-9);
  margin-bottom: var(--space-7);
}
.footer-newsletter-form:only-child {
  margin-top: 0;
}

.block-footer-newsletter-form__heading {
  margin-top: 0;
  font-size: var(--font-heading-size-5);
  color: var(--block-text-color, var(--color-body));
}

.block-footer-newsletter-form__content {
  color: var(--block-text-color, var(--color-body));
}
.block-footer-newsletter-form__content > :first-child {
  margin-top: 0;
}
.block-footer-newsletter-form__content > :last-child {
  margin-bottom: 0;
}

.block-footer-newsletter-form__form-content {
  width: 100%;
}
.block-footer-newsletter-form__form-content [data-component=button] {
  margin-top: var(--space-5);
  white-space: nowrap;
}
.block-footer-newsletter-form__form-content input {
  height: 100%;
  margin: 0;
  color: var(--block-text-color, var(--color-body));
}
.block-footer-newsletter-form__form-content input::placeholder {
  color: var(--block-text-color, var(--color-body));
}
.block-footer-newsletter-form__form-content label {
  display: none;
}

.block-footer-menu__menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.block-footer-menu__heading {
  margin-top: 0;
  font-size: var(--font-heading-size-5);
  color: var(--block-text-color, var(--color-body));
}

.block-footer-menu__link {
  color: var(--block-text-color, var(--color-body));
  text-decoration: none;
}
.block-footer-menu__link:hover {
  text-decoration: underline;
}
.block-footer-menu__link:visited, .block-footer-menu__link:hover, .block-footer-menu__link:focus, .block-footer-menu__link:active {
  color: var(--block-text-color, var(--color-body));
}

.block-footer-about [data-component=social-media-links] {
  margin-top: var(--space-14);
  margin-left: calc(var(--space-3) * -1);
}
.block-footer-about [data-component=social-media-links] a,
.block-footer-about [data-component=social-media-links] a:visited,
.block-footer-about [data-component=social-media-links] a:focus,
.block-footer-about [data-component=social-media-links] a:hover {
  color: var(--block-text-color, var(--color-body));
}

.block-footer-about__heading {
  margin-top: 0;
  font-size: var(--font-heading-size-5);
  color: var(--block-text-color, var(--color-body));
}

.block-footer-about__content {
  color: var(--block-text-color, var(--color-body));
}
.block-footer-about__content > :first-child {
  margin-top: 0;
}
.block-footer-about__content > :last-child {
  margin-bottom: 0;
}

.block-footer-logo__image {
  display: flex;
}
.block-footer-logo__image > :first-child {
  width: 50px;
}

.block-footer-logo__image--size-medium > :first-child {
  width: 100px;
}

.block-footer-logo__image--size-large > :first-child {
  width: 200px;
}

.block-footer-logo__image--size-xl > :first-child {
  width: 300px;
}

.block-footer-logo__image--size-fill > :first-child {
  width: 100%;
}

.block-footer-logo__image--alignment-center {
  justify-content: center;
}

.block-footer-logo__image--alignment-right {
  justify-content: flex-end;
}

/* Related product Model */
.relatedProductModal {
  position: fixed;
  top: 20%;
  z-index: var(--index-modal);
  max-width: calc(100vw - 30rem);
  width: 100%;
  margin-right: 30rem;
}
.relatedProductModal .related-products-list {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.relatedProductModal .related-product-item {
  background-color: #fff;
  margin-right: var(--space-7);

  max-width: 18rem;
  position: relative;
}
.relatedProductModal .related-product-item a {
  text-decoration: none;
}
.related-product-item .product-card__remark._campaign_3for60,
.related-product-item .product-card__remark._campaign_3for120 {
  padding: 8px 0;
}
.relatedProductModal .related-product-info {
  padding: var(--space-8);
  text-align: center;
  min-height: 5.75rem;
}
.relatedProductModal .product-card__title,
.relatedProductModal .product-quickAdd {

}
.relatedProductModal .product-card__color {
  display: block;
  margin: var(--space-3) auto;
}
.relatedProductModal .related-product-price,
.relatedProductModal .product-quickAdd {
  font-weight: 700;
}
.relatedProductModal .related-product-price {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-4);
  justify-content: center;
}
.relatedProductModal .product-quickAdd {
  font-size: var(--font-product-item-name-size);
  margin-top: 0;
}
.relatedProductModal .grid-variants {
  position: absolute;
  bottom: 135px;
  background: #fff;
  margin: 0 12px;
  padding: 12px;
  text-align: center;
  display: none;
  width: calc(100% - 24px);
}
.relatedProductModal .related-product-item:hover .grid-variants {
  display: block;
}
.relatedProductModal .related-product-item:nth-child(4) {
  display: none;
}
.relatedProductModal .grid-variants .input-fieldset__values {
  justify-content: center;
}
.related-products-list-wrapper {
  max-width: 62rem;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.relatedProductModal .related-products-list-wrapper .popup-title {
  font-weight: 700;
  color: #fff;
  font-size: 28px;
  max-width: 56rem;
  width: 100%;
  margin: 0;
}
.relatedProductModal.single-product .related-products-list-wrapper .popup-title {
  max-width: 18rem;
}
.relatedProductModal.two-product .related-products-list-wrapper .popup-title {
  max-width: 37rem;
}
@media screen and (max-width: 1440px) {
  .relatedProductModal .related-product-item:nth-child(3) {
    display: none;
  }
  .relatedProductModal .related-products-list-wrapper .popup-title {
    max-width: 37rem;
  }
}
/* @media screen and (max-width: 1200px) {
  .relatedProductModal .related-product-item:not(:first-child) {
    display: none;
  }
  .related-products-list-wrapper .popup-title {
    max-width: 20rem;
  }
} */
@media screen and (max-width: 1024px) {
  .relatedProductModal{
    display: none;
  }
}
.footer-top_wrapper .block-footer-reward-app-images {
  width: 33.33333%;
}
.footer-top_wrapper .block-footer-reward-app-images > div {
  height: 213px;
  position: relative;
}

.footer-top_wrapper .block-footer-reward-app-images .lazy-img {
  padding-top: 213px;
  position: relative;
  width: 100%;
  height: 213px;
  overflow: hidden;
}
.footer-top_wrapper .block-footer-reward-app-images .lazy-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  display:none;
}
.footer-top_wrapper .block-footer__reward-app_image {
  display: block;
}
.footer-top_wrapper .block-footer__reward-app_image span{
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #FFF;

  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  z-index: 5;;
}

.footer-top_wrapper {
  display:flex;
  flex-direction: row-reverse;
}
.footer-top_wrapper .footer-block--reward-app-images {
  display: flex;
  min-width: 480px;
  max-width: 480px;
  gap: 10px;
  padding-left: 0;
}
.footer-top_wrapper .footer-top {
  width: 100%;
}
.footer-top_wrapper .footer-block.hidden {
  width: 0;
  flex-basis: 0;
}
@media screen and (max-width: 1360px) {
  .footer-top_wrapper .footer-block--reward-app-images {
    min-width: 380px;
    max-width: 380px;
    padding-bottom: 24px;
  }
  .footer-top_wrapper .footer-top .footer-block:first-child {
    flex-basis: 27%;
  }
  .footer-top_wrapper .footer-top .footer-block:last-child {
    flex-basis: 40%;
  }
}
@media screen and (max-width: 1000px) {
  .footer-top_wrapper {
    display: block;
  }
  .footer-top_wrapper .footer-block--reward-app-images {
    min-width: 100%;
    max-width: 100%;
  }
  .footer-top_wrapper .footer-block--reward-app-images .block-footer-logo__image {
    height: 100%;
  }
  .footer-top_wrapper .footer-top {
    display: block;
  }
  .footer-top_wrapper .footer-top .footer-block {
    border-top: 1px solid #E3E3E3;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .footer-top_wrapper .footer-top .footer-block:last-child {
    border-bottom: 1px solid #E3E3E3 !important;
  }
  .footer-top_wrapper .block-footer__reward-app_image {
    width: 100%;
    height: 100%;
    padding-top: 100%;
  }
  .footer-top_wrapper  .block-footer-menu__menu li:last-child {
    margin-bottom: 0;
  }
  .button.button--primary {
    width: 100%;
  }
  .footer-bottom {
    margin-top: var(--space-12);
  }
  .footer-bottom__wrapper {
    align-items: center;
  }
  .footer__wrapper {
    padding-bottom: 24px;
  }
  .footer-bottom__left {
    flex-direction: column;
  }
}

@media screen and (max-width: 560px) {
  .footer-top_wrapper .footer-block--reward-app-images {
    overflow-x: auto;
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
  }
  .footer-top_wrapper .footer-block--reward-app-images::-webkit-scrollbar {

      height: 0;
  }
  .footer-top_wrapper .block-footer-reward-app-images {
    min-width: 150px;
  }
  .payment_methods svg {
    width: 45px;
  }
}
@media screen and (min-width: 720px) {
  .template-cart .cart__checkout-buttons .button.button--primary {
    width: 250px;
  }
}

/* Toggle collection */
.toggle-collection .tab-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  margin-bottom: 16px;
  justify-content: center;
}
.toggle-collection .tab-list .tab-item {
  max-width: 180px;
  width: 100%;
  text-align: center;
  border: 1px solid #1A1A1A33;
  padding: 10px;
  cursor: pointer;
}
.toggle-collection .tab-list .tab-item .tab-trigger {

  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.05em;
  margin: 0;
  color: #1A1A1A;
  opacity: 0.2;
}
.toggle-collection .featured-collection__subheading {
  text-align: center;
  width: 100%;
  max-width: unset;
  margin-bottom: 25px;
}
.toggle-collection .featured-collection__header--old-theme .featured-collection__heading {
  margin-top: 0;
}
.toggle-collection .tab-toggle,
.toggle-collection .tab-content {
  display: none;
}
.tab-toggle:nth-child(1):checked ~ .tab-list .tab-item:nth-child(1),
.tab-toggle:nth-child(2):checked ~ .tab-list .tab-item:nth-child(2){
  background: #000;
}
.tab-toggle:nth-child(1):checked ~ .tab-list .tab-item:nth-child(1) .tab-trigger,
.tab-toggle:nth-child(2):checked ~ .tab-list .tab-item:nth-child(2) .tab-trigger {
  color: #fff;
  opacity: 1;
}
.tab-toggle:nth-child(1):checked ~ .tab-container .tab-content:nth-child(1),
.tab-toggle:nth-child(2):checked ~ .tab-container .tab-content:nth-child(2) {
  display: block;
}

.promotions-grid .block-promo-editorial__button {
  display: flex;
  justify-content: var(--grid-justification);
  align-items: var(--grid-justification);
}
.promotions-grid__wrapper:not(.promotions-grid__wrapper--two-column){
  display: flex;
  height: var(--mobile-height);
  padding: 0;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overscroll-behavior-x: contain;
}
.promotions-grid__wrapper > * {
  scroll-snap-align: start;
}
.promotions-grid__wrapper .promotions-grid__list-item {
  /* flex-basis: calc(calc(100% / 4) - 10px) !important; */
}

@media screen and (max-width: 720px) {
  .toggle-collection .tab-list {
    max-width: calc(var(--width-site-full) + 2 * var(--space-gutter-desktop));
    padding-right: var(--space-gutter-desktop);
    padding-left: var(--space-gutter-desktop);
    margin: 0;
  }
  .toggle-collection .tab-list .tab-item {
    max-width: 130px;
  }
  .toggle-collection .featured-collection__header--old-theme .featured-collection__header-button {
    margin-bottom: 8px;
  }
  .promotions-grid__wrapper .promotions-grid__list-item:not(.promotions-grid__block-text) {
    flex-basis: calc(90% - 10px) !important;
  }

  .promotions-grid .block-promo-editorial__button button {
    display: none;
  }
  .promotions-grid .block-promo-editorial__button button.button--mobile {
    display: block
  }
  .promotions-grid__wrapper.promotions-grid__wrapper--with-spacing {
    gap: var(--space-5);
  }
}
/* Page According List */
.accordion__list__wrapper {
  margin: 0 55px 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.accordion__list__container {
  width: calc(66.66666666666667% - 25px);
}
.accordion__list__box {
  width: calc(33.333333333333336% - 25px);
  padding: 25px;
  text-align: center;
  border-radius: 5px;
  height: 100%;
}
.accordion__list__box__heading h3 {
  margin: 0 0 25px;
  padding: 12px 0 25px;
  border-bottom: 1px solid #dfdfdf;
  text-transform: uppercase;
}
.accordion__list__box__button .button-link {
  width: 100%;
  max-width: 200px;
}
.accordion__list__box__content__inner {
  margin: 24px 0;
  text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
  .accordion__list__container,
  .accordion__list__box {
    width: 100%;
  }
  .accordion__list__container {
    margin-bottom: 60px;
  }
}
/* country-dropdown css */
.country-dropdown-wrapper {
  padding-right: var(--space-14);
  padding-left: var(--space-14);
}
.country-dropdown {
  max-width: 30%;
}
.country-shipping-table {
  overflow: auto;
  border: 1px solid #D5D6D7;
  border-radius: 0px;
  display: none;
}
.country-shipping-table table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-style: hidden;
  margin: 0 auto;
}
.country-shipping-table th {
  border: 1px solid #D5D6D7;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
}
.country-shipping-table td {
  border: 1px solid #D5D6D7;
  padding: 35px;
  min-height: 45px;
}
@media screen and (min-width: 1024px) {
  .country-dropdown-wrapper {
    padding-right: var(--space-19);
    padding-left: var(--space-19);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .country-dropdown {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .country-dropdown {
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .country-shipping-table {
    margin-right: -2.53rem;
  }
}
 /* Help center page */
 .help-center__grid-section {
  margin: 0 50px;
}
.template-page-help-center-page .rich-text,
.template-page-protect-order-claim .rich-text,
.template-page-afterpay-info .rich-text{
  margin: 0;
}
.template-page-afterpay-info .block-richtext,
.template-page-sezzle .block-richtext {
  max-width: unset;
}
.help-center__grid-section .grid-section__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.help-center__grid-section .grid-section__item a {
  height: 100%;
  padding: 19px;
  display: block;
  text-align: center;
  text-decoration: none;
}
.help-center__grid-section .grid-section__item {
  width: 100%;
}
.help-center__grid-section .grid-section__item-content h4 {
  font-size: 16px;
}
.template-page-help-center-page .button-link {
  background-color: rgba(221, 221, 221, 1);
  padding: 7px 65px;
  font-size: 19px;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .help-center__grid-section .grid-section__item {
    margin-bottom: 10px;
    width: calc(33.33% - 6px);
  }
}
/* end of help center page */

/* Black Friday page */

.template-page-black-friday .image-banner__wrapper .block-heading h2,
.template-page-black-friday2 .image-banner__wrapper .block-heading h2 {
  font-size: 26px;
}
.template-page-black-friday .image-banner__wrapper .button-link,
.template-page-black-friday2 .image-banner__wrapper .button-link {
  width: 192px;
  font-size: 15px;
}
.template-page-black-friday .collection-card__location .collection-card__title,
.template-page-black-friday2 .collection-card__location .collection-card__title {
  font-size: 15px;
}
.template-page-black-friday .custom__liquid .klaviyo-form,
.template-page-black-friday2 .custom__liquid .klaviyo-form {
  margin-top: 16px;
}
.template-page-black-friday .spacer,
.template-page-black-friday2 .spacer {
  height: 38px;
}

.template-page-black-friday .custom-html {
  margin: 0;
}
.template-page-black-friday .klaviyo-form {
  max-width: 448px;
  margin: 0 auto;
}
.template-page-black-friday .klaviyo-form form {
  background-color: transparent !important;
  padding: 0 !important;
}

.template-page-black-friday .klaviyo-form form button {
  background: #000 !important;
  color: #fff !important
}
.template-page-black-friday section.rich-text {
  margin: 0;
}
.template-page-black-friday section.rich-text .rich-text__wrapper {
  padding-top: 0;
}
.template-page-black-friday div.kl-private-reset-css-Xuajs1 * {
  color: var(--block-text-color, var(--color-body)) !important;
}
.template-page-black-friday2 div.kl-private-reset-css-Xuajs1.go3176171171 * {
  text-align: left !important;
}
@media screen and (max-width: 1024px) {
  .template-page-black-friday .image-banner__wrapper,
  .template-page-black-friday2 .image-banner__wrapper {
    height: 222px;
  }
}
@media screen and (min-width: 1024px) {
  .template-page-black-friday .image-banner__wrapper .block-heading h2,
  .template-page-black-friday2 .image-banner__wrapper .block-heading h2 {
    font-size: 31px;
  }
}

@media screen and (max-width: 768px) {
  .template-page-black-friday0 .spacer ,
  .template-page-black-friday2 .spacer { display: none;}
  .template-page-black-friday section:is(.image-with-text, .image-banner, .collection-list, .accordion__list ),
  .template-page-black-friday2 section:is(.image-with-text, .image-banner, .collection-list, .accordion__list ){
    margin: 40px 0;
  }
  .template-page-black-friday .klaviyo-form form > .needsclick {
    min-height: unset !important;
  }
  .template-page-black-friday .klaviyo-form {
    max-width:320px;
  }
  .footer__wrapper .footer-block > div > h2 {
    font-size: 15px;
  }

  .template-page-fabric-guide footer.footer,
  .template-page-fabric-guide-details footer.footer {
    margin-top: 0;
  }
  .template-page-fabric-guide .footer__wrapper,
  .template-page-fabric-guide-details .footer__wrapper {
    padding-top: 20px;
  }
}

/* END Black Friday page */

button#BIS_trigger {
  margin-top: 0.75rem;
  width: 100%;
}


/* Fabric Guide */
.fabric-guide {
  padding: var(--margin-top) 0 var(--margin-bottom) 0;
}
.fabric-guide .heading__block-content{
  text-align: center;
  max-width: 722px;
  margin: 0 auto;
  line-height: 17.19px;
}
.fabric-guide .custom-html__heading,
.fabric-guide .heading__block-content p {
  margin: 0 !important;
}
.fabric-guide .custom-html__heading {
  margin-bottom: 20px !important;
}
.fabric-guide  .image__wrap {
  display: flex;
  flex-wrap:wrap;
  gap: 1.25rem;
  margin-top: 40px;
}
.fabric-guide .image__block {
  flex: calc(25% - 1.25rem) 0 1;
}
.fabric-guide .image__block a{
  text-decoration: none;
}
.fabric-guide .image__block,
.fabric-guide .has-overlay{
  position: relative;
}
.fabric-guide .has-overlay .image__block--content--image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
body:not(.template-page-fabric-guide) .fabric-guide .has-overlay .image__block--content--image:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%);
}
.fabric-guide  .image__block:hover .image__block--content--text h3{
  text-decoration: underline;
}
body:not(.template-page-fabric-guide) .fabric-guide .image__block--content--text {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding:24px;
}
.template-page-fabric-guide .fabric-guide .image__block--content--text {
  background-color: #f0f0f0;
  text-align: center; 
  padding: 24px 24px 40px 24px;
}
.fabric-guide .image__block--content--text * {
  margin: 0;
  color: var(--block-text-color-fg)
}
.fabric-guide .image__block--content--text h3 {

  font-size: 1.25rem;
  font-weight: 700;
  line-height: 25.88px;
  margin-bottom: 1rem;
}

.fabric-guide .button__wrap {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}
.fabric-guide .button__wrap .button:hover {
  color: #fff;
  background-color: #050505;
}
.fabric-guide .button__wrap .button {
  padding: 10px 24px;
  Line height: 17.19px;
  text-transform: capitalize;
  min-height: 3rem;
  max-height: 3rem;
}
.template-page-fabric-guide-details .image-with-text .block-heading h2,
.template-page-fabric-guide .image-with-text .block-heading h2 {
  font-weight: 700;

}
.template-page-fabric-guide .image-with-text .block-richtext * {
  line-height: 20px;
}
.template-page-fabric-guide .image-with-text section-wrapper[width="wide"] .image-with-text__content {
  padding: 0 24px;
}

.template-collection .collection-title {
  margin-bottom: 0;
}
.template-collection .collection-subcollections {
  margin-top: 40px;
}
.template-collection .collection-title__description--hidden :is(p),
.template-collection .collection-title__description :is(p) {
  margin-top: 0 !important;
}

@media screen and (max-width: 1024px) {
  .template-page-fabric-guide-details .image-with-text .image-with-text__text {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .template-page-fabric-guide .image-with-text section-wrapper[width="wide"] .image-with-text__content {
    padding-left: 16px;
    padding-right: 16px;
  }
  .template-page-fabric-guide .image-with-text {
    margin: 40px 0 0 0 !important;
  }
}
@media screen and (min-width: 768px)  and (max-width: 1000px) {
  .fabric-guide .image__block {
    flex: calc(33.3333% - 0.875rem) 0 1;
  }
  .fabric-guide  .image__wrap {
    gap: 0.875rem;
  }
}
@media screen and (max-width: 768px) {
  body:not(.template-page-fabric-guide) .fabric-guide  .image__contianer {
    overflow: hidden; 
  }
  body:not(.template-page-fabric-guide) .fabric-guide  .image__wrap:not(.slider-container) {
    flex-wrap: unset;
    overflow-x: auto;
    margin-bottom: -3px;
  }
  .fabric-guide .image__block {
    flex: 1 0 80%
  }
  .template-page-fabric-guide .fabric-guide  .image__block {
    flex: calc(50% - 20px);
  }
  .template-page-fabric-guide .fabric-guide .image__block--content--text h3 {
    margin-bottom: 10px;
    text-decoration: underline !important;
    font-size: 18px !important
  }
  .template-page-fabric-guide .fabric-guide .image__block--content--text {
    background-color: #f0f0f0;
    text-align: center; 
    padding: 14px 14px 24px 14px;
  }
  .fabric-guide  .image__wrap {
    gap: 10px;
  }
  .template-collection .collection-title {
    margin-bottom: 0;
  }
  .template-collection .collection-subcollections {
    margin-top: 24px;
  }
}

/* custom header mobile */
.search__button-mobile { display: none;}

@media screen and ( max-width: 720px) {
  .header__controls--last .header__search-button {
    display: none;
  }
  .header__menu-button, 
  .header__wishlist-button, 
  .header__menu-close-button, 
  .header__search-button, 
  .header__account-button, 
  .header__cart-button {
    min-width: 30px;
  }
  .search__button-mobile {
    display: flex;
  }
  .header__wrapper.left-center .header__heading {
    margin: 0 0 0 10px;
  }
}


/* BLACK FRIDAY MEGAMENU */
.header .header__wrapper.wide { max-width: 100%; }

.nav-drawer__navigation .nav-drawer__title-link {
  color: #fff;
}
.nav-desktop__black-friday{
  position: relative;
}

:is(.nav-desktop__black-friday, .nav-drawer__navigation) .bf-icon {
  margin-right: 3px;
  width: 17px;
  height: 17px;
  overflow: hidden;
}
.nav-drawer__navigation .nav-drawer__tier-3 .bf-icon {
  margin-right: -0.625rem;
}
:is( .nav-desktop__black-friday, .nav-drawer__navigation) .bf-icon img {
  object-fit: contain;
  object-position: center;
}

:has([data-has-custom-font]) .custom-menu-color-black-friday-sale span,
:has([data-has-custom-font]) .nav_drawer--black-friday:is(span, a, li, button) { 
  font-family: var(--bf-font-family) !important;
}
.meganav__type-meganav_black_friday .nav_drawer--black-fridayhover,
.meganav__type-meganav_black_friday .nav_drawer--black-friday,
.meganav__type-meganav_black_friday .nav-back-button__black-friday-sale,
.meganav__type-meganav_black_friday .custom-menu-color-black-friday-sale:hover,
.meganav__type-meganav_black_friday .custom-menu-color-black-friday-sale {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #FF6839;
  font-family: var(--font-heading-family);
  display: flex;
  align-items: center;
  padding: var(--space-5) var(--space-10) var(--space-5) var(--space-5);
  letter-spacing: 1px;
}
.meganav__type-meganav_black_friday .nav-back-button__black-friday-sale,
.nav-drawer__navigation .meganav__type-meganav_black_friday .custom-menu-color-black-friday-sale,
.nav-drawer__navigation .meganav__type-meganav_black_friday .nav_drawer--black-friday {
  font-size: 20px;
}
.nav-drawer__navigation .meganav__type-meganav_black_friday svg {
  height: 18px;
  width: 18px;
}
.meganav__type-meganav_black_friday .nav-back-button__black-friday-sale {
  color: var(--color-body);
}
.meganav__type-meganav_black_friday .nav-back-button__black-friday-sale svg {
  margin-right: -10px;
}
.meganav__type-meganav_black_friday .nav-back-button__black-friday-sale svg path {
  fill: var(--color-body);
}

.meganav__type-meganav_black_friday .custom-menu-color-black-friday-sale:after {
  background-color: #FF6839
}
@media screen and (min-width: 720px) {
  .header .header__wrapper.wide .header__heading {
    flex: 1;
  }
  .nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu] {
    border: 0.5px solid #FFFFFF;
    min-width: 744px;
  }
  .nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu]  *,
  .nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu] {
    background: #000;
  }
  .nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu] :where(ul, li, li a) {
    color: #fff;
  }
  .nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu] ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    gap: 10px;
  }
  .nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu] ul li.block-meganav__submenu .block-meganav__submenu-items li:last-child a {
    padding-bottom: 0
  }
  .nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu] ul li.block-meganav__submenu .block-meganav__submenu-items,
  .nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu] ul li {
    flex-basis: 100%;
    margin-bottom: 0;
  }
  .nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu] ul li a {
    font-size: 14px;
    letter-spacing: 0;
  }
  .nav-desktop__black-friday .custom-menu-color-black-friday-sale:hover,
  .nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu] ul li a:hover {
    opacity: 0.75;
  }
  .nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu] ul :where(.block-meganav__item-heading, .block-meganav__submenu-heading) {
    color:#FF6839;
    font-weight: bold;
  }
  .nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu] ul li.block-meganav__submenu{
    flex-basis: calc( 50% - 10px);
  }
  .nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu] ul li.block-meganav__item a{
    display: block;
    margin-bottom: 14px;
    padding: 0;
  }
  .header__wrapper.left-center.wide .header__controls--first {
    justify-content: center !important;
  }
  .nav-desktop__black-friday .meganav__type-meganav_black_friday .block-meganav__promo-block  {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .nav-desktop__black-friday .meganav__type-meganav_black_friday :where(.content--left, .content--right) {
    width: calc(50% - 10px);
    overflow: hidden;
  }
  .nav-desktop__black-friday .meganav__type-meganav_black_friday .content--left {
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    aspect-ratio: var(--responsive-image-promo-aspect-ratio);
    padding: var(--space-14);
    color: var(--responsive-image-promo-text-color, var(--color-overlay-text));
    background: var(--responsive-image-promo-background, var(--color-overlay));
    padding: 0;
  }
  .nav-desktop__black-friday .meganav__type-meganav_black_friday .content--left .responsive-image-promo {
    width: 100%;
    height: 100%;
    /* border: 1px solid green;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -10%); */
  }
  .meganav__type-meganav_black_friday .nav-desktop__tier-2--meganav a:hover {
    text-decoration: none;
  }
  /* MOBILE NAVIGATION */
  .enable-nav-mobile .header .header__wrapper .header__controls--first {
    flex: 0 0 6.5rem;
    justify-content: flex-start;
    order: 1;
    padding: 0;
  }
  .enable-nav-mobile .header .header__wrapper .header__controls--last {
    flex: 0 0 6.5rem;
    justify-content: flex-end;
    order: 3;
    padding: 0;
  }
  .enable-nav-mobile  .header .header__wrapper .header__heading {
    order: 2;
    width: 100%;
    margin: 0 0 0 10px;
  }
  .enable-nav-mobile :where(.desktop-only, .header__account-button, .nav-desktop, .header__controls--last .header__search-button) {
    display: none !important;
  }
  .enable-nav-mobile .header__menu-button,
  .enable-nav-mobile .search__button-mobile {
    display: flex;
  }
  .enable-nav-mobile .header--old-theme.header--nav-position-left-center .header__controls.header__controls--first {
    padding-left: 0;
  }
  .enable-nav-mobile .header .header__wrapper .header__title {
    max-width: var(--logo-width-mobile);
    margin: 0 auto;
  }
}

@media screen and (max-width: 1015px) {
  .nav-desktop__black-friday{
    position: initial;
  }
  .nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu] {
    width: calc( 100% - 40px);
    left: 50%;
    transform: translateX(-50%);
    min-width: auto;
  }
}

/* COLLECTION SALE TAG */
.product-card__sale-tag {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin-top: 10px;
  width: 100%;
  align-self: flex-end;
}
.product-card__sale-tag .sale-tag__inner {
  background-color: var(--sale-tag-bg-color, #FFD4C7);
  color: var(--sale-tag-color, #363636);
  padding: 4px 6px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  gap: 1px 5px;
   font-family: var(--font-heading-family);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  flex-wrap: wrap;
  position: relative;
  text-align: center;
}
.product-card__sale-tag .sale-tag__inner.sale-tage__weekly {
  align-items: start;
  background-color: var(--sale-tag-weekly-bg-color, #FFD4C7);
  color: var(--sale-tag-weekly-color, #363636);
}

.product-card__sale-tag .sale-tag__inner svg,
.product-card__sale-tag .sale-tag__inner path{
  fill: var(--sale-tag-color, #363636);
}

.product-card__sale-tag .text-bold {
  font-weight: bold;
  display: flex;
  align-items: center;
  position: relative;
  flex: 0 1 auto;
  z-index: 4;
}
.product-card__sale-tag .copy-text .text-bold {
  cursor: pointer;
}

.product-card__sale-tag .sale-tag__inner .text-bold:after {
  content: 'Copied';
  position: absolute;
  top: -23px;
  right: 15px;
  background-color: #818181;
  color: #fff;
  padding: 4px 7px;
  border-radius: 2px;
  text-align: center;  
  font-weight:normal;
  width: 41px;
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transform: translateY(20px);
  z-index: 1;
}
.product-card__sale-tag  .sale-tag__inner.copied .text-bold:after {
  opacity: 1;
  transform: translateY(0);
}
.product-card__sale-tag .thunder-icon {
  margin-right: -5px;
}
@media screen and (max-width: 768px) {
  .quick__add-mobile .product-card__quick-buy {
    margin-top: 10px;
  }
}
@media screen and (max-width: 720px) {
  :is(.product-recommendations__wrapper) .product-card-slider__item .product-card__sale-tag,
  .main-collection-grid__list .product-card__sale-tag {
    margin-bottom: 5px;
    /* border: 1px solid red; */
  }
}
@media screen and (max-width: 430px) {
  .template-collection .product-card__title  {
    /* min-height: 30px; */
  }
}

/** InsCoder  WANG.J 2024-11-29 B **/

.product-block__gwp{
  display: flex;
  gap: 16px;
  align-items: center;
  border-top: 1px solid #E9E9E9;
  padding: 10px 0px;
  margin-top: 40px;
}

.product-block__gwp-image{
  max-width: 100px;
}
.product-block__gwp-content{
  display: flex;
  gap: 4px;
  color: #363636;
  font-size: 14px;
  flex-direction: column;
}
.product-block__gwp-content h4{
  color: #363636;
  font-size: 14px;
  font-weight: 700;
  margin: 0px;
  text-transform: none;
}


.nav-desktop__tier-1 .nav-desktop__tier-1-link.nav-desktop__tier-1-link--parent,
.meganav__type-meganav_black_friday .nav-drawer__tier-1-link.nav-drawer__tier-1-link--parent{
  display: flex;
  align-items: center;
}
.nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu] ul :where(.block-meganav__item-heading, .block-meganav__submenu-heading),
.meganav__type-meganav_black_friday .nav-desktop__tier-1-link.nav-desktop__tier-1-link--parent,
.meganav__type-meganav_black_friday .nav-drawer__tier-1-link.nav-drawer__tier-1-link--parent,
.meganav__type-meganav_black_friday .nav_drawer--black-friday{
  color: var(--black-friday-color, #FF6839);
}
.meganav__type-meganav_black_friday .nav-desktop__tier-1-link.nav-desktop__tier-1-link--parent:hover{
  opacity: 0.75;
}
.meganav__type-meganav_black_friday .nav-desktop__tier-1-link--parent:after{
  background-color: var(--black-friday-color, #FFFFFF);
}
[data-has-custom-font] .nav-desktop__tier-1-link.nav-desktop__tier-1-link--parent,
[data-has-custom-font] .nav-drawer__tier-1-link.nav-drawer__tier-1-link--parent{
  font-family: var(--bf-font-family) !important;
}
.meganav__type-meganav_black_friday .nav-desktop__tier-2--meganav{
  height: auto !important;
}
.meganav__type-meganav_black_friday .nav-desktop__tier-1-link.nav-desktop__tier-1-link--parent{
  font-size: 16px;
  letter-spacing: 1px;
}
.nav-desktop__black-friday .meganav__type-meganav_black_friday [data-nav-desktop-submenu] ul :where(.block-meganav__item-heading, .block-meganav__submenu-heading){
  font-weight: 700;
}

.meganav__type-meganav_black_friday .nav-drawer__tier-1-link.nav-drawer__tier-1-link--parent{
  font-size: 20px;
  letter-spacing: 1px;
}
@media screen and (min-width: 720px) {
  [data-nav-desktop-details],
  .nav-desktop__tier-1 .nav-desktop__tier-1-link.nav-desktop__tier-1-link--parent{
    /* height: 100%; */
  }

}
/** InsCoder  WANG.J 2024-11-29 E **/


/** InsCoder  WANG.J 2024-12-15 B **/

.live-search__input-wrapper .close-icon,
.cust-header__account-button{
  display: none;
}
@media screen and (max-width: 768px) {
  .header__live-search-takeover{
    display: flex;
    opacity: 1;
    transform: translateX(0);
    position: unset;
    padding-bottom: 12px;
    background: transparent;
  }
  .header__live-search-container{
    padding: 0px;
    gap: 0px;
  }
  .header__live-search-container [data-search-cancel-button]{
    display: none;
  }
  .live-search__query-input[type=search] {
    border-radius: 100px;
    border: 1.5px solid #818181;
    color: #818181;
    padding-left: var(--space-14);
    /* padding-right: var(--space-form-input-medium-horizontal); */
 }
  .live-search__query-input[type=search]:focus{
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
  }
  .live-search__query-input[type=search] ~ svg{
    color: #FFF;
    right: unset;
    left: var(--space-8);
  }
  .live-search__results-container{
    margin-left: -16px;
  }
  .live-search__query-input[type=search]:not(:placeholder-shown) ~ svg{
    display: block;
  }
  .header__controls .header__search-button{
    display: none;
  }
  .live-search__input-wrapper .close-icon{
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--space-8);
  }

  .live-search__input-wrapper:has(.live-search__query-input[type=search]:not(:placeholder-shown)) .close-icon{
    display: block;
  }
  .cust-header__account-button{
    display: block;
    margin-top: 3px;
  }
}

.block-meganav__link:hover, .block-meganav__link:active, .block-meganav__link:focus{
  text-decoration: none;
  opacity: 0.4;
}
/** InsCoder  WANG.J 2024-12-15 E **/

/** WANG.J 2024-12-18 B **/
/* Set the image arc of the session part of the feature BUT maybe affect all homepage produce image */
.featured-collection [data-rimg] {
  border-radius: var(--radius-card, 12px);
}
/** WANG.J 2024-12-18 E **/

/** WANG.J 2024-12-19 B **/
/* make the homepage session part of the feature collection
produce image bottom of the image small-title、price and color to center  */
.product-card__clickable-area{
  align-items: center;
}
/** WANG.J 2024-12-19 E **/

/** WANG.J 2024-12-20 B **/

.product-card-slider .button-floating.button-floating--medium{
  border-radius: var(--radius-button, 100px);
  background: #FFF;
}
.quick__add-mobile .product-card__quick-buy .select-size {
    border-radius: var(--radius-button, 100px);
    border: 1px solid var(--ededed, #EDEDED) !important;
}

.product-card .product-card__quick-add-button{
  border-radius: var(--radius-button, 100px);
}

.featured-collection .product-card-slider__list{
  gap: 32px;
  margin-left: calc(-1* var(--space-gutter-desktop));
  margin-right: calc(-1* var(--space-gutter-desktop));
  padding-left: var(--space-gutter-desktop);
  padding-right: var(--space-gutter-desktop);
  scrollbar-width: none;
}
.featured-collection .product-card-slider__list .product-card-slider__item{
    scroll-margin-left: var(--space-gutter-desktop);
}
@media and (max-width: 768px){
  .featured-collection .product-card-slider__list{
    gap: 16px;
    margin-left: calc(-1* var(--space-gutter-mobile));
    margin-right: calc(-1* var(--space-gutter-mobile));
    padding-left: var(--space-gutter-mobile);
    padding-right: var(--space-gutter-mobile);
  }
  .featured-collection .product-card-slider__list .product-card-slider__item{
      scroll-margin-left: var(--space-gutter-mobile);
  }
}

.featured-collection__header--old-theme .featured-collection__heading,
.custom-featured-collection .nav-tab-item{
    font-family: var(--font-heading-family) !important;
}

.featured-collection__header [data-component=button-link]{
    padding: 14px 28px;
    border: 2px solid #000;
    border-radius: var(--radius-button, 100px);

}
@media and (max-width: 719px){
  .product-gallery__media-list-item{
    width: 100%;
  }
  .product-gallery__media-list{
    margin: 0px -16px;
    padding: 0px 16px;
  }
  .product-gallery__media-list>li{
    scroll-margin-left: 16px;
  }
}
@media screen and (max-width: 768px) {
  .live-search__query-input[type="search"]:focus {
    border-width: 1.5px;
  }
  .live-search__query-input[type="search"]::placeholder{
    color: #818181;
  }

}
.nav-desktop__tier-1 a{
  text-decoration: none;
}
/** WANG.J 2024-12-20 E **/