/** Shopify CDN: Minification failed

Line 3702:0 Unexpected "}"
Line 4182:22 Expected identifier but found "/"
Line 5246:31 Expected identifier but found "!"
Line 6506:52 Expected identifier but found "24px"
Line 6506:63 Expected identifier but found "24px"
Line 6506:74 Expected identifier but found "24px"
Line 6506:84 Expected identifier but found "24px"
Line 6506:93 Expected identifier but found "24px"

**/
:root {
  --alpha-button-background: 1;
  --alpha-button-border: 1;
  --alpha-link: 0.85;
  --alpha-badge-border: 0.1;
  --focused-base-outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  --focused-base-outline-offset: 0.3rem;
  --focused-base-box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.product-card-wrapper .card,
.contains-card--product {
  --border-radius: var(--product-card-corner-radius);
  --border-width: var(--product-card-border-width);
  --border-opacity: var(--product-card-border-opacity);
  --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--product-card-shadow-blur-radius);
  --shadow-opacity: var(--product-card-shadow-opacity);
  --shadow-visible: var(--product-card-shadow-visible);
  --image-padding: var(--product-card-image-padding);
  --text-alignment: var(--product-card-text-alignment);
}

.collection-card-wrapper .card,
.contains-card--collection {
  --border-radius: var(--collection-card-corner-radius);
  --border-width: var(--collection-card-border-width);
  --border-opacity: var(--collection-card-border-opacity);
  --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--collection-card-shadow-blur-radius);
  --shadow-opacity: var(--collection-card-shadow-opacity);
  --shadow-visible: var(--collection-card-shadow-visible);
  --image-padding: var(--collection-card-image-padding);
  --text-alignment: var(--collection-card-text-alignment);
}

.article-card-wrapper .card,
.contains-card--article {
  --border-radius: var(--blog-card-corner-radius);
  --border-width: var(--blog-card-border-width);
  --border-opacity: var(--blog-card-border-opacity);
  --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
  --shadow-opacity: var(--blog-card-shadow-opacity);
  --shadow-visible: var(--blog-card-shadow-visible);
  --image-padding: var(--blog-card-image-padding);
  --text-alignment: var(--blog-card-text-alignment);
}

.contains-content-container,
.content-container {
  --border-radius: var(--text-boxes-radius);
  --border-width: var(--text-boxes-border-width);
  --border-opacity: var(--text-boxes-border-opacity);
  --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
  --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
  --shadow-opacity: var(--text-boxes-shadow-opacity);
  --shadow-visible: var(--text-boxes-shadow-visible);
}

.contains-media,
.global-media-settings {
  --border-radius: var(--media-radius);
  --border-width: var(--media-border-width);
  --border-opacity: var(--media-border-opacity);
  --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--media-shadow-vertical-offset);
  --shadow-blur-radius: var(--media-shadow-blur-radius);
  --shadow-opacity: var(--media-shadow-opacity);
  --shadow-visible: var(--media-shadow-visible);
}

/* base */

.page-width {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}

body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
  max-width: 100%;
}

.page-width.drawer-menu {
  max-width: 100%;
}

.page-width-desktop {
  padding: 0;
  margin: 0 auto;
}

.utility-bar__grid.page-width {
  padding-left: 3rem;
  padding-right: 3rem;
}
h2.title.inline-richtext.h1 {
  font-size: 30px !important;
}
.single-product-page h2.title.inline-richtext.h1 {
    font-family: 'Dexa Pro Expanded' !important;
}
@media screen and (min-width: 750px) {
  .page-width {
    padding: 0 5rem;
  }

  .header.page-width,
  .utility-bar__grid.page-width {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .page-width--narrow {
    padding: 0 9rem;
  }

  .page-width-desktop {
    padding: 0;
  }

  .page-width-tablet {
    padding: 0 5rem;
  }
}

@media screen and (min-width: 990px) {
  .header:not(.drawer-menu).page-width {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .page-width--narrow {
    max-width: 72.6rem;
    padding: 0;
  }

  .page-width-desktop {
    max-width: var(--page-width);
    padding: 0 5rem;
  }
}

.isolate {
  position: relative;
  z-index: 0;
}

.section + .section {
  margin-top: var(--spacing-sections-mobile);
}

@media screen and (min-width: 750px) {
  .section + .section {
    margin-top: var(--spacing-sections-desktop);
  }
}

.element-margin-top {
  margin-top: 5rem;
}

@media screen and (min-width: 750px) {
  .element-margin {
    margin-top: calc(5rem + var(--page-width-margin));
  }
}

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

.grid-auto-flow {
  display: grid;
  grid-auto-flow: column;
}

.page-margin,
.shopify-challenge__container {
  margin: 7rem auto;
}

.rte-width {
  max-width: 82rem;
  margin: 0 auto 2rem;
}

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

.hidden {
  display: none !important;
}

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

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

.overflow-hidden {
  overflow: hidden;
}

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

.full-width-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

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

.text-body {
  font-size: 1.5rem;
  letter-spacing: 0.01em;
  line-height: 1.25;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: -0.025em;
  color: rgb(var(--color-foreground));
  line-height: 1.125;
  word-break: break-word;
}

.hxxl {
  font-size: clamp(calc(var(--font-heading-scale) * 5.6rem), 14vw, calc(var(--font-heading-scale) * 7.2rem));
  line-height: 1.1;
}

.hxl {
  font-size: calc(var(--font-heading-scale) * 5rem);
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
}

@media only screen and (min-width: 750px) {
  .hxl {
    font-size: calc(var(--font-heading-scale) * 6.2rem);
  }
}

.h0 {
  font-size: calc(var(--font-heading-scale) * 4rem);
}

@media only screen and (min-width: 750px) {
  .h0 {
    font-size: calc(var(--font-heading-scale) * 5.2rem);
  }
}

h1,
.h1 {
  font-size: calc(var(--font-heading-scale) * 3rem);
}

@media only screen and (min-width: 750px) {
  h1,
  .h1 {
    font-size: calc(var(--font-heading-scale) * 4rem);
  }
}

h2,
.h2 {
  font-size: calc(var(--font-heading-scale) * 2rem);
}

@media only screen and (min-width: 750px) {
  h2,
  .h2 {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
  }
}

h3,
.h3 {
  font-size: calc(var(--font-heading-scale) * 1.7rem);
}

@media only screen and (min-width: 750px) {
  h3,
  .h3 {
    font-size: calc(var(--font-heading-scale) * 1.8rem);
  }
}

h4,
.h4 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-size: calc(var(--font-heading-scale) * 1.5rem);
}

h5,
.h5 {
  font-size: calc(var(--font-heading-scale) * 1.2rem);
}

@media only screen and (min-width: 750px) {
  h5,
  .h5 {
    font-size: calc(var(--font-heading-scale) * 1.3rem);
  }
}

h6,
.h6 {
  color: rgba(var(--color-foreground), 0.75);
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}

blockquote {
  font-style: italic;
  color: rgba(var(--color-foreground), 0.75);
  border-left: 0.2rem solid rgba(var(--color-foreground), 0.2);
  padding-left: 1rem;
}

@media screen and (min-width: 750px) {
  blockquote {
    padding-left: 1.5rem;
  }
}

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

@media screen and (min-width: 750px) {
  .caption {
    font-size: 1.2rem;
  }
}

.caption-with-letter-spacing {
  font-size: 1rem;
  letter-spacing: 0.13rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  text-transform: uppercase;
}

.caption-with-letter-spacing--medium {
  font-size: 1.2rem;
  letter-spacing: 0.16rem;
}

.caption-with-letter-spacing--large {
  font-size: 1.4rem;
  letter-spacing: 0.18rem;
}

.caption-large,
.customer .field input,
.customer select,
.field__input,
.form__label,
.select__select {
  font-size: 1.3rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.04rem;
}

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

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

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

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

@media screen and (min-width: 750px) and (max-width: 989px) {
  .medium-hide {
    display: none !important;
  }
}

@media screen and (min-width: 990px) {
  .large-up-hide {
    display: none !important;
  }
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.light {
  opacity: 0.7;
}

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

.link,
.customer a {
  cursor: pointer;
  display: inline-block;
  border: none;
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  color: rgb(var(--color-link));
  background-color: transparent;
  font-size: 1.4rem;
  font-family: inherit;
}

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

.link--text:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.link-with-icon {
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-decoration: none;
  margin-bottom: 4.5rem;
  white-space: nowrap;
}

.link-with-icon .icon {
  width: 1.5rem;
  margin-left: 1rem;
}

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

.circle-divider::after {
  content: '\2022';
  margin: 0 1.3rem 0 1.5rem;
}

.circle-divider:last-of-type::after {
  display: none;
}

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

@media screen and (min-width: 750px) {
  hr {
    margin: 7rem 0;
  }
}

.full-unstyled-link {
  text-decoration: none;
  color: currentColor;
  display: block;
}

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

details > * {
  box-sizing: border-box;
}

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

.visibility-hidden {
  visibility: hidden;
}

@media (prefers-reduced-motion) {
  .motion-reduce {
    transition: none !important;
    animation: none !important;
  }
}

:root {
  --duration-short: 100ms;
  --duration-default: 200ms;
  --duration-announcement-bar: 250ms;
  --duration-medium: 300ms;
  --duration-long: 500ms;
  --duration-extra-long: 600ms;
  --duration-extra-longer: 750ms;
  --duration-extended: 3s;
  --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
  --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
  --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);
}

.underlined-link,
.customer a,
.inline-richtext a {
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness ease 100ms;
}

.underlined-link,
.customer a {
  color: rgba(var(--color-link), var(--alpha-link));
}

.inline-richtext a,
.rte.inline-richtext a {
  color: currentColor;
}

.underlined-link:hover,
.customer a:hover,
.inline-richtext a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

.icon-arrow {
  width: 1.5rem;
}

h3 .icon-arrow,
.h3 .icon-arrow {
  width: calc(var(--font-heading-scale) * 1.5rem);
}

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

.animate-arrow:hover .icon-arrow path {
  transform: translateX(-0.05rem);
}

.svg-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
}

.svg-wrapper > svg {
  height: auto;
  min-width:15px;
}

.svg-wrapper > svg.account {
    min-width: 22px;
}
/* base-details-summary */
summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}

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

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

.disclosure-has-popup {
  position: relative;
}

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

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

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

@media screen and (min-width: 750px) {
  .disclosure-has-popup[open] > summary + * {
    z-index: 4;
  }

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

.placeholder-svg {
  height: 100%;
  width: 100%;
}

/* base-focus */
/*
  Focus ring - default (with offset)
*/

*:focus {
  outline: 0;
  box-shadow: none;
}

*:focus-visible {
  outline: var(--focused-base-outline);
  outline-offset: var(--focused-base-outline-offset);
  box-shadow: var(--focused-base-box-shadow);
}

/* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */
.focused {
  outline: var(--focused-base-outline);
  outline-offset: var(--focused-base-outline-offset);
  box-shadow: var(--focused-base-box-shadow);
}

/*
  Focus ring - inset
*/

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

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

/*
  Focus ring - none
*/

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

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

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

/* component-title */
.title,
.title-wrapper-with-link {
  margin: 3rem 0 2rem;
}

.title-wrapper-with-link .title {
  margin: 0;
}

.title .link {
  font-size: inherit;
}

.title-wrapper {
  margin-bottom: 3rem;
}

.title-wrapper-with-link {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}

.title--primary {
  margin: 4rem 0;
}

.title-wrapper--self-padded-tablet-down,
.title-wrapper--self-padded-mobile {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media screen and (min-width: 750px) {
  .title-wrapper--self-padded-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 990px) {
  .title,
  .title-wrapper-with-link {
    margin: 5rem 0 3rem;
  }

  .title--primary {
    margin: 2rem 0;
  }

  .title-wrapper-with-link {
    align-items: center;
  }

  .title-wrapper-with-link .title {
    margin-bottom: 0;
  }

  .title-wrapper--self-padded-tablet-down {
    padding-left: 0;
    padding-right: 0;
  }
}

.title-wrapper-with-link .link-with-icon {
  margin: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.title-wrapper-with-link .link-with-icon .svg-wrapper {
  width: 1.5rem;
}

.title-wrapper-with-link a {
  margin-top: 0;
  flex-shrink: 0;
}

.title-wrapper--no-top-margin {
  margin-top: 0;
}

.title-wrapper--no-top-margin > .title {
  margin-top: 0;
}

.subtitle {
  font-size: 1.8rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  letter-spacing: 0.06rem;
  color: rgba(var(--color-foreground), 0.7);
}

.subtitle--small {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}

.subtitle--medium {
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
}

/* component-grid */
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  padding: 0;
  list-style: none;
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-mobile-vertical-spacing);
}

@media screen and (min-width: 750px) {
  .grid {
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing);
  }
}

.grid:last-child {
  margin-bottom: 0;
}

.grid__item {
  width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  flex-grow: 1;
  flex-shrink: 0;
}

@media screen and (min-width: 750px) {
  .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

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

@media screen and (max-width: 749px) {
  .grid__item.slider__slide--full-width {
    width: 100%;
    max-width: none;
  }
}

.grid--1-col .grid__item {
  max-width: 100%;
  width: 100%;
}

.grid--3-col .grid__item {
  width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
}

@media screen and (min-width: 750px) {
  .grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
}

.grid--2-col .grid__item {
  width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
}

@media screen and (min-width: 750px) {
  .grid--2-col .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--4-col-tablet .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-tablet .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

@media screen and (max-width: 989px) {
  .grid--1-col-tablet-down .grid__item {
    width: 100%;
    max-width: 100%;
  }

  .slider--tablet.grid--peek {
    margin: 0;
    width: 100%;
  }

  .slider--tablet.grid--peek .grid__item {
    box-sizing: content-box;
    margin: 0;
  }

  .slider.slider--tablet .scroll-trigger.animate--slide-in,
  .slider.slider--mobile .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit;
  }

  .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet {
    animation: var(--animation-slide-in);
  }
}

@media screen and (min-width: 990px) {
  .grid--6-col-desktop .grid__item {
    width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
  }

  .grid--5-col-desktop .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  }

  .grid--4-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-desktop .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .slider.slider--desktop .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit;
  }

  .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop {
    animation: var(--animation-slide-in);
  }
}

@media screen and (min-width: 990px) {
  .grid--1-col-desktop {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .grid--1-col-desktop .grid__item {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 749px) {
  .grid--peek.slider--mobile {
    margin: 0;
    width: 100%;
  }

  .grid--peek.slider--mobile .grid__item {
    box-sizing: content-box;
    margin: 0;
  }

  .grid--peek .grid__item {
    min-width: 35%;
  }

  .grid--peek.slider .grid__item:first-of-type {
    margin-left: 1.5rem;
  }

  /* Fix to show some space at the end of our sliders in all browsers */
  .grid--peek.slider:after {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
  .grid--peek .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
  .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
    width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .slider--tablet.grid--peek .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek .grid__item:first-of-type {
    margin-left: 1.5rem;
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--1-col-tablet-down.grid--peek .grid__item {
    width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
}

/* component-media */
.media {
  display: block;
  background-color: rgba(var(--color-foreground), 0.1);
  position: relative;
  overflow: hidden;
}

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

.media > *:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.media > img {
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

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

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

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

.media--cropped {
  padding-bottom: 56%;
}

.media--16-9 {
  padding-bottom: 56.25%;
}

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

.media.media--hover-effect > img + img {
  opacity: 0;
}

@media screen and (min-width: 990px) {
  .media--cropped {
    padding-bottom: 63%;
  }
}

deferred-media {
  display: block;
}

/* component-button */
/* Button - default */

.button--secondary,
.button--tertiary {
  --color-button: var(--color-secondary-button);
  --color-button-text: var(--color-secondary-button-text);
}

.button--tertiary {
  --alpha-button-background: 0;
  --alpha-button-border: 0.2;
}

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded {
  --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
  --shadow-blur-radius: var(--buttons-shadow-blur-radius);
  --shadow-opacity: var(--buttons-shadow-opacity);
  --shadow-visible: var(--buttons-shadow-visible);
  --border-offset: var(--buttons-border-offset); /* reduce radius edge artifacts */
  --border-opacity: calc(1 - var(--buttons-border-opacity));
  border-radius: var(--buttons-radius-outset);
  position: relative;
}

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded {
  min-width: calc(12rem + var(--buttons-border-width) * 2);
  min-height: calc(4.5rem + var(--buttons-border-width) * 2);
}

.button,
.shopify-challenge__button,
.customer button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  padding: 0 3rem;
  cursor: pointer;
  font: inherit;
  font-size: 1.5rem;
  text-decoration: none;
  color: rgb(var(--color-button-text));
  transition: box-shadow var(--duration-short) ease;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(var(--color-button), var(--alpha-button-background));
}

.button:before,
.shopify-challenge__button:before,
.customer button:before,
.shopify-payment-button__button--unbranded:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: var(--buttons-radius-outset);
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
    rgba(var(--color-shadow), var(--shadow-opacity));
}

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

.button:not([disabled]):hover::after,
.shopify-challenge__button:hover::after,
.customer button:hover::after,
.shopify-payment-button__button--unbranded:hover::after {
  --border-offset: 1.3px;
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
      rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background));
}

.button--secondary:after {
  --border-opacity: var(--buttons-border-opacity);
}

.button:focus-visible,
.button:focus,
.button.focused,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button__button--unbranded:focus {
  outline: 0;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0 0.5rem rgba(var(--color-foreground), 0.5),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.button:focus:not(:focus-visible):not(.focused),
.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
}

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

.button,
.button-label,
.shopify-challenge__button,
.customer button {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
}

.button--tertiary {
  font-size: 1.2rem;
  padding: 1rem 1.5rem;
  min-width: calc(9rem + var(--buttons-border-width) * 2);
  min-height: calc(3.5rem + var(--buttons-border-width) * 2);
}

.button--small {
  padding: 1.2rem 2.6rem;
}

/* Shopify Accelerated Checkout */

shopify-accelerated-checkout {
  --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset);
  --shopify-accelerated-checkout-button-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
  rgba(var(--color-shadow), var(--shadow-opacity));
}
shopify-accelerated-checkout-cart {
  --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset);
  --shopify-accelerated-checkout-button-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
  rgba(var(--color-shadow), var(--shadow-opacity));
}


/* Button - other */

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

.button--full-width {
  display: flex;
  width: 100%;
}

.button.loading {
  color: transparent;
  position: relative;
}

@media screen and (forced-colors: active) {
  .button.loading {
    color: rgb(var(--color-foreground));
  }
}

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

.button.loading > .loading__spinner .spinner {
  width: fit-content;
}

.button.loading > .loading__spinner .path {
  stroke: rgb(var(--color-button-text));
}

/* Button - social share */

.share-button {
  display: block;
  position: relative;
}

.share-button details {
  width: fit-content;
}

.share-button__button {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  color: rgb(var(--color-link));
  margin-left: 0;
  padding-left: 0;
  min-height: 4.4rem;
}

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

.share-button__button:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.share-button__button,
.share-button__fallback button {
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.share-button__button .icon-share {
  height: 1.2rem;
  margin-right: 1rem;
  min-width: 1.3rem;
}

.share-button__fallback {
  display: flex;
  align-items: center;
  position: absolute;
  top: 3rem;
  left: 0.1rem;
  z-index: 3;
  width: 100%;
  min-width: max-content;
  border-radius: var(--inputs-radius);
  border: 0;
}

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

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

.share-button__fallback button {
  width: 4.4rem;
  height: 4.4rem;
  padding: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  right: var(--inputs-border-width);
}

.share-button__fallback button:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.share-button__fallback button:hover .svg-wrapper {
  transform: scale(1.07);
}

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

.share-button__close,
.share-button__copy {
  background-color: transparent;
  color: rgb(var(--color-foreground));
}

.share-button__copy:focus-visible,
.share-button__close:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.share-button__copy:focus,
.share-button__close:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.field:not(:focus-visible):not(.focused) + .share-button__copy:not(:focus-visible):not(.focused),
.field:not(:focus-visible):not(.focused) + .share-button__close:not(:focus-visible):not(.focused) {
  background-color: inherit;
}

.share-button__fallback .field:after,
.share-button__fallback .field:before {
  content: none;
}

.share-button__fallback .field {
  border-radius: 0;
  min-width: auto;
  min-height: auto;
  transition: none;
}

.share-button__fallback .field__input:focus,
.share-button__fallback .field__input:-webkit-autofill {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.1rem;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

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

.share-button__fallback .field__input:hover {
  box-shadow: none;
}

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

.share-button__message:not(:empty) {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 0.8rem 0 0.8rem 1.5rem;
  margin: var(--inputs-border-width);
}

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

/* component-form */
.field__input,
.select__select,
.customer .field input,
.customer select {
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.6rem;
  width: 100%;
  box-sizing: border-box;
  transition: box-shadow var(--duration-short) ease;
  border-radius: var(--inputs-radius);
  height: 4.5rem;
  min-height: calc(var(--inputs-border-width) * 2);
  min-width: calc(7rem + (var(--inputs-border-width) * 2));
  position: relative;
  border: 0;
}

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

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

.select__select {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.2rem;
  color: rgba(var(--color-foreground), 0.75);
}

.field:hover.field:after,
.select:hover.select:after,
.select__select:hover.select__select:after,
.customer .field:hover.field:after,
.customer select:hover.select:after,
.localization-form__select:hover.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width))
    rgba(var(--color-foreground), var(--inputs-border-opacity));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus-visible,
.select__select:focus-visible,
.customer .field input:focus-visible,
.customer select:focus-visible,
.localization-form__select:focus-visible.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.localization-form__select:focus {
  outline: 0;
  box-shadow: none;
}

.text-area,
.select {
  display: flex;
  position: relative;
  width: 100%;
}

/* Select */

.select .svg-wrapper,
.customer select + .svg-wrapper {
  height: 0.6rem;
  width: 1rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.2rem);
  right: 0;
}

.select__select,
.customer select {
  cursor: pointer;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem;
  margin: var(--inputs-border-width);
  min-height: calc(var(--inputs-border-width) * 2);
}

/* Field */

.field {
  position: relative;
  width: 100%;
  display: flex;
  transition: box-shadow var(--duration-short) ease;
}

.customer .field {
  display: flex;
}

.field--with-error {
  flex-wrap: wrap;
}

.field__input,
.customer .field input {
  flex-grow: 1;
  text-align: left;
  padding: 1.5rem;
  margin: var(--inputs-border-width);
  transition: box-shadow var(--duration-short) ease;
}

.field__label,
.customer .field label {
  font-size: 1.6rem;
  left: calc(var(--inputs-border-width) + 2rem);
  top: calc(1rem + var(--inputs-border-width));
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
  color: rgba(var(--color-foreground), 0.75);
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

.field__input:focus ~ .field__label,
.field__input:not(:placeholder-shown) ~ .field__label,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:focus ~ label,
.customer .field input:not(:placeholder-shown) ~ label,
.customer .field input:-webkit-autofill ~ label {
  font-size: 1rem;
  top: calc(var(--inputs-border-width) + 0.5rem);
  left: calc(var(--inputs-border-width) + 2rem);
  letter-spacing: 0.04rem;
}

.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill,
.customer .field input:focus,
.customer .field input:not(:placeholder-shown),
.customer .field input:-webkit-autofill {
  padding: 2.2rem 1.5rem 0.8rem 2rem;
  margin: var(--inputs-border-width);
}

.field__input::-webkit-search-cancel-button,
.customer .field input::-webkit-search-cancel-button {
  display: none;
}

.field__input::placeholder,
.customer .field input::placeholder {
  opacity: 0;
}

.field__button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: currentColor;
  cursor: pointer;
  display: flex;
  height: 4.4rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4rem;
}

.field__button > .svg-wrapper {
  height: 2.5rem;
  width: 2.5rem;
}

.field__input:-webkit-autofill ~ .field__button,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:-webkit-autofill ~ label {
  color: rgb(0, 0, 0);
}

/* Text area */

.text-area {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  min-height: 10rem;
  resize: none;
}

input[type='checkbox'] {
  display: inline-block;
  width: auto;
  margin-right: 0.5rem;
}

/* Form global */

.form__label {
  display: block;
  margin-bottom: 0.6rem;
}

.form__message {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 1rem;
}

.form__message--large {
  font-size: 1.6rem;
}

.customer .field .form__message {
  font-size: 1.4rem;
  text-align: left;
}

.form__message .icon,
.customer .form__message .svg-wrapper {
  flex-shrink: 0;
  height: 1.3rem;
  margin-right: 0.5rem;
  width: 1.3rem;
}

.form__message--large .icon,
.customer .form__message .svg-wrapper {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 1rem;
}

.customer .field .form__message .svg-wrapper {
  align-self: start;
}

.form-status {
  margin: 0;
  font-size: 1.6rem;
}

.form-status-list {
  padding: 0;
  margin: 2rem 0 4rem;
}

.form-status-list li {
  list-style-position: inside;
}

.form-status-list .link::first-letter {
  text-transform: capitalize;
}

/* component-quantity */
.quantity {
  color: rgba(var(--color-foreground));
  position: relative;
  width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  display: flex;
  border-radius: var(--inputs-radius);
  min-height: calc((var(--inputs-border-width) * 2) + 4.5rem);
}

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

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

.quantity__input {
  color: currentColor;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.6rem;
  font-weight: 500;
  opacity: 0.85;
  text-align: center;
  background-color: transparent;
  border: 0;
  padding: 0 0.5rem;
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  appearance: none;
}

.quantity__button {
  width: calc(4.5rem / var(--font-body-scale));
  flex-shrink: 0;
  font-size: 1.8rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  padding: 0;
}

.quantity__button:first-child {
  margin-left: calc(var(--inputs-border-width));
}

.quantity__button:last-child {
  margin-right: calc(var(--inputs-border-width));
}

.quantity__button .svg-wrapper {
  width: 1rem;
  pointer-events: none;
}

.quantity__button:focus-visible,
.quantity__input:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:focus,
.quantity__input:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:not(:focus-visible):not(.focused),
.quantity__input:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
  background-color: inherit;
}

.quantity__input:-webkit-autofill,
.quantity__input:-webkit-autofill:hover,
.quantity__input:-webkit-autofill:active {
  box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}

.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity__input[type='number'] {
  -moz-appearance: textfield;
}

.quantity__rules {
  margin-top: 0.5rem;
  position: relative;
  font-size: 1.2rem;
}

.quantity__rules .caption {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

.quantity__rules .divider + .divider::before {
  content: '\2022';
  margin: 0 0.5rem;
}

.quantity__rules-cart {
  position: relative;
}

.product__info-container .loading__spinner:not(.hidden) ~ *,
.quantity__rules-cart .loading__spinner:not(.hidden) ~ * {
  visibility: hidden;
}

/* component-modal */
.modal__toggle {
  list-style-type: none;
}

.modal__toggle-close {
  display: none;
}

.modal__toggle-open {
  display: flex;
}

.modal__close-button.link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem;
  height: 4.4rem;
  width: 4.4rem;
  background-color: transparent;
}

.modal__close-button .icon {
  width: 1.7rem;
  height: 1.7rem;
}

.modal__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(var(--color-background));
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.media-modal {
  cursor: zoom-out;
}

.media-modal .deferred-media {
  cursor: initial;
}

/* component-cart-count-bubble */
.cart-count-bubble:empty,
.header__icon--bookmark .bookmark-counts:empty{
  display: none;
}

.cart-count-bubble,
.header__icon--bookmark .bookmark-counts{
  position: absolute;
    right: 5px;
    top: 5px;
    border: 1px solid var(--Tertiary, #FFF);
    background: var(--Secondary, #333);
    display: flex;
    width: 11px;
    height: 11px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 9px;
}
/* utility-bar */
.utility-bar {
  height: 100%;
}

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

@media screen and (min-width: 990px) {
  .utility-bar--bottom-border-social-only {
    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }
}

.utility-bar__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 'announcements';
}

.utility-bar__grid .list-social {
  justify-content: flex-start;
  align-content: center;
  margin-left: -1.2rem;
  grid-area: social-icons;
}

@media screen and (max-width: 989px) {
  .utility-bar .utility-bar__grid .list-social {
    display: none;
  }
}

.utility-bar .list-social__item .icon {
  scale: 0.9;
}

@media screen and (min-width: 990px) {
  .utility-bar__grid--3-col {
    grid-template-columns: 3fr 4fr 3fr;
    grid-template-areas: 'social-icons announcements language-currency';
  }

  .utility-bar__grid--2-col {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'social-icons language-currency';
  }

  .announcement-bar.announcement-bar--one-announcement,
  .announcement-bar--one-announcement .announcement-bar__link {
    width: fit-content;
    margin: auto;
  }
}

.announcement-bar,
.announcement-bar__announcement {
  color: rgb(var(--color-foreground));
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  grid-area: announcements;
}

.announcement-bar .slider--everywhere {
  margin-bottom: 0;
  scroll-behavior: auto;
}

.utility-bar__grid .announcement-bar-slider {
  width: 100%;
}

.utility-bar__grid .announcement-bar-slider {
  width: 100%;
}

.announcement-bar-slider,
.announcement-bar-slider .slider {
  width: 100%;
}

.announcement-bar .slider-button--next {
  margin-right: -1.5rem;
  min-width: 44px;
}

.announcement-bar .slider-button--prev {
  margin-left: -1.5rem;
  min-width: 44px;
}

.announcement-bar .slider-button--next:focus-visible,
.announcement-bar .slider-button--prev:focus-visible,
.utility-bar .list-social__link:focus-visible {
  outline-offset: -0.3rem;
  box-shadow: 0 0 0 -0.2rem rgb(var(--color-foreground));
}

.localization-wrapper {
  grid-area: language-currency;
  align-self: center;
  display: flex;
  justify-content: flex-end;
}

.localization-wrapper .localization-selector + .disclosure__list-wrapper {
  animation: animateMenuOpen var(--duration-default) ease;
}

.utility-bar .localization-wrapper .disclosure .localization-form__select,
.utility-bar .localization-wrapper .disclosure__link {
  font-size: calc(var(--font-heading-scale) * 1.3rem);
}

@media screen and (min-width: 990px) {
  body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .announcement-bar-slider {
    width: 60%;
  }

  .announcement-bar .slider-button {
    height: 3.8rem;
  }
}

.announcement-bar__link {
  display: flex;
  width: 100%;
  text-decoration: none;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.announcement-bar__link:hover {
  text-decoration: underline;
}

.announcement-bar__link .icon-arrow {
  display: inline-block;
  pointer-events: none;
  margin-left: 0.8rem;
  vertical-align: middle;
  margin-bottom: 0.2rem;
}

.announcement-bar__message {
  text-align: center;
  padding: 1rem 0;
  margin: 0;
  letter-spacing: 0.1rem;
  min-height: 3.8rem;
}

.announcement-bar-slider--fade-in-next .announcement-bar__message,
.announcement-bar-slider--fade-in-previous .announcement-bar__message,
.announcement-bar-slider--fade-out-next .announcement-bar__message,
.announcement-bar-slider--fade-out-previous .announcement-bar__message {
  animation-duration: var(--duration-announcement-bar);
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

.announcement-bar-slider--fade-in-next .announcement-bar__message {
  --announcement-translate-from: -1.5rem;
  /* Prevent flicker */
  opacity: 0;
  animation-name: translateAnnouncementSlideIn;
  animation-delay: var(--duration-announcement-bar);
}

.announcement-bar-slider--fade-in-previous .announcement-bar__message {
  --announcement-translate-from: 1.5rem;
  /* Prevent flicker */
  opacity: 0;
  animation-name: translateAnnouncementSlideIn;
  animation-delay: var(--duration-announcement-bar);
}

.announcement-bar-slider--fade-out-next .announcement-bar__message {
  --announcement-translate-to: 1.5rem;
  animation-name: translateAnnouncementSlideOut;
}

.announcement-bar-slider--fade-out-previous .announcement-bar__message {
  --announcement-translate-to: -1.5rem;
  animation-name: translateAnnouncementSlideOut;
}

@keyframes translateAnnouncementSlideIn {
  0% {
    opacity: 0;
    transform: translateX(var(--announcement-translate-from));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes translateAnnouncementSlideOut {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(var(--announcement-translate-to));
  }
}

/* section-header */
.section-header.shopify-section-group-header-group {
  z-index: 3;
}

.shopify-section-header-sticky {
  position: sticky;
  top: 0;
}

.shopify-section-header-hidden {
  top: calc(-1 * var(--header-height));
}

.shopify-section-header-hidden.menu-open {
  top: 0;
}

.section-header.animate {
  transition: top 0.15s ease-out;
}

.shopify-section-group-header-group {
  z-index: 4;
}

.section-header ~ .shopify-section-group-header-group {
  z-index: initial;
}

/* Main Header Layout */
.header-wrapper {
  display: block;
  position: relative;
  background-color: rgb(var(--color-background));
}

/* .header-wrapper--border-bottom {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
} */

.header {
  display: grid;
  grid-template-areas: 'left-icons heading icons';
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
}

@media screen and (max-width: 749px) {
  .header--has-app {
    grid-template-columns: auto 1fr auto;
  }
}

@media screen and (min-width: 990px) {
  .header {
    grid-template-columns: 1fr auto 1fr;
  }

  .header--top-left,
  .header--middle-left:not(.header--has-menu) {
    grid-template-areas:
      'heading icons'
      'navigation navigation';
    grid-template-columns: 1fr auto;
  }

  .header--top-left.drawer-menu,
  .header--middle-left.drawer-menu {
    grid-template-areas: 'navigation heading icons';
    grid-template-columns: auto 1fr auto;
    column-gap: 1rem;
  }

  .header--middle-left {
    grid-template-areas: 'heading navigation icons';
    grid-template-columns: auto auto 1fr;
    column-gap: 2rem;
  }

  .header--middle-center:not(.drawer-menu) {
    grid-template-areas: 'navigation heading icons';
    grid-template-columns: 1fr auto 1fr;
    column-gap: 2rem;
  }

  .header--middle-center a.header__heading-link {
    text-align: center;
  }

  .header--top-center {
    grid-template-areas:
      'left-icons heading icons'
      'navigation navigation navigation';
  }

  .header--top-center.drawer-menu {
    grid-template-areas: 'left-icons heading icons';
    grid-template-columns: 1fr auto 1fr;
  }

  .header:not(.header--middle-left, .header--middle-center) .header__inline-menu {
    margin-top: 1.05rem;
  }
}

.header *[tabindex='-1']:focus {
  outline: none;
}

.header__heading {
  margin: 0;
  line-height: 0;
}

.header > .header__heading-link {
  line-height: 0;
}

.header__heading,
.header__heading-link {
  grid-area: heading;
  justify-self: center;
}

.header__heading-link {
  display: inline-block;
  padding: 0rem;
  text-decoration: none;
  word-break: break-word;
}

.header__heading-link:hover .h2 {
  color: rgb(var(--color-foreground));
}

.header__heading-link .h2 {
  line-height: 1;
  color: rgba(var(--color-foreground), 0.75);
}

.header__heading-logo {
  height: auto;
  max-width: 100%;
}

.header__heading-logo-wrapper {
  width: 100%;
  display: inline-block;
  transition: width 0.3s cubic-bezier(0.52, 0, 0.61, 0.99);
}

@media screen and (max-width: 989px) {
  .header__heading,
  .header__heading-link {
    text-align: center;
  }

  .header--mobile-left .header__heading,
  .header--mobile-left .header__heading-link {
    text-align: left;
    justify-self: start;
  }

  .header--mobile-left {
    grid-template-columns: auto 2fr 1fr;
  }
}

@media screen and (min-width: 990px) {
  .header--middle-left .header__heading-link,
  .header--top-left .header__heading-link {
    margin-left: 0rem;
  }

  .header__heading,
  .header__heading-link {
    justify-self: start;
  }

  .header--middle-center .header__heading-link,
  .header--middle-center .header__heading {
    justify-self: center;
    text-align: center;
  }

  .header--top-center .header__heading-link,
  .header--top-center .header__heading {
    justify-self: center;
    text-align: center;
  }
}

/* Header icons */
.header__icons {
  display: flex;
  grid-area: icons;
  justify-self: end;
  padding-right: 0.8rem;
}

.header__icons .shopify-app-block {
  max-width: 4.4rem;
  max-height: 4.4rem;
  overflow: hidden;
}

.header__icon:not(.header__icon--summary),
.header__icon span {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.header__icon span {
  height: 100%;
}
.header__icon .svg-wrapper:hover {
    background: #F6F6F6;
}
.header__icon .svg-wrapper {
  width: 32px;
  height: 32px;
  transition: all 0.25s ease-in-out;
}

.header__icon::after {
  content: none;
}

.header__icon:hover .icon,
.modal__close-button:hover .icon {
  transform: scale(1.07);
}

.header__icon .icon {
  height: 2rem;
  width: 2rem;
  fill: none;
  vertical-align: middle;
}

.header__icon,
.header__icon--cart .icon {
  height: 4.4rem;
  width: 4.4rem;
  padding: 0;
}

.header__icon--cart {
  position: relative;
  /* margin-right: -1.2rem; */
}

.header__icon--menu[aria-expanded='true']::before {
  content: '';
  top: 100%;
  left: 0;
  height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  width: 100%;
  display: block;
  position: absolute;
  background: rgba(var(--color-foreground), 0.5);
}

.header__icon--account shop-user-avatar {
  --shop-avatar-size: 2.8rem;
}

details .header__icon-close {
  display: none;
}

details[open] .header__icon-close {
  display: inline-block;
}

account-icon {
  display: flex;
}

/* Search */
menu-drawer + .header__search {
  display: none;
}

.header > .header__search {
  grid-area: left-icons;
  justify-self: start;
}

.header--top-center.drawer-menu > .header__search {
  margin-left: 3.2rem;
}

.header--top-center header-drawer {
  grid-area: left-icons;
}

.header:not(.header--has-menu) * > .header__search {
  display: none;
}

.header__search {
  display: inline-flex;
  line-height: 0;
}

.header--top-center > .header__search {
  display: none;
}

.header--top-center * > .header__search {
  display: inline-flex;
}

@media screen and (min-width: 990px) {
  .header:not(.header--top-center) * > .header__search,
  .header--top-center > .header__search {
    display: inline-flex;
  }

  .header:not(.header--top-center) > .header__search,
  .header--top-center * > .header__search {
    display: none;
  }
}

details[open] > .search-modal {
  opacity: 1;
  animation: animateMenuOpen var(--duration-default) ease;
}

details[open] .modal-overlay {
  display: block;
}

details[open] .modal-overlay::after {
  position: absolute;
  content: '';
  background-color: rgb(var(--color-foreground), 0.5);
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
}

.search-modal {
  opacity: 0;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  min-height: calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));
  height: 100%;
}

.search-modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 5rem 0 1rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  position: relative;
}

.search-modal__content-bottom {
  bottom: calc((var(--inputs-margin-offset) / 2));
}

.search-modal__content-top {
  top: calc((var(--inputs-margin-offset) / 2));
}

.search-modal__form {
  width: 100%;
}

.search-modal__close-button {
  position: absolute;
  right: 0.3rem;
}

@media screen and (min-width: 750px) {
  .search-modal__close-button {
    right: 1rem;
  }

  .search-modal__content {
    padding: 0 6rem;
  }
}

@media screen and (min-width: 990px) {
  .search-modal__form {
    max-width: 74.2rem;
  }

  .search-modal__close-button {
    position: initial;
    margin-left: 0.5rem;
  }
}

/* Header menu drawer */
.header__icon--menu .icon {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
}

details:not([open]) > .header__icon--menu .icon-close,
details[open] > .header__icon--menu .icon-hamburger {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8);
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
  visibility: hidden;
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
  visibility: visible;
  opacity: 1;
  transform: scale(1.07);
}

.js details > .header__submenu {
  opacity: 0;
  transform: translateY(-1.5rem);
}

details[open] > .header__submenu {
  animation: animateMenuOpen var(--duration-default) ease;
  animation-fill-mode: forwards;
  z-index: 1;
}

@media (prefers-reduced-motion) {
  details[open] > .header__submenu {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Header menu */
.header__inline-menu {
  margin-left: -1.2rem;
  grid-area: navigation;
  display: none;
}

.header--top-center .header__inline-menu,
.header--top-center .header__heading-link {
  margin-left: 0;
}

@media screen and (min-width: 990px) {
  .header__inline-menu {
    display: block;
  }

  .header--top-center .header__inline-menu {
    justify-self: center;
  }

  .header--top-center .header__inline-menu > .list-menu--inline {
    justify-content: center;
  }

  .header--middle-left .header__inline-menu {
    margin-left: 0;
  }
}

.header__menu {
  padding: 0 1rem;
}

.header__menu-item {
  padding: 1.2rem;
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);
}

.header__menu-item:hover {
  color: rgb(var(--color-foreground));
}

.header__menu-item span {
  transition: text-decoration var(--duration-short) ease;
}

.header__menu-item:hover span {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

details[open] > .header__menu-item {
  text-decoration: underline;
}

details[open]:hover > .header__menu-item {
  text-decoration-thickness: 0.2rem;
}

details[open] > .header__menu-item .icon-caret {
  transform: rotate(180deg);
}

.header__active-menu-item {
  transition: text-decoration-thickness var(--duration-short) ease;
  color: rgb(var(--color-foreground));
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.header__menu-item:hover .header__active-menu-item {
  text-decoration-thickness: 0.2rem;
}

.header__submenu {
  transition: opacity var(--duration-default) ease, transform var(--duration-default) ease;
}

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

.header__submenu.list-menu {
  padding: 1rem 0;
}

.header__submenu .header__submenu {
  background-color: rgba(var(--color-foreground), 0.03);
  padding: 1rem 0;
  margin: 1rem 0;
}

.header__submenu .header__menu-item:after {
  right: 2rem;
}

.header__submenu .header__menu-item {
  justify-content: space-between;
  padding: 0.8rem 2rem;
}

.header__submenu .header__menu-item:hover {
  text-decoration-line: underline;
}

.header__menu-item .icon-caret {
  right: 0.8rem;
}

.header__submenu .icon-caret {
  flex-shrink: 0;
  margin-left: 1rem;
  position: static;
}

header-menu > details,
details-disclosure > details {
  position: relative;
}

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

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

.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden-desktop {
  overflow: hidden;
}

@media screen and (min-width: 750px) {
  .overflow-hidden-mobile {
    overflow: auto;
  }
}

@media screen and (min-width: 990px) {
  .overflow-hidden-tablet {
    overflow: auto;
  }
}

.badge {
  border: 1px solid transparent;
  border-radius: var(--badge-corner-radius);
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  padding: 0.5rem 1.3rem 0.6rem 1.3rem;
  text-align: center;
  background-color: rgb(var(--color-badge-background));
  border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
  color: rgb(var(--color-badge-foreground));
  word-break: break-word;
}

.gradient {
  background: rgb(var(--color-background));
  background: var(--gradient-background);
  background-attachment: fixed;
}

@media screen and (forced-colors: active) {
  .icon {
    color: CanvasText;
    fill: CanvasText !important;
  }

  .icon-close-small path {
    stroke: CanvasText;
  }
}

.ratio {
  display: flex;
  position: relative;
  align-items: stretch;
}

.ratio::before {
  content: '';
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}

.content-container {
  border-radius: var(--text-boxes-radius);
  border: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  position: relative;
}

.content-container:after {
  content: '';
  position: absolute;
  top: calc(var(--text-boxes-border-width) * -1);
  right: calc(var(--text-boxes-border-width) * -1);
  bottom: calc(var(--text-boxes-border-width) * -1);
  left: calc(var(--text-boxes-border-width) * -1);
  border-radius: var(--text-boxes-radius);
  box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
  z-index: -1;
}

.content-container--full-width:after {
  left: 0;
  right: 0;
  border-radius: 0;
}

@media screen and (max-width: 749px) {
  .content-container--full-width-mobile {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .content-container--full-width-mobile:after {
    display: none;
  }
}

.global-media-settings {
  position: relative;
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  overflow: visible !important;
  background-color: rgb(var(--color-background));
}

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

.global-media-settings--no-shadow {
  overflow: hidden !important;
}

.global-media-settings--no-shadow:after {
  content: none;
}

.global-media-settings img,
.global-media-settings iframe,
.global-media-settings model-viewer,
.global-media-settings video,
.global-media-settings .placeholder-svg {
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.content-container--full-width,
.global-media-settings--full-width,
.global-media-settings--full-width img,
.global-media-settings--full-width video,
.global-media-settings--full-width iframe,
.global-media-settings--full-width .placeholder-svg {
  border-radius: 0;
  border-left: none;
  border-right: none;
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .grid {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }

  .grid__item {
    padding-left: var(--grid-mobile-horizontal-spacing);
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .grid {
      margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));
    }

    .grid__item {
      padding-left: var(--grid-desktop-horizontal-spacing);
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }

  .grid--gapless .grid__item {
    padding-left: 0;
    padding-bottom: 0;
  }

  @media screen and (min-width: 749px) {
    .grid--peek .grid__item {
      padding-left: var(--grid-mobile-horizontal-spacing);
    }
  }

  .product-grid .grid__item {
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .product-grid .grid__item {
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }
}

.font-body-bold {
  font-weight: var(--font-body-weight-bold);
}

/* outline and border styling for Windows High Contrast Mode */
@media (forced-colors: active) {
  .button,
  .shopify-challenge__button,
  .customer button {
    border: transparent solid 1px;
  }

  .button:focus-visible,
  .button:focus,
  .button.focused,
  .shopify-payment-button__button--unbranded:focus-visible,
  .shopify-payment-button [role='button']:focus-visible,
  .shopify-payment-button__button--unbranded:focus,
  .shopify-payment-button [role='button']:focus {
    outline: solid transparent 1px;
  }

  .field__input:focus,
  .select__select:focus,
  .customer .field input:focus,
  .customer select:focus,
  .localization-form__select:focus.localization-form__select:after {
    outline: transparent solid 1px;
  }

  .localization-form__select:focus {
    outline: transparent solid 1px;
  }
}

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

.rte > *:first-child {
  margin-top: 0;
}

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

.rte table {
  table-layout: fixed;
}

@media screen and (min-width: 750px) {
  .rte table td {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

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

.rte ul,
.rte ol {
  list-style-position: inside;
  padding-left: 2rem;
}

.rte li {
  list-style: inherit;
}

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

.rte a {
  color: rgba(var(--color-link), var(--alpha-link));
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness var(--duration-short) ease;
}

.rte a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

.rte blockquote {
  display: inline-flex;
}

.rte blockquote > * {
  margin: -0.5rem 0 -0.5rem 0;
}

/* Image mask global styles */

.shape--mask {
  display: block;
  height: 0;
  width: 0;
}

.shape--arch {
  clip-path: url('#Shape-Arch');
}

.shape--blob {
  clip-path: polygon(var(--shape--blob-1));
}

.shape--chevronleft {
  clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%);
}

.shape--chevronright {
  clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);
}

.shape--circle {
  clip-path: circle(closest-side);
}

.shape--diamond {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.shape--parallelogram {
  clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
}

.shape--round {
  clip-path: ellipse(45% 45% at 50% 50%);
}

/* Fixed background */
.animate--fixed {
  clip-path: inset(0);
}

.animate--fixed > img:not(.zoom):not(.deferred-media__poster-button),
.animate--fixed > svg:not(.zoom):not(.deferred-media__poster-button) {
  position: fixed;
  height: 100vh;
}

/* Zoom in image on scroll */
.animate--zoom-in {
  --zoom-in-ratio: 1;
}

.animate--zoom-in > img,
.animate--zoom-in > .svg-wrapper {
  transition: scale var(--duration-short) linear;
  scale: var(--zoom-in-ratio);
}

/* Animations */

@media (prefers-reduced-motion: no-preference) {
  .animate--ambient > img,
  .animate--ambient > .svg-wrapper {
    animation: animateAmbient 30s linear infinite;
  }

  @keyframes animateAmbient {
    0% {
      transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2);
    }
    100% {
      transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
    }
  }

  .scroll-trigger.animate--fade-in,
  .scroll-trigger.animate--slide-in {
    opacity: 0.01;
  }

  .scroll-trigger.animate--slide-in {
    transform: translateY(2rem);
  }

  .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
    opacity: 1;
    animation: var(--animation-fade-in);
  }

  .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
    animation: var(--animation-slide-in);
    animation-delay: calc(var(--animation-order) * 75ms);
  }

  .scroll-trigger.scroll-trigger--design-mode.animate--fade-in,
  .scroll-trigger.scroll-trigger--design-mode.animate--slide-in,
  .scroll-trigger.scroll-trigger--design-mode .slider,
  .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
    opacity: 1;
    animation: none;
    transition: none;
    transform: none;
  }

  .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
    transform: translateY(0);
  }

  @keyframes slideIn {
    from {
      transform: translateY(2rem);
      opacity: 0.01;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  @keyframes fadeIn {
    from {
      opacity: 0.01;
    }
    to {
      opacity: 1;
    }
  }
}

/* Element Hovers: Vertical Lift, 3d Lift */

@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .animate--hover-3d-lift .card-wrapper .card--card,
  .animate--hover-3d-lift .card-wrapper .card--standard .card__inner,
  .animate--hover-3d-lift .button:not(.button--tertiary),
  .animate--hover-3d-lift .shopify-challenge__button,
  .animate--hover-3d-lift .customer button,
  .animate--hover-3d-lift .shopify-payment-button__button,
  .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
    transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;
    transform-origin: center;
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--card,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner,
  .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover,
  .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover,
  .animate--hover-3d-lift .customer button:not([disabled]):hover,
  .animate--hover-3d-lift .shopify-payment-button__button:hover,
  .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease; /* Slow the card transition speed while hover is active. */
    transform: rotate(1deg);
    box-shadow: -1rem -1rem 1rem -1rem rgba(0, 0, 0, 0.05), 1rem 1rem 1rem -1rem rgba(0, 0, 0, 0.05),
      0 0 0.5rem 0 rgba(255, 255, 255, 0), 0 2rem 3.5rem -2rem rgba(0, 0, 0, 0.5);
  }

  .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    transform: translate(-50%, -50%) scale(1.05); /* Apply a specialized transform to the video play button. */
  }

  .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card,
  .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner {
    transform: rotate(0.5deg); /* Less intense rotation for collage items. */
  }

  .animate--hover-3d-lift .product-grid .grid__item:hover,
  .animate--hover-3d-lift .collection-list .grid__item:hover,
  .animate--hover-3d-lift .collage__item:hover,
  .animate--hover-3d-lift .blog-articles .article:hover,
  .animate--hover-3d-lift .complementary-slide li:hover {
    z-index: 2; /* Make sure the hovered card is the topmost card. */
  }

  .animate--hover-3d-lift .product-grid {
    isolation: isolate; /* Ensure z-index changes here don't negatively effect other UI stacking. */
  }

  .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {
    box-shadow: none;
    transition: transform var(--duration-long) ease, filter var(--duration-long) ease;
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner {
    transition: transform calc(2 * var(--duration-extended)) ease, filter var(--duration-long) ease; /* Slow the card transition speed while hover is active. */
    filter: drop-shadow(0rem 2rem 2rem rgba(0, 0, 0, 0.15)) drop-shadow(0rem 1rem 1rem rgba(0, 0, 0, 0.15));
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--card:after,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after,
  .animate--hover-3d-lift
    .card-wrapper:hover
    .card--shape.card--standard:not(.card--text)
    .card__inner
    .card__media:before {
    background-image: var(--easter-egg);
    background-size: 250px 250px;
    mix-blend-mode: color-dodge;
    pointer-events: none;
    z-index: 2;
  }

  .animate--hover-3d-lift
    .card-wrapper:hover
    .card--shape.card--standard:not(.card--text)
    .card__inner
    .card__media:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .animate--hover-3d-lift .card-wrapper .card--card:before,
  .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: background-position calc(2 * var(--duration-extended)) ease, opacity var(--duration-default) ease;
    mix-blend-mode: overlay;
    background-size: 400% 100%;
    background-position: 90% 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0) 45%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0) 55%
    );
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--card:before,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after {
    opacity: 0.2;
    transition: background-position 6s ease, opacity var(--duration-long) ease;
    background-position: left;
    z-index: 2;
  }

  :root {
    --easter-egg: none;
    --sparkle: url('./sparkle.gif');
  }

  .animate--hover-vertical-lift .button:not(.button--tertiary),
  .animate--hover-vertical-lift .shopify-challenge__button,
  .animate--hover-vertical-lift .customer button,
  .animate--hover-vertical-lift .shopify-payment-button__button {
    transition: transform var(--duration-default) var(--ease-out-slow);
  }

  .animate--hover-vertical-lift .card-wrapper .card--card,
  .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {
    transition: transform var(--duration-medium) var(--ease-out-slow);
  }

  .animate--hover-vertical-lift .card-wrapper:hover .card--card,
  .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {
    transform: translateY(-0.75rem);
  }

  .animate--hover-vertical-lift .card-wrapper:active .card--card,
  .animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner {
    transform: translateY(-0.5rem);
  }

  .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover,
  .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover,
  .animate--hover-vertical-lift .customer button:not([disabled]):hover,
  .animate--hover-vertical-lift .shopify-payment-button__button:hover {
    transform: translateY(-0.25rem);
  }

  .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active,
  .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active,
  .animate--hover-vertical-lift .customer button:not([disabled]):active,
  .animate--hover-vertical-lift .shopify-payment-button__button:active {
    transform: translateY(0);
  }

  .animate--hover-vertical-lift .button:not([disabled]):hover:after,
  .animate--hover-vertical-lift .customer button:not([disabled]):hover:after,
  .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {
    --border-offset: 0.3px; /* Default is 1.3px as defined above in this file. This removes 1px to prevent the border from growing on buttons when this effect is on.  */
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
        rgba(var(--color-button-text), var(--border-opacity)),
      0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
  }

  .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
    --border-offset: 0px; /* Prevent the border from growing on buttons when this effect is on. */
  }
}

/* Loading spinner */
.loading__spinner {
  position: absolute;
  z-index: 1;
  width: 1.8rem;
}

.loading__spinner {
  width: 1.8rem;
  display: inline-block;
}

.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: rgb(var(--color-foreground));
  animation: dash 1.4s ease-in-out infinite;
}

@media screen and (forced-colors: active) {
  .path {
    stroke: CanvasText;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

.loading__spinner:not(.hidden) + .cart-item__price-wrapper,
.loading__spinner:not(.hidden) ~ cart-remove-button {
  opacity: 50%;
}

.loading__spinner:not(.hidden) ~ cart-remove-button {
  pointer-events: none;
  cursor: default;
}

/* Progress bar */
.progress-bar-container {
  width: 100%;
  margin: auto;
}

.progress-bar {
  height: 0.13rem;
  width: 100%;
}

.progress-bar-value {
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-foreground));
  animation: indeterminateAnimation var(--duration-extra-longer) infinite ease-in-out;
  transform-origin: 0;
}

.progress-bar .progress-bar-value {
  display: block;
}

@keyframes indeterminateAnimation {
  0% {
    transform: translateX(-20%) scaleX(0);
  }
  40% {
    transform: translateX(30%) scaleX(0.7);
  }
  100% {
    transform: translateX(100%) scaleX(0);
  }
}

body {
 font-family: "Dexa Pro", Arial, sans-serif;
}


/* Jul 6 systemic extension (approved, deliberate diff vs live): Dawn's base heading rules
   (h1–h5 + .h0–.h5 at base.css ~255/~337) match utility-classed headings at class
   specificity and routed them to the settings heading font (Bevan slab serif — the
   contact-h1 escape). The class entries below tie that specificity and win by document
   order, so every heading path lands on Dexa Pro Expanded (single 700 face = Bold). */
h1, h2, h3, h4, h5,
.h0, .h1, .h2, .h3, .h4, .h5 {
   font-family: "Dexa Pro Expanded", Arial, sans-serif;
}
p ,a {
      font-family: "Dexa Pro", Arial, sans-serif;
font-weight:500;
}
.footer__list-social .list-social__item:nth-child(1) {
    order: 3;
}

.footer__list-social .list-social__item:nth-child(2) {order: 1;}

.footer__list-social .list-social__item:nth-child(3) {
    order: 2;
}

.footer__list-social .list-social__item:nth-child(4) {
    order: 4;
}

.footer__list-social .list-social__item .svg-wrapper svg {
    min-width: 12px;
}
.list-social__link {
    width: 39px;
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease-in-out;
}

.footer__list-social .list-social__item {
    margin: 0 !important;
}

.footer-block__brand-info .footer__list-social.list-social {
    gap: 8px;
    margin-top: 16px;
}

.list-social__link:hover {
    background: #fff;
}

.list-social__link:hover svg path {
    fill: #000;
}
.footer {
    padding-top: 35px !important;
}
.collection-preview_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.25s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index:2;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 13px;
}
}

.collection-list__item {
    position: relative;
}

@media(min-width:769px){
  .collection-list__item:hover .collection-preview_image {
    visibility: visible;
    opacity: 1;
}
.collection-list__item:hover .card__inner {
    opacity: 0;
    visibility: hidden;
}
.collection-list__item:hover .card__inner .card__heading {
    color: #fff;
}
.collection-list__item:hover .card__content .card__heading a {
    color: #fff !important;
}

}

.collection-list__item .card__heading a {
    position: relative;
    transition: all 0.25s ease-in-out;
}

.card__information,
.card--standard>.card__content .card__information{
    padding-left: 0px !important;
}
.collection-product-card__variants +.card-wrapper.product-card-wrapper {
    padding-left: 19px;
}
.collection-preview_image a {
    color: #fff !important;
}
.slider__slide {
    min-height: 450px;
}

.slider__slide .card__inner.color-scheme-2 {
    height: 100%;
}

.slider__slide .card__inner.color-scheme-2 .card__media .media img {
    max-width: 340px;
    height: auto;
    margin: auto !important;
    position: relative;
}

.slider__slide .card__inner.color-scheme-2 .card__media .media {
    text-align: center;
    display: flex;
}
.card__heading .full-unstyled-link {
    font-family: "Dexa Pro Expanded", Arial, sans-serif;
    font-size: var(--Sizes-Fonts-H5, 11px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.325px;
  text-decoration: none !important;
}
.card__information span.caption-large {
    display: none !important;
}
.card-information>.price {
    margin-top: 6px !important;
    color: var(--Secondary, #333);
    font-family: "Dexa Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.12px;
}
.card--standard .swiper-wrapper .swiper-slide img {
    width: 100%;
    max-width: 340px;
}

.card--standard .swiper-wrapper .swiper-slide {
    text-align: center;
}
.collection-card-wrapper  .card__content {
    padding-bottom: 15.5px !important;
}
.card--standard .swiper-button-prev,
.card--standard .swiper-button-next {
    display: flex !important;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: transparent;
    width: 36px;
    height: 36px;
    transition: all 0.25s ease-in-out;
    opacity: 0;
    visibility: hidden;
}



.card--standard .swiper-button-prev:after, 
.card--standard .swiper-button-next:after {
  font-size: 12px;color: #000;
}

.card--standard .swiper-button-prev {
    left: 0;
}

.card--standard .swiper-button-next {
    right: 0;
}

@media(min-width:769px){
  .card--standard .swiper-button-prev:hover, 
.card--standard .swiper-button-next:hover {
    background-color: transparent; /* PL2: bare arrows — hover box removed (was #F6F6F6) */
}
  .card--standard:hover .swiper-button-prev, 
.card--standard:hover .swiper-button-next {
    visibility: visible;
    opacity: 1;
}
.card-product-custom-div:hover .card-wrapper .card__inner .card__media.aa .swiper-slide-active img {
    transform: scale(1.08);
}
}
.card-product-custom-div .card-wrapper .card__inner .card__media.aa .swiper-slide-active img {
    transition: transform var(--duration-long) ease;
}


.card--media .card__inner .card__content {
    padding: 0 !important;
}

.card--standard .swiper-wrapper .swiper-slide img {
    max-width: 100%;
}
.card__media.aa .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {
    opacity: 0;
}
@media(max-width:650px){
  .slider__slide {
    min-height: 224px;
}
  .slider-buttons {
display: none !important;
  }
  .slider-mobile-gutter > ul {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
}
.coming-soon-page header,
.coming-soon-page footer,
.coming-soon-page sticky-header,
.coming-soon-page #admin-bar-iframe{
    display:none !important;
}
.coming-soon-page .sc-kqGpvY.OSjcf {
    max-width: 100% !important;
}
.coming-soon-page .sc-dxcExB.gjNMyZ.pf-5bb5dfa6b365-1_ {
    padding: 0 !important;
}
.sc-lnPyOc.gUmbDa.pf-5bb5dfa6b365-5_ img {
    width: 474px !important;
    height: 780px !important;
    object-fit: cover !important;
}

.sc-lnPyOc.gUmbDa.pf-5bb5dfa6b365-7_ {
    padding-left: 0 !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-11_ {
    margin-bottom: 12px !important;
    max-width: 450px !important;
    color: var(--Primary-Black, #333) !important;
    font-family: "Dexa Pro Expanded",Arial,sans-serif !important;
    font-size: var(--Sizes-Fonts-H1, 80px) !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 102.5% !important;
    letter-spacing: -2px !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-8_ {
    margin-bottom: 12px !important;
    color: var(--Primary-Black, #000) !important;
    font-family: "Dexa Pro Expanded",Arial,sans-serif !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 112.5% !important;
    letter-spacing: -0.275px !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-14_ {
    color: var(--Secondary-Grey, #646363) !important;
    font-family: "Dexa Pro" !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 125% !important;
    letter-spacing: 0.15px !important;
    max-width: 530px !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-17_ {
    padding: 0 !important;
}


.sc-jXbVAB.kNtuek.pf-5bb5dfa6b365-18_.pf-r.pf-r-eh .pf-c {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-26_ {
    padding-left: 0 !important;
    color: var(--Greyscale-50, #000000) !important;
    font-family: "Dexa Pro" !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 125% !important;
    letter-spacing: 0.15px !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-27_ {
    color: var(--Primary, #000);
    font-family: "Dexa Pro Expanded" !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 125% !important;
    letter-spacing: -0.225px !important;
    padding-right: 5px !important;
}

.sc-jXbVAB.kNtuek.pf-5bb5dfa6b365-2_.pf-r.pf-r-eh {
    padding-top: 49px !important;
}
.coming-soon-page .sc-jXbVAB.kNtuek.pf-5bb5dfa6b365-2_.pf-r.pf-r-eh,
body.coming-soon-page{
    background: #F6F6F6 !important;
}

.bhafPV input {
    background: transparent !important;
}
@media(max-width:768px){
    .coming-soon-page .sc-kqGpvY.OSjcf {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sc-lnPyOc.gUmbDa.pf-5bb5dfa6b365-5_ img {
    width: 100% !important;
    height: auto !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-7_ {
    padding-top: 64px !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-11_ {
    font-size: 56px !important;
}

.sc-jXbVAB.kNtuek.pf-5bb5dfa6b365-18_.pf-r.pf-r-eh {
    margin-bottom: 0px !important;
}

.coming-soon-page .sc-jXbVAB.kNtuek.pf-5bb5dfa6b365-2_.pf-r.pf-r-eh {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
}
@media(min-width:769px){
  .__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-23_ {
    min-width:532px;
  }
}
.footer-block__details-content .list-menu__item--link {
    color: var(--Menu---secondary, #B2B2B2) !important;
    font-family: "Dexa Pro Expanded" !important;
    font-size: 10px !important;
    font-style: normal !important;
    line-height: 125% !important;
    padding-top: 0 !important;
    padding-bottom: 8px !important;
}
.footer-block__heading {
    color: var(--Primary, #FFF);
    font-family: "Dexa Pro Expanded";
    font-size: 11px !important;
    font-style: normal;
    line-height: 112.5%;
    letter-spacing: -0.275px;
    margin-bottom: 12px !important;
}
.footer-block__brand-info .rte p {
    color: var(--Menu---secondary, #B2B2B2);
    font-family: "Dexa Pro Expanded";
    font-size: 12px;
    font-style: normal;
    line-height: 125%;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    display: inline-block;
}

.footer-block__brand-info .rte p a {
    text-decoration: none;
    color: var(--Menu---secondary, #B2B2B2);
    font-family: "Dexa Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.12px;
    text-transform: capitalize;
    margin-top: 8px;
    display: inline-block;
}
.list-menu__item,
.header__menu-item span{
    text-decoration: none !important;
}
.header__menu-item {
    color: #808080 !important;
}
.list-menu__item:hover {
    color: #000000 !important;
}
.list-menu__item {
    transition: all 0.25s ease-in-out !important;
}
.single-product-page .slider__slide {
    min-height: auto !important;
}
.related-products__heading {
    margin: 0 0 3rem;
    color: var(--Primary-Black, #000);
    font-family: "Dexa Pro Expanded";
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    margin-bottom: 16px !important;
}
@media(min-width:990px){
  .header__heading-logo-wrapper {
      position: relative;
  }
  
  .header__heading-logo-wrapper:after {
      content: '';
      background: #CCC;
      height: 13px;
      width: 1px;
      position: absolute;
      right: -18px;
      top: 2px;
  }
}
.menu-drawer__menu .menu-drawer__menu-item {
    color: var(--Primary, #000);
    font-family: "Dexa Pro Expanded";
    font-size: 15px;
    font-style: normal;
    line-height: 125%;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding-left: 0;
    padding-top: 22px;
    padding-bottom: 22px;
}

.menu-drawer__menu li {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
a.menu-drawer__account.link {
    display: none !important;
}
.menu-drawer__utility-links .rte {
    text-align: center;
    color: var(--Menu---secondary, #808080);
    font-family: "Dexa Pro Expanded";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: 0.72px;
    text-transform: uppercase;
}

.menu-drawer__utility-links .rte a {
    color: var(--Menu---secondary, #808080);
    font-family: "Dexa Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.12px;
    text-decoration: none;
    margin-top: 8px;
    display: inline-block;
}

.menu-drawer__utility-links .list-social__item svg path {fill: #000000;}

.menu-drawer__utility-links .list.list-social {
    margin-top: 16px;
}
@media(max-width:768px){
  .menu-drawer-container .header__icon--summary:not(.header__icon--menu) svg {
    width: 9px !important;
    height: auto !important;
}

.menu-drawer-container .header__icon--summary:not(.header__icon--menu) svg {
    width: 12px !important;
    height: 12px !important;
}
}
.custom-drawer-content + .footer__list-social {
    display: none !important;
}
footer .list-menu__item:hover {
    color: #fff !important;
}
.custom-drawer-content .rte p a:first-child {
    color: #B2B2B2;
    font-family: "Dexa Pro Expanded";
    text-transform: uppercase;
}
.footer_privacy_links a,
.custom-drawer-content .rte p a:first-child{
  transition: all 0.25s ease-in-out !important;
}
.custom-drawer-content .rte p a:first-child:hover,
.footer_privacy_links a:hover{
    color: #fff;
}
.utility-bar.announcment .page-width.utility-bar__grid {
    padding-left: 32px !important;
    padding-right: 32px !important;
    padding-top: 16px;
    padding-bottom: 16px;
  height:48px;
}

.announcement-bar {
    align-items: center !important;
    justify-content: space-between !important;
}

.announcement-bar__message {
    padding: 0;
    height: auto;
    min-height: auto;
    color: var(--Primary-White, #FFF);
    font-family: "Dexa Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;/
    letter-spacing: 0.12px;
}

.announcement-bar__message a {
    color: var(--Primary, #FFF);
    font-family: "Dexa Pro Expanded";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.announcement-bar__message .sep {
    display: inline-flex;
    margin-inline: 8px;
    align-items: center;
}

.close_announcement_bar {
    display: inline-flex;
    height: auto;
    line-height: normal;
    align-items: center;
}

.announcement-bar-logo {
    height: auto;
    line-height: normal;
}
.close_announcement_bar {
    margin-right: -3px;
}
.header__icon--menu {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
header-drawer {
     margin-left: 0rem !important; 
}
@media(min-width:1024px){
  .header__icons .header__icon {
    width: 32px;
    height: 32px;
}

.header__icons {
    gap: 4px;
  padding:0;
}
}
@media(max-width:450px){
    .utility-bar.announcment .page-width.utility-bar__grid,
    .header{
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    
    .announcement-bar-logo,
    .header__icon--bookmark{
        display: none !important;
    } 
  .header__icon .svg-wrapper {
    width: 26px;
    height: 26px;
}

.header__icon .svg-wrapper svg {
    width: 18px;
    height: 18px;
}

.header__icon--summary,
.header__icon--cart{
    width: 26px;
    height: 26px;
}

.cart-count-bubble {
    width: 11px;
    height: 11px;
    font-size: 9px;
    padding: 5px;
    right: 0;
    top: 0;
}

.header__icons {
    gap: 8px;
    padding: 0;
}

.header__icon--cart {
    margin: 0;
}
}
.list-menu__item {padding: 10px;}

.list-menu--inline {
    gap: 4px;
}
.header--middle-left {
    padding-block: 15px !important;
}
@media(max-width:1024px){
    .header__heading-logo {
        height: 14px;
        width: 128px;
    }
  .rich-text__heading.rte {
    font-size: 18px !important;
    letter-spacing: -0.45px !important;
    line-height: 112.5% !important;
    max-width: 350px !important;
    text-align: center !important;
    margin: auto !important;
}
  .slider-mobile-gutter > ul {
  row-gap: 16px !important;
  }
}
.menu-drawer-container[open] svg:not(.icon) {
    display: none;
}
.header.page-width, .utility-bar__grid.page-width,
.page-width{
    max-width: 100% !important;
}
.page-width {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.collection-hero__title {
    color: var(--Primary-Black, var(--Secondary, #333));
    font-family: "Dexa Pro Expanded" !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 125% !important;
    letter-spacing: 0.72px !important;
    text-transform: uppercase !important;
    padding-left: 16px !important;
    margin-top: 32px !important;
}

.product-count {
    display: none;
}

.facets-container-drawer .mobile-facets__wrapper {
    margin-right: 32px;
    margin-top: -16px;
}

.facets-container-drawer {
    padding: 0 !important;
}

.mobile-facets__open-label {
    margin: 0 !important;
    color: var(--Primary, #000);
    font-family: "Dexa Pro Expanded";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
}
.mobile-facets__open .svg-wrapper {
    width: 16px;
    height: 16px;
    margin: 0;
    margin-left: 2px;
    padding: 3.5px;
}

.mobile-facets__open .svg-wrapper svg {
    width: 9px;
    height: 9px;
}

.mobile-facets__open:hover .mobile-facets__open-label {
    text-decoration: none !important;
}
.back-to-top-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}
@media(max-width:450px){
    .collection.page-width {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.back-to-top-section {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.collection-hero__inner {
    padding-left: 12px !important;
}

.collection-hero__title {
    padding-left: 0 !important;
}

.facets-container-drawer .mobile-facets__wrapper {
    margin-right: 0 !important;
    width: 100% !important;
}

.facets-container {column-gap: 0 !important;}

.card--standard .swiper-wrapper .swiper-slide img {
    height: 287px !important;
    object-fit: cover !important;
}

.card .card__inner .card__media {
    height: 287px;
}

.card__inner.gradient {
    height: 287px;
}

span.swatch-counter {
    font-size: 8px;
    position: relative;
    top: 4px;
}
  .collection-hero__title {
    margin-top: 24px !important;
}
  .card__heading .full-unstyled-link {
    font-size: 11px;
}

.card--standard>.card__content .card__information {
    padding-bottom: 2px;
}
}
@media(min-width:1024px){
  .card--standard .swiper-wrapper .swiper-slide img, .card--standard .swiper-wrapper .swiper-slide, .card .card__inner .card__media,.card--standard .card__inner {
    /* height: 432px !important; */
}
}
.list-menu__item.active {
    background: #F6F6F6;
}

.list-menu--inline {
    margin-left: 16px !important`;
}
.header__inline-menu {
    margin-left: 16px !important;
}
.js .mobile-facets .submenu-open {
    visibility: visible !important;
}

.js .mobile-facets__submenu {
    position: relative !important;
    transform: none !important;
    visibility: visible !important;
}

.mobile-facets__close-button {
    display: none !important;
}

.js .mobile-facets__submenu .mobile-facets__footer {
    display: none !important;
}
.product-breadcrumb, .product-breadcrumb a {
    color: var(--Menu---secondary, #808080);
    font-family: "Dexa Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; 
    letter-spacing: 0.12px;
    text-decoration: none;
    margin-bottom: 16px;
}

.single-product {
    padding-top: 16px;
}
.product__title h1 {
    color: var(--Primary-Black, var(--Secondary, #333));
    font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H2, 30px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -1px;
}
.product--thumbnail_slider {
    gap: 8px !important;
}
shopify-buy-it-now-button button {
    display: flex !important;
    padding: 22px 64px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    background: var(--Primary, #000) !important;
    height: auto !important;
    color: var(--Tertiary, #FFF) !important;
    font-family: "Dexa Pro Expanded" !important;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 125% !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
}
.prod-price-wrapper {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    flex-direction: row-reverse;
    margin-bottom: 32px;
    margin-top: 0 !important;
}

.prod-price-wrapper > * {
    flex: 1;
    align-self: stretch;
    padding-top: 16px;
    padding-bottom: 16px;
    display: inline-flex;
    align-items: center;
}

.prod-price-wrapper > variant-selects {
    border-right: 1px solid #333;
    padding-right: 32px;
}

.prod-price-wrapper > div {
    padding-left: 32px;
}

.product-form__input--swatch {
    margin-bottom: 0 !important;
}

.product .price__container {
    margin: 0 !important;
}

.prod-price-wrapper > div .price-item.price-item--regular {
    color: var(--Primary-Black, var(--Secondary, #333));
    font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H4, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.4px;
}

.prod-price-wrapper + div {
    margin-top: 0 !important;
}
.accordion summary::after {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.00061 3.9375C9.31127 3.9375 9.56311 4.18934 9.56311 4.5V8.4375H13.5006C13.8113 8.4375 14.0631 8.68934 14.0631 9C14.0631 9.31066 13.8113 9.5625 13.5006 9.5625H9.56311V13.5C9.56311 13.8107 9.31127 14.0625 9.00061 14.0625C8.68995 14.0625 8.43811 13.8107 8.43811 13.5V9.5625H4.50061C4.18995 9.5625 3.93811 9.31066 3.93811 9C3.93811 8.68934 4.18995 8.4375 4.50061 8.4375H8.43811V4.5C8.43811 4.18934 8.68995 3.9375 9.00061 3.9375Z' fill='black'/%3E%3C/svg%3E") !important;
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    right: 10px !important;
}
.accordion summary[aria-expanded="true"]::after {
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9.56311 8.4375H13.5006C13.8113 8.4375 14.0631 8.68934 14.0631 9C14.0631 9.31066 13.8113 9.5625 13.5006 9.5625H9.56311H8.43811H4.50061C4.18995 9.5625 3.93811 9.31066 3.93811 9C3.93811 8.68934 4.18995 8.4375 4.50061 8.4375H8.43811H9.56311Z' fill='black'/%3E%3C/svg%3E") !important;
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    right: 15px !important;
}

.accordion summary svg:nth-child(3) {
    display: none !important;
}
summary .icon-caret {
    display: none;}

.complementary-products__container .icon-wrap .icon-arrow{
    display:none;
}
.collapsible-content summary:hover .accordion__title {
    text-decoration: none !important;
}
.cart-drawer .totals {
    margin: 30px 0px;
}
small.tax-note.caption-large.rte {
    display: none;
}
h2.jdgm-rev-widg__title {
    color: var(--Primary-Black, var(--Secondary, #333));
    text-align: center;
  font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H3, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.6px;
}
.jdgm-row-stars {
    background: var(--Secondary-Light-Grey, #F6F6F6);
    display: flex
;
    padding: var(--Spacing-Padding-03---Medium, 32px);
    justify-content: center;
    align-items: center;
    align-content: center;
    align-self: stretch;
    flex-wrap: wrap;
}
a.jdgm-write-rev-link {
    display: flex
;
    padding: 15px 24px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    background: var(--Primary, #000);
    color: var(--Tertiary, #FFF);
     font-family: "Dexa Pro Expanded", Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: 0.72px;
    text-transform: uppercase;
}
span.jdgm-prev-badge__text {
    color: var(--Secondary-Grey, #646363);
  font-family: "Dexa Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.12px;
}
p.totals__total-value {
    color: var(--Primary-Black, var(--Secondary, #333));
    text-align: right;
      font-family: "Dexa Pro Expanded", Arial, sans-serif;
    font-size: var(--Sizes-Fonts-H5, 13px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.325px;
}
.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-20_ {
  color:#333 !important;
}
.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-26_::placeholder {
    color: var(--Greyscale-50, #808080);
    font-family: "Dexa Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.15px;
}
.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-26_ {
  padding:0 !important;
}
.sc-iXzffn.fKDkmQ.pf-5bb5dfa6b365-143_ {
    display: flex;
}

.sc-eoVZcn.cepmFm.pf-5bb5dfa6b365-144_ {border-bottom: 1px solid #000000;}

.sc-iXzffn.fKDkmQ.pf-5bb5dfa6b365-143_ input[type="email"] {
    border: none !important;
    border-radius: 0 !important;
}

.sc-iXzffn.fKDkmQ.pf-5bb5dfa6b365-143_ button {
    background: transparent !important;
    flex: 1 0 auto !important;
    align-self: flex-end !important;
    color: #000 !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Dexa Pro Expanded", Arial, sans-serif !important;
    font-size: 15px !important;
}

.sc-iXzffn.fKDkmQ.pf-5bb5dfa6b365-143_ input[type="email"]::placeholder {
    color: var(--Greyscale-50, #808080);
    font-family: "Dexa Pro" !important;
    font-size: 15px !important;
    font-style: normal  !important;
    font-weight: 400  !important;
    line-height: 125%  !important;
    letter-spacing: 0.15px !important;
} 
.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-669_ {
    padding: 0 !important;
}

.coming-soon-page .announcment {
    display: none !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-670_ {
    background: #F6F6F6;
    padding: 0 !important;
    padding-inline: 30px !important;
    margin: 0 !important;
    padding-bottom: 64px !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-670_ .pf-c {
    padding: 0 !important;
    padding-left: 16px !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-674_ {
    width: 474px;
}

.sc-eoVZcn.cepmFm.pf-5bb5dfa6b365-673_,
.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-4_{
    padding: 0 !important;
}

.coming-soon-page {
    overflow-x: hidden !important;
}

.sc-eoVZcn.cepmFm.pf-5bb5dfa6b365-671_ {
    padding: 0 !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-670_ .pf-c:last-child {
    padding-right: 16px !important;
    padding-left: 0 !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-675_ {
    padding-left: 0 !important;
}

.sc-hzhKNl.fltMam.pf-5bb5dfa6b365-697_.pf-r.pf-r-eh {
    margin: 0 !important;
}

.sc-hzhKNl.fltMam.pf-5bb5dfa6b365-690_.pf-r.pf-r-eh {
    margin: 0 !important;
}

.sc-hzhKNl.fltMam.pf-5bb5dfa6b365-686_.pf-r.pf-r-eh {
    margin: 0 !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-676_ {
    color: var(--Primary-Black, var(--Secondary, #333));

    font-family: "Dexa Pro Expanded";
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%; /* 12.375px */
    letter-spacing: -0.275px;
    margin-bottom: 12px;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-679_ {
    margin-bottom: 12px;
    color: var(--Primary-Black, var(--Secondary, #333));

/* Headings/H1 */
    font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H1, 80px);
    font-style: normal;
    font-weight: 700;
    line-height: 102.5%; /* 82px */
    letter-spacing: -2px;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-682_ {
    color: var(--Secondary-Grey, #646363);

/* Body/P Regular */
    font-family: "Dexa Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.15px;
    max-width: 532px;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-685_ {
    padding-inline: 0 !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-685_ {
    padding: 0 !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-688_ {
    margin-top: 112px !important;
    color: var(--Primary-Black, var(--Secondary, #333));
    font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H4, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%; 
    letter-spacing: -0.4px;
    margin-bottom: 8px;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-685_ {
    width: 528px !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-5_ {
    padding: 0 !important;
    padding-inline: 30px !important;
    margin: 0 !important;
    padding-block: 64px !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-5_ .pf-c:first-child {
    padding: 0 !important;
}

.sc-eoVZcn.cepmFm.pf-5bb5dfa6b365-6_ {
    padding: 0 !important;
    padding-left: 16px !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-5_ .pf-c:nth-child(2),.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-5_ .pf-c:nth-child(3) {
    padding: 0 !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-9_ {
    width: 474px;
}

.sc-eoVZcn.cepmFm.pf-5bb5dfa6b365-8_ {
    padding: 0 !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-10_ {
    padding: 0 !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-5_ .pf-c:nth-child(3) {
    padding-right: 16px !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-5_ {
    background: #F6F6F6 !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-11_ {
    color: var(--Primary-Black, var(--Secondary, #333)) !important;
    font-family: "Dexa Pro Expanded" !important;
    font-size: 11px !important;
    font-style: normal;
    font-weight: 700 !important;;
    line-height: 112.5%;
    letter-spacing: -0.275px !important;
    margin-bottom: 12px !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-14_ {
    margin-bottom: 12px !important;
    color: var(--Primary-Black, var(--Secondary, #333)) !important;
    font-family: "Dexa Pro Expanded" !important;
    font-size: var(--Sizes-Fonts-H1, 80px) !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 102.5% !important;
    letter-spacing: -2px !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-17_ {
    color: var(--Secondary-Grey, #646363) !important;
    font-family: "Dexa Pro" !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 125% !important;
    letter-spacing: 0.15px !important;
    max-width: 532px !important;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-225_ {
    margin-top: 112px !important;
    margin-bottom: 8px !important;
}

#custom_sub_form {
    width: 532px !important;
    border-bottom: 1px solid #000000;
    display: flex;
    margin-bottom: 8px;
    position: relative;
}

#custom_sub_form input[type="email"] {
    width: 100%;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    padding: 16px 0 !important;
    font-family: "Dexa Pro";
}

#custom_sub_form button {
    color: #000;
    font-family: "Dexa Pro Expanded";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.225px;
    background: transparent !important;
    border: none !important;
    padding: 0 6px !important;
}

#custom_sub_form input[type="email"]::placeholder {
    color: var(--Greyscale-50, #808080);
    font-family: "Dexa Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.15px;
}

.__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-5_ .pf-c:nth-child(2) {
    padding-right: 138px !important;
}

.sc-eoVZcn.cepmFm.pf-5bb5dfa6b365-6_ {
    padding-right: 45px !important;
}

.sc-eoVZcn.cepmFm.pf-5bb5dfa6b365-6_ img.sc-knuQPt.boqfLv.pf-5bb5dfa6b365-7_.pf-image-1 {
    width: 61.25px !important;
    height: 42px !important;
    min-width: 61.25px !important;
    min-height: 42px !important;
}
#custom_sub_form:not(.submitted) + .contact_form_success_msg {
    display: none;
}

#custom_sub_form.submitted {
    display: none !important;
}

.contact_form_success_msg {
    display: flex;
    padding: var(--Spacing-Padding-03---Medium, 32px) var(--Spacing-Padding-02---Standard, 16px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--Greyscale-10, #E6E6E6);
    width: 532px;
    margin-top: 96px;
}
@media(max-width:1080px){
    #custom_sub_form,
    .__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-20_{
        width: 100% !important;
    }
}
@media(max-width:1100px){
    .sc-eoVZcn.cepmFm.pf-5bb5dfa6b365-6_ img.sc-knuQPt.boqfLv.pf-5bb5dfa6b365-7_.pf-image-1 {
        width: 54px !important;
        min-width: 54px !important;
        height: 37px !important;
        min-height: 37px !important;
    }
    .__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-5_ .pf-c:nth-child(2) {
        padding-right: 78px !important;
    }
}
@media(max-width:1024px){
    .__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-5_ {
        flex-direction: column !important;
        padding-top: 16px !important;
    }
    .sc-eoVZcn.cepmFm.pf-5bb5dfa6b365-6_ {padding: 0 !important;padding-bottom: 32px !important;}
    .__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-5_ .pf-c:nth-child(2) {padding: 0 !important;width: 100% !important;max-width: 100% !important;}
    .__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-9_ {
        width: 100% !important;
        height: auto !important;
    }
    .__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-11_,
    .__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-17_{
        display: none !important;
    }
    .__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-14_ {
        margin-bottom: 48px !important;
        margin-top: 64px !important;
    ;
        font-size: 56px !important;
        letter-spacing: -1.4px !important;
    }
    .__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-225_ {
        margin: 0 !important;
        margin-bottom: 8px !important;
    }
    #custom_sub_form {
        margin-bottom: 0 !important;
    }
    .__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-225_ {
        font-size: 14px !important;
        letter-spacing: -0.35px !important;
        line-height: 112.5% !important;
    }
    .sc-eoVZcn.cepmFm.pf-5bb5dfa6b365-8_ {
        margin: 0 !important;
    }
    .sc-eoVZcn.cepmFm.pf-5bb5dfa6b365-6_ img.sc-knuQPt.boqfLv.pf-5bb5dfa6b365-7_.pf-image-1 {
        padding: 0 !important;
    }
    .__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-10_ {
        margin-bottom: 0 !important;
    }
    .__pf.__pf_AtW4A3Rn .pf-5bb5dfa6b365-5_ .pf-c:nth-child(3) {
        padding-right: 0 !important;
    }
    .contact_form_success_msg {
        width: 100%;
    }
}
@keyframes spin{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(1turn);
    }
}
#custom_sub_form.processing:before {
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    content: "";
    font-size: 10px;
    height: 30px;
    left: 50%;
    opacity: 0.8;
    pointer-events: none;
    position: absolute;
    text-indent: -9999em;
    top: 50%;
    width: 30px;
    z-index: 2147483647;
    animation: 0.6s linear 0s infinite normal none running spin;
    border-left: 3px solid #333;
    border-radius: 50%;
    margin: -15px auto 0px -15px;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1) !important;
    border-right: 3px solid rgba(0, 0, 0, 0.1) !important;
    border-top: 3px solid rgba(0, 0, 0, 0.1) !important;
}

#custom_sub_form.processing:after {
    content: '';
    background: #ffffffb5;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
@media(max-width:450px){
    .contact_form_success_msg {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.card .card__inner .card__media,
.card--standard .card__inner{
    /* max-height: 432px !important; */
}
.collection__title .title {
    padding-left: 16px !important;
}

.collection__title.title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.collection__title.title-wrapper .see-all-link-collection {
    color: var(--Primary, #000);
    font-family: "Dexa Pro Expanded";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    text-decoration: none;
  padding-right: 16px !important;
}

.collection__title.title-wrapper .see-all-link-collection svg {
    width: 14px;
}

.collection__title.title-wrapper .title {
    margin-bottom: 0 !important;
}
.collection-product-card__swatch label {
    border: none !important;
    box-shadow: none !important;
    position: relative !important;
}

.collection-product-card__swatch label:before {
    content: '' !important;
    width: 21px !important; /* P5 (canon C1.4): ring 18 -> 21px over the 15px dot — offsets stay -3, so overhang = 3px per side = 2px clear gap + 1px ring, symmetric */
    height: 21px !important; /* P5 (canon C1.4) */
    position: absolute !important;
    left: -3px !important;
    top: -3px !important;
    border-radius: 50% !important;
    border: 1px solid transparent !important;
    transition: all 0.25s ease-in-out !important;
}

.collection-product-card__swatch + .collection-product-card__swatch {
    margin-left: 3px !important;
}

.collection-product-card__swatch input:checked + label:before {
    border-color: #292C2D !important;
}
a[aria-label="Cart"] {
    position: relative;
}

a[aria-label="Cart"]:before {
    width: 18px;
    content: '';
    background-image: url('data:image/svg+xml,<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.695572 0.818027C1.02619 0.718841 1.37462 0.906455 1.47381 1.23708L1.96518 2.875H17.3335C17.5311 2.875 17.717 2.96841 17.8349 3.12692C17.9529 3.28543 17.9889 3.49036 17.9321 3.67959L15.4321 12.0129C15.3528 12.2773 15.1095 12.4583 14.8335 12.4583H4.00016C3.72416 12.4583 3.48083 12.2773 3.40152 12.0129L0.901523 3.67959L0.276523 1.59626C0.177337 1.26564 0.364952 0.917213 0.695572 0.818027ZM2.34018 4.125L4.46518 11.2083H14.3685L16.4935 4.125H2.34018ZM5.66683 14.125C6.01201 14.125 6.29183 14.4048 6.29183 14.75C6.29183 15.0952 6.57166 15.375 6.91683 15.375C7.26199 15.375 7.54183 15.0952 7.54183 14.75C7.54183 14.4048 7.82165 14.125 8.16683 14.125C8.51201 14.125 8.79183 14.4048 8.79183 14.75C8.79183 15.7855 7.95234 16.625 6.91683 16.625C5.88129 16.625 5.04183 15.7855 5.04183 14.75C5.04183 14.4048 5.32165 14.125 5.66683 14.125ZM11.2918 14.75C11.2918 14.4048 11.012 14.125 10.6668 14.125C10.3217 14.125 10.0418 14.4048 10.0418 14.75C10.0418 15.7855 10.8813 16.625 11.9168 16.625C12.9523 16.625 13.7918 15.7855 13.7918 14.75C13.7918 14.4048 13.512 14.125 13.1668 14.125C12.8217 14.125 12.5418 14.4048 12.5418 14.75C12.5418 15.0952 12.262 15.375 11.9168 15.375C11.5717 15.375 11.2918 15.0952 11.2918 14.75Z" fill="%23333333"/></svg>');
    position: absolute;
    left: 3px;
    top: 2px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
}

a[aria-label="Cart"] svg {
    opacity: 0 !important;
    visibility: hidden !important;
}
.collection__title.title-wrapper .see-all-link-collection span,
.announcement-bar__message a span{
    position: relative;
}

.collection__title.title-wrapper .see-all-link-collection span:after,
.announcement-bar__message a span:after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    opacity: 0;
}

.collection__title.title-wrapper .see-all-link-collection:hover span:after,
.announcement-bar__message a:hover span:after{
    opacity: 1;
}
@media(max-width:550px){
    header.header {
        padding: var(--spacing-padding-menu-tb, 10px) var(--Spacing-Padding-02---Standard, 12px) !important;
    }
}
@media(min-width: 551px) and (max-width: 1023px){
    body .header-wrapper header.header:not(.drawer-menu) {
        padding: 20px 24px !important;
    }
}
@media(min-width:1100px){
    .header__heading-logo {
      width: 128.18px !important;
    }
}
.header--middle-left .header__inline-menu .list-menu__item {
    color: var(--Menu---secondary, #808080) !important;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: 0.72px;
    text-transform: uppercase;
}
h2.cart__empty-header-text {
    margin: 0;
    width: 100%;
    text-align: left;
    color: var(--Text-Headline-Primary, #000);
    font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H4, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.4px;
}

.cart-drawer__empty-header {
    padding: var(--Spacing-Padding-03---Medium, 32px) var(--Spacing-Padding-02---Standard, 16px) 16px var(--Spacing-Padding-02---Standard, 16px);
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-direction: column-reverse;
    border-bottom: 1px solid #E6E6E6;
}

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

.cart-drawer__empty-header .drawer__close {
    position: relative;
    right: 0;
    top: 0;
    padding: 2px;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    margin-bottom: -15px;
}

.cart-drawer__empty-content .drawer__close {
    display: none;
}

.cart-drawer__empty-header .drawer__close .svg-wrapper svg {
    width: 14px !important;
    min-width: 14px !important;!
}
.cart-drawer__empty-content .cart__empty-text {
    color: var(--Greyscale-20, #CCC);
    font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H3, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%; 
    letter-spacing: -0.6px;
    margin-top: 20px;
    margin-bottom: 32px;
}

.cart-drawer__empty-content .button {
    padding: 15px 24px;
    min-width: auto !important;
    min-height: auto !important;
    background: #000;
    color: var(--Tertiary, #FFF);
    font-family: "Dexa Pro Expanded";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
.cart-drawer__empty-content {
    padding: 32px 16px;
}

.cart-drawer__empty-content .cart__login-title,
.cart-drawer__empty-content .cart__login-paragraph{
    display: none;
}
.recommendations-wrapper-outer h4 {
    margin: 0;
}

.recommendations-wrapper-outer {
    display: flex;
    padding: var(--Spacing-Padding-03---Medium, 32px) var(--Spacing-Padding-02---Standard, 16px);
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-top: 1px solid var(--Greyscale-10, #E6E6E6);
    background: var(--Secondary-Light-Grey, #F6F6F6);
}

.recommendations-wrapper-outer > h4 {
    color: var(--Primary, #000);
    font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H5, 13px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%; 
    letter-spacing: -0.325px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin-bottom: 16px;
}

.cart-drawer__collection.recommended {
    margin: 0 !important;
    padding-inline: 16px !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cart-drawer__collection.recommended .cart-drawer__collection-item {
    display: flex;
    border: 1px solid var(--Greyscale-10, #E6E6E6);
}

.cart-drawer__collection.recommended .cart-drawer__collection-item .cart-drawer__collection-item-image, .cart-drawer__collection.recommended .cart-drawer__collection-item .cart-drawer__collection-item-image img {
    width: 92px;
    height: 111px;
    object-fit: cover;
}

.cart-drawer__collection.recommended .cart-drawer__collection-item .cart-drawer__collection-item-content {
    flex: 1;
    width: 100%;
    padding: 16px;
    background: #fff;
}

.cart-drawer__collection.recommended .cart-drawer__collection-item .cart-drawer__collection-item-content h3 {
    margin: 0;
    color: var(--Primary, #000);
    font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H5, 13px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.325px;
}

.cart-drawer__collection.recommended .cart-drawer__collection-item .cart-drawer__collection-item-content .cart-drawer__collection-item-title {
    display: flex;
    justify-content: space-between;
}

.cart-drawer__collection.recommended .cart-drawer__collection-item .cart-drawer__collection-item-content .cart-drawer__collection-item-title p {
    margin: 0;
    color: var(--Primary-Black, var(--Secondary, #333));
    text-align: right;
    font-family: "Dexa Pro Expanded";
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%; 
    letter-spacing: -0.275px;
}

.cart-drawer__collection-item-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}

.cart-drawer__collection-item-actions button {
    display: flex;
    padding: 8px 18px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border: 1px solid var(--Secondary, #333);
    background: #fff;
    color: var(--Primary, #000);
    font-family: "Dexa Pro Expanded";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
}

.cart-drawer__collection-item-actions button:hover {
    background: #000 !important;
    color: #fff !important;
}
.drawer__inner-empty .cart-drawer__warnings {
    justify-content: flex-start !important;
    flex: 1 !important;
}

.drawer__inner-empty .cart-drawer__warnings .cart-drawer__empty-content {
  height: 100% ;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.cart-drawer__empty-content .button:after {
    display: none !important;
}

.cart-drawer__empty-content .button {
    transition: all 0.25s ease-in-out;
}

.cart-drawer__empty-content .button:hover {
    background: #333333;
}
#CartDrawer-Checkout {
    display: flex;
    padding: 15px 24px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    align-self: stretch;
    color: var(--Tertiary, #FFF);
    font-family: "Dexa Pro Expanded";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    transition: all 0.25s ease-in-out;
}

#CartDrawer-Checkout:hover {
    background: #333333;
}

#CartDrawer-Checkout:after {
    display: none !important;
}

#CartDrawer .drawer__footer {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 16px;
    padding-right: 16px;
}

#CartDrawer .drawer__footer .totals__total,#CartDrawer .drawer__footer .totals__total-value {
    margin: 0;
    color: var(--Primary-Black, var(--Secondary, #333));
    font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H5, 13px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.325px;
}

#CartDrawer .drawer__footer .totals {
    margin: 0;
    margin-bottom: 32px;
}
#CartDrawer .drawer__inner {
    padding-inline: 0 !important;
}

#CartDrawer .drawer__inner .drawer__heading {
    margin: 0;
    color: var(--Text-Headline-Primary, #000);

/* Headings/H4 */
    font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H4, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%; /* 18px */
    letter-spacing: -0.4px;
    text-transform: capitalize;
    padding-left: 16px;
    display: block;
    width: 100%;
    text-align: left;
}

#CartDrawer .drawer__inner .drawer__close {
    position: relative;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 2px;
    min-height: 20px;
    min-width: 20px;
    margin-bottom: -10px;
    margin-top: -10px;
}

#CartDrawer .drawer__inner .drawer__close svg {
    width: 12px;
    height: 12px;
    min-width: 12px;
}

#CartDrawer .drawer__inner .drawer__header {
    padding-bottom: 16px;
    padding-top: 32px;
    padding-inline: 16px;
    flex-direction: column-reverse;
    align-items: flex-end;
}

#CartDrawer cart-drawer-items thead {
    display: none;
}

#CartDrawer cart-drawer-items .cart-item .cart-item__media img {
    width: 92px;
    height: 107px;
    object-fit: cover;
}

#CartDrawer cart-drawer-items .cart-item {column-gap: 16px;padding-inline: 32px;}

#CartDrawer cart-drawer-items .cart-item td:first-child {
    width: 92px;
    height: 107px;
    padding: 0;
}

#CartDrawer cart-drawer-items .cart-item .cart-item__details,#CartDrawer cart-drawer-items .cart-item .cart-item__totals {
    padding: 0;
}


#CartDrawer cart-drawer-items .cart-item .product-option {
    color: var(--Primary-Black, var(--Secondary, #333));
    font-family: "Dexa Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.12px;
}
#CartDrawer cart-drawer-items cart-remove-button {
    display: none !important;
}
.cart-drawer .cart-item__totals {
    pointer-events: unset !important;
}

.qty_remover {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer;
}
.cart-drawer .cart-items .cart-item__quantity {
    padding: 0;
}

#CartDrawer cart-drawer-items .cart-item quantity-input {
    border: none !important;
    background: #F6F6F6 !important;
    padding: 8px;
    align-items: center;
    width: auto;
    min-height: auto;
    gap: 16px;
}

#CartDrawer cart-drawer-items .cart-item quantity-input:before,#CartDrawer cart-drawer-items .cart-item quantity-input:after {
    display: none !important;
}

#CartDrawer cart-drawer-items .cart-item quantity-input button {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#CartDrawer cart-drawer-items .cart-item quantity-input input {
    opacity: 1 !important;
    max-width: 8px;
    padding: 0;
    color: var(--Primary-Black, var(--Secondary, #333));
    font-family: "Dexa Pro Expanded";
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.275px;
}

#CartDrawer cart-drawer-items .cart-item quantity-input button svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
}

.qty_remover {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#CartDrawer cart-drawer-items .cart-item .cart-item__details a {
    text-decoration: none !important;
}

.cart-item__details>*+* {
    margin-top: 4px !important;
}

/* C5 (Jul 19 2026, PROJECT_STATUS item 81): the live-inherited rule that sat
   here — `#CartDrawer cart-drawer-items .cart-item .product-option ~
   .product-option { display: none !important; }` — is REMOVED by Derek's
   ruling: it hid every option after the first on drawer lines (a sized
   belt showed "Color: Onyx," with the size invisible and the Dawn-12
   separator comma orphaned). All options now render as their own rows,
   matching the /cart page; the separator comma is removed in
   snippets/cart-drawer.liquid in the same round. */

/* C5: ONE red SAVE box near the cart total — BOTH surfaces (drawer totals
   row in snippets/cart-drawer.liquid + /cart subtotal block in
   sections/main-cart-footer.liquid). Set-card chip spec verbatim
   (section-darma-sets-rows.css .darma-sets__save, minus its absolute
   anchor). RULED BRAND DEVIATION (rule-d ledger): #C7302B extends onto the
   cart surfaces as Save copy — brand/consistency sweeps must NOT "fix" it.
   Renders only when the cart carries any savings (Liquid-gated). */
.totals > .darma-cart-save {
    /* .totals > prefix: component-totals.css `.totals > *` (0,1,1) sets
       1.6rem — the chip spec needs (0,2,0) to deliver its 10px (C5
       verification catch; the spec itself is the approval of record) */
    font-family: 'Dexa Pro', Arial, sans-serif;
    font-weight: 700; /* P1b global rule: red Save copy is always bold */
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border: 1px solid #121212;
    padding: 3px 8px;
    color: #C7302B;
    white-space: nowrap;
}

/* drawer totals row is space-between (label left / value right): the chip
   clusters with the value, 12px gap; on /cart the stock centered .totals
   spacing (> * + * 2rem) applies untouched */
#CartDrawer .totals > .darma-cart-save {
    margin-left: auto;
    margin-right: 12px;
}

/* C5 revision (Derek's ruling): the ORIGINAL total struck INLINE left of the
   final total on both cart totals rows — the tray's struck-left-of-final
   convention (C1.7b; rule-d d-10 class EXTENDED to cart totals by ruling —
   consistency sweeps must not "fix" cart totals toward the set-card
   STACKED convention, d-14). Subordinate scale per surface: 13.5px under
   the /cart ~16px value (tray ratio), 12px under the drawer's 13px
   Expanded value. Gated with the chip: no savings → not rendered. */
.totals > .darma-cart-strike {
    /* same (0,2,0) bump as the chip (C5 verification catch) */
    font-family: 'Dexa Pro', Arial, sans-serif;
    font-weight: 400;
    font-size: 13.5px;
    color: #B2B2B2;
    text-decoration: line-through;
    white-space: nowrap;
}

#CartDrawer .totals > .darma-cart-strike {
    font-size: 12px;
    margin-right: 8px; /* tight struck↔final pair (tray amounts gap) */
}

/* /cart: pair the strike tightly with the final value (the stock
   .totals > * + * 2rem gap stays between the label/chip and the pair) */
#main-cart-footer .darma-cart-strike + .totals__total-value {
    margin-left: 8px;
}

.cart-item__quantity-wrapper {
    padding-top: 32px;
}
div#cart-progress-wrapper .goal-message {
    display: flex !important;
    align-items: center;
    gap: 8px;
}

#drawer-cart.carousel-container {
    margin-bottom: 0 !important;
    gap: 16px;
}

#drawer-cart.carousel-container .product-card {
    padding: 0;
}

#drawer-cart.carousel-container .carousel-btn-prev {
    left: 0px !important;
    right: auto;
}

#drawer-cart.carousel-container .carousel-btn-next {
    right: 0px;
}

#drawer-cart.carousel-container .carousel-btn {
    width: 20px !important;
    height: 20px !important;
    padding: 8px;
}

#drawer-cart.carousel-container .carousel-btn svg {
    min-width: 20px;
    min-height: 20px;
}

#drawer-cart.carousel-container .product-card .product-content img.product-image {
    width: 72px;
    height: 100%;
    object-fit: cover;
}

#drawer-cart.carousel-container .product-card .product-content .product-details {
    gap: 4px;
  margin-bottom: -6px;
}

#drawer-cart.carousel-container .product-card .product-content .product-details .product-price {
    margin: 0;
    color: var(--Secondary-Grey, #646363);
    font-family: "Dexa Pro";
    font-size: 12px;
    margin-bottom: 4px;
}

#drawer-cart.carousel-container .product-card .product-content .product-details .product-right .add-to-cart-btn {
    width: 24px;
    height: 24px;
    padding: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease-in-out;
}

#drawer-cart.carousel-container .product-card .product-content .product-details .product-right .add-to-cart-btn svg {
    min-width: 12px;
    min-height: 12px;
}

#drawer-cart.carousel-container .product-card .product-content .product-details .product-right .add-to-cart-btn svg path {
    transition: all 0.25s ease-in-out;
}

#drawer-cart.carousel-container .product-card .product-content .product-details .product-right .add-to-cart-btn:hover {
    background: #000;
    border-color: #000;
}

#drawer-cart.carousel-container .product-card .product-content .product-details .product-right .add-to-cart-btn:hover svg path {
    fill: #fff !important;
}

cart-drawer-items {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.cart-drawer .drawer__cart-items-wrapper table.cart-items {
    height: 100%;
}

.cart-drawer .drawer__cart-items-wrapper table.cart-items tbody {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.cart-drawer .drawer__cart-items-wrapper table.cart-items tbody .carousel-pagination {
    gap: 4px !important;
}

.cart-drawer .drawer__cart-items-wrapper table.cart-items tbody .carousel-pagination .pagination-dot {
    width: 32px;
}
#product-section-parent-wrapper .product__info-container {
    padding-top: 64px !important;
}

.product__info-container>*:first-child {
    margin-bottom: 8px !important;
}

.product__info-container>*:first-child + div, .product__info-container>*:first-child + div + div {
    margin: 0 !important;
}

.product__description.rte.quick-add-hidden {
    margin-top: 8px;
}

.complementary-slide.grid__item {
    padding: 0 !important;
}

product-recommendations:not(.is-accordion) .complementary-products__container .h3.accordion__title {
    color: var(--Primary-Black, var(--Secondary, #333));
    font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H4, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.4px;
}

product-recommendations:not(.is-accordion) .complementary-products__container {
    gap: 16px;
    padding-bottom: 0;
}

.complementary-slide .card-wrapper .card--horizontal {
    gap: 16px;
}

.complementary-slide .card-wrapper .card--horizontal .card__content {
    padding: 0;
}

.complementary-products__container .card--horizontal .card__inner + .card__content {
    padding: 16px;
    padding-left: 0;
}

.complementary-products__container .quick-add__submit {
    gap: 0 !important;
    padding: 15px 24px !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    transition: all 0.25s ease-in-out;
}

.complementary-products__container .quick-add__submit .icon-wrap {
    display: none !important;
}

.complementary-products__container .quick-add__submit:hover,
.single-product-page .product-form form button[type="submit"]:hover{
    background: #000;
    color: #fff;
    border-color: #000;
}

.single-product-page .product-form form button[type="submit"]:hover span {
    color: #fff;
}

.single-product-page .product-form form button[type="submit"],
.single-product-page .product-form form button[type="submit"] span,
.single-product-page .product-form form button[type="button"] span,
.single-product-page .product-form form button[type="button"]{
    transition: all 0.25s ease-in-out;
}

.single-product-page .product-form form button[type="button"]:hover {
    background: #333333 !important;
}
.product-form form button[type="button"]:before,.product-form form button[type="button"]:after {
    display: none !important;
}

.product__accordion.accordion.quick-add-hidden summary {
    padding: 0 !important;
}

.product__accordion.accordion.quick-add-hidden summary:after {
    right: 0px !important;
}

.product__accordion .accordion__content {
    padding: 0;
    padding-top: 8px;
}

.product__accordion .accordion__content .metafield-single_line_text_field-array {
    padding-left: 32px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.product__accordion .accordion__content .metafield-single_line_text_field-array .metafield-single_line_text_field {
    color: var(--Primary-Black, var(--Secondary, #333));
    font-family: "Dexa Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 15px */
    letter-spacing: 0.12px;
    padding: 0 !important;
}

.single-product-page product-info {
    padding-bottom: 0 !important;
}

.single-product-page .section.shopify-section .multicolumn {
    margin-top: 40px !important;
    padding-top: 34px !important;
    border: none !important;
    margin-bottom: 32px !important;
}

.single-product-page .section.shopify-section .multicolumn .page-width {
    padding-top: 0 !important;
    padding-inline: 0px !important;
    padding-bottom: 0;
}

.single-product-page .section.shopify-section .multicolumn .page-width .subtitle {margin-top: 0;margin-bottom: 0px !important;}

.multicolumn.background-primary .multicolumn-card .multicolumn-card__image-wrapper {
    padding: 0;
}

.single-product-page .section.shopify-section .multicolumn .page-width .title-wrapper-with-link {
    margin-bottom: 32px !important;
}

.single-product-page .section.shopify-section .multicolumn .page-width .multicolumn-list {
    gap: 8px;
}

.single-product-page .section.shopify-section .multicolumn .page-width .multicolumn-list .multicolumn-card__image-wrapper {
    margin: 0 !important;
}

.single-product-page .section.shopify-section .multicolumn .page-width .multicolumn-list .multicolumn-card__image-wrapper img {
    position: static; /* CB2-F1 (Jul 28): in-flow — the media box derives from the capped
       img itself (AR1's height:auto had collapsed the absolute-img box to 0 = invisible
       band; Dawn's .media > * absolute loses to this selector). Visible-box probe rule
       ratified this round. */
    height: auto; /* AR1 (Jul 28): the fixed height becomes a CAP — the current portrait
       metafield images clamp to today's exact 504 cover render; the incoming 3:2 column
       files land UNDER the cap and render at their intrinsic 3:2 (sim of record). */
    max-height: 504px;
    object-fit: cover;
    width: 100% !important;
}

.single-product-page .section.shopify-section .multicolumn .page-width .multicolumn-list .media--transparent {
    padding: 0 !important;
    height: auto !important; /* AR1: cap, see the img rule above */
    max-height: 504px;
}

.single-product-page .section.shopify-section .multicolumn .page-width .multicolumn-list .multicolumn-card__info {
    padding-top: 24px !important;
    padding-inline: 16px !important;
    padding-bottom: 0px !important;
}

.single-product-page .section.shopify-section .multicolumn .page-width .multicolumn-list .multicolumn-card__info .rte {
    margin-top: 8px !important;
}

.single-product-page .section.shopify-section .multicolumn .page-width .multicolumn-list .multicolumn-card__info .rte p {
    color: var(--Secondary-Grey, #646363);

/* Body/P Regular */
    font-family: "Dexa Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 18.75px */
    letter-spacing: 0.15px;
}

.single-product-page .section.shopify-section .multicolumn .page-width .multicolumn-list .multicolumn-card__info .inline-richtext {
    color: var(--Primary-Black, var(--Secondary, #333));
    font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H4, 14px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.4px;
}

.single-product-page .shopify-section.section[id*="slideshow"] {
    padding-inline: 16px !important
}

.single-product-page .shopify-section.section[id*="slideshow"] .slideshow__text-wrapper {
    padding: 28px 38px !important;
}

.single-product-page .shopify-section.section[id*="slideshow"] .slideshow__text-wrapper .slideshow__text {
    padding: 0;
    gap: 8px;
}

.single-product-page .shopify-section.section[id*="slideshow"] .slideshow__text-wrapper .slideshow__text .banner__text.rte {
    margin: 0;
}

.single-product-page .shopify-section.section[id*="collapsible_content"] .collapsible-content__wrapper {
    padding-top: 16px !important;
    padding-inline: 16px;
    padding-bottom: 64px;
}

.single-product-page .shopify-section.section[id*="collapsible_content"] .collapsible-content-wrapper-narrow {
    padding-inline: 16px !important;
}

.single-product-page .shopify-section.section[id*="collapsible_content"] .collapsible-content-wrapper-narrow .grid__item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.single-product-page .shopify-section.section[id*="collapsible_content"] .collapsible-content-wrapper-narrow .grid__item .accordion.content-container {margin: 0;padding: 32px !important;}

.single-product-page .shopify-section.section[id*="collapsible_content"] .collapsible-content-wrapper-narrow .grid__item .accordion.content-container summary {
    padding: 0 !important;
}

.single-product-page .shopify-section.section[id*="collapsible_content"] .collapsible-content-wrapper-narrow .grid__item .accordion.content-container summary:after {
    right: 0px !important;
    transform: translate(0%, -50%) !important;
}

.single-product-page .shopify-section.section[id*="collapsible_content"] .collapsible-content-wrapper-narrow .grid__item .accordion.content-container .accordion__content {
    margin: 0 !important;
    padding: 20px  0 0 0;
}

.single-product-page .shopify-section.section[id*="collapsible_content"] .collapsible-content-wrapper-narrow .grid__item .accordion.content-container .accordion__content p {
    color: var(--Secondary-Grey, #646363) !important;
    font-family: "Dexa Pro" !important;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.15px;
}
.single-product-page .shopify-section.section[id*="related-products"] {
    padding-top: 104px !important;
    margin-inline: 16px !important;
    margin-bottom: 0 !important;
    padding-bottom: 64px !important; /* Jul 6: was 104px — whitespace tightening above Customer Reviews (deliberate improvement, Option A) */
}

.single-product-page .shopify-section.section[id*="related-products"] .related-products {
    padding: 0px !important;
}

.single-product-page .shopify-section.section[id*="related-products"] .related-products .related-products__subtitle p {
    margin: 0;
    margin-bottom: 16px;
}

.single-product-page .shopify-section.section[id*="related-products"] .related-products .related-products__heading {
    margin-bottom: 32px !important;
}

.single-product-page .shopify-section.section[id*="related-products"] .related-products .card__content {
    padding-inline: 16px;
    padding-top: 10px; /* Sweep P2 (Jul 22): was 16px — dots->name gap converges
       to the sibling card stack's 10px (collection/search/home reference;
       left inset stays killed by the later padding-left:0 !important rule) */
    padding-bottom: 0;
}

.single-product-page .shopify-section.section[id*="related-products"] .related-products .card__content .card__information {
    padding-top: 0 !important;
}

.jdgm-rev-widg.jdgm-rev-widg {
    padding-top: 48px !important; /* Jul 6: was 104px — whitespace tightening above Customer Reviews (deliberate improvement, Option A) */
    padding-inline: 0px !important;
    padding-bottom: 0px !important;
}

h2.jdgm-rev-widg__title {
    margin-bottom: 32px !important;
}

.jdgm-write-rev-link.jdgm-write-rev-link {
    margin: 0 !important;
}

.jdgm-write-rev-link.jdgm-write-rev-link {
    display: flex;
    padding: 15px 24px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    background: var(--Primary, #000);
    transition: all 0.25s ease-in-out;
}

.jdgm-widget-actions-wrapper {
    padding: 32px 0px !important;
}

.product-breadcrumb {
    padding-left: 16px;
}
.single-product-page product-info {
    padding-top: 16px !important;
}
.product__accordion.accordion.quick-add-hidden .accordion__content {
    padding-top: 8px !important;
}
.jdgm-write-rev-link.jdgm-write-rev-link {
    background: #000 !important;
    border-color: #000 !important;
}
:is(.product-form__input--pill,.product-form__input--swatch) .form__label,
.product .price__container > label{
    color: var(--Secondary-Grey, #646363);
    font-family: "Dexa Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.12px;
    text-transform: uppercase;
}
.prod-price-wrapper > variant-selects .swatch {
    width: 19px;
    height: 19px;
}

.product-form__input--swatch .swatch-input__input+.swatch-input__label {
    margin-right: 8px;
    margin-top: 0;
}

.product-form__input input[type=radio] {
    margin: 0;
}

:is(.product-form__input--pill,.product-form__input--swatch) .form__label {
    margin-bottom: 8px;
}
.single-product-page .product__info-container .product-form {
    margin-top: 32px;
    margin-bottom: 32px;
}
div#cart-progress-wrapper .goal-message {
    margin-bottom: 12px !important;
}
div#cart-progress-wrapper {
  gap:0 !important;
}
#CartDrawer .drawer__inner .drawer__header {
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 16px;
}
h2.cart__empty-header-text {
    padding-left: 16px !important;
}
.footer-block__details-content .list-menu__item--link {
    padding-left: 0 !important;
}
.mobile-facets__summary {
    color: var(--Primary-Black, var(--Secondary, #333));
    font-family: "Dexa Pro Expanded";
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.275px;
    padding: 0 32px;
    text-transform: uppercase;
}

.mobile-facets__main {
    padding-top: 32px;
    padding-inline: 0;
}

#FacetsWrapperMobile > details ~ details {margin-top: 24px !important;display: block !important;}

.mobile-facets__header {
    padding: 16px 32px;
}

.mobile-facets__heading {
    color: var(--Text-Headline-Primary, #000);
    font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H4, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%; /* 18px */
    letter-spacing: -0.4px;
}

.mobile-facets__close {
    width: 24px;
    height: 24px;
    right: 20px;
    top: 12px;
}

.mobile-facets__close svg {
    width: 14px;
    height: 14px;
    min-width: auto;
}

.mobile-facets__footer {
    padding: 16px 32px;
}

facet-remove.mobile-facets__clear-wrapper {
    display: none;
}

.mobile-facets__footer > button {
    display: flex;
    padding: 15px 24px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    flex: 1 0 0;
    color: var(--Tertiary, #FFF);
    font-family: "Dexa Pro Expanded";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 15px */
    letter-spacing: 0.14em;
    text-transform: uppercase;
    transition: all 0.25s ease-in-out;
}

.mobile-facets__footer > button:hover {
    background: #333333;
}

.mobile-facets__footer > button:after, .mobile-facets__footer > button:before {
    display: none;
}
.mobile-facets__summary .mobile-facets__arrow {
    position: relative;
    right: 0;
    top: -10px;
}

.mobile-facets__summary .mobile-facets__arrow svg {
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.25s ease-in-out;
}

.mobile-facets__summary .mobile-facets__arrow svg {
    opacity: 0;
    visibility: hidden;
}

#FacetsWrapperMobile details[open] .minus {
    visibility: visible !important;
    opacity: 1 !important;
}

#FacetsWrapperMobile details:not([open]) .plus {
    visibility: visible !important;
    opacity: 1 !important;
}
.mobile-facets__info {
    color: var(--Text-Headline-Primary, #000);
    font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H4, 14px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.4px;
}

.facets-layout-list--swatch .facets__label,
.mobile-facets__label{
    padding-inline: 16px;
    color: var(--Secondary-Grey, #646363);
    font-family: "Dexa Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 15px */
    letter-spacing: 0.12px;
}

.mobile-facets__item {padding-block: 0px;}

.facets-layout-list--swatch .facets__label *,
.mobile-facets__label *{
    text-decoration: none !important;
}

.facets-layout-list--swatch .facets__label .swatch {
    width: 15px;
    height: 15px;
}

.mobile-facets__label .icon-checkmark {
    margin: 0 !important;
    left: 40px !important;
}
body:not(.single-product-page) .price-tabpalebl {
    display: none !important;
}
@media(max-width: 768px){

    .single-product-page product-info {
    padding-top: 12px !important;
}

.product-breadcrumb {
    margin-bottom: 8px !important;
    padding-left: 8px !important;
}

.grid--peek.slider .grid__item:first-of-type {
    margin-left: 0 !important;
    padding-bottom: 0 !important;
}

.single-product-page .page-width {padding-left: 8px !important;padding-right: 8px !important;}

.single-product-page .product--thumbnail_slider {
    gap: 0px !important;
}

#product-section-parent-wrapper .product__info-container {padding-top: 26px !important;}

.product__title h1 {
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.8px;
    font-size: var(--Sizes-Fonts-H2, 32px);
}

.product__info-container .product-form {
    margin-top: 32px;
    margin-bottom: 32px;
}

.single-product-page .product-form form button[type="submit"] {
    margin-bottom: 12px !important;
}

product-recommendations:not(.is-accordion) .complementary-products__container {
    padding-top: 24px;
    margin-top: 32px;
}

.single-product-page .section.shopify-section .multicolumn,
    #shopify-section-template--16298965106772__multicolumn_qXt87N .multicolumn.color-scheme-1{
    margin-top: 48px !important;
    margin-bottom: 36px !important;
}
.single-product-page .section.shopify-section .multicolumn .page-width .subtitle {
    font-weight: 700;
    line-height: 112.5%; /* 13.5px */
    letter-spacing: -0.3px;
    font-size: var(--Sizes-Fonts-H5, 12px);
}
.single-product-page h2.title.inline-richtext.h1 {
    text-align: center;
    font-size: var(--Sizes-Fonts-H2, 32px);
    line-height: 112.5%; /* 36px */
    letter-spacing: -0.8px; 
}

.single-product-page .section.shopify-section .multicolumn .page-width .multicolumn-list .multicolumn-card__image-wrapper img,
.single-product-page .section.shopify-section .multicolumn .page-width .multicolumn-list .media--transparent {
    height: auto !important; /* AR1 (Jul 28): mobile cap — old portraits render 483
       intrinsic (was 493 cover, 98% visible -> now 100%); new 3:2 files render 390x260 */
    max-height: 493px;
}
.single-product-page .section.shopify-section .multicolumn .page-width .multicolumn-list .multicolumn-card__info {
    padding-top: 16px !important;
    padding-bottom: 20px !important;
}
.single-product-page .section.shopify-section .multicolumn .page-width .multicolumn-list .multicolumn-card__info .rte p {
    font-size: 15px !important;
}
.single-product-page .shopify-section.section[id*="slideshow"] {
    padding-inline: 0px !important;
}

.single-product-page .section.shopify-section .multicolumn .page-width .multicolumn-list > li:last-child .multicolumn-card__info {
    padding-bottom: 0px !important;
}

.single-product-page .shopify-section.section[id*="slideshow"] .slideshow__text-wrapper {
    padding-inline: 12px !important;
    padding-bottom: 36px !important;
}

.single-product-page .shopify-section.section[id*="slideshow"] .slideshow__text-wrapper .banner__heading.inline-richtext {
    letter-spacing: -0.8px !important;
    line-height: 112.5% !important;
    font-size: 32px !important;
}
.single-product-page .shopify-section.section[id*="slideshow"] .slideshow__text-wrapper .slideshow__text {
    gap:4px !important;
}
.single-product-page .shopify-section.section[id*="collapsible_content"] .collapsible-content-wrapper-narrow {
    padding-inline: 0px !important;
}
.single-product-page .shopify-section.section[id*="collapsible_content"] .collapsible-content-wrapper-narrow .grid__item .accordion.content-container {
    padding: 24px !important;
}

.single-product-page .shopify-section.section[id*="collapsible_content"] .collapsible-content-wrapper-narrow .grid__item .accordion.content-container summary .accordion__title.inline-richtext {
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 112.5% !important;
    letter-spacing: -0.35px !important;
}
.single-product-page .shopify-section.section[id*="collapsible_content"] .collapsible-content-wrapper-narrow .grid__item .accordion.content-container .accordion__content {
    padding-top: 8px !important;
}

.single-product-page .shopify-section.section[id*="related-products"] {
    padding-top: 80px !important;
    margin-inline: 0px !important;
    padding-bottom: 48px !important; /* Jul 6: added — mobile previously inherited desktop 104px (whitespace tightening, Option A) */
}

.single-product-page .shopify-section.section[id*="related-products"] .related-products .related-products__subtitle p {
    font-size: 12px;
    margin-bottom: 8px;
}

.single-product-page .shopify-section.section[id*="related-products"] .related-products .related-products__heading {
    margin-bottom: 16px !important;
    font-size: 32px !important;
    line-height: 112.5% !important;
    letter-spacing: -0.8px !important;
}

.single-product-page .shopify-section.section[id*="related-products"] .related-products .grid {
    row-gap: 16px;
}

.jdgm-rev-widg.jdgm-rev-widg {
    padding-top: 40px !important; /* Jul 6: was 80px — whitespace tightening, Option A (mobile) */
}

.jdgm-widget-actions-wrapper {
    margin-bottom: 0px !important;
    padding: 0 !important;
}
h2.jdgm-rev-widg__title {
  font-size: 18px;
  line-height: 112.5%;
  letter-spacing: -0.45px;
}
  #CartDrawer .drawer__inner .drawer__header {
    padding-top: 24px !important;
}

div#cart-progress-wrapper {
    margin-inline: 24px;
}

#CartDrawer .drawer__inner .drawer__heading {
    padding-left: 6px;
}

#CartDrawer cart-drawer-items .cart-item {
    padding-inline: 24px;
}

#CartDrawer cart-drawer-items .cart-item .cart-item__media img {
    height: 91px;
}

.cart-item__quantity-wrapper {padding-top: 16px;}

#CartDrawer cart-drawer-items .cart-item .cart-item__details a {
    font-size: 12px;
}

#CartDrawer cart-drawer-items .cart-item td:first-child {
    height: 92px;
}

#drawer-cart.carousel-container {padding: 24px 12px;24px: 12px;24px: 12px;24px: 12p;24px: 12;24px: 1;}

h2.carousel-title {
    line-height: 112.5%;
    letter-spacing: -0.3px;
    font-size: 12px;
    margin-bottom: 12px;
}

.cart-drawer .drawer__cart-items-wrapper table.cart-items tbody .carousel-pagination .pagination-dot:nth-child(3) ~ .pagination-dot {
    display: none !important;
}

#drawer-cart.carousel-container .product-card .product-content .product-details {
    padding: 12px;
}

#drawer-cart.carousel-container .product-card .product-content .product-name {
    font-size: 11px;
}

.drawer.active .drawer__inner {
    transform: translate(16px) !important;
}

#CartDrawer .drawer__footer {
    padding: 24px;
}

#drawer-cart.carousel-container {
    gap: 0;
}

.cart-drawer .drawer__cart-items-wrapper table.cart-items tbody .carousel-pagination {
    margin-top: -10px;
}

#drawer-cart.carousel-container .carousel-btn {
    transform: translateY(-102%);
}
  #drawer-cart.carousel-container .product-card .product-content .product-details  p.product-price.product-variant {
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
}
.footer__list-social .list-social__item {
    width: 39px;
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media(max-width:1024px){
    .footer__content-top {
        padding-inline: 12px !important;
    }
    .footer {
        padding-inline: 12px !important;
    }
    .footer .footer__blocks-wrapper .footer-block:first-child {
    flex: 0 0 100%;
    }
}
@media(max-width:650px){
    .footer {
        padding-inline: 0px !important;
        padding-block: 48px !important;
    }
}
@media(max-width:750px){
    .footer .grid {
        display: flex !important;
    }
    .footer .footer__blocks-wrapper .footer-block:not(:first-child) {
    flex: 0 0 40%;
    margin: 0;
    }
    .footer-block__details-content {
        margin-bottom: 0 !important;
    }
    .footer__content-bottom {
        padding-top: 22px;
    }
    .footer__content-bottom-wrapper {
    flex-direction: column;
    align-items: baseline !important;
      gap: 16px !important;
    }
    .footer {
        padding-bottom: 32px !important;
    }
}
body:not(.single-product-page) .card:not(.ratio)>.card__content {
    padding: 0;
}
body:not(.single-product-page) .collection__title.title-wrapper .title {
    color: #333 !important;
}
body:not(.single-product-page) .collection-product-card__variants {
    padding-left: 16px;
}
body:not(.single-product-page) .collection-product-card__variants +.card-wrapper.product-card-wrapper {
    padding-left: 16px;
}
/* Sweep P2 (Jul 22): the PDP related band joins the 16px canon inset (was 19px
   via base 3723 + the swatch snippet's 19px, which the :not guards above
   deliberately excluded). Additive + related-band-scoped by design — the
   complementary mini-card and buy box are structurally unreachable (no
   .collection-product-card__variants there); the guarded site-wide rules are
   untouched. Mobile joins the sibling 12px below. */
.single-product-page .related-products .collection-product-card__variants {
    padding-left: 16px;
}
.single-product-page .related-products .collection-product-card__variants +.card-wrapper.product-card-wrapper {
    padding-left: 16px;
}
@media (max-width: 650px) {
  /* mirrors the sibling stack's 650px step exactly (the off-PDP 12px rule
     lives in the max-650 block at ~6728) — 651-768 keeps 16px like siblings */
  .single-product-page .related-products .collection-product-card__variants,
  .single-product-page .related-products .collection-product-card__variants +.card-wrapper.product-card-wrapper {
    padding-left: 12px !important;
  }
}

.header--middle-left .header__inline-menu .list-menu__item:hover {
    color: #000 !important;
}
@media(max-width: 1024px){
.collection-list.contains-card > li {
    padding: 0 !important;
    height: 287px !important;
    min-height: auto;
}
.collection-list.contains-card > li .card__inner, .collection-list.contains-card > li .card__inner img,
.collection-preview_image,
.collection-list.contains-card > li .card__inner, .collection-list.contains-card > li  .card-wrapper{
    height: 287px !important;
    min-height: 287px;
}
    .collection-list-wrapper {
        padding-inline: 12px !important;
    }
    .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet > li:first-child {
    margin-left: 0 !important;
}
}
@media(min-width:650px) and (max-width:768px){
    .collection-list.contains-card > li .card__inner, .collection-list.contains-card > li .card__inner img,
.collection-preview_image,
.collection-list.contains-card > li .card__inner, .collection-list.contains-card > li  .card-wrapper,
    .collection-list.contains-card > li {
    height: 224px !important;
    max-height: 224px;
    box-sizing: border-box;
    min-height: 224px;
}
    body:not(.single-product-page) .card:not(.ratio)>.card__content {
        margin-top: -40px;
    }
    .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}
@media(max-width: 989px){
    .slider-buttons {
        display: none !important;
    }
    body:not(.single-product-page) .card:not(.ratio)>.card__content {
    bottom: 44px;
    position: relative;
    }
    .collection-list.contains-card {
        padding: 0 !important;
        margin-bottom: 0 !important;
        gap: 8px !important;
    }
}
@media(max-width:768px){
    body:not(.single-product-page) .card:not(.ratio)>.card__content {
        bottom: 0;
    }
}
/* PL3-b (Jul 27, ruling B): the two legacy pulls at ~6643 (650-768 margin-top:-40)
   and ~6655 (<=989 bottom:44px) drag every PRODUCT card's text block (.card__content:
   name/colorway/price) 40-44px up over the dots row across 650-989 (iPad Mini/Air,
   Surface Pro 7 band). Diag of record: nothing measured depends on the pull on
   product cards (collection tiles compute bottom:0/mt:0 at 700/850/1024). This
   additive counter restores the DOM-natural phone/desktop order (image -> dots ->
   name/colorway/price) for product cards only; legacy rules + tiles untouched by
   construction. Specificity (0,5,1) beats the legacy (0,4,1); no !important. */
@media(min-width:650px) and (max-width:989px){
    body:not(.single-product-page) .product-card-wrapper .card:not(.ratio)>.card__content {
        bottom: 0;
        margin-top: 0;
    }
}
@media(max-width:649px){
    body:not(.single-product-page) .collection-card-wrapper .card:not(.ratio)>.card__content {
    bottom: 45px;
    }
    .slider__slide .card__inner.color-scheme-2 .card__media .media img {height: 154px !important;min-height: 154px !important;}
    .collection-list.contains-card > li .card__inner, .collection-list.contains-card > li .card__inner img, .collection-preview_image, .collection-list.contains-card > li .card__inner, .collection-list.contains-card > li .card-wrapper,
    .collection-list.contains-card > li{
        height: 224px !important;
        min-height: 224px !important;
    }
    .collection-list.contains-card {gap: 2px !important;}
}
@media(max-width:749px){
  .footer__content-bottom-wrapper + .footer__content-bottom-wrapper {
    padding-top: 32px !important;
}
/* progressive overflow guard (Jul 16 ruling, MOBILE_STICKY fix): clip blocks the
   horizontal scrollbar exactly like hidden but creates NO scroll container, so
   position:sticky works on phones (header, sets tab bar, collection facets bar).
   Browsers without clip (Safari <16 / iOS <=15) drop the second declaration and
   keep hidden = the old no-sticky behavior as the accepted fallback floor. */
body,html{overflow-x: hidden !important; overflow-x: clip !important;}
}
@media(max-width:650px){
    .collection-list-wrapper {
        padding-inline: 0 !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .slider--tablet:after {
        padding: 0 !important;
    }
    div[class*="featured_collection"] slider-component {
        padding-inline: 0 !important;
    }
    .slider-mobile-gutter > ul {
        margin-top: 8px !important;
    }
    body:not(.single-product-page) .collection__title.title-wrapper .title {
        padding-left: 0px !important;
    }
    .collection__title.title-wrapper .see-all-link-collection {
        padding-right: 0 !important;
    }
  .collection.page-width {
    padding-inline: 0px !important;;
}

.collection-hero__title {padding-left: 0px !important;}
  .collection-hero__title {
    margin-top: 24px !important;
}
.facets-container-drawer .mobile-facets__wrapper {
    margin-right: 0px !important;
}
.facets-container {column-gap: 0px !important;}
  .header__icons .header__icon {
    width: 26px !important;
    height: 26px !important;
}

.header__icons .header__icon span.svg-wrapper {
    width: 26px !important;
    height: 26px !important;
}

.header__icons .header__icon span.svg-wrapper svg {
    min-width: 18px;
    height: 18px;
}

.cart-count-bubble {
    right: 0px;
    top: 0px;
}
  

.back-to-top-section {
    padding-block: 12px !important;
}
  #product-grid {row-gap: 8px;}
  body:not(.single-product-page) .collection-product-card__variants +.card-wrapper.product-card-wrapper,
  body:not(.single-product-page) .collection-product-card__variants{
    padding-left: 12px !important;
  }
}
#FacetsWrapperMobile > details[id*="band-color"],
#FacetsWrapperMobile > details[id*="dial-color"],
.single-product-page .shopify-section.section[id*="related-products"] .related-products .price-tabpalebl{
    display: none !important;
}

.product__description div[class*="config"] {display: none !important;}
.jdgm-form__title {
    color: var(--Primary-Black, var(--Secondary, #333));
    text-align: center;

/* Headings/H3 */
    font-family: "Dexa Pro Expanded";
    font-size: var(--Sizes-Fonts-H3, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%; /* 27px */
    letter-spacing: -0.6px;
}

.jdgm-form .jdgm-form__fieldset label[for] {
    display: none !important;
}

.jdgm-form > div:nth-child(5), .jdgm-form > div:nth-child(9) {
    display: none !important;
}

.jdgm-custom-forms {
    display: none !important;
}

span.jdgm-form__reviewer-name-format-container {
    display: none !important;
}
.jdgm-form input[type="text"], .jdgm-form input[type="email"], .jdgm-form input[type="url"], .jdgm-form textarea {border: 1px solid #000;padding: 16px 24px;}

span.jdgm-countdown {
    display: none !important;
}

.jdgm-btn--solid, input[type=submit].jdgm-btn--solid {
    background: #000 !important;
    border-color: #000 !important;
    padding: 15px 24px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    transition: all 0.25s ease-in-out;
    text-transform: uppercase;
}

.jdgm-widget a[role="button"] {
    padding: 15px 24px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: var(--Primary, #000);
    font-family: "Dexa Pro Expanded";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.jdgm-form__fieldset:not(:last-of-type) {
    margin-bottom: 16px;
}
.jdgm-row-stars .jdgm-widget-actions-wrapper a {
    color: #fff !important;
}
/* Numeric average RESTORED (approved Jul 12, item 62 — SUPERSEDES the Jul-6 26c stars-only
   ruling; deliberate improvement over live's broken clip AND the stars-only interim): render
   exactly "X.XX" from Judge.me's "5.00 out of 5" text, clipping inside the trailing space.
   ch-UNIT CLIP is the cure for the historical "5.00 ou" leak (item 15: "no correct width
   exists" — a px clip can't be clean in both the loaded face and the Arial fallback; ch tracks
   the element's CURRENT font AND size, 40px desktop / 32px mobile). Clean window measured by
   CHARACTER-RANGE INK (end of worst-case "X.XX" ink .. START of the "o" glyph — NOT the width
   of "5.00 o", which is the o's END and leaks a sliver) and converted with the TRUE ch factor:
   the ch unit is the '0' advance WITHOUT letter-spacing (34.03px @40px Dexa, 22.25px Arial) —
   a tracking-included measurement undersizes ch and re-leaks the 'o' (both mistakes were made
   and pixel-caught in this item's rounds; measure ink, not boxes, then convert units exactly).
   Real-ch windows: Dexa Pro Expanded [3.292, 3.427], Arial fallback [3.320, 3.773] ->
   intersection [3.32, 3.43] -> 3.37ch. REQUIRES text-align left on the design rule below:
   centered text inside an overflow-hidden box clips BOTH ends. */
span.jdgm-rev-widg__summary-average {
    display: inline-block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    max-width: 3.37ch !important;
}

/* Count line removed from the PDP widget summary (approved Jul 13, item 63 — THIRD count
   supersession: ruled in with the item-62 header screenshot, ruled out here; the count
   now lives ONLY in the histogram's bare 5-star row number, matching the homepage summary
   convention). Numeric + stars stay. */
#judgeme_product_reviews .jdgm-rev-widg__summary-text {
    display: none !important;
}

.jdgm-rev-widg__summary-stars {
    position: relative;
}

.jdgm-rev-widg__summary-stars .jdgm-rev-widg__summary-average {
    position: absolute !important;
    left: -120px !important;
    color: var(--Primary-Black, var(--Secondary, #333)) !important;
    text-align: left !important; /* Jul 12 (item 62): was center — a centered line inside the overflow-hidden ch clip above would clip both ends */
    font-family: "Dexa Pro Expanded" !important;
    font-size: var(--Sizes-Fonts-H2, 40px) !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 112.5% !important;
    letter-spacing: -1px !important;
}

.jdgm-widget .jdgm-temp-hidden {
      max-width: 460px !important;
    padding-left: 100px !important;
    padding-right: 32px !important;
}

.jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-rev-widg__summary {
    width: auto !important;
    padding-right: 32px !important;
    margin-left: 156px !important;
}

.jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) :not(.jdgm-revs-tab__content-header)>.jdgm-widget-actions-wrapper {
    width: auto !important;
    padding-left: 32px !important;
}

.jdgm-histogram__bar {
    width: 312px !important;
    height: 10px !important;
    margin-inline: 8px !important;
}

.jdgm-histogram__row {
    display: flex;
    margin-bottom: 11px !important;
}

.jdgm-histogram__row.jdgm-histogram__clear-filter {
    display: none !important;
}

.jdgm-histogram__row .jdgm-histogram__star span.jdgm-star {
    display: none !important;
}

.jdgm-histogram__row .jdgm-histogram__star {
    position: relative;
}

.jdgm-histogram__row .jdgm-histogram__star:before {
    content: '';
    color: var(--Primary-Black, var(--Secondary, #333));
    font-family: "Dexa Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.15px;
}

.jdgm-histogram__row .jdgm-histogram__star:before {
    position: absolute;
    width: 56px;
    left: -53px;
    top: -4px;
}
.jdgm-histogram__row[data-rating="5"] .jdgm-histogram__star:before {
    content: '5 stars';
}

.jdgm-histogram__row[data-rating="4"] .jdgm-histogram__star:before {
    content: '4 stars';
}

.jdgm-histogram__row[data-rating="3"] .jdgm-histogram__star:before {
    content: '3 Stars';
}
.jdgm-histogram__row[data-rating="2"] .jdgm-histogram__star:before {
    content: '2 Stars';
}
.jdgm-histogram__row[data-rating="1"] .jdgm-histogram__star:before {
    content: '1 Stars';
}

.jdgm-histogram__frequency {
    color: var(--Secondary-Grey, #646363);
    text-align: center;
    font-family: "Dexa Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.12px;
}

.jdgm-histogram__row[data-rating="1"] {
    margin: 0 !important;
}

.jdgm-row-stars .jdgm-widget-actions-wrapper a {
    font-size: 12px;
    letter-spacing: 0.72px;
    line-height: 15px;
}
.jdgm-rev .jdgm-rev__custom-form {
    display: none !important;
}

.jdgm-row-extra {
    display: none;
}
@media(max-width:767px){
  .jdgm-widget .jdgm-temp-hidden {
    padding-left: 32px !important; /* Jul 6: was 100px — counterweight for the hidden numeric rating (stars-only deviation) */
}

.jdgm-rev-widg__summary-stars .jdgm-rev-widg__summary-average {
    font-size: 32px !important;
    /* Jul 12 (item 62): max-width 90px deleted — the 3.9ch clip scales with this 32px font by itself; 90px was the mobile "ou" leak */
    left: -100px !important;
}

.jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) :not(.jdgm-revs-tab__content-header)>.jdgm-widget-actions-wrapper {
    padding-left: 0px !important;
}

.jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-rev-widg__summary {
    margin-left: 106px !important; /* Jul 12 (item 62): 27a counterweight REVERTED to live's 106px — the restored numeral needs its room back on mobile (the temp-hidden 32px counterweights at 7177/7803 stay: inert since 28c's (0,3,0) 53px governs histogram padding <=767) */
}

  .complementary-products__container .card--horizontal .quick-add {
    margin-top: 6px;
}

.complementary-products__container .card--horizontal .quick-add {
    margin-top: 6px;
}

body .complementary-slide .media.media--transparent img {
    height: 112px !important;
    min-height: 112px !important;
}
}
.complementary-slide .price-tabpalebl {
    display: none !important;
}
.cart-count-bubble span, .header__icon--bookmark .bookmark-counts span,
.bookmark-counts{
    font-family: 'Dexa Pro';
    font-size: 9px;
    line-height: 100%;
    letter-spacing: 0.09px;
}
.collection-list__item {
    position: relative;
}

.collection-list__item .full-unstyled-link-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 999;
    display: block !important;
}
.all-collections-page .collection-hero__text-wrapper > .collection-hero__title {
    opacity: 0 !important;
    visibility: hidden !important;
    margin: 0 !important;
  height: 0 !important;
}
.all-collections-page #ProductGridContainer > .collection > section#necklaces > .collection-hero__title {
    margin: 0 !important;
    margin-top: -16px !important;
    position: relative;
}
.all-collections-page #main-collection-filters {
    position: relative;
    z-index: 99;
}
.all-collections-page .facets-container-drawer {
    margin-top: 32px !important;
}
.all-collections-page .collection-hero__inner,
.all-collections-page .collection-hero__text-wrapper{
    height: 0 !important;
}
.collection-product-card__swatch input[value="925 Silver"] + label,
.collection-product-card__swatch input:checked[value="925 Silver"] + label{
    background: #E2E5E6 !important;
}
.collection-product-card__swatch input[value="Vermeil Gold"] + label {
    background: #C7B287 !important;
}
li.grid__item .swiper-wrapper, li.grid__item .card__media.aa, li.grid__item .card__inner {
    height: 302px !important;
}

.card-product-custom-div .card-wrapper .card__inner .card__media.aa .swiper-slide-active img {
    height: 302px !important;
    object-fit: cover !important;
}
/* PL3-POLISH v2b (R1 Jul 26 + blast-radius fixes): product-card media converged to
   the best-sellers spec, PRODUCT cards only (.product-card-wrapper — /collections
   index, blog and tile cards keep the broad 302 rules above), 769-1499 band only so
   >=1500 stays byte-of-today (20vw at ~7675 keeps winning: rejected-rider status
   quo). Higher specificity (0,3,1) beats the broad (0,2,1) on product cards.
   min-height:0 suppresses card__content's intrinsic minimum (345.3px measured) so
   aspect-ratio binds and flex children clamp exactly as the fixed height did. */
@media (min-width: 769px) and (max-width: 1499px) {
  li.grid__item .product-card-wrapper .swiper-wrapper, li.grid__item .product-card-wrapper .card__media.aa, li.grid__item .product-card-wrapper .card__inner {
    height: auto !important;
    aspect-ratio: 1.0773 !important;
    min-height: 0 !important;
  }

  .card-product-custom-div .card-wrapper .card__inner .card__media.aa .swiper-slide-active img {
    height: auto !important;
    aspect-ratio: 1.0773 !important;
    object-fit: cover !important;
  }
}
.slideshow__media.banner__media.media .aspect-ratio {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.slideshow__media.banner__media.media .aspect-ratio video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.slideshow__text-wrapper {
    position: relative;
}

.slideshow__text-wrapper:before {
    content: '';
    background: #00000045;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.thumbnail[aria-current] {
    box-shadow: none !important;
    border: none !important;
}
@media screen and (max-width: 767px) {
  .slideshow__media.banner__media.media .aspect-ratio {
    height: 100vh;
    padding-bottom: 0;
  }
  
  .slideshow__media.banner__media.media .aspect-ratio video {
    object-fit: cover;
  }
}
@media(max-width:768px){
    li.grid__item .swiper-wrapper, li.grid__item .card__media.aa, li.grid__item .card__inner {
        height: 287px !important;
    }
    /* PL3 v2b (R1 Jul 26): product cards 287 -> 230 (best-sellers mobile spec);
       non-product cards keep the broad 287 rule above */
    li.grid__item .product-card-wrapper .swiper-wrapper, li.grid__item .product-card-wrapper .card__media.aa, li.grid__item .product-card-wrapper .card__inner {
        height: 230px !important;
    }
    
    .card-product-custom-div .card-wrapper .card__inner .card__media.aa .swiper-slide-active img {
        height: 230px !important; /* PL3 v2b (R1 Jul 26): 287 -> 230, product-only selector */
        object-fit: cover !important;
    }
  .all-collections-page .collection-hero__title {
    padding-left: 12px !important;
}
}
#ProductGridContainer .collection {
    display: flex;
    flex-direction: column;
}

#ProductGridContainer .collection #necklaces {
    order: 1;
}

#ProductGridContainer .collection #earrings {
    order: 3;
}

#ProductGridContainer .collection #rings {
    order: 2;
}

#ProductGridContainer .collection #cologne {order: 4;}
.all-collections-page #HeaderMenu-shop-all,
.all-collections-page #HeaderDrawer-shop-all{
    display: none !important;
}
#main-collection-filters {
    width: 100%;
    text-align: right;
    display: flex;
    align-items: flex-end;
    justify-content: end;
    position: sticky !important;
    top: 80px !important;
}
.mobile-facets__open {
    color: black;
    padding: 10px;
    /* background: rgb(255 255 255); */
    backdrop-filter: blur(5px);
}
.product-form__input--dropdown {
    position: relative;
    left: 140px;
    margin: 0 !important;
    max-width: 192px !important;
    min-width: auto !important;
}
@media(max-width:768px){
    #main-collection-filters {
        top: 50px !important;
    }
    .is_home_page .product-grid[id*="featured_collection"] > li:nth-child(2) ~ li {
        display: none !important;
    }
    .all-collections-page #main-collection-filters {
      z-index: 2 !important;
    }
    .product-form__input--dropdown {
        position: relative;
        left: 158px;
        margin: 0 !important;
        max-width: 82px !important;
        min-width: auto !important;
    }
}
.single-product-page .thumbnail-slider.slider-mobile-gutter .slider-button {
    display: none !important;
}

.single-product-page .product--small .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
    width: calc(50% - 4px) !important;
    height: 432px;
}

.single-product-page .product--thumbnail_slider .product__media-list {
    margin-bottom: 8px !important;
}

@media(min-width:769px){
    .single-product-page .product-media-container.constrain-height .media {
        height: 85vh;
        padding: 0;
    }
}
@media(max-width:768px){
    .single-product-page .product-media-container.constrain-height .media{
        height: 621px;
    }
    .single-product-page .product-media-container.constrain-height.media-fit-contain,
    .single-product-page .product__modal-opener,
    .single-product-page .product__media-list .media>*{
    width: 100%;
    height: 405px !important;
    padding: 0 !important;
    max-height: 776px !important;
    overflow: hidden !important;
}
    .slider.slider--mobile .slider__slide {
        padding: 0 !important;
    }
}
@media(min-width:769px){
    .slider__slide .card__inner.color-scheme-2 .card__media .media img {
        margin: 0 !important;
        height: 369px;
    }

  .single-product-page .slider__slide .card__inner.color-scheme-2 .card__media .media img {
    height: 100% !important;
  }

}
.single-product-page .thumbnail[aria-current] {
    border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity)) !important;
}
li.grid__item .card__media.aa {
    background: linear-gradient(145deg, #F6F6F6 45%, #E1E1E1 100%) !important;
}
.custom-size-selector-selected {
    display: flex;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border: 1px solid var(--Greyscale-10, #E6E6E6);
    background: var(--Primary-White, #FFF);
    cursor: pointer;
    color: var(--Primary-Black, var(--Secondary, #333));
    font-family: "Dexa Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.15px;
}

.custom-size-selector-selected > div:last-child {
    line-height: initial;
    height: 15px;
}

.custom-size-selector-selected > div:last-child svg {
    width: 16px;
    height: 16px;
}

.custom-size-selector-inner {
    transition: all 0.25s ease-in-out;
    border: 1px solid var(--Greyscale-10, #E6E6E6);
    background: var(--Primary-White, #FFF);
    position: absolute;
    width: 100%;
    z-index: 4;
    top: calc(100% + 12px);
    opacity: 0;
    visibility: hidden;
}

.prod-price-wrapper + div {
    position: relative;
      margin-bottom: 8px !important;
}

.custom-size-selector-inner .custom-size-selector-option {
    padding: 12px 16px;
    cursor: pointer;
    font-family: "Dexa Pro";
    font-size: 15px;
    transition: all 0.25s ease-in-out;
}

.custom-size-selector-inner .custom-size-selector-option:hover, .custom-size-selector-inner .custom-size-selector-option.active {background: #121212;color: #fff;border-color: #121212;}

.custom-size-selector-inner .custom-size-selector-option + .custom-size-selector-option {
    border-top: 1px solid var(--Greyscale-10, #E6E6E6);
}
.custom-size-selector-selected.active + .custom-size-selector-inner {
    visibility: visible;
    opacity: 1;
}
.product-form__input.product-form__input--dropdown.s {
    display: none !important;
}
.jdgm-btn--solid, input[type=submit].jdgm-btn--solid {
    font-size: 12px !important;
    letter-spacing: 0.72px !important;
    line-height: 15px !important;
    padding: 15px 24px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px;
    font-style: normal !important;
    font-weight: 700 !important;
    font-family: "Dexa Pro Expanded" !important;
    text-transform: uppercase !important;
}

.jdgm-cancel-rev {
    font-size: 13px !important;
    font-style: normal !important;
    line-height: 125% !important;
    letter-spacing: 1.2px !important;
    margin-bottom: 0 !important;
    border-width: 1px !important;
    font-weight: 700 !important;
    font-family: "Dexa Pro Expanded" !important;
    text-transform: uppercase !important;
    transition: all 0.25s ease-in-out !important;
    opacity: 1 !important;
}

.jdgm-cancel-rev:hover {
    background: #000 !important;
    color: #fff !important;
}
price-range.facets__price {
    display: block;
    padding-inline: 32px !important;
}

.ui-slider-horizontal {
    width: 100%;
    border: none !important;
    background: #E6E6E6 !important;
    height: 2px !important;
    margin-bottom: 0 !important;
}

.ui-slider-horizontal .ui-slider-range {
    background: #333333 !important;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -6px;
    border-radius: 50% !important;
    width: 14px !important;
    height: 14px !important;
    border: none !important;
    background: #333333 !important;
}

.ui-slider-horizontal + div {
    display: none !important;
}

.price_fucet_pfields {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--Primary, #000);
    text-align: center;

/* Body/P Small */
    font-family: "Dexa Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 15px */
    letter-spacing: 0.12px;
    margin-top: 16px;
}

.facets__price .field input {
    display: flex;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border: 1px solid var(--Greyscale-10, #E6E6E6);
    background: var(--Primary-White, #FFF);
    height: auto;
    padding-left: 30px;
}

.facets__price .field:after {
    display: none;
}

.facets__price .field:before {
    content: '$' !important;
    position: absolute;
    left: 0;
    top: 1px;
    z-index: 1;
    color: var(--Primary-Black, var(--Secondary, #333));
    font-family: "Dexa Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.15px;
    width: 10px;
    height: 100%;
    display: flex;
    align-items: center;
    left: 16px;
}

.facets__price .field__label {
    display: none;
}

.facets__price .field:before {
    content: '';
}

.mobile-facets__info {
    display: none !important;
}
.facets__price .field:last-of-type:after {
    content: attr(data-max) !important;
    position: absolute;
    height: 100%;
    display: flex !important;
    width: 43px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    right: 16px !important;
    left: auto !important;
    color: var(--Secondary-Mid-Grey, #B2B2B2);
    font-family: "Dexa Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.15px;
    text-align: right;
    justify-content: flex-end;
    align-items: center;
}

.facets__price .field input {
    padding-right: 55px !important;
}
@media(max-width:1050px){
    .ks-html-content .d-flex {
        flex-direction: column;
    }
    .ks-html-content .col img {
        height: auto;
        max-width: 100% !important;
    }
     .ks-modal-content {
        max-width: 780px !important;
    }
}
@media(max-width:790px){
     .ks-modal-content {
        max-width: 380px !important;
    }
    .ks-modal-content {
        padding: 22px 22px 32px 22px !important;
    }
    .ks-modal-header {
        padding: 22px !important;
    }
    .ks-modal-header .modal-title {
        font-size: 14px !important;
    }
  .ks-modal-content {
        max-height: 80vh !important;
  }
}
@media(max-width:500px){
.jdgm-histogram__bar {
    width: 212px !important;
}
.jdgm-widget .jdgm-temp-hidden {
    padding-left: 32px !important; /* Jul 6: was 60px — same counterweight */
}}
.facets__price .field:after {
    content: attr(data-max) !important;
    position: absolute;
    height: 100%;
    display: flex !important;
    width: 43px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    right: 16px !important;
    left: auto !important;
    color: var(--Secondary-Mid-Grey, #B2B2B2);
    font-family: "Dexa Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.15px;
    text-align: right;
    justify-content: flex-end;
    align-items: center;
}

.facets__price .field input {
    padding-right: 55px !important;
}
span.mobile-facets__open.has_count {
    position: relative;
}
span.mobile-facets__open.has_count:after {
    content: "(" attr(data-count) ")";
    color: var(--Primary, #000);
    font-family: "Dexa Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}
.facets__price .field input {
    text-align: right;
    padding-right: 20px !important;
    color: var(--Primary-Black, var(--Secondary, #333)) !important;
    font-family: "Dexa Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; 
    letter-spacing: 0.15px;
}

.price_fucet_pfields.price_changed .field:after {
    display: none !important;
}
.ui-slider-horizontal .ui-slider-handle {
    outline: none !important;
    box-shadow: none !important;
}
.mobile-facets__footer {
    flex-direction: column !important;
    gap: 4px;
    align-items: stretch;
}

.mobile-facets__footer button {
    width: 100%;
    margin: 0;
}

#clear-filter-button:not(.active) {
    display: none;
}
.swiper-pagination-bullets {
    display: none !important;
}
#clear-filter-button {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

#clear-filter-button:hover {
    background: #000;
    color: #fff;
}
.footer-block--newsletter {
    display: none !important;
}
div#cart-progress-wrapper {
    display: none !important;
}

#CartDrawer cart-drawer-items .cart-item {
    row-gap: 0 !important;
}

.price_has_select:not(.custom-price-wrapper) {
    display: none !important;
}
#mag-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #fff;
    transition: all 0.25s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

#mag-modal-body {
    position: relative;
    padding-top: 100px;
    padding-inline: 20px;
}

#mag-modal-body #mag-modal-closer {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background-color: rgb(var(--color-background));
    border: .1rem solid rgba(var(--color-foreground), .1);
    border-radius: 50%;
    color: rgba(var(--color-foreground), .55);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    right: 2rem;
    padding: 1.2rem;
    position: fixed;
    z-index: 2;
    top: 2rem;
    width: 4rem;
}

#mag-modal.loaded {
    visibility: visible;
    opacity: 1;
}
.single-product-page .related-products .card__content {
    padding-left: 0 !important;
}
#mag-modal-body-inner img {
    max-width: 100%;
    border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
    padding: 10px;
}
@media(min-width:769px){
  #mag-modal {
    display: none !important;
  }
}
@media(max-width:768px){
  .related-products .product-grid .grid__item {
    width: 100% !important;
    max-width: 100% !important;
}
  .single-product-page .product-media-modal {
    display: none !important;
  }
  .single-product-page .grid__item.product__media-wrapper {
    overflow-x: hidden !important;
  }
}
@media(min-width:1024px){
  /* Selectors extended Jul 6 2026 (Project C1) when the darma-hero carousel replaced the video hero;
     the old .videoBackground + section halves were deleted in the Jul-14 deletion pass batch 3
     (VideoSection.liquid deleted from the repo — byte-exact in the frozen snapshot 144119496788). */
  .is_home_page .shopify-section.section-darma-hero + section .card--standard>.card__content {
      margin-top: -41px;
      position: relative;
  }
  .is_home_page .slider__slide .card__inner.color-scheme-2 .card__media .media {
      justify-content: center;
  }
  .is_home_page .shopify-section.section-darma-hero + section .slider__slide .card__inner.color-scheme-2 {
      height: 100% !important;
  }
}
@media(min-width:1500px){
  .is_home_page li.grid__item .swiper-wrapper, li.grid__item .card__media.aa, li.grid__item .card__inner ,
.is_home_page .card-product-custom-div .card-wrapper .card__inner .card__media.aa .swiper-slide-active img{
  height: 20vw !important;
}
  .is_home_page .slider__slide .card__inner.color-scheme-2 .card__media .media img {
    height: 19vw;
}
}
.collection-hero__description.rte {
    display: none !important;
}
body:not(.is_home_page) #product-grid-288214745172 > li:nth-child(1) {order: 1;}

body:not(.is_home_page) #product-grid-288214745172 > li:nth-child(7) {
    order: 2;
}

body:not(.is_home_page) #product-grid-288214745172 > li:nth-child(8) {
    order: 3;
}

body:not(.is_home_page) #product-grid-288214745172 > li:nth-child(2) {
    order: 4;
}

body:not(.is_home_page) #product-grid-288214745172 > li:nth-child(4) {order: 5;}

body:not(.is_home_page) #product-grid-288214745172 > li:nth-child(6) {order: 6;}

body:not(.is_home_page) #product-grid-288214745172 > li:nth-child(3) {
    order: 7;
}

body:not(.is_home_page) #product-grid-288214745172 > li:nth-child(5) {
    order: 8;
}
.single-collection-page #main-collection-filters { z-index: 9; }
.collection-belts #FacetsWrapperMobile > .mobile-facets__details[data-filter-type="Type"], .collection-belts #FacetsWrapperMobile > .mobile-facets__details[data-filter-type="size"] {
    display: none !important;
}

.collection-belts #FacetsWrapperMobile > .mobile-facets__details[data-filter-type="Color"] {
    margin-top: 0 !important;
}
.collection-wallets #FacetsWrapperMobile > .mobile-facets__details[data-filter-type="Type"] {
    display: none !important;
}

.collection-wallets #FacetsWrapperMobile > .mobile-facets__details[data-filter-type="Color"] {
    margin-top: 0 !important; 
}
.collection-jewelry #FacetsWrapperMobile > .mobile-facets__details[data-filter-type="size"] {
    display: none !important;
}

.collection-jewelry #FacetsWrapperMobile > .mobile-facets__details[data-filter-type="Color"] .facets-layout > li:last-child {
    display: none !important;
}
.collection-hats #FacetsWrapperMobile > .mobile-facets__details[data-filter-type="size"] {
    display: none !important;
}

.collection-hats #FacetsWrapperMobile > .mobile-facets__details[data-filter-type="Color"] ul.facets-layout.facets-layout-list > li:last-child,
.collection-belts #FacetsWrapperMobile > .mobile-facets__details[data-filter-type="Color"] ul.facets-layout.facets-layout-list > li:last-child,
.collection-wallets #FacetsWrapperMobile > .mobile-facets__details[data-filter-type="Color"] ul.facets-layout.facets-layout-list > li:last-child{
    display: none !important;
}
.all-collections-page #FacetsWrapperMobile > .mobile-facets__details[data-filter-type="size"] {
    display: none !important;
}
.all-collection-page #ProductGridContainer .collection {}

.all-collections-page #ProductGridContainer .collection {}

.all-collections-page #belts {order: 3;}

.all-collections-page section#jewelry {
    order: 1;
}

.all-collections-page #hats {
    order: 2;
}


.all-collections-page #wallets {
    order: 4;
}

.all-collections-page #cologne {
    order: 5 !important;
}
.all-collections-page #hats > #product-grid-286919786580 > li:nth-child(3) {
    /* order: 1; */
}

.all-collections-page #hats > #product-grid-286919786580 > li:nth-child(2) {
    /* order: 2; */
}

.all-collections-page #hats > #product-grid-286919786580 > li:nth-child(1) {
    /* order: 3; */
}
.collection-jewelry ul#product-grid > li:nth-child(1) {
    order: 1 !important;
}

.collection-jewelry ul#product-grid > li:nth-child(7) {
    order: 2;
}

.collection-jewelry ul#product-grid > li:nth-child(1) {
}

.collection-jewelry ul#product-grid > li:nth-child(8) {
    order: 3;
}

.collection-jewelry ul#product-grid > li:nth-child(2) {
    order: 4;
}

.collection-jewelry ul#product-grid > li:nth-child(4) {
    order: 5;
}

.collection-jewelry ul#product-grid > li:nth-child(6) {
    order: 6;
}

.collection-jewelry ul#product-grid > li:nth-child(3) {
    order: 7;
}

.collection-jewelry ul#product-grid > li:nth-child(5) {
    order: 8;
}
.collection-hats ul#product-grid > li:nth-child(3) {
    /* order: 1; */
}

.collection-hats ul#product-grid > li:nth-child(2) {
    /* order: 2; */
}

.collection-hats ul#product-grid > li:nth-child(1) {
    /* order: 3; */
}
/* Jul 2026 accessory rename: card swatch brand hexes keyed to the renamed values
   (Onyx/Terra/Abyss/Cypress). Old-name selector halves deleted (ruling Jul 13). */
.collection-product-card__swatch label[data-color="Onyx"] {
    background-color: #292C2D !important;
}
.collection-product-card__swatch label[data-color="Terra"] {
    background-color: #55332c !important;
}

.collection-product-card__swatch label[data-color="Abyss"] {
    background-color: #001f58 !important;
}

.collection-product-card__swatch label[data-color="Cypress"],.collection-product-card__swatch input[value="Cypress"] + label {
    background-color: #3B4232 !important;
}

.collection-hats input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-1 + label .swatch {
    background-color: #292C2D !important;
}

.collection-hats input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-2 + label .swatch {
    background-color: #001f58 !important;
}

.collection-hats input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-3 + label .swatch {
    background-color: #55332c !important;
}

.collection-hats input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-4 + label .swatch {
    background-color: #3B4232 !important;
}

.collection-belts input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-1 + label .swatch {
    background-color: #292C2D !important;
}

.collection-belts input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-2 + label .swatch {
    background-color: #001f58 !important;
}

.collection-belts input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-3 + label .swatch {
    background-color: #55332c !important;
}

.collection-belts input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-4 + label .swatch {
    background-color: #3B4232 !important;
}

.collection-wallets input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-1 + label .swatch {
    background-color: #292C2D !important;
}

.collection-wallets input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-2 + label .swatch {
    background-color: #001f58 !important;
}

.collection-wallets input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-3 + label .swatch {
    background-color: #55332c !important;
}

.collection-wallets input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-4 + label .swatch {
    background-color: #3B4232 !important;
}

.collection-all input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-1 + label .swatch {
    background-color: #292C2D !important;
}

.collection-all input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-2 + label .swatch {
    background-color: #001f58 !important;
}

.collection-all input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-3 + label .swatch {
    background-color: #55332c !important;
}

.collection-all input#Filter-filter\.v\.t\.shopify\.color-pattern-mobile-5 + label .swatch {
    background-color: #3B4232 !important;
}

/* Jul 2026 accessory rename: PDP swatch brand hexes keyed to the renamed values;
   old-name selector halves deleted (ruling Jul 13). */
.single-product-page .product-form__input--swatch > label[title="Onyx"] .swatch {
    background-color: #292C2D !important;
}
.single-product-page .product-form__input--swatch > label[title="Terra"] .swatch {
    background-color: #55332c !important;
}
.single-product-page .product-form__input--swatch > label[title="Abyss"] .swatch {
    background-color: #001f58 !important;
}
.single-product-page .product-form__input--swatch > label[title="Cypress"] .swatch {
    background-color: #3B4232 !important;
}
.jdgm-verified-checkmark {
    display: none !important;
}
.collection-belts #FacetsWrapperMobile > .mobile-facets__details[data-filter-type="Color"] {
    margin-top: 24px !important;
}
.collection-wallets #FacetsWrapperMobile > .mobile-facets__details[data-filter-type="Color"] {
    margin-top: 24px !important;
}
.single-product-page form[id*="product-form-template--"] {}

.single-product-page form[id*="product-form-template--"] more-payment-options-link {
    display: none !important;
}

.payment-button-disclaimer {
    margin-top: 10px;
    text-align: center;
}

.single-product-page .product__description {
    padding-bottom: 22px !important;
}
@media(max-width:749px){
    #mag-modal-body {
      padding-top: 80px;
    }
}
.single-product-page .product-media-modal__content > img {
    max-width: 75%;
    max-height: 100vh;
    object-fit: cover;
    border: none !important;
}
body.single-product-page.collection-jewelry slideshow-component .slideshow.banner,
body.single-product-page.collection-cologne slideshow-component .slideshow.banner{
    min-height: 71rem;
}
body.single-product-page.collection-jewelry .slideshow__media .aspect-ratio, body.single-product-page.collection-cologne .slideshow__media .aspect-ratio {
    padding-bottom: 40.25%;
}
body.single-product-page .slideshow__media .aspect-ratio:before, 
body.single-product-page .slideshow__media .aspect-ratio:before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(/cdn/shop/files/Jewelry.jpg?v=1761301949);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body.single-product-page.collection-wallets .slideshow__media .aspect-ratio:before,
body.single-product-page.collection-hats .slideshow__media .aspect-ratio:before,
body.single-product-page.collection-belts .slideshow__media .aspect-ratio:before {
  background-image:url(/cdn/shop/files/Group_02_Green.jpg?v=1761302895);
}

.single-product-page section.section[id*="slideshow"] .slideshow__text-wrapper .slideshow__text {
    /* display: none !important; */
}

.single-product-page .slider__slide video {
    display: none !important;
}
.slideshow__text-wrapper:before {
display:none !important;}
.single-product-page .slideshow__media.banner__media.media .aspect-ratio {
      padding-bottom: 46.25%;
}
@media(max-width:650px){
    body.single-product-page.collection-jewelry .slideshow__media .aspect-ratio, body.single-product-page.collection-cologne .slideshow__media .aspect-ratio {
        padding: 0 !important;
        height: 100% !important;
    }
    body.single-product-page.collection-jewelry slideshow-component .slideshow.banner, body.single-product-page.collection-cologne slideshow-component .slideshow.banner {
        min-height: auto !important;
    }
    
    body.single-product-page.collection-jewelry .slideshow__media .aspect-ratio:before, body.single-product-page.collection-cologne .slideshow__media .aspect-ratio:before {
        background-image: url(/cdn/shop/files/Jewelry_Vertical.jpg?v=1761301955) !important;
    }
    body.single-product-page.collection-wallets .slideshow__media .aspect-ratio:before, 
    body.single-product-page.collection-hats .slideshow__media .aspect-ratio:before, 
    body.single-product-page.collection-belts .slideshow__media .aspect-ratio:before {
      background-image: url(/cdn/shop/files/Group_02_Green_Vertical.jpg?v=1761302894) !important;
    }
    .single-product-page .slideshow__media.banner__media.media .aspect-ratio {
      padding-bottom: 0 !important;
      height: 100% !important;
    }
}
@media screen and (min-width: 750px) {
    .single-product-page .banner--medium:not(.banner--adapt) {
        min-height: 70rem;
    }
}
@media(max-width:768px){
    .single-product-page section.section[id*="slideshow"] .slideshow__text-wrapper .slideshow__text {
      /* display: none !important; */
    }
    .card-product-custom-div {
    position: relative !important;
}
.card-product-custom-div .mobile_click_link {
    position: absolute  !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 99 !important;
    display: block !important;
}
}
#drawer-cart.carousel-container .product-card .product-content .product-details .product-right .add-to-cart-btn {
    position: relative;
}
/* Restores of dead rU74J4 rules 7641/8215/8807-8816/8862 — attr-pattern selectors; the section's custom_css is at its 500-char total cap (the label 10px restore lives there) */
@media(min-width:769px){
[id^="shopify-section"][id$="__collection_list_rU74J4"] .slider__slide {
    height: 432px;
    max-height: 432px !important;
    min-height: auto !important;
}
}
@media(min-width:1500px){
.is_home_page [id^="shopify-section"][id$="__collection_list_rU74J4"] .slider__slide {
    height: 432px;
    max-height: 432px !important;
    min-height: auto !important;
    height: 23vw !important;
    max-height: 23vw !important;
}
}
li[id$="__collection_list_rU74J4-2"]:hover a.full-unstyled-link,
li[id$="__collection_list_rU74J4-3"]:hover a.full-unstyled-link,
li[id$="__collection_list_rU74J4-4"]:hover a.full-unstyled-link {
    color: #000 !important;
}
[id^="shopify-section"][id$="__collection_list_rU74J4"] .collection-preview_image a.full-unstyled-link {
    top: -4px !important;
    position: relative;
}
@media(max-width:768px){
[id^="shopify-section"][id$="__collection_list_rU74J4"] .slider__slide {
    position: relative !important;
}
}

/* Restore of dead rule base.css:4623-4638 (product add-to-cart button spec) — attr-pattern; .product-form__submit only exists in product forms so __main suffix is safe.
   EDITED Jul 6 (deliberate improvement, CTA pass — approved): letter-spacing 1.2px → 0.14em house standard; no longer byte-identical to live's dead rule.
   EDITED Jul 11 (item 4c, approved): two button-palette vars added — show_dynamic_checkout=false flips the button's class button--secondary → button--primary;
   re-pointing the vars here (attr-pattern outranks either class) keeps the white/black secondary look under either class. */
[id^="shopify-section"][id$="__main"] .product-form__submit {
    display: flex;
    padding: 18px 64px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: var(--Primary, #000);
    font-family: "Dexa Pro Expanded";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin-bottom: 11px;
    --color-button: var(--color-secondary-button);
    --color-button-text: var(--color-secondary-button-text);
}

/* Restore of dead rules base.css:4709-4744 (quick-add relabeled "View Product" — pinned to Pax Cross 7582226808916, as on live) */
[id^="quick-add-template--"][id$="__main7582226808916-submit"] {
  position: relative;
  overflow: hidden;
}

[id^="quick-add-template--"][id$="__main7582226808916-submit"]::before {
  content: "View Product";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  z-index: 1;
  color: var(--Primary, #000);
  font-family: "Dexa Pro Expanded";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%; /* 15px */
  letter-spacing: 0.72px;
  text-transform: uppercase;
}

[id^="quick-add-template--"][id$="__main7582226808916-submit"] > :not(.icon-wrap):not(.loading__spinner) {
  opacity: 0;
}

[id^="quick-add-template--"][id$="__main7582226808916-submit"] .icon-wrap,
[id^="quick-add-template--"][id$="__main7582226808916-submit"] .loading__spinner {
  position: relative;
  z-index: 2;
}

/* Restore of dead rule base.css:7594 (product thumbnail strip padding/gap) */
.single-product-page ul[id^="Slider-Thumbnails-"][id$="__main"] {
    padding: 0 !important;
    gap: 8px !important;
}

/* Restore of dead rules base.css:8677 + 8680-8713 (hide first thumbnail on desktop; mobile gallery swap).
   ORDER DEPENDENCY: the display:none rule below MUST precede the @media(max-width:749px) block —
   the mobile block re-shows li:first-child at EQUAL specificity, so source order alone carries
   the desktop-hidden/mobile-shown split. Do not separate or reorder during dead-CSS deletion. */
.single-product-page ul[id^="Slider-Thumbnails-"][id$="__main"] li:first-child {
    display: none !important;
}
@media(max-width:749px){
    slider-component[id^="GalleryThumbnails-"][id$="__main"],
    .single-product-page ul[id^="Slider-Thumbnails-"][id$="__main"] li:first-child{
        display: block !important;
    }
    /* selector strengthened to (0,6,2): must outrank the six-class width rule at base.css:7599
       (0,6,0 !important, unscoped) — live's original outranked it via the section ID */
    .single-product-page ul.thumbnail-list[id^="Slider-Thumbnails-"][id$="__main"] > li.thumbnail-list__item.slider__slide {
        width: 92% !important;
        overflow: hidden !important;
    }
    .single-product-page ul[id^="Slider-Thumbnails-"][id$="__main"] > li > button {
        opacity: 1 !important;
    }
    .single-product-page ul[id^="Slider-Thumbnails-"][id$="__main"] > li:after {
        content: '';
        position: absolute;
        left: 25px;
        top: 20px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 19 19"><path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path></svg>');
        width: 30px;
        height: 30px;
        background-color: #fff;
        border: .1rem solid rgba(var(--color-foreground),.1);
        background-repeat: no-repeat;
        background-size: 13px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-position: center;
        border-radius: 50%;
        pointer-events: none;
    }
    slider-component[id^="GalleryViewer-"][id$="__main"] {
        display: none !important;
    }
}

/* Restore of dead rules base.css:4755-4767 (related-products band: padding, borders, margins) */
section[id^="shopify-section"][id$="__related-products"] {
    padding: 72px 0px;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 40px;
}
@media screen and (max-width: 749px) {
  section[id^="shopify-section"][id$="__related-products"] {
    padding: 56px 0px;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 20px;
}
}

/* Restore of dead rules base.css:8820-8846 (banner titles replaced per collection via :before).
   The font-size:0 group is (0,7,1) !important — must outrank the alive mobile rule at base.css:6649
   ((0,7,0) !important, h2 32px @<=768px), as live's ID version did. */
.single-product-page.collection-hats [id^="shopify-section"][id$="__slideshow_LfE8Jj"] h2.banner__heading.inline-richtext.h1,
.single-product-page.collection-wallets [id^="shopify-section"][id$="__slideshow_LfE8Jj"] h2.banner__heading.inline-richtext.h1,
.single-product-page.collection-belts [id^="shopify-section"][id$="__slideshow_LfE8Jj"] h2.banner__heading.inline-richtext.h1,
.single-product-page.collection-cologne [id^="shopify-section"][id$="__slideshow_LfE8Jj"] h2.banner__heading.inline-richtext.h1,
.single-product-page.collection-jewelry [id^="shopify-section"][id$="__slideshow_LfE8Jj"] h2.banner__heading.inline-richtext.h1 {
    font-size: 0 !important;
}

.single-product-page.collection-hats [id^="shopify-section"][id$="__slideshow_LfE8Jj"] h2.banner__heading.inline-richtext.h1:before,
.single-product-page.collection-wallets [id^="shopify-section"][id$="__slideshow_LfE8Jj"] h2.banner__heading.inline-richtext.h1:before,
.single-product-page.collection-belts [id^="shopify-section"][id$="__slideshow_LfE8Jj"] h2.banner__heading.inline-richtext.h1:before{
    content: 'MONOCHROME COLLECTION';
    font-size: 28px;
}
.single-product-page.collection-jewelry [id^="shopify-section"][id$="__slideshow_LfE8Jj"] h2.banner__heading.inline-richtext.h1:before {
    content: 'ECHELON COLLECTION';
    font-size: 28px;
}
.single-product-page.collection-cologne [id^="shopify-section"][id$="__slideshow_LfE8Jj"] h2.banner__heading.inline-richtext.h1:before {
    content: 'EXTRAIT DE PARFUM';
    font-size: 28px;
}
@media(max-width:768px){
    [id^="shopify-section"][id$="__slideshow_LfE8Jj"] h2.banner__heading.inline-richtext.h1:before {
      font-size: 17px !important; /* PL4a (Jul 27): 32 -> 17, sim-derived one-line fit for the
         longest injected string (MONOCHROME COLLECTION) at BOTH 390 (366px box, 21 max) and
         320 (296px box, 17 max) — single-value rule per ruling; desktop 28px untouched. */
      line-height: normal;
    }
}

/* Restores of dead collection-page rules 4457/8487-8580/8610-8633 — attr-pattern selectors.
   All three target the filter drawer (used at ALL widths — filter_type is "drawer") + grid wrapper.
   NOTE: li:nth-child(7) on collection-all hides the duplicate "Black (1)" swatch appended by
   facets.liquid:1190 JS; on hats/belts/wallets the alive last-child rule at 8345 does that job.
   Skipped by decision: dead 8654 (hats li:2 :before hide) — inert on live, the '925' content rule
   is commented out there too. */
.single-collection-page [class*="__product-grid-padding"] {
    padding-top: 0px !important;
}

.collection-hats details[id^="Details-Mobile-filter.v.t.shopify.color-pattern-template--"][id$="__product-grid"] .facets-layout-list{
    display: flex;
    flex-direction: column;
}

.collection-hats details[id^="Details-Mobile-filter.v.t.shopify.color-pattern-template--"][id$="__product-grid"] .facets-layout-list > li:nth-child(1) {
    order: 1;
}

.collection-hats details[id^="Details-Mobile-filter.v.t.shopify.color-pattern-template--"][id$="__product-grid"] .facets-layout-list > li:nth-child(3) {
    order: 2;
}

.collection-hats details[id^="Details-Mobile-filter.v.t.shopify.color-pattern-template--"][id$="__product-grid"] .facets-layout-list > li:nth-child(2) {order: 3;}

.collection-hats details[id^="Details-Mobile-filter.v.t.shopify.color-pattern-template--"][id$="__product-grid"] .facets-layout-list > li:nth-child(4) {
    order: 4;
}

.collection-belts details[id^="Details-Mobile-filter.v.t.shopify.color-pattern-template--"][id$="__product-grid"] .facets-layout-list{
    display: flex;
    flex-direction: column;
}

.collection-belts details[id^="Details-Mobile-filter.v.t.shopify.color-pattern-template--"][id$="__product-grid"] .facets-layout-list > li:nth-child(1) {
    order: 1;
}

.collection-belts details[id^="Details-Mobile-filter.v.t.shopify.color-pattern-template--"][id$="__product-grid"] .facets-layout-list > li:nth-child(3) {
    order: 2;
}

.collection-belts details[id^="Details-Mobile-filter.v.t.shopify.color-pattern-template--"][id$="__product-grid"] .facets-layout-list > li:nth-child(2) {order: 3;}

.collection-belts details[id^="Details-Mobile-filter.v.t.shopify.color-pattern-template--"][id$="__product-grid"] .facets-layout-list > li:nth-child(4) {
    order: 4;
}

.collection-wallets details[id^="Details-Mobile-filter.v.t.shopify.color-pattern-template--"][id$="__product-grid"] .facets-layout-list{
    display: flex;
    flex-direction: column;
}

.collection-wallets details[id^="Details-Mobile-filter.v.t.shopify.color-pattern-template--"][id$="__product-grid"] .facets-layout-list > li:nth-child(1) {
    order: 1;
}

.collection-wallets details[id^="Details-Mobile-filter.v.t.shopify.color-pattern-template--"][id$="__product-grid"] .facets-layout-list > li:nth-child(3) {
    order: 2;
}

.collection-wallets details[id^="Details-Mobile-filter.v.t.shopify.color-pattern-template--"][id$="__product-grid"] .facets-layout-list > li:nth-child(2) {order: 3;}

.collection-wallets details[id^="Details-Mobile-filter.v.t.shopify.color-pattern-template--"][id$="__product-grid"] .facets-layout-list > li:nth-child(4) {
    order: 4;
}

.collection-all div[id^="FacetMobile-4-template--"][id$="__product-grid"] > ul > li:nth-child(7) {
    display: none !important;
}

.collection-all div[id^="FacetMobile-4-template--"][id$="__product-grid"] > ul > li:nth-child(1) {
    order: 1;
}

.collection-all div[id^="FacetMobile-4-template--"][id$="__product-grid"] > ul {
    display: flex;
    flex-direction: column;
}

.collection-all div[id^="FacetMobile-4-template--"][id$="__product-grid"] > ul > li:nth-child(3) {
    order: 2;
}

.collection-all div[id^="FacetMobile-4-template--"][id$="__product-grid"] > ul > li:nth-child(2) {
    order: 3;
}

.collection-all div[id^="FacetMobile-4-template--"][id$="__product-grid"] > ul > li:nth-child(5) {
    order: 4;
}

#drawer-cart.carousel-container .product-card .product-content .product-details .product-right .add-to-cart-btn.processing:before {animation: spin .6s
linear infinite;border-bottom: 3px solid #0000001a !important;border-left: 3px solid #446084;border-radius: 50%;border-right: 3px solid #0000001a !important;border-top: 3px solid #0000001a !important;content: "";font-size: 10px;height: 20px;left: 5%;opacity: .8;pointer-events: none;position: absolute;top: 2%;width: 20px;z-index: 99999999999999;}

#drawer-cart.carousel-container .product-card .product-content .product-details .product-right .add-to-cart-btn.processing svg {opacity: 0;}

#drawer-cart.carousel-container .product-card .product-content .product-details .product-right .add-to-cart-btn.processing {
    border-color: transparent;
    pointer-events: none !important;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    pointer-events: all !important;
}
@media(max-width:768px){
  .card-product-custom-div .swiper-button-prev, .card-product-custom-div .swiper-button-next {
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important; /* PL2: bare arrows — white box removed (was #ffffffeb) */
  width: 27px !important;
  height: 27px !important;
}
.card-product-custom-div .swiper-button-prev:after, 
.card-product-custom-div .swiper-button-next:after {
font-size: 10px;
}
.card-product-custom-div .swiper-button-prev.swiper-button-disabled, .card-product-custom-div .swiper-button-next.swiper-button-disabled {
    opacity: 0.35 !important;
}

.card-product-custom-div .mobile_click_link {
  display: none !important;
}
}

/* Restore of dead rule base.css:8737 (old contact template ID 16298965008468): hides the
   vestigial contact-form section — decided Jul 4: restore the hide faithfully.
   Section key "form" exists only in page.contact.json (verified: all templates + groups). */
section[id^="shopify-section-template--"][id$="__form"] {
    display: none !important;
}

/* F1 fix (QA finding Jul 4, approved Jul 6, deliberate improvement — deviates from live): on
   viewport-short pages the body grid's stretch (theme.liquid body: grid-template-rows auto auto
   1fr auto, min-height 100%) is absorbed by the footer group wrapper, leaving a white band below
   the black .footer (wrapper 842px vs .footer ~394px at 1920x1080, contact page). Let the footer
   stretch to fill its wrapper; normal-height pages have no extra space, so this is a no-op there.
   Do NOT fix by reinstating kFBYtN. Attr-pattern: key "footer" is the only section in
   sections/footer-group.json. */
div[id^="shopify-section-sections--"][id$="__footer"] {
    display: flex;
    flex-direction: column;
}
div[id^="shopify-section-sections--"][id$="__footer"] .footer {
    flex: 1 0 auto;
}

/* Jul 6 histogram centering v2 (approved — third completing piece of the stars-only deviation;
   live is left-aligned here too). Hydrated-DOM facts (probe, PROJECT_STATUS item 28c): the
   histogram element is div.jdgm-histogram.jdgm-temp-hidden (temp-hidden IS the histogram)
   inside .jdgm-row-stars (flex, justify-content center) which centers the BOX; the visual
   left-shift is the hanging "N stars" :before labels at left:-53px falling outside the box.
   The 53px padding re-houses them; it must be !important at (0,3,0) to beat
   .jdgm-widget .jdgm-temp-hidden's padding-left 32px !important (0,2,0) on the same element.
   Rows stay internally left-aligned; desktop untouched. */
@media(max-width:767px){
  .jdgm-widget .jdgm-histogram.jdgm-temp-hidden {
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 53px !important;
  }
}

/* Item 5 Part B (Jul 12, revised scope): on PDPs the Judge.me review LIST (plus its sort
   dropdown and pagination) is replaced by the darma-social-proof card row (source: product)
   rendered directly below the widget's apps section in product.json. The widget's HEADER —
   title, numeric average, stars, "Based on N reviews", histogram, native WRITE A REVIEW
   link — stays rendered, live-identical (ruled Jul 12; supersedes the full-replacement plan).
   Hide list = the widget's BODY layers only; .jdgm-rev-widg__body contains both the review
   list and .jdgm-paginate (probe-verified on the dev crux render). The form Judge.me injects
   into __header, and everything else in the header, is untouched — posting path intact (S8).
   #judgeme_product_reviews is Judge.me's own stable id on the widget root (PDP only).
   The list-layer styling this kills (item-57a avatar hide + column grid, review typography)
   is queued for the deletion pass; the summary/histogram rules (26c/27a/28b/28c) STAY ALIVE. */
#judgeme_product_reviews .jdgm-rev-widg__sort-wrapper,
#judgeme_product_reviews .jdgm-rev-widg__body,
#judgeme_product_reviews .jdgm-rev-widg__paginate-spinner-wrapper {
    display: none !important;
}

/* P3-SWEEP-START (Jul 22, card sweep round P3, ruling R4): complementary
   "Complete the look" mini-cards (PDP-only) — INK-ONLY canon convergence,
   horizontal form KEPT. Mechanism of record: the canon price rule
   (.card-information>.price above, 12px) is out-cascaded on these cards by
   component-card.css's horizontal rules — .card--horizontal .price__container
   .price-item sets 13px >=750px (12px below), and .card--horizontal
   .card-information>.price sets rgba(var(--color-foreground),.75) which also
   wins the (0,2,0) tie against component-card's own #121212-equivalent
   (load order: component-card.css loads after base.css). The name link
   (.card__heading .full-unstyled-link) carries the canon ramp but declares no
   color -> currentColor = Dawn PDP foreground #121212. These (0,4,0) rules
   re-take the cascade INSIDE the complementary container only: price 12px
   full-opacity #121212 at every width (line-height stays 15px — the inherited
   computed 125%@12px from the .price container; 0.12px spacing + Dexa Pro
   inherited, untouched), name ink #000 (canon pin; site-wide unification is
   round P4). Blast radius: .complementary-products__container exists ONLY in
   main-product.liquid's complementary block — A-D grids, buy box, set
   surfaces, quick-add CTA (all-caps exempt) untouched. */
.complementary-products__container .card--horizontal .card__heading .full-unstyled-link {
    color: #000;
}
.complementary-products__container .card--horizontal .card-information > .price {
    color: #121212;
}
.complementary-products__container .card--horizontal .price__container .price-item {
    font-size: 12px;
}
/* P3-SWEEP-END */

/* MB1-START (Jul 23 rev 2, mobile menu bug — Derek's finding 4): opening the
   menu drawer adds body.overflow-hidden-tablet (global.js HeaderDrawer scroll
   lock; the localization picker adds the -mobile twin at ANY width). Where the
   lock actually locks (-tablet <990, -mobile <750 per the base rules above),
   overflow:hidden on body DE-ANCHORS the position:sticky header — sticky
   sticks to the nearest scrollport, and a hidden body is that scrollport,
   frozen at scroll 0 — so on a page scrolled past the header the section (and
   the menu drawer absolutely positioned inside it) renders at its
   document-flow slot far above the viewport: header vanishes, drawer
   invisible, page frozen. Fix: while a locking class is active AND the page is
   scrolled past the header (.scrolled-past-header = StickyHeader's own marker,
   added in onScroll and removed at top), pin the header section to the
   viewport with position:fixed — visually identical to the always-sticky
   state it stands in for. Each selector is media-guarded to ITS OWN locking
   band (rev 2: localization-form.js openSelector adds -mobile with no width
   condition, and at >=750 that class computes overflow:auto — no lock, sticky
   fine — so an unguarded pin would add a 46px flow-jump behind the desktop
   country dropdown; the guards mirror the base overflow breakpoints exactly).
   At top-of-page the de-anchored flow position is already correct, so the
   unscrolled open path is untouched. Reverts the instant the drawer closes.
   Theme setting of record: sticky_header_type = always. */
@media screen and (max-width: 989px) {
  body.overflow-hidden-tablet .section-header.shopify-section-header-sticky.scrolled-past-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
}
@media screen and (max-width: 749px) {
  body.overflow-hidden-mobile .section-header.shopify-section-header-sticky.scrolled-past-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
}
/* MB1-END */

/* P4-SWEEP-START (Jul 23, card sweep round P4, ruling R6 — name ink #000
   site-wide, the canon pin; FIRST shared-stack touch): the shared heading rule
   (base.css .card__heading .full-unstyled-link) carries the canon ramp but no
   color -> currentColor, so homepage sections inherit #000 while collection/
   search/PDP contexts inherit Dawn foreground #121212. The pin is scoped to
   .product-card-wrapper — the wrapper BOTH product-card snippets (custom stack
   + stock card-product) emit on every branch, and which NO other card family
   carries — so it converges exactly the product-card stack: A homepage x5
   (already #000 by inheritance -> ink becomes declaration-carried, zero visual
   change), B collections, C search, D PDP related (#121212 -> #000), E
   complementary (hidden; doubles P3's own pin), vestigial page.shop-all.json +
   the stock placeholder branch + dormant collage if ever served. NOT reached
   by construction: article cards, collection cards (homepage tiles keep their
   white-on-image + hover treatments), predictive-search rows, cart-drawer
   upsell markup, darma-variant/set/builder cards and the best-sellers
   reference (own class families, no product-card-wrapper). (0,3,0) over the
   (0,2,0) ramp rule; no competing color declaration exists on this path. */
.product-card-wrapper .card__heading .full-unstyled-link {
    color: #000;
}
/* P4-SWEEP-END */

/* P5-SWEEP-START (Jul 23, card sweep round P5, rulings C1.4 + R2 — dot/ring
   canon + lone-dot hide, site-wide as flagged): companion rules to the P5
   snippet edits. The row div always renders (it is the sibling anchor for the
   card wrapper's side inset at 3723/6587/6599 — removing it would strip the
   name/price inset on dotless cards), so a row that will carry no dots gets
   the --nodots modifier from card-product-custom and its ghost paddings die
   here. !important because the swatch snippet's page-level style block
   (padding-top 16 / padding-left 19) loads after this sheet. */
.collection-product-card__variants--nodots {
    padding-top: 0 !important;
    padding-left: 0 !important;
    min-height: 0 !important;
}
/* P5-SWEEP-END */

/* P6-SWEEP-START (Jul 23, card sweep round P6 — FINAL round, ruling R1: canon
   colorway line on every dot-carrying Dawn card): the line renders between the
   card name (h3.card__heading) and .card-information in card-product-custom's
   visible wrapper. Canon spec (Standing rules): Dexa Pro 400 10px lh 12.5px
   ls 0.12px #757575, Title Case AS STORED (no transform), 3px box gap under
   the name; the existing pinned .card-information>.price margin-top 6px then
   lands the price 6px under the line — the reference's exact 3/6 chain with
   zero changes to the price rule. */
.collection-product-card__colorway {
    font-family: "Dexa Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12.5px;
    letter-spacing: 0.12px;
    color: #757575;
    margin: 3px 0 0;
}
/* P6-SWEEP-END */

/* PL1-POLISH-START (item 83, PL1; REVISED PL1-b): homepage MOBILE section rhythm -> canon 27px ink gap.
   Canon = the hats->belts boundary (ruled). Homepage-key-scoped attr patterns only;
   supersedes the baked mobile padding constants in the darma section liquids for these
   template keys (their in-file comments describe the old rhythm). Desktop (>=750) untouched.
   Companion edits ride in templates/index.json (hats padding_top + 24px custom_css line;
   rich-text bottom pad) and section-darma-shop-by-color.css (tile link reset + label gap). */
@media(max-width:749px){
[id^="shopify-section"][id$="__collection_list_rU74J4"] .collection-list-wrapper {
    /* PL1-b: top comes DOWN (ruled) — pt 17->0 and margin-top -10 cancels the hero flow gap
       so the tile boxes ABUT the hero box; visual seam (hero dots -> product ink) 87.5 -> 60.5.
       Tap-safety: hero dots end 25.5px above the hero edge — no interactive overlap. */
    padding-top: 0 !important;
    margin-top: -10px !important;
    /* PL1-c (supersedes the keeps-27 ruling): tiles meet the ROLE MODEL MEN band FLUSH —
       pb 0, no white between the section and the dark band. The ~26.5px below the label
       glyphs is tile-INTERNAL ground, part of the tiles. Mobile ruling; desktop untouched. */
    padding-bottom: 0 !important;
}
[class*="__darma_best_sellers-padding"] {
    padding-top: 27px !important;    /* lockup->best-sellers ink 27 (baked mobile 54 superseded) */
}
[class*="__darma_shop_by_color-padding"] {
    padding-top: 0 !important;       /* best-sellers pb 27 carries the boundary */
    padding-bottom: 25px !important; /* 25 + 2px row pad = 27 to the sets row */
}
[class*="__darma_sets_two-padding"] {
    padding-top: 0 !important;       /* sbc pb carries: 28.5 visual above the 2-ITEM label — sibling-conformant */
    padding-bottom: 0 !important;
}
[class*="__darma_sets_three-padding"] {
    /* PL1-b: the set cards paint to their box bottom (black Add buttons) — pt 0 left the
       3-ITEM label 2.5px under them. pt 27 lands the sibling glyph rhythm (29.5 above). */
    padding-top: 27px !important;
    /* PL2: sets_three is now the LAST sets surface before jewelry (order move) — pb 27
       carries the JEWELRY label's 29.5 rhythm (the band pb no longer sits between). */
    padding-bottom: 27px !important;
}
[class*="__darma_builder_preview-padding"] {
    /* PL2 (supersedes PL1-b's pt 29): the builder now sits directly under the DARK sbc
       tiles (order move) — pt 0 lands the sibling ~28.5 rhythm like the 2-ITEM label had. */
    padding-top: 0 !important;
    padding-bottom: 0 !important;    /* band pb below carries the boundary */
}
[class*="__darma_builder_preview-padding"] .darma-builder-preview__band {
    /* PL1-b: band pt 32 put 37px between the label and MIX & MATCH — 8px lands the sibling
       12.5px label->content rhythm (mobile only; desktop band keeps 32). */
    padding-top: 8px !important;
    padding-bottom: 27px !important; /* builder->jewelry ink 27 (band's own 32 superseded, mobile only) */
}
}
/* PL1-POLISH-END */
/* PL2-POLISH-START (item 83, PL2): jewelry category tile — lifestyle-photo hover swap
   REMOVED (ruled): the rU74J4 jewelry tile carries a collection metafield preview_image
   overlay (.collection-preview_image, revealed on li:hover >=769 while card__inner drops
   to opacity 0 — base.css ~3697). Hidden here, the tile falls back to the standard
   category-tile hover (media zoom + black label) like its siblings. Homepage-key-scoped. */
[id^="shopify-section"][id$="__collection_list_rU74J4"] .collection-preview_image {
    display: none !important;
}
@media(min-width:769px){
[id^="shopify-section"][id$="__collection_list_rU74J4"] .collection-list__item:hover .card__inner {
    opacity: 1 !important;    /* the generic hover-swap fade (3701)... */
    visibility: visible !important; /* ...AND its visibility:hidden must not blank the card */
}
li[id$="__collection_list_rU74J4-1"]:hover .card__inner .card__heading,
li[id$="__collection_list_rU74J4-1"]:hover .card__content .card__heading a,
li[id$="__collection_list_rU74J4-1"]:hover a.full-unstyled-link {
    color: #000 !important; /* out-guns the hover-WHITE label rules (3705/3708, written for
                               the photo overlay) and joins the li-2/3/4 hover rule (8057) */
}
}
@media(min-width:990px){
/* the jewelry tile's full-cover overlay link (.full-unstyled-link-block, metafield tiles
   only) is a SIBLING of the card, so Dawn's .card:hover zoom (component-card.css ~391,
   scale 1.03) never fires there — this li-keyed twin restores the sibling zoom exactly
   (1.03 = the measured tile standard; the 1.08 canon value is the PRODUCT-card hover). */
li[id$="__collection_list_rU74J4-1"] .media.media--hover-effect > img {
    transition: transform var(--duration-long) ease;
}
li[id$="__collection_list_rU74J4-1"]:hover .media.media--hover-effect > img {
    transform: scale(1.03);
}
}
/* PL2-POLISH-END */
/* PL5-POLISH-START (item 83, PL5 — Derek's pick: VARIANT B, aggressive): slimmer DARMA
   toolbar, desktop 68->46 / mobile 46->32 (content rows untouched; padding is the lever).
   SINGLE SOURCE OF TRUTH for header vertical padding from here on — this selector
   deliberately out-specifies and supersedes the four legacy contenders:
   header.liquid settings style block (says 20 desktop, was not what rendered),
   base.css ~5168 (<=550 header.header var-rule w/ 10px fallback !important — the old
   mobile winner), ~5172 (551-1023 20px !important), ~4231 (<=450 16px, already dead
   under 5168). A fifth (0,1,0)-class contender rendered desktop 15px (file source
   unpinned — archaeology-incomplete, mechanically irrelevant: this block out-guns it).
   COUPLING: --header-height (header.liquid:330, measured at init) feeds the PL2-b hero
   height, the sticky system, the MB1 drawer pins, and the sets-page tab offsets — all
   self-adjust via the live var; the hero GAINS the header reduction. */
body .header-wrapper header.header:not(.drawer-menu) {
    /* PL5-b (Derek's preview: 32 too narrow on mobile) — mobile band raised to 38px */
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
@media screen and (min-width: 551px) {
body .header-wrapper header.header:not(.drawer-menu) {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
}
@media screen and (min-width: 990px) {
body .header-wrapper header.header:not(.drawer-menu) {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
}
/* PL5-POLISH-END */

/* PL4-POLISH-START (Jul 27, Derek rulings a-d; (a) itself is the value-swap at the
   mobile slideshow ::before rule ~8269). Mobile gate <=768 matches the theme convention;
   desktop untouched throughout. */
@media(max-width:768px){
  /* (b) PDP subheads: sizes down, one line, non-full-width. b2 ACTIVE since Jul 28
     (Amendment-3 R-8, Derek's on-device pick — SUPERSEDES the PL4 "(b) pick = B1"
     ruling of record): #B2B2B2 / ls -0.325 at the canon 10px scale; mobile now
     matches the desktop eyebrows' native color. b1 is the commented rule below —
     flag-switches back without rebuild. */
  .multicolumn .title-wrapper-with-link .subtitle,
  .related-products__subtitle p {
    font-size: 10px !important;
    line-height: 12.5px !important;
    letter-spacing: -0.325px !important;
    color: #B2B2B2 !important;
    width: fit-content;
  }
  /* b1 VARIANT (homepage-canon eyebrow: uppercase ls 0.72 #333, the BEST SELLERS
     pattern) — SUPERSEDED by R-8 Jul 28; to reactivate, comment the b2 rule above
     and uncomment this one:
  .multicolumn .title-wrapper-with-link .subtitle,
  .related-products__subtitle p {
    font-size: 10px !important;
    line-height: 12.5px !important;
    letter-spacing: 0.72px !important;
    color: #333 !important;
    text-transform: uppercase;
    width: fit-content;
  }
  */
  /* title selectors sized to BEAT the live governors (diag of record): premium is held
     by "h2.title.inline-richtext.h1 {30px !important}" (0,4,0) -> ours (0,4,1) wins;
     recommended is held by the (0,6,0) !important <=768 rule at ~6394-era numbering ->
     ours repeats that selector verbatim, later in cascade wins the tie. */
  .multicolumn .title-wrapper-with-link h2.title.inline-richtext {
    font-size: 24px !important; /* one line at 390 (24.5 derived max, 0.5 safety);
       320 sets 2 lines — recorded, 20px would fit both (Derek may call it) */
    line-height: 112.5% !important;
    width: fit-content;
  }
  .single-product-page .shopify-section.section[id*="related-products"] .related-products .related-products__heading {
    font-size: 28px !important; /* mobile == desktop cap (was 32 > desktop 28), one line
       at 390; 320 wraps — recorded, 26px would fit both (Derek may call it) */
    line-height: 112.5% !important;
    width: fit-content;
  }
  /* (d) jdgm zero-review stars row: diag of record — the row (.jdgm-row-stars) is
     already flex + align-items:center in jdgm's own CSS; the -12px ride comes from the
     summary's margin-bottom:24px (outer box 48 tall in a centered 49px line) and the
     0px gap from no column gap. Margin reset = the real fix; center kept explicit for
     robustness. !important accepted by ruling (app CSS cascade; graceful-degradation
     risk on jdgm updates recorded). */
  .jdgm-row-stars {
    align-items: center !important;
    gap: 16px !important;
  }
  .jdgm-row-stars > .jdgm-rev-widg__summary {
    margin-bottom: 0 !important;
  }
}
/* (c) ATC black on all PDPs — site ink #121212, white copy, border dropped; states
   explicit: hover deepens to #000, disabled/sold-out goes inert gray. CSS-only, the
   cart-add JS contract and dynamic-checkout button untouched. */
.single-product-page .product-form__submit {
  background: #121212 !important;
  color: #fff !important;
  border: none !important;
}
.single-product-page .product-form__submit:hover:not([disabled]) {
  background: #000 !important;
}
.single-product-page .product-form__submit[disabled],
.single-product-page .product-form__submit[aria-disabled="true"] {
  background: #E8E8E8 !important;
  color: #9A9A9A !important;
}
/* PL4-POLISH-END */

/* PL4B-START (Jul 27, preview riders — R1 PDP heading convergence): the three PDP
   band headings (multicolumn "Men's Premium Essentials", related "Recommended Items",
   jdgm "Customer Reviews") converge to ONE spec per breakpoint. Mobile 24px = the
   ruled PL4 one-line value for the longest string; desktop 28px = the majority value
   (premium 30->28, CR 24->28, related no-op). SUPERSESSION of record: the PL4 mobile
   related 28px becomes 24px under this convergence. Item-62-era coupling verified:
   the 3.37ch summary-average clip (~6862) keys on the AVERAGE's own font, not the
   title's — decoupled, sim-asserted. Selector strengths per the PL4 cascade findings;
   jdgm title needs !important vs app CSS. */
@media(max-width:768px){
  .multicolumn .title-wrapper-with-link h2.title.inline-richtext,
  .single-product-page .shopify-section.section[id*="related-products"] .related-products .related-products__heading,
  .single-product-page .jdgm-rev-widg__title {
    font-size: 24px !important;
    line-height: 112.5% !important;
    letter-spacing: -0.8px !important;
  }
}
@media(min-width:769px){
  .multicolumn .title-wrapper-with-link h2.title.inline-richtext,
  .single-product-page .shopify-section.section[id*="related-products"] .related-products .related-products__heading,
  .single-product-page .jdgm-rev-widg__title {
    font-size: 28px !important;
    line-height: 112.5% !important;
    letter-spacing: -1px !important;
  }
}
/* PL4B-END */
/* PL4C-START (Jul 28, Amendment-3 R-9): both PDP header blocks CENTERED at every
   width — supersedes PL4's fit-content LEFT placement (boxes stay fit-content,
   centered via auto margins: center the blocks, don't stretch them). The
   multicolumn wrapper already flex-centers (Dawn config) — made explicit. The
   related pair REQUIRES the verbatim long selector: base.css ~6050 (0,5,1)
   margin:0 beats anything weaker (measured); same selector later in cascade wins
   the tie (PL4B precedent). margin-left/right only — the 16/32px !important
   margin-bottom neighbors are untouched. All selectors PDP-scoped; homepage
   section headers unreachable by construction. 320 note: the premium title's
   2-line disposition (PL4 ruling) stands — centered, unchanged. */
.single-product-page .multicolumn .title-wrapper-with-link {
  justify-content: center;
}
/* Option-A rider (Jul 28, Derek's 768-band ruling): the eyebrow takes its own
   flex row so the ~500-768 single-row band stacks eyebrow-above-title like
   every other width (pre-existing Dawn side-by-side + PL4C auto-margin spread
   both cured; measured exhibit of record sc1-amend3). */
.single-product-page .multicolumn .title-wrapper-with-link .subtitle {
  flex-basis: 100%;
}
.single-product-page .multicolumn .title-wrapper-with-link .subtitle,
.single-product-page .multicolumn .title-wrapper-with-link h2.title.inline-richtext {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.single-product-page .shopify-section.section[id*="related-products"] .related-products .related-products__subtitle p,
.single-product-page .shopify-section.section[id*="related-products"] .related-products .related-products__heading {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* PL4C-END */
/* === CB2-F3 START (Jul 28) — widescreen product-card media to the bs 1.0773 spec.
   RULING OF RECORD: R-FINAL-1 (Jul 26, 'tighter current widescreen crop stays') is
   REVERSED by Derek Jul 28 — the CB1 colorway-hero spec (hero presents without
   meaningful crop at every width) governs. Mechanism: the additive v2b pattern
   re-gated >=1500 — the legacy 20vw !important comma rule (~7724) stays in place,
   out-specified for PRODUCT cards only ((0,3,1) beats its (0,2,1) arms; the
   .is_home_page img twin out-cascades its (0,6,1) homepage img arm by order).
   Non-product surfaces (/collections index, blog, tiles) untouched by construction.
   Measured: box ratio 1.204-1.223 -> 1.0773, hero visible 0.78 -> 0.88 at
   1536/1920/2560; 1366 pixel-of-today (block gated >=1500). === */
@media (min-width: 1500px) {
  li.grid__item .product-card-wrapper .swiper-wrapper, li.grid__item .product-card-wrapper .card__media.aa, li.grid__item .product-card-wrapper .card__inner {
    height: auto !important;
    aspect-ratio: 1.0773 !important;
    min-height: 0 !important;
  }

  .card-product-custom-div .card-wrapper .card__inner .card__media.aa .swiper-slide-active img,
  .is_home_page .card-product-custom-div .card-wrapper .card__inner .card__media.aa .swiper-slide-active img {
    height: auto !important;
    aspect-ratio: 1.0773 !important;
    object-fit: cover !important;
  }
}
/* CB2-F3 END */
/* RIDER-BLANK-START (pre-publish rider, Jul 28): the category tiles below the
   hero paint, then Dawn's deferred animations.js marks them --offscreen
   (rootMargin -50px) and base.css drops them to opacity .01 -> blank under the
   hero. Ruling: this section loads WITH the hero. Neutralise the reveal for
   THIS section only; every other scroll-trigger surface keeps its animation.
   Attribute-pattern selector on the stable section key = duplication-proof. */
[id$="__collection_list_rU74J4"].scroll-trigger,
[id$="__collection_list_rU74J4"] .scroll-trigger {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}
/* RIDER-BLANK-END */

/* Cycle-4 3c (amended): extend the tile zoom to ALL FOUR category tiles and
   scale the copy with the image (item 103 ruling: PL2-POLISH intent stands,
   its tile-1-only assumption was wrong). Third rule re-inks the heading over
   the 3708 hover-white rule. transform-origin deliberately omitted: the
   heading computes text-align center in a full-width box, so a centre-origin
   scale introduces no drift (item 105 measurement). */
[id^="shopify-section"][id$="__collection_list_rU74J4"] .collection-list__item .media.media--hover-effect > img,
[id^="shopify-section"][id$="__collection_list_rU74J4"] .collection-list__item .card > .card__content {
    transition: transform var(--duration-long) ease;
}
[id^="shopify-section"][id$="__collection_list_rU74J4"] .collection-list__item:hover .media.media--hover-effect > img,
[id^="shopify-section"][id$="__collection_list_rU74J4"] .collection-list__item:hover .card > .card__content {
    transform: scale(1.03);
}
[id^="shopify-section"][id$="__collection_list_rU74J4"] .collection-list__item:hover .card__content .card__heading a {
    color: #000 !important;
}
/* === DISPLAY-PASS FIX-A (Jul 31) — SPLIT THE SUB-769 BAND (item 105 ruling).
   Phone band (<=550) keeps height:230 exactly as today; 551-768 joins the 1.0773
   aspect family (769-1499 rule, CB2-F3 >=1500). Split point DERIVED, not chosen:
   card W=(v-4)/2 at <=650 (full-bleed grid, gap 4; measured 390->193, 550->273,
   649->322.5) -> cover trim/edge (1-230r/W)/2 first exceeds a product's smallest
   positive alpha margin at: Franco v=551 (bot 7.94%), Cologne v=550 (solid bot
   10.05%), Pax/Primis v=692; every other product clears the whole band. Lowest
   onset 550 -> existing 550/551 breakpoint adopted. 650 REJECTED: Franco trim
   14.34% > 7.94% at 649. Scope: .product-card-wrapper keeps this off the homepage
   category tiles and /collections collection cards (both lack it) — same scoping
   as the 230px band rule. Selector (0,3,1) ties that rule and wins on order. */
@media (min-width: 551px) and (max-width: 768px) {
  li.grid__item .product-card-wrapper .swiper-wrapper, li.grid__item .product-card-wrapper .card__media.aa, li.grid__item .product-card-wrapper .card__inner {
    height: auto !important;
    aspect-ratio: 1.0773 !important;
    min-height: 0 !important;
  }

  .card-product-custom-div .card-wrapper .card__inner .card__media.aa .swiper-slide-active img {
    height: auto !important;
    aspect-ratio: 1.0773 !important;
    object-fit: cover !important;
  }
}
/* === DISPLAY-PASS FIX-B, CSS half (Jul 31) — Recommended Items: each card's Swiper
   measures the pre-Owl full-width li (.related-products .grid__item is width:100%
   at <=768) before Owl halves the item, leaving slides/imgs at 2x card width
   (item 105). The JS half (sections/related-products.liquid) re-measures every
   Swiper on Owl's initialized/resized events; this pin makes the RENDERED geometry
   correct independent of any init ordering. Scoped to .owl-item so it is inert
   until Owl has actually wrapped the cards. */
@media (max-width: 768px) {
  .related-products .product-grid .owl-item .swiper-slide,
  .related-products .product-grid .owl-item .swiper-slide img {
    width: 100% !important;
  }
}
/* === DISPLAY-PASS FIX-C (Jul 31) — QT-A: /collections cards show the full product
   (cover clipped jewelry top/bottom at desktop/tablet, hats+belts sides at mobile —
   item 104). contain is seamless here: transparent PNGs on a flat #F3F3F3 ground.
   Scoped to the list-collections MAIN section by id suffix — [id$="__main"] wraps
   .collection-list__item ONLY on /collections; the homepage tiles live under
   __collection_list_rU74J4 and MUST keep cover (item 104 hazard). Same id-suffix
   scoping precedent as the tile hover rule. */
[id^="shopify-section-template"][id$="__main"] .collection-list__item .card__media img {
  object-fit: contain !important;
}