/* UNPAVED: página de produto igual à da loja Shopify (tema Minimog com as configurações da UNPAVED).
   É o CSS do Minimog que a página usava, na ordem de lá: snippets/critical-css.liquid, assets/main.css, vendor.css
   (Swiper), o CSS personalizado da loja, assets/product.css e o {% stylesheet %} do swatch-input.liquid, só com as
   regras dos elementos da página (seção principal e "Complete The Kit"). O escopo vai em :where(), que não pesa: a força
   de cada regra é a mesma do Minimog (e dos trechos UNPAVED que se apoiavam nele), e este arquivo vem depois do
   theme.css. As variáveis têm os valores da loja (config/settings_data.json e os padrões do settings_schema.json). */

/* ---------- Variáveis (snippets/style-tags.liquid e font-face.liquid; esquema de cores "default") ---------- */
:where(.m-main-product, .m-product-recommendations) {
  --color-background: 233,232,232;
  --color-background-secondary: 223,222,218;
  --gradient-background: #e9e8e8;
  --color-foreground: 28,31,25;
  --color-foreground-secondary: 98,96,83;
  --color-heading: 28,31,25;
  --color-button: 28,31,25;
  --color-button-text: 233,232,232;
  --color-outline-button: 28,31,25;
  --color-button-hover: 46, 51, 41;
  --color-button-text-hover: 233, 232, 232;
  --color-border: 207,206,201;
  --color-price-sale: 214,63,5;
  --color-price-regular: 28,31,25;
  --color-form-field: 255,255,255;
  --color-form-field-text: 28,31,25;
  --color-tooltip: 28,31,25;
  --color-tooltip-text: 233,232,232;
  --m-duration-short: .1s;
  --m-duration-default: .25s;
  --m-duration-long: .5s;
  --m-duration-image: .65s;
  --m-duration-animate: 1s;
  --m-animation-duration: 600ms;
  --m-animation-fade-in-up: m-fade-in-up var(--m-animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards;
  --base-line-height: 28;
  --inputs-border-width: 1px;
  --inputs-radius: 0px;
  --btn-letter-spacing: 0px;
  --btn-border-radius: 0px;
  --btn-border-width: 1px;
  --btn-line-height: 26px;
  --color-success: 58,135,53;
  --color-warning: 210,134,26;
  --color-error: 218, 63, 63;
  --color-error-bg: #fbeaea;
  --color-warning-bg: #faecd7;
  --color-success-bg: #d1eccf;
  --text-black: 0,0,0;
  --text-white: 255,255,255;
  --bg-black: 0,0,0;
  --bg-white: 255,255,255;
  --rounded-full: 9999px;
  --bg-card-placeholder: rgba(243,243,243,1);
  --arrow-select-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231c1f19' stroke-width='1.2'/%3E%3C/svg%3E");
  --font-base-size: 16;
  --font-btn-size: 18px;
  --font-btn-weight: 500;
  --font-h1-desktop: 48;
  --font-h1-tablet: 33;
  --font-h1-mobile: 28;
  --font-h2-desktop: 40;
  --font-h2-tablet: 32;
  --font-h2-mobile: 28;
  --font-h3-desktop: 32;
  --font-h3-tablet: 25;
  --font-h3-mobile: 22;
  --font-h4-desktop: 24;
  --font-h4-tablet: 19;
  --font-h4-mobile: 19;
  --font-h5-desktop: 18;
  --font-h5-mobile: 16;
  --font-h6-desktop: 16;
  --font-h6-mobile: 16;
  --heading-letter-spacing: 0px;
  --pcard-title-transform: uppercase;
  --spacing-sections-desktop: 0px;
  --spacing-sections-laptop: 0px;
  --spacing-sections-tablet: 0px;
  --spacing-sections-mobile: 0px;
  --container-width: 1280px;
  --fluid-container-width: 1620px;
  --fluid-container-offset: 95px;
  --blocks-radius: 0px;
  --medium-blocks-radius: 0px;
  --pcard-radius: 0px;
  /* A fonte da loja (Clash Grotesk 500/600) é a do tema: --font do theme.css. */
  --font-stack-body: var(--font);
  --font-stack-header: var(--font);
  --font-weight-body: 500;
  --font-weight-header: 500;
}

/* Esquema de cores "default" e fundo (.m-color-default / .m-gradient do style-tags.liquid e main.css). */
.m-main-product.m-color-default,
.m-product-recommendations.m-color-default,
:where(.m-main-product, .m-product-recommendations) .m-color-default {
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
}
.m-main-product.m-gradient,
.m-product-recommendations.m-gradient {
  background: rgb(var(--color-background));
  background: var(--gradient-background);
}
.m-main-product.m\:block,
.m-product-recommendations.m\:block {
  display: block;
}

/* Tema: na página de produto as seções vão de ponta a ponta, como na Shopify (o .shop-container do WooCommerce fica
   sem largura máxima nem margens; a seção principal usa o .container de 1280 px do Minimog). */
body.single-product .shop-container {
  max-width: none;
  margin: 0;
  padding: 0;
}

/* Avisos do WooCommerce (ex.: "adicionado ao carrinho" sem JavaScript) na largura do .container da seção principal. */
body.single-product .shop-container > .woocommerce-notices-wrapper:not(:empty) {
  max-width: 1280px;
  margin: 16px auto 0;
  padding: 0 15px;
}

/* ---------- Shopify: botão de compra dinâmica sem marca (folha da Shopify, por baixo das regras do Minimog) ---------- */
:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button {
  border-radius: 4px;
  border: none;
  box-shadow: 0 0 0 0 transparent;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  width: 100%;
  transition: background 0.2s ease-in-out;
}
:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button[disabled] {
  opacity: 0.6;
  cursor: default;
}
:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button--unbranded {
  background-color: #1990c6;
  padding: 1em 2em;
}
:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button--unbranded::-moz-focus-inner {
  border: 0;
}
:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-color: #136f99;
}

/* ---------- snippets/critical-css.liquid ---------- */
:where(.m-main-product, .m-product-recommendations) h1,
  :where(.m-main-product, .m-product-recommendations) h2,
  :where(.m-main-product, .m-product-recommendations) h3 {
    font-family: var(--font-stack-header);
    font-weight: var(--font-weight-header);
    font-style: var(--font-style-header);
    color: rgb(var(--color-heading));
    line-height: normal;
    letter-spacing: var(--heading-letter-spacing);
    word-break: break-word;
  }
  :where(.m-main-product, .m-product-recommendations) h1,
  :where(.m-main-product, .m-product-recommendations) .h1 {
    font-size: calc(((var(--font-h1-mobile)) / (var(--font-base-size))) * 1rem);
    line-height: 1.278;
  }

  :where(.m-main-product, .m-product-recommendations) h2,
  :where(.m-main-product, .m-product-recommendations) .h2 {
    font-size: calc(((var(--font-h2-mobile)) / (var(--font-base-size))) * 1rem);
    line-height: 1.267;
  }

  :where(.m-main-product, .m-product-recommendations) h3,
  :where(.m-main-product, .m-product-recommendations) .h3 {
    font-size: calc(((var(--font-h3-mobile)) / (var(--font-base-size))) * 1rem);
    line-height: 1.36;
  }

  @media only screen and (min-width: 768px) {
    :where(.m-main-product, .m-product-recommendations) .h1,
    :where(.m-main-product, .m-product-recommendations) h1 {
      font-size: calc(((var(--font-h1-tablet)) / (var(--font-base-size))) * 1rem);
      line-height: 1.238;
    }
    :where(.m-main-product, .m-product-recommendations) .h2,
    :where(.m-main-product, .m-product-recommendations) h2 {
      font-size: calc(((var(--font-h2-tablet)) / (var(--font-base-size))) * 1rem);
      line-height: 1.235;
    }
    :where(.m-main-product, .m-product-recommendations) h3,
    :where(.m-main-product, .m-product-recommendations) .h3 {
      font-size: calc(((var(--font-h3-tablet)) / (var(--font-base-size))) * 1rem);
      line-height: 1.36;
    }
  }

  @media only screen and (min-width: 1280px) {
    :where(.m-main-product, .m-product-recommendations) .h1,
    :where(.m-main-product, .m-product-recommendations) h1 {
      font-size: calc(((var(--font-h1-desktop)) / (var(--font-base-size))) * 1rem);
      line-height: 1.167;
    }
    :where(.m-main-product, .m-product-recommendations) .h2,
    :where(.m-main-product, .m-product-recommendations) h2 {
      font-size: calc(((var(--font-h2-desktop)) / (var(--font-base-size))) * 1rem);
      line-height: 1.238;
    }
    :where(.m-main-product, .m-product-recommendations) h3,
    :where(.m-main-product, .m-product-recommendations) .h3 {
      font-size: calc(((var(--font-h3-desktop)) / (var(--font-base-size))) * 1rem);
      line-height: 1.278;
    }
  }
  :where(.m-main-product, .m-product-recommendations) [style*='--aspect-ratio'] {
    position: relative;
    overflow: hidden;
  }
  :where(.m-main-product, .m-product-recommendations) [style*='--aspect-ratio']:before {
    display: block;
    width: 100%;
    content: '';
    height: 0px;
  }
  :where(.m-main-product, .m-product-recommendations) [style*='--aspect-ratio'] > *:first-child {
    top: 0;
    left: 0;
    right: 0;
    position: absolute !important;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  :where(.m-main-product, .m-product-recommendations) [style*='--aspect-ratio']:before {
    padding-top: calc(100% / (0.0001 + var(--aspect-ratio, 16/9)));
  }
  @media (max-width: 767px) {
    :where(.m-main-product, .m-product-recommendations) [style*='--aspect-ratio']:before {
      padding-top: calc(100% / (0.0001 + var(--aspect-ratio-mobile, var(--aspect-ratio, 16/9))));
    }
  }
  :where(.m-main-product, .m-product-recommendations) .swiper-wrapper {
    display: flex;
  }
  :where(.m-main-product, .m-product-recommendations) .swiper-container:not(.swiper-container-initialized) .swiper-slide {
    width: calc(100% / var(--items, 1));
    flex: 0 0 auto;
  }
  @media (max-width: 1023px) {
    :where(.m-main-product, .m-product-recommendations) .swiper-container:not(.swiper-container-initialized) .swiper-slide {
      min-width: 40vw;
      flex: 0 0 auto;
    }
  }
  @media (max-width: 767px) {
    :where(.m-main-product, .m-product-recommendations) .swiper-container:not(.swiper-container-initialized) .swiper-slide {
      min-width: 66vw;
      flex: 0 0 auto;
    }
  }

/* ---------- assets/main.css ---------- */
:where(.m-main-product, .m-product-recommendations) .m\:grid,
:where(.m-main-product, .m-product-recommendations) .m\:flex {
  margin-left: max(-15px, var(--column-gap-mobile, var(--column-gap)) / -2);
  margin-right: max(-15px, var(--column-gap-mobile, var(--column-gap)) / -2);
  row-gap: var(--row-gap-mobile, var(--column-gap-mobile, var(--column-gap)));
}
@media screen and (min-width: 768px) {
  :where(.m-main-product, .m-product-recommendations) .m\:grid,
  :where(.m-main-product, .m-product-recommendations) .m\:flex {
    margin-left: min(
      -7.5px,
      var(--column-gap-tablet, var(--column-gap-mobile, var(--column-gap))) / -2
    );
    margin-right: min(
      -7.5px,
      var(--column-gap-tablet, var(--column-gap-mobile, var(--column-gap))) / -2
    );
  }
}
@media screen and (min-width: 1024px) {
  :where(.m-main-product, .m-product-recommendations) .m\:grid,
  :where(.m-main-product, .m-product-recommendations) .m\:flex {
    row-gap: var(--row-gap, var(--column-gap));
    margin-left: calc(var(--column-gap-tablet, var(--column-gap, 0)) / -2);
    margin-right: calc(var(--column-gap-tablet, var(--column-gap, 0)) / -2);
  }
}
@media screen and (min-width: 1280px) {
  :where(.m-main-product, .m-product-recommendations) .m\:grid,
  :where(.m-main-product, .m-product-recommendations) .m\:flex {
    margin-left: calc(var(--column-gap, 0) / -2);
    margin-right: calc(var(--column-gap, 0) / -2);
  }
}
:where(.m-main-product, .m-product-recommendations) .m\:grid {
  display: grid;
}
:where(.m-main-product, .m-product-recommendations) .m\:flex {
  display: flex;
}
:where(.m-main-product, .m-product-recommendations) .m\:display-flex {
  display: flex;
}
:where(.m-main-product, .m-product-recommendations) .m\:grid-2-cols {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:where(.m-main-product, .m-product-recommendations) .m\:column {
  padding-left: calc(var(--column-gap-mobile, var(--column-gap)) / 2);
  padding-right: calc(var(--column-gap-mobile, var(--column-gap)) / 2);
}
@media screen and (min-width: 768px) {
  :where(.m-main-product, .m-product-recommendations) .m\:column {
    padding-left: max(
      7.5px,
      var(--column-gap-tablet, var(--column-gap-mobile, var(--column-gap))) / 2
    );
    padding-right: max(
      7.5px,
      var(--column-gap-tablet, var(--column-gap-mobile, var(--column-gap))) / 2
    );
  }
}
@media screen and (min-width: 1024px) {
  :where(.m-main-product, .m-product-recommendations) .m\:column {
    padding-left: calc(var(--column-gap-tablet, var(--column-gap, 0)) / 2);
    padding-right: calc(var(--column-gap-tablet, var(--column-gap, 0)) / 2);
  }
}
@media screen and (min-width: 1280px) {
  :where(.m-main-product, .m-product-recommendations) .m\:column {
    padding-left: calc(var(--column-gap, 0) / 2);
    padding-right: calc(var(--column-gap, 0) / 2);
  }
}
:where(.m-main-product, .m-product-recommendations) .m\:block {
  display: block;
}
:where(.m-main-product, .m-product-recommendations) .m\:flex-wrap {
  flex-wrap: wrap;
}
:where(.m-main-product, .m-product-recommendations) .m\:inline-flex {
  display: inline-flex;
}
:where(.m-main-product, .m-product-recommendations) .m\:hidden {
  display: none;
}
:where(.m-main-product, .m-product-recommendations) .m\:items-center {
  align-items: center;
}
:where(.m-main-product, .m-product-recommendations) .m\:items-end {
  align-items: end;
}
:where(.m-main-product, .m-product-recommendations) .m\:justify-end {
  justify-content: flex-end;
}
:where(.m-main-product, .m-product-recommendations) .m\:text-center {
  text-align: center;
}
:where(.m-main-product, .m-product-recommendations) .m\:text-xl {
  font-size: calc(var(--font-base-size, 1rem) * 1.25px);
  line-height: 1.75rem;
}
:where(.m-main-product, .m-product-recommendations) .m\:w-full {
  width: 100%;
}
@media (min-width: 768px) {
  :where(.m-main-product, .m-product-recommendations) .md\:m\:grid-3-cols {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  :where(.m-main-product, .m-product-recommendations) .md\:m\:w-1\/2 {
    width: 50%;
  }
  :where(.m-main-product, .m-product-recommendations) .\!md\:m\:hidden {
    display: none !important;
  }
  :where(.m-main-product, .m-product-recommendations) .md\:m\:block {
    display: block;
  }
  :where(.m-main-product, .m-product-recommendations) .md\:m\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 1280px) {
  :where(.m-main-product, .m-product-recommendations) .xl\:m\:grid-4-cols {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  :where(.m-main-product, .m-product-recommendations) .\!m\:hidden-mobile {
    display: none !important;
  }
}
:where(.m-main-product, .m-product-recommendations) *,
:where(.m-main-product, .m-product-recommendations) ::before,
:where(.m-main-product, .m-product-recommendations) ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:where(.m-main-product, .m-product-recommendations) hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
:where(.m-main-product, .m-product-recommendations) abbr:where([title]) {
  text-decoration: underline dotted;
}
:where(.m-main-product, .m-product-recommendations) a {
  color: inherit;
  text-decoration: inherit;
  cursor: pointer;
}
:where(.m-main-product, .m-product-recommendations) b,
:where(.m-main-product, .m-product-recommendations) strong {
  font-weight: bolder;
}
:where(.m-main-product, .m-product-recommendations) code,
:where(.m-main-product, .m-product-recommendations) kbd,
:where(.m-main-product, .m-product-recommendations) samp,
:where(.m-main-product, .m-product-recommendations) pre {
  font-size: 1em;
}
:where(.m-main-product, .m-product-recommendations) small {
  font-size: 80%;
}
:where(.m-main-product, .m-product-recommendations) sub,
:where(.m-main-product, .m-product-recommendations) sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
:where(.m-main-product, .m-product-recommendations) sub {
  bottom: -0.25em;
}
:where(.m-main-product, .m-product-recommendations) sup {
  top: -0.5em;
}
:where(.m-main-product, .m-product-recommendations) table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:where(.m-main-product, .m-product-recommendations) button,
:where(.m-main-product, .m-product-recommendations) input,
:where(.m-main-product, .m-product-recommendations) optgroup,
:where(.m-main-product, .m-product-recommendations) select,
:where(.m-main-product, .m-product-recommendations) textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: currentColor;
  margin: 0;
  padding: 0;
}
:where(.m-main-product, .m-product-recommendations) button,
:where(.m-main-product, .m-product-recommendations) select {
  text-transform: none;
}
:where(.m-main-product, .m-product-recommendations) button,
:where(.m-main-product, .m-product-recommendations) [type="button"],
:where(.m-main-product, .m-product-recommendations) [type="reset"],
:where(.m-main-product, .m-product-recommendations) [type="submit"] {
  -webkit-appearance: button;
  appearance: button;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
}
:where(.m-main-product, .m-product-recommendations) :-moz-focusring {
  outline: auto;
}
:where(.m-main-product, .m-product-recommendations) :-moz-ui-invalid {
  box-shadow: none;
}
:where(.m-main-product, .m-product-recommendations) progress {
  vertical-align: baseline;
}
:where(.m-main-product, .m-product-recommendations) ::-webkit-inner-spin-button,
:where(.m-main-product, .m-product-recommendations) ::-webkit-outer-spin-button {
  height: auto;
}
:where(.m-main-product, .m-product-recommendations) [type="search"] {
  -webkit-appearance: textfield;
  appearance: textfied;
  outline-offset: -2px;
}
:where(.m-main-product, .m-product-recommendations) ::-webkit-search-decoration {
  -webkit-appearance: none;
}
:where(.m-main-product, .m-product-recommendations) ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
:where(.m-main-product, .m-product-recommendations) summary {
  display: list-item;
}
:where(.m-main-product, .m-product-recommendations) blockquote,
:where(.m-main-product, .m-product-recommendations) dl,
:where(.m-main-product, .m-product-recommendations) dd,
:where(.m-main-product, .m-product-recommendations) h1,
:where(.m-main-product, .m-product-recommendations) h2,
:where(.m-main-product, .m-product-recommendations) h3,
:where(.m-main-product, .m-product-recommendations) h4,
:where(.m-main-product, .m-product-recommendations) h5,
:where(.m-main-product, .m-product-recommendations) h6,
:where(.m-main-product, .m-product-recommendations) hr,
:where(.m-main-product, .m-product-recommendations) figure,
:where(.m-main-product, .m-product-recommendations) p,
:where(.m-main-product, .m-product-recommendations) pre {
  margin: 0;
}
:where(.m-main-product, .m-product-recommendations) fieldset {
  margin: 0;
  padding: 0;
}
:where(.m-main-product, .m-product-recommendations) legend {
  padding: 0;
}
:where(.m-main-product, .m-product-recommendations) ol,
:where(.m-main-product, .m-product-recommendations) ul,
:where(.m-main-product, .m-product-recommendations) menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
:where(.m-main-product, .m-product-recommendations) dialog {
  padding: 0;
}
:where(.m-main-product, .m-product-recommendations) textarea {
  resize: vertical;
}
:where(.m-main-product, .m-product-recommendations) input::placeholder,
:where(.m-main-product, .m-product-recommendations) textarea::placeholder {
  opacity: 0.75;
  color: rgb(var(--color-form-field-text));
}
:where(.m-main-product, .m-product-recommendations) button,
:where(.m-main-product, .m-product-recommendations) [role="button"] {
  cursor: pointer;
}
:where(.m-main-product, .m-product-recommendations) :disabled {
  cursor: default;
}
:where(.m-main-product, .m-product-recommendations) img,
:where(.m-main-product, .m-product-recommendations) svg,
:where(.m-main-product, .m-product-recommendations) video,
:where(.m-main-product, .m-product-recommendations) canvas,
:where(.m-main-product, .m-product-recommendations) audio,
:where(.m-main-product, .m-product-recommendations) iframe,
:where(.m-main-product, .m-product-recommendations) embed,
:where(.m-main-product, .m-product-recommendations) object {
  display: block;
}
:where(.m-main-product, .m-product-recommendations) img,
:where(.m-main-product, .m-product-recommendations) video {
  max-width: 100%;
  height: auto;
}
:where(.m-main-product, .m-product-recommendations) [hidden] {
  display: none !important;
}
:where(.m-main-product, .m-product-recommendations) input[type="number"]::-webkit-outer-spin-button,
:where(.m-main-product, .m-product-recommendations) input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
:where(.m-main-product, .m-product-recommendations) input::-webkit-outer-spin-button,
:where(.m-main-product, .m-product-recommendations) input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
:where(.m-main-product, .m-product-recommendations) input[type="text"],
:where(.m-main-product, .m-product-recommendations) input[type="email"],
:where(.m-main-product, .m-product-recommendations) input[type="password"],
:where(.m-main-product, .m-product-recommendations) input[type="search"],
:where(.m-main-product, .m-product-recommendations) select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
:where(.m-main-product, .m-product-recommendations) input[type="number"] {
  -moz-appearance: textfield;
}
:where(.m-main-product, .m-product-recommendations) input[type="search"]::-webkit-search-decoration,
:where(.m-main-product, .m-product-recommendations) input[type="search"]::-webkit-search-cancel-button,
:where(.m-main-product, .m-product-recommendations) input[type="search"]::-webkit-search-results-button,
:where(.m-main-product, .m-product-recommendations) input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
:where(.m-main-product, .m-product-recommendations) select {
  background-color: rgba(0, 0, 0, 0);
  background-position: center;
  background-repeat: no-repeat;
  background-image: var(--arrow-select-box);
  background-size: 10px;
  background-position-x: calc(100% - 9px);
  padding-right: 25px;
}
:where(.m-main-product, .m-product-recommendations) input:not(
    .m-quantity__input,
    .form-field,
    .m-facets-price--range,
    .tcustomizer__color-picker--input,
    .tcustomizer__text-field
  ),
    :where(.m-main-product, .m-product-recommendations) textarea:not(
    .m-quantity__input,
    .form-field,
    .m-facets-price--range,
    .tcustomizer__color-picker--input,
    .tcustomizer__text-field
  ) {
  border-width: 1px;
  border-style: solid;
}

:where(.m-main-product, .m-product-recommendations) .m-button,
:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button.shopify-payment-button__button--unbranded {
  outline: none;
  text-align: center;
  padding: 10px 20px;
  white-space: normal;
  transition: var(--m-duration-default, 0.25s) all;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0);
  font-size: var(--font-btn-size, 1rem);
  font-weight: var(--font-btn-weight, 500);
  letter-spacing: var(--btn-letter-spacing, 0);
  text-transform: var(--btn-text-transform, "");
  border-radius: var(--btn-border-radius, 0);
  line-height: var(--btn-line-height, "normal");
}
:where(.m-main-product, .m-product-recommendations) .m-button:hover,
:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
  cursor: pointer;
}
:where(.m-main-product, .m-product-recommendations) .m-button:focus,
:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button.shopify-payment-button__button--unbranded:focus,
:where(.m-main-product, .m-product-recommendations) .m-button:hover,
:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
  border-color: rgb(var(--color-button-hover));
  background-color: rgb(var(--color-button-hover));
  color: rgb(var(--color-button-text-hover));
}
:where(.m-main-product, .m-product-recommendations) .m-button:not(.m-button--link, .m-link-underline, .m-button--blank):hover, :where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(
    .m-button--link,
    .m-link-underline,
    .m-button--blank
  ):hover {
  box-shadow: 0 0 0 0.2rem rgb(var(--color-button-hover));
}
:where(.m-main-product, .m-product-recommendations) .m-button:disabled,
:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button.shopify-payment-button__button--unbranded:disabled,
:where(.m-main-product, .m-product-recommendations) .m-button.disabled,
:where(.m-main-product, .m-product-recommendations) .disabled.shopify-payment-button__button.shopify-payment-button__button--unbranded,
:where(.m-main-product, .m-product-recommendations) .m-button[disabled],
:where(.m-main-product, .m-product-recommendations) [disabled].shopify-payment-button__button.shopify-payment-button__button--unbranded {
  pointer-events: none;
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  :where(.m-main-product, .m-product-recommendations) .m-button,
  :where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    padding-left: 30px;
    padding-right: 30px;
  }
}

:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button.shopify-payment-button__button--unbranded {
  background-color: rgb(var(--color-button));
  border-color: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
}

:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button.shopify-payment-button__button--unbranded:focus,
:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
  background: rgb(var(--color-button-hover));
  border-color: rgb(var(--color-button-hover));
  color: rgb(var(--color-button-text-hover));
}
:where(.m-main-product, .m-product-recommendations) .m-button--secondary {
  background-color: rgba(0, 0, 0, 0);
  text-align: center;
  border: var(--btn-border-width) solid rgb(var(--color-outline-button));
  color: rgb(var(--color-outline-button));
}
:where(.m-main-product, .m-product-recommendations) .m-button--secondary:focus,
:where(.m-main-product, .m-product-recommendations) .m-button--secondary:hover {
  background: rgb(var(--color-button-hover));
  border-color: rgb(var(--color-button-hover));
  color: rgb(var(--color-button-text-hover));
}
@media screen and (min-width: 1280px) {
  :where(.m-main-product, .m-product-recommendations) .m-button--icon:hover {
    box-shadow: 0 0 0 0.2rem rgb(var(--color-button-hover));
  }
}
:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button {
  border-radius: var(--btn-border-radius, 0) !important;
  overflow: hidden;
}
:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button.shopify-payment-button__button--unbranded {
  white-space: nowrap;
}
:where(.m-main-product, .m-product-recommendations) .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not(
    [disabled]
  ) {
  background: rgb(var(--color-button-hover)) !important;
}
:where(.m-main-product, .m-product-recommendations) .container {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  max-width: var(--container-width, 1280px);
}
:where(.m-main-product, .m-product-recommendations) .container-fluid {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  max-width: calc(
    var(--fluid-container-width, 1620px) + var(--fluid-container-offset) * 2
  );
}
@media screen and (min-width: 1280px) {
  :where(.m-main-product, .m-product-recommendations) .container-fluid {
    padding: 0 var(--fluid-container-offset, 60px);
  }
}
:where(.m-main-product, .m-product-recommendations) .m-section-my {
  margin-top: var(--spacing-sections-desktop);
  margin-bottom: var(--spacing-sections-desktop);
}
@media screen and (max-width: 1535px) {
  :where(.m-main-product, .m-product-recommendations) .m-section-my {
    margin-top: var(--spacing-sections-laptop);
    margin-bottom: var(--spacing-sections-laptop);
  }
}
@media screen and (max-width: 1279px) {
  :where(.m-main-product, .m-product-recommendations) .m-section-my {
    margin-top: var(--spacing-sections-tablet);
    margin-bottom: var(--spacing-sections-tablet);
  }
}
@media screen and (max-width: 767px) {
  :where(.m-main-product, .m-product-recommendations) .m-section-my {
    margin-top: var(--spacing-sections-mobile);
    margin-bottom: var(--spacing-sections-mobile);
  }
}
:where(.m-main-product, .m-product-recommendations) .m-section-py {
  --section-padding-top-laptop: calc(var(--section-padding-top) * 0.8);
  --section-padding-bottom-laptop: calc(var(--section-padding-bottom) * 0.8);
  --section-padding-top-tablet: calc(var(--section-padding-top) * 0.6);
  --section-padding-bottom-tablet: calc(var(--section-padding-bottom) * 0.6);
  --section-padding-top-mobile: min(var(--section-padding-top), 40px);
  --section-padding-bottom-mobile: min(var(--section-padding-bottom), 40px);
  padding-top: var(--section-padding-top, var(--spacing-sections-desktop));
  padding-bottom: var(
    --section-padding-bottom,
    var(--spacing-sections-desktop)
  );
}
@media screen and (max-width: 1535px) {
  :where(.m-main-product, .m-product-recommendations) .m-section-py {
    padding-top: var(
      --section-padding-top-laptop,
      var(--spacing-sections-laptop)
    );
    padding-bottom: var(
      --section-padding-bottom-laptop,
      var(--spacing-sections-laptop)
    );
  }
}
@media screen and (max-width: 1279px) {
  :where(.m-main-product, .m-product-recommendations) .m-section-py {
    padding-top: var(
      --section-padding-top-tablet,
      var(--spacing-sections-tablet)
    );
    padding-bottom: var(
      --section-padding-bottom-tablet,
      var(--spacing-sections-tablet)
    );
  }
}
@media screen and (max-width: 767px) {
  :where(.m-main-product, .m-product-recommendations) .m-section-py {
    padding-top: var(
      --section-padding-top-mobile,
      var(--spacing-sections-mobile)
    );
    padding-bottom: var(
      --section-padding-bottom-mobile,
      var(--spacing-sections-mobile)
    );
  }
}
:where(.m-main-product, .m-product-recommendations) .m\:font-medium {
  font-weight: 500;
}
:where(.m-main-product, .m-product-recommendations) .m\:text-color-body {
  color: rgb(var(--color-foreground));
}

:where(.m-main-product, .m-product-recommendations) .m\:visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
:where(.m-main-product, .m-product-recommendations) .m\:visually-hidden--inline {
  margin: 0;
  height: 1em;
}

:where(.m-main-product, .m-product-recommendations) [disabled] {
  pointer-events: none;
  opacity: 0.5;
}
:where(.m-main-product, .m-product-recommendations) [disabled="false"],
:where(.m-main-product, .m-product-recommendations) .m-button[disabled="false"],
:where(.m-main-product, .m-product-recommendations) [disabled="false"].shopify-payment-button__button.shopify-payment-button__button--unbranded {
  pointer-events: auto;
  opacity: 1;
}
:where(.m-main-product, .m-product-recommendations) .m\:blocks-radius {
  border-radius: var(--blocks-radius);
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
:where(.m-main-product, .m-product-recommendations) .m-svg-icon {
  width: 16px;
  height: 16px;
}
:where(.m-main-product, .m-product-recommendations) .m-svg-icon--large {
  width: 24px;
  height: 24px;
}
:where(.m-main-product, .m-product-recommendations) .m-product-form .m-add-to-cart {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
}
:where(.m-main-product, .m-product-recommendations) responsive-image {
  display: inline-block;
  transition-duration: var(--m-duration-long);
  transition-timing-function: ease;
  background-color: var(--bg-card-placeholder);
  transition-property: background-color;
}
:where(.m-main-product, .m-product-recommendations) responsive-image img {
  opacity: 0;
  backface-visibility: hidden;
  transition-property: transform, opacity;
}
:where(.m-main-product, .m-product-recommendations) responsive-image.m-image-loaded {
  background-color: rgba(0, 0, 0, 0);
}
:where(.m-main-product, .m-product-recommendations) responsive-image.m-image-loaded img {
  animation: mZoomFadeSmall var(--m-duration-animate) ease forwards;
}
:where(.m-main-product, .m-product-recommendations) .m-image {
  width: var(--image-width, 100%);
  vertical-align: middle;
}
.m-product-recommendations.m-swiper-overflow .swiper-container,
.m-product-recommendations.m-swiper-overflow .m-mixed-layout--mobile-scroll {
  padding-bottom: 5px;
  margin-bottom: -5px;
}
@media screen and (min-width: 1024px) {
  .m-product-recommendations.m-swiper-overflow {
    --swiper-container-offset-top: 30px;
    --swiper-container-side-spacing: calc(-1 * var(--column-gap) / 2);
  }
  .m-product-recommendations.m-swiper-overflow .swiper-container {
    padding: var(--swiper-container-offset-top)
      calc(var(--column-gap, 0px) / 2 - 1px) 60px;
    margin: calc(var(--swiper-container-offset-top) * -1)
      var(--swiper-container-side-spacing, auto) -60px;
  }
}
:where(.m-main-product, .m-product-recommendations) .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
:where(.m-main-product, .m-product-recommendations) .swiper-container {
  display: block;
}
:where(.m-main-product, .m-product-recommendations) .swiper-pagination {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
  padding: 5px 0;
  pointer-events: auto;
  z-index: 29;
}
@media screen and (min-width: 768px) {
  :where(.m-main-product, .m-product-recommendations) .m-slider-controls--absolute .swiper-pagination {
    margin-top: 40px;
  }
}
:where(.m-main-product, .m-product-recommendations) .swiper-pagination:empty {
  display: none !important;
}
@media screen and (min-width: 768px) {
  :where(.m-main-product, .m-product-recommendations) .m-slider-control-hover-inside:hover
    .m-slider-controls--absolute
    .m-slider-controls__button {
    left: calc(var(--column-gap-mobile, 0px) / 2 + 25px);
    opacity: 1;
  }
  :where(.m-main-product, .m-product-recommendations) .m-slider-control-hover-inside:hover
    .m-slider-controls--absolute
    .m-slider-controls__button-next {
    left: auto;
    right: calc(var(--column-gap-mobile, 0px) / 2 + 25px);
  }
}
@media screen and (min-width: 1024px) {
  :where(.m-main-product, .m-product-recommendations) .m-slider-control-hover-inside:hover
    .m-slider-controls--absolute
    .m-slider-controls__button {
    left: calc(var(--column-gap, 0px) / 2 + 25px);
  }
  :where(.m-main-product, .m-product-recommendations) .m-slider-control-hover-inside:hover
    .m-slider-controls--absolute
    .m-slider-controls__button-next {
    left: auto;
    right: calc(var(--column-gap, 0px) / 2 + 25px);
  }
}
:where(.m-main-product, .m-product-recommendations) .m-slider-controls {
  margin-top: 40px;
}
:where(.m-main-product, .m-product-recommendations) .m-mixed-layout .m-slider-controls {
  padding-left: min(15px, var(--column-gap-mobile, var(--column-gap)) / 2);
  padding-right: min(15px, var(--column-gap-mobile, var(--column-gap)) / 2);
}
@media screen and (min-width: 768px) {
  :where(.m-main-product, .m-product-recommendations) .m-mixed-layout .m-slider-controls {
    padding-left: max(7.5px, var(--column-gap-mobile, var(--column-gap)) / 2);
    padding-right: max(7.5px, var(--column-gap-mobile, var(--column-gap)) / 2);
  }
}
@media screen and (min-width: 1024px) {
  :where(.m-main-product, .m-product-recommendations) .m-mixed-layout .m-slider-controls {
    padding-left: calc(var(--column-gap, 0) / 2);
    padding-right: calc(var(--column-gap, 0) / 2);
  }
}
:where(.m-main-product, .m-product-recommendations) .m-slider-controls.m\:hidden {
  display: none;
}
:where(.m-main-product, .m-product-recommendations) .m-slider-controls__wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  margin-left: -8px;
  margin-right: -8px;
}
:where(.m-main-product, .m-product-recommendations) .m-slider-controls__button {
  width: 45px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border: 1px solid rgb(var(--color-border));
  border-radius: 9999px;
  padding: 0;
  margin-left: 8px;
  margin-right: 8px;
  z-index: 1;
  transition: all var(--m-duration-default, 0.25s) ease;
  pointer-events: auto;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
}
:where(.m-main-product, .m-product-recommendations) .m-slider-controls__button[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
:where(.m-main-product, .m-product-recommendations) .m-slider-controls__button:after {
  display: none;
}
:where(.m-main-product, .m-product-recommendations) .m-slider-controls__button:hover {
  border-color: rgb(var(--color-button-hover));
}
:where(.m-main-product, .m-product-recommendations) .m-slider-controls__button.m\:hidden {
  display: none;
}
@media screen and (min-width: 1280px) {
  :where(.m-main-product, .m-product-recommendations) .m-slider-controls__button:hover {
    background: rgb(var(--color-button-hover));
    color: rgb(var(--color-button-text-hover));
    border-color: rgb(var(--color-button-hover));
    box-shadow: 0 0 0 0.2rem rgb(var(--color-button-hover));
  }
}
@media screen and (max-width: 767px) {
  :where(.m-main-product, .m-product-recommendations) .m-slider-controls__button {
    width: 40px;
    height: 40px;
  }
}
:where(.m-main-product, .m-product-recommendations) .m-slider-controls--absolute {
  margin-top: 0;
  font-size: 0;
}
:where(.m-main-product, .m-product-recommendations) .m-slider-controls--absolute .m-slider-controls__button {
  --button-offset-top: calc(
    var(--offset-top) + var(--swiper-container-offset-top, 0px)
  );
  position: absolute;
  top: var(--button-offset-top, 50%);
  transform: translateY(-50%);
  left: -80px;
}
@media screen and (min-width: 1024px) {
  :where(.m-main-product, .m-product-recommendations) .m-slider-control-hover-inside
    .m-slider-controls--absolute
    .m-slider-controls__button {
    opacity: 0;
  }
}
:where(.m-main-product, .m-product-recommendations) .m-slider-controls--absolute .m-slider-controls__button-next {
  left: auto;
  right: -80px;
}
@media screen and (min-width: 768px) {
  :where(.m-main-product, .m-product-recommendations) .m-slider-controls--absolute .m-slider-controls__button {
    margin-left: 0;
    margin-right: 0;
  }
  :where(.m-main-product, .m-product-recommendations) .m-slider-controls--absolute .swiper-pagination {
    position: absolute;
    width: auto;
  }
  :where(.m-main-product, .m-product-recommendations) .m-slider-controls--absolute[class*="-left"] .swiper-pagination {
    left: 0;
    right: auto;
  }
  :where(.m-main-product, .m-product-recommendations) .m-slider-controls--absolute[class*="-right"] .swiper-pagination {
    right: 0;
    left: auto;
  }
  :where(.m-main-product, .m-product-recommendations) .m-slider-controls--absolute[class*="-bottom-"] .swiper-pagination {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  :where(.m-main-product, .m-product-recommendations) .m-slider-controls--absolute {
    text-align: center;
  }
  :where(.m-main-product, .m-product-recommendations) .m-slider-controls--absolute .m-slider-controls__button {
    position: static;
    transform: none;
    display: flex;
    flex: 0 0 auto;
  }
  :where(.m-main-product, .m-product-recommendations) .m-slider-controls--absolute .swiper-pagination {
    width: auto;
  }
}
:where(.m-main-product, .m-product-recommendations) .m-slider-controls[class*="-bottom-center"] {
  text-align: center;
}
@media screen and (max-width: 767px) {
  :where(.m-main-product, .m-product-recommendations) .m-slider-controls {
    max-width: 100vw;
    margin-top: 20px;
  }
}
:where(.m-main-product, .m-product-recommendations) .m-section__header {
  margin-bottom: var(--m-section-header-spacing-bottom, 60px);
}
@media screen and (max-width: 1279px) {
  :where(.m-main-product, .m-product-recommendations) .m-section__header {
    margin-bottom: var(--m-section-header-spacing-bottom-tablet, 40px);
  }
}
@media screen and (max-width: 767px) {
  :where(.m-main-product, .m-product-recommendations) .m-section__header {
    margin-bottom: var(--m-section-header-spacing-bottom-mobile, 24px);
  }
}
:where(.m-main-product, .m-product-recommendations) .m-gradient {
  background: rgb(var(--color-background));
  background: var(--gradient-background);
}
:where(.m-main-product, .m-product-recommendations) .m-product-recommendations__wrapper {
  position: relative;
}
:where(.m-main-product, .m-product-recommendations) .animate-spin {
  animation: mSpin 1s linear infinite;
  display: none;
}
:where(.m-main-product, .m-product-recommendations) .animate-spin circle {
  opacity: 0.25;
}
:where(.m-main-product, .m-product-recommendations) .animate-spin path {
  opacity: 0.75;
}
:where(.m-main-product, .m-product-recommendations) .m-spinner-icon {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
}
:where(.m-main-product, .m-product-recommendations) .m-spinner-loading .m-spinner-button,
:where(.m-main-product, .m-product-recommendations) .m-spinner-loading.m-spinner-button {
  position: relative;
  pointer-events: none;
}
:where(.m-main-product, .m-product-recommendations) .m-spinner-loading .m-spinner-button > *:not(.m-spinner-icon),
:where(.m-main-product, .m-product-recommendations) .m-spinner-loading.m-spinner-button > *:not(.m-spinner-icon) {
  visibility: hidden;
}
:where(.m-main-product, .m-product-recommendations) .m-spinner-loading .m-spinner-button .m-spinner-icon,
:where(.m-main-product, .m-product-recommendations) .m-spinner-loading.m-spinner-button .m-spinner-icon {
  display: flex;
}
:where(.m-main-product, .m-product-recommendations) .m-spinner-loading .m-spinner-button .animate-spin,
:where(.m-main-product, .m-product-recommendations) .m-spinner-loading.m-spinner-button .animate-spin {
  display: block;
}
@keyframes mSpin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes mZoomFadeSmall {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
:where(.m-main-product, .m-product-recommendations) .m-tooltip {
  border-radius: 9999px;
  cursor: pointer;
  background-color: rgba(var(--bg-white), 1);
  position: relative;
  padding: 5px;
  margin-bottom: 8px;
  padding: 5px;
}
:where(.m-main-product, .m-product-recommendations) .m-tooltip--top .m-tooltip__content {
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
}
:where(.m-main-product, .m-product-recommendations) .m-tooltip--top .m-tooltip__content:after {
  left: calc(50% - 5px);
  bottom: -3px;
}
:where(.m-main-product, .m-product-recommendations) .m-tooltip--top .m-tooltip__content::before {
  width: 100%;
  height: 8px;
  left: 0;
  top: 100%;
}
:where(.m-main-product, .m-product-recommendations) .m-tooltip__content {
  visibility: hidden;
  position: absolute;
  z-index: 75;
  min-width: max-content;
  border-radius: 0.25rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: var(--m-duration-default, 0.25s);
  display: none;
  background: rgb(var(--color-tooltip));
  color: rgb(var(--color-tooltip-text)) !important;
}
:where(.m-main-product, .m-product-recommendations) .m-tooltip__content:after {
  content: "";
  width: 10px;
  height: 10px;
  background: rgb(var(--color-tooltip));
  position: absolute;
  transform: rotate(45deg);
  z-index: -1;
}
:where(.m-main-product, .m-product-recommendations) .m-tooltip__content::before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0);
}
@media screen and (min-width: 1024px) {
  :where(.m-main-product, .m-product-recommendations) .m-tooltip__content {
    display: block;
  }
}
:where(.m-main-product, .m-product-recommendations) .m-tooltip:hover .m-tooltip__content {
  visibility: visible;
  opacity: 1;
}
:where(.m-main-product, .m-product-recommendations) .m-tooltip:hover.m-tooltip--top .m-tooltip__content {
  bottom: calc(100% + 8px);
}
:where(.m-main-product, .m-product-recommendations) .m-mixed-layout {
  margin-left: max(-15px, var(--column-gap-mobile, var(--column-gap)) / -2);
  margin-right: max(-15px, var(--column-gap-mobile, var(--column-gap)) / -2);
}
@media screen and (min-width: 768px) {
  :where(.m-main-product, .m-product-recommendations) .m-mixed-layout {
    margin-left: min(-7.5px, var(--column-gap-mobile, var(--column-gap)) / -2);
    margin-right: min(-7.5px, var(--column-gap-mobile, var(--column-gap)) / -2);
  }
}
@media screen and (min-width: 1024px) {
  :where(.m-main-product, .m-product-recommendations) .m-mixed-layout {
    margin-left: calc(var(--column-gap, 0) / -2);
    margin-right: calc(var(--column-gap, 0) / -2);
  }
}
:where(.m-main-product, .m-product-recommendations) .m-mixed-layout__inner {
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  :where(.m-main-product, .m-product-recommendations) .m-mixed-layout--mobile-scroll {
    --page-padding: 15px;
    overflow-y: hidden;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    padding-inline: var(--page-padding);
    margin-inline: calc(var(--page-padding) * -1);
    scroll-padding-inline: var(--page-padding);
    scrollbar-width: none;
    display: grid !important;
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 15px;
    padding-bottom: 1px;
  }
  :where(.m-main-product, .m-product-recommendations) .m-mixed-layout--mobile-scroll .m-mixed-layout__inner {
    --slider-grid: auto / auto-flow var(--mobile-column-width, 66vw);
    display: grid;
    grid: var(--slider-grid);
    column-gap: var(--column-gap-mobile, var(--column-gap));
    margin-inline: 0 !important;
  }
  :where(.m-main-product, .m-product-recommendations) .m-mixed-layout--mobile-scroll .m-mixed-layout__inner > * {
    scroll-snap-align: start;
    padding-inline: 0 !important;
    width: 100%;
  }
  :where(.m-main-product, .m-product-recommendations) .m-mixed-layout--mobile-scroll::-webkit-scrollbar {
    display: none;
  }
}
:where(.m-main-product, .m-product-recommendations) .notification {
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  padding: 0 0.75rem;
  max-height: 0px;
  margin: 10px 0;
}
:where(.m-main-product, .m-product-recommendations) .notification svg {
  min-width: 24px;
}
:where(.m-main-product, .m-product-recommendations) .notification.show {
  transition:
    max-height var(--m-duration-default, 0.25s),
    padding var(--m-duration-default, 0.25s),
    opacity var(--m-duration-default, 0.25s) 0.2s;
  max-height: 96px;
  padding: 0.5rem 0.75rem;
  opacity: 1;
}
:where(.m-main-product, .m-product-recommendations) .notification.hide {
  transition:
    max-height var(--m-duration-default, 0.25s) 0.2s,
    padding var(--m-duration-default, 0.25s) 0.2s,
    opacity var(--m-duration-default, 0.25s);
  opacity: 0;
  padding: 0 0.75rem;
  max-height: 0px;
}
:where(.m-main-product, .m-product-recommendations) .notification.success {
  background-color: var(--color-success-bg);
  color: rgb(var(--color-success));
}
:where(.m-main-product, .m-product-recommendations) .notification.warning {
  background-color: var(--color-warning-bg);
  color: rgb(var(--color-warning));
}
:where(.m-main-product, .m-product-recommendations) .notification.error {
  background-color: var(--color-error-bg);
  color: rgb(var(--color-error));
}
:where(.m-main-product, .m-product-recommendations) .notification__text {
  margin-left: 12px;
}
:where(.m-main-product, .m-product-recommendations) .m-product-option .option-label--selected {
  font-weight: 400;
}
:where(.m-main-product, .m-product-recommendations) .m-product-option .foxkit-sizechart-button--label {
  margin-left: 8px;
}
:where(.m-main-product, .m-product-recommendations) .m-product-option input[type="radio"] {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  line-height: 24px;
  margin-bottom: 12px;
  font-weight: 500;
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--color .m-product-option--content {
  margin: 0 -2px;
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--image .m-product-option--content,
:where(.m-main-product, .m-product-recommendations) .m-product-option--button .m-product-option--content,
:where(.m-main-product, .m-product-recommendations) .m-product-option--default .m-product-option--content {
  margin: 0 -5px;
}

:where(.m-main-product, .m-product-recommendations) .m-product-option--dropdown select {
  height: 44px;
  border: 1px solid rgb(var(--color-border));
  border-radius: 4px;
  padding: 0 40px 0 16px;
  cursor: pointer;
  width: 100%;
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--button .m-product-option--node input:checked + label {
  border-color: rgb(var(--color-button-hover));
  background-color: rgb(var(--color-button-hover));
  color: rgb(var(--color-button-text-hover));
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--button .m-product-option--node__label {
  border: 1px solid rgb(var(--color-border));
  min-width: 35px;
  padding: 10px;
  margin: 5px;
  font-size: 18px;
  border-radius: 5px;
  transition: var(--m-duration-default, 0.25s) all;
  text-transform: capitalize;
  line-height: 1.3;
  font-size: 14px;
}
:where(.m-main-product, .m-product-recommendations) variant-picker .m-product-option--button .m-product-option--node__label {
  font-size: var(--font-base-size);
  min-width: 45px;
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--button .m-product-option--node__label:hover {
  border-color: rgb(var(--color-button-hover));
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--image .m-product-option--node input:checked + label {
  border-color: rgb(var(--color-button-hover));
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--image .m-product-option--node__label {
  border: 1px solid rgb(var(--color-border));
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--image .m-product-option--node__label:hover {
  border-color: rgb(var(--color-button-hover));
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--node__label {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--node__label[data-option-type="default"],
:where(.m-main-product, .m-product-recommendations) .m-product-option--node__label[data-option-type="image"].has-bg-img,
:where(.m-main-product, .m-product-recommendations) .m-product-option--node__label[data-option-type="color"] {
  font-size: 0;
  line-height: 0;
  background-size: cover;
  background-position: center;
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--node__label[data-option-type="image"] {
  min-width: 40px;
  height: calc(40px / var(--option-aspect-ratio, 1));
  margin: 5px;
  padding: 5px 10px;
}
:where(.m-main-product, .m-product-recommendations) variant-picker .m-product-option--node__label[data-option-type="image"] {
  width: 75px;
  height: calc(75px / var(--option-aspect-ratio, 1));
}
@media screen and (max-width: 639px) {
  :where(.m-main-product, .m-product-recommendations) variant-picker .m-product-option--node__label[data-option-type="image"] {
    width: 45px;
    height: calc(45px / var(--option-aspect-ratio, 1));
  }
}
@media screen and (max-width: 639px) {
  :where(.m-main-product, .m-product-recommendations) .m-product-option--node__label[data-option-type="image"] {
    width: 60px;
    height: calc(60px / var(--option-aspect-ratio, 1));
  }
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--node__unavailable .m-product-option--node__label {
  position: relative;
  opacity: 0.4;
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--node__unavailable .m-product-option--node__label::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(
      to bottom right,
      transparent calc(50% - 1px),
      rgb(var(--color-border)) 50%,
      transparent calc(50% + 1px)
    )
    no-repeat;
  z-index: 1;
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--node__unavailable
  .m-product-option--node__label[data-option-type="color"]::before {
  border-radius: 50%;
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--node.m-tooltip {
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--swatch {
  display: flex;
  align-items: center;
  justify-content: center;
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--swatch .m-product-option--node__label {
  border-radius: 50%;
  position: relative;
  width: 26px;
  height: 26px;
  box-shadow: 0 0 0px 1px rgba(var(--color-foreground), 0.1);
  transition:
    box-shadow var(--m-duration-default, 0.25s) ease,
    transform var(--m-duration-default, 0.25s) ease;
  margin: 5px;
  background-color: rgba(0, 0, 0, 0);
}
:where(.m-main-product, .m-product-recommendations) variant-picker
  .m-product-option--swatch
  .m-product-option--node__label[data-option-type="color"],
:where(.m-main-product, .m-product-recommendations) variant-picker
  .m-product-option--swatch
  .m-product-option--node__label[data-option-type="swatch_color"] {
  width: 40px;
  height: 40px;
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--swatch
  .m-product-option--node__label[data-option-type="swatch_color"] {
  background: var(--swatch-background);
  background-position: var(--swatch-focal-point, 50%);
  background-size: cover;
}
@media screen and (max-width: 767px) {
  :where(.m-main-product, .m-product-recommendations) .m-product-option--swatch .m-product-option--node__label {
    width: 24px;
    height: 24px;
  }
}
:where(.m-main-product, .m-product-recommendations) .m-product-option--swatch input:checked + label {
  box-shadow:
    0 0 0 1px rgb(var(--color-foreground)),
    inset 0 0 0 4px rgb(var(--color-background));
}
@media screen and (min-width: 1280px) {
  :where(.m-main-product, .m-product-recommendations) .m-product-option--swatch:hover .m-product-option--node__label {
    box-shadow:
      0 0 0 1px rgb(var(--color-foreground)),
      0px 8px 20px rgba(var(--color-foreground), 0.2),
      inset 0 0 0 4px rgb(var(--color-background));
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
:where(.m-main-product, .m-product-recommendations) .m-product-option:not(:last-child) {
  margin-bottom: 20px;
}
:where(.m-main-product, .m-product-recommendations) .m-product-tag {
  font-size: 11px;
  text-transform: uppercase;
  line-height: 16px;
  padding: 2px 10px;
  font-weight: 600;
  border-radius: 11px;
  align-items: center;
}
:where(.m-main-product, .m-product-recommendations) .m-product-tag:not(.hidden) {
  display: inline-flex;
}
:where(.m-main-product, .m-product-recommendations) .m-product-tag--sale .m-currency--saved {
  margin-inline-start: 4px;
}
@media screen and (max-width: 767px) {
  :where(.m-main-product, .m-product-recommendations) .m-product-tag {
    font-size: 10px;
    padding: 2px 8px;
  }
}
:where(.m-main-product, .m-product-recommendations) .m-price__sale,
:where(.m-main-product, .m-product-recommendations) .m-price .m-price__badge-sale,
:where(.m-main-product, .m-product-recommendations) .m-price--on-sale .m-price__regular {
  display: none;
}
:where(.m-main-product, .m-product-recommendations) .m-price {
  gap: 8px;
  color: rgb(var(--color-foreground));
}
:where(.m-main-product, .m-product-recommendations) .m-price__unit-wrapper {
  width: 100%;
}
:where(.m-main-product, .m-product-recommendations) .m-price__regular .m-price-item--regular,
:where(.m-main-product, .m-product-recommendations) .m-price__regular .m-price-item--last,
:where(.m-main-product, .m-product-recommendations) .m-price__sale .m-price-item--regular,
:where(.m-main-product, .m-product-recommendations) .m-price__sale .m-price-item--last {
  font-family: var(--font-stack-body);
}
:where(.m-main-product, .m-product-recommendations) .m-price__regular {
  color: rgb(var(--color-price-regular));
}
:where(.m-main-product, .m-product-recommendations) .m-price__sale .m-price-item--regular {
  font-size: 87.5%;
  text-decoration: line-through;
  color: rgb(var(--color-foreground-secondary));
}
:where(.m-main-product, .m-product-recommendations) .m-price__sale .m-price-item--last {
  color: rgb(var(--color-price-sale));
}
:where(.m-main-product, .m-product-recommendations) .m-price--on-sale .m-price__sale {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2px 8px;
  align-items: center;
}

:where(.m-main-product, .m-product-recommendations) .m-price--sold-out .m-price__badges,
:where(.m-main-product, .m-product-recommendations) .m-price--on-sale .m-price__badge-sale,
:where(.m-main-product, .m-product-recommendations) .m-price--on-sale .m-price__badges {
  display: inline-flex;
}

:where(.m-main-product, .m-product-recommendations) .m-price--sold-out .m-price__badges .m-product-tag,
:where(.m-main-product, .m-product-recommendations) .m-price--on-sale .m-price__badge-sale .m-product-tag,
:where(.m-main-product, .m-product-recommendations) .m-price--on-sale .m-price__badges .m-product-tag {
  column-gap: 4px;
}

/* ---------- assets/vendor.css (Swiper) ---------- */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
:where(.m-main-product, .m-product-recommendations) .swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
:where(.m-main-product, .m-product-recommendations) .swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
:where(.m-main-product, .m-product-recommendations) .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: initial;
}

:where(.m-main-product, .m-product-recommendations) .swiper-wrapper {
  transform: translateZ(0);
}
:where(.m-main-product, .m-product-recommendations) .swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
/* O carrossel daqui usa pointer events também no toque (o Swiper usava touch events, sem touch-action): o arrasto
   lateral fica com o carrossel, mas o gesto de pinça (zoom do iPhone) continua valendo, como na loja Shopify. */
:where(.m-main-product, .m-product-recommendations) .swiper-container-pointer-events {
  touch-action: pan-y;
  touch-action: pan-y pinch-zoom;
}
:where(.m-main-product, .m-product-recommendations) .swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
  touch-action: pan-x pinch-zoom;
}
:where(.m-main-product, .m-product-recommendations) .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
:where(.m-main-product, .m-product-recommendations) .swiper-container-autoheight,
:where(.m-main-product, .m-product-recommendations) .swiper-container-autoheight .swiper-slide {
  height: auto;
}
:where(.m-main-product, .m-product-recommendations) .swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* ---------- assets/product.css ---------- */
.m-main-product {
  margin-bottom: 20px;
}
.m-main-product--info .m-product-info--wrapper {
  position: sticky;
  top: 30px;
}
@media screen and (min-width: 1024px) {
  .m-main-product {
    margin-bottom: 48px;
    margin-top: 16px;
  }
}
:where(.m-main-product, .m-product-recommendations) .m-media-gallery[data-enable-image-zoom="true"]
  .m-product-media--item.media-type-image {
  cursor: zoom-in;
}
:where(.m-main-product, .m-product-recommendations) .m-media-gallery[data-only-media="true"] .m-product-media--slider__images {
  width: 100%;
}
:where(.m-main-product, .m-product-recommendations) .m-media-gallery__wrapper .swiper-container,
:where(.m-main-product, .m-product-recommendations) .m-media-gallery__wrapper .nav-swiper-container {
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: var(--m-duration-default, 0.25s);
}
:where(.m-main-product, .m-product-recommendations) .m-media-gallery__wrapper .swiper-button-control {
  width: 45px;
  height: 45px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: rgba(var(--color-button, --bg-white), 1);
  transition: var(--m-duration-default, 0.25s) all;
  color: rgb(var(--color-button-text, --text-black));
  pointer-events: auto;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(-100%, 0, 0);
}
:where(.m-main-product, .m-product-recommendations) .m-media-gallery__wrapper .swiper-button-control:hover {
  background: rgb(var(--color-button-hover));
  color: rgb(var(--color-button-text-hover));
  border-color: rgb(var(--color-button-hover));
}
:where(.m-main-product, .m-product-recommendations) .m-media-gallery__wrapper .swiper-button-control.swiper-button-next {
  transform: translate3d(100%, 0, 0);
}
:where(.m-main-product, .m-product-recommendations) .m-media-gallery__wrapper .nav-swiper-container .m-product-media {
  padding: 5px;
  border: 1px solid rgb(var(--color-background));
  cursor: pointer;
}
:where(.m-main-product, .m-product-recommendations) .m-media-gallery__wrapper
  .nav-swiper-container
  .swiper-slide-thumb-active
  .m-product-media {
  border: 1px solid rgb(var(--color-foreground));
}
:where(.m-main-product, .m-product-recommendations) .m-media-gallery__wrapper .m-product-media--slider__navigation {
  position: absolute;
  z-index: 10;
  padding: 0 16px;
  top: 50%;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  transform: translate3d(0, -50%, 0);
}
:where(.m-main-product, .m-product-recommendations) .m-media-gallery__wrapper .m-product-media--slider__thumbnails {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  :where(.m-main-product, .m-product-recommendations) .m-media-gallery__wrapper {
    overflow: hidden;
    width: 100%;
  }
}
:where(.m-main-product, .m-product-recommendations) .m-product-media {
  transition: var(--m-duration-default, 0.25s) all;
  width: 100%;
}
:where(.m-main-product, .m-product-recommendations) .m-product-media .m-image {
  border-radius: inherit;
}
:where(.m-main-product, .m-product-recommendations) .m-product-media--wrapper {
  position: sticky;
  top: 30px;
}
:where(.m-main-product, .m-product-recommendations) .m-product-media--item {
  position: relative;
  overflow: hidden;
}
:where(.m-main-product, .m-product-recommendations) .swiper-container-initialized .m-product-media--item {
  padding-left: 0;
  padding-right: 0;
}
:where(.m-main-product, .m-product-recommendations) .m-product-media--slider {
  overflow: hidden;
  width: 100%;
}
:where(.m-main-product, .m-product-recommendations) .m-product-media--slider:hover .swiper-button-control {
  opacity: 1;
  visibility: visible;
  transform: none;
}
@media screen and (min-width: 1024px) {
  :where(.m-main-product, .m-product-recommendations) .m-product-media--layout-6 .m-product-media--slider__thumbnails {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  :where(.m-main-product, .m-product-recommendations) .m-product-media--layout-6 .m-product-media--slider {
    display: flex;
    flex-direction: row-reverse;
  }
  :where(.m-main-product, .m-product-recommendations) .m-product-media--layout-6 .m-product-media--slider__images {
    width: calc(100% - 90px);
    margin-bottom: 0;
  }
  :where(.m-main-product, .m-product-recommendations) [data-only-media="true"]
    .m-product-media--layout-6
    .m-product-media--slider__images {
    width: 100%;
  }
  :where(.m-main-product, .m-product-recommendations) .m-product-media--layout-6 .m-product-media--slider__thumbnails {
    padding-right: 20px;
  }
  :where(.m-main-product, .m-product-recommendations) .m-product-media--layout-6
    .m-product-media--slider__thumbnails
    .swiper-slide {
    height: var(--slide-height) !important;
  }
  :where(.m-main-product, .m-product-recommendations) .m-product-media--layout-6 .nav-swiper-container {
    max-height: 450px;
    width: 70px;
  }
}

:where(.m-main-product, .m-product-recommendations) .m-product-media--desktop .swiper-pagination {
  width: 100%;
  margin-top: 10px;
}
:where(.m-main-product, .m-product-recommendations) .main-product__block + .main-product__block {
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  :where(.m-main-product, .m-product-recommendations) .main-product__block + .main-product__block {
    margin-top: 20px;
  }
}

:where(.m-main-product, .m-product-recommendations) .main-product__block-custom_liquid + .main-product__block-title {
  margin-top: 5px;
}

:where(.m-main-product, .m-product-recommendations) .main-product__block-title + .main-product__block-price {
  margin-top: 12px;
}
:where(.m-main-product, .m-product-recommendations) .main-product__block-buy_buttons .m-product-dynamic-checkout.show-add-to-cart {
  width: 100%;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  :where(.m-main-product, .m-product-recommendations) .main-product__block-buy_buttons
    .m-product-dynamic-checkout.show-add-to-cart {
    margin-top: 10px;
  }
}
:where(.m-main-product, .m-product-recommendations) .main-product__block-buy_buttons
  .m-product-dynamic-checkout.show-add-to-cart:empty {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  :where(.m-main-product, .m-product-recommendations) .main-product__block-buy_buttons .m-product-dynamic-checkout {
    margin-top: 10px;
  }
}
:where(.m-main-product, .m-product-recommendations) .main-product__block .product-block-group--title {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  :where(.m-main-product, .m-product-recommendations) .main-product__block .product-block-group--title {
    padding-right: 48px;
  }
}
@media screen and (max-width: 767px) {
  :where(.m-main-product, .m-product-recommendations) .main-product__block .product-block-group--title h1 {
    margin-right: 0;
    display: block;
  }
}
:where(.m-main-product, .m-product-recommendations) .main-product__block .m-product-title {
  color: rgb(var(--color-foreground));
}
:where(.m-main-product, .m-product-recommendations) .main-product__block .m-product-tag {
  margin-bottom: 0;
}
:where(.m-main-product, .m-product-recommendations) .main-product__block .installment-shoppay {
  margin-top: 20px;
}
:where(.m-main-product, .m-product-recommendations) .main-product__block .installment-shoppay:empty {
  display: none;
}

@media (max-width: 767px) {
  .m-main-product > :is(.container, .container-fluid) {
    padding-inline: 0;
  }
  .m-main-product
    > :is(.container, .container-fluid)
    > .m-main-product--wrapper {
    margin-inline: 0;
  }
  .m-main-product .m-main-product--media {
    padding-inline: 0;
  }
  .m-main-product .m-main-product--info {
    padding-inline: 15px;
  }
  .m-main-product .m-product-media--wrapper,
  .m-main-product .m-product-media {
    border: 0;
    border-radius: 0;
  }
}

/* ---------- snippets/swatch-input.liquid ({% stylesheet %}) ---------- */
:where(.m-main-product, .m-product-recommendations) label.unpaved-material-swatch[data-swatch-type="shopify_swatch"][data-option-type="swatch_color"] {
    background-image:
      repeating-linear-gradient(0deg, rgb(255 255 255 / 6%) 0 .6px, transparent .6px 2px),
      repeating-linear-gradient(90deg, rgb(0 0 0 / 5%) 0 .6px, transparent .6px 2px),
      linear-gradient(118deg, transparent 8%, rgb(255 255 255 / 9%) 32%, rgb(0 0 0 / 6%) 54%, transparent 76%),
      linear-gradient(155deg, var(--material-face) 0 54%, var(--material-contrast) 54.5% 100%);
  }
  :where(.m-main-product, .m-product-recommendations) label.unpaved-knit-swatch[data-swatch-type="shopify_swatch"][data-option-type="swatch_color"] {
    background-image: var(--knit-image);
    background-size: var(--knit-size, cover);
    background-position: var(--knit-position, 50% 50%);
    background-repeat: no-repeat;
  }

/* ---------- CSS personalizado da loja (config/settings_data.json → platform_customizations; na Shopify vinha depois do product.css) ---------- */
@media (max-width: 768px) {
  .m-main-product .product-block-group--title {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }
  .m-main-product .m-product-title {
    font-size: 21px;
    width: 100%;
    text-align: center;
    margin: 0;
  }
  :where(.m-main-product, .m-product-recommendations) .product-block-group--price .m-price {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
  }
  :where(.m-main-product, .m-product-recommendations) .product-block-group--price .m-price-item--regular,
  :where(.m-main-product, .m-product-recommendations) .product-block-group--price .m-price-item--sale {
    font-size: 18px;
    text-align: center;
    margin: 0;
  }
  :where(.m-main-product, .m-product-recommendations) .installment-shoppay {
    text-align: center;
    width: 100%;
    font-size: 14px;
  }
  :where(.m-main-product, .m-product-recommendations) .installment-shoppay svg {
    height: 14px !important;
    width: 50px !important;
  }
}
:where(.m-main-product, .m-product-recommendations) .swiper-button-control.swiper-button-next,
:where(.m-main-product, .m-product-recommendations) .swiper-button-control.swiper-button-prev {
  display: none !important;
}

/* ---------- Ajustes do WordPress ---------- */
/* Antes do carrossel montar (product.js), só a foto inicial ocupa espaço (no Minimog a lista inteira ficava invisível). */
:where(.m-main-product) .m-product-media--slider__images:not(.swiper-container-initialized) .m-media-gallery__list > .m-product-media--item:not(.swiper-slide-active) {
  display: none;
}
/* Cópias do loop do carrossel (como as do Swiper). */
:where(.m-main-product, .m-product-recommendations) .swiper-slide-duplicate {
  pointer-events: auto;
}
/* "Buy it now" ocupado enquanto o produto vai para o carrinho. */
:where(.m-main-product) .shopify-payment-button__button[aria-busy="true"] {
  opacity: 0.7;
  pointer-events: none;
}