/** Shopify CDN: Minification failed

Line 5904:0 Expected "}" to go with "{"

**/
/* Posicionar as setas dentro da galeria */
media-gallery slideshow-container {
  position: relative !important;
}

media-gallery slideshow-arrows[position="center"] {
  left: 50% !important;
  right: auto !important;
  top: 0 !important;
  bottom: auto !important;
  height: 100% !important;
  width: auto !important;
  aspect-ratio: 1;
  max-width: 100%;
  transform: translateX(-50%) !important;
  padding-inline: 12px;
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

body {
  color: var(--color-foreground);
  background: var(--color-background);
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100svh;
  font-variation-settings: 'slnt' 0;
}

:root {
  --hover-shadow-color: var(--color-shadow);
  --hover-transition-duration: 0.25s;
  --hover-transition-timing: ease-out;
  --surface-transition-duration: 0.3s;
  --surface-transition-timing: var(--ease-out-quad);
  --submenu-animation-speed: 360ms;
  --submenu-animation-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
}

html {
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)) var(--color-background);
  scroll-behavior: smooth;
}

@media (min-width: 990px) {
  html:has(.page-wrapper),
  html:has(.page-wrapper) body {
    height: 100dvh;
    overflow: hidden;
  }
}

html[scroll-lock],
html[scroll-lock] .page-wrapper {
  overflow: hidden;
}

.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  transition: margin-right var(--animation-speed) var(--animation-timing-fade-out);
}

@media (min-width: 990px) {
  .page-wrapper {
    height: 100dvh;
    overflow-y: auto;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)) var(--color-background);
  }

  .page-wrapper--drawer-open shopify-account::part(dialog) {
    translate: calc(-1 * var(--theme-drawer-width, var(--sidebar-width)));
  }
}

.page-wrapper--drawer-open {
  margin-right: var(--theme-drawer-width, var(--sidebar-width));
  transition-timing-function: var(--animation-timing-fade-in);
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

img {
  width: 100%;
  height: auto;
}

input,
textarea,
select {
  font: inherit;
  border-radius: var(--style-border-radius-inputs);
}

/** override ios and firefox defaults */
select {
  background-color: var(--color-background);
  color: currentcolor;
}

.product-card,
.collection-card,
.predictive-search-results__card--product,
.predictive-search-results__card {
  position: relative;
  transition: transform var(--hover-transition-duration) var(--hover-transition-timing),
    box-shadow var(--hover-transition-duration) var(--hover-transition-timing);
  z-index: var(--layer-flat);
}

.product-card__link {
  position: absolute;
  inset: 0;
}

.product-card__content {
  position: relative;
}

.product-card__content {
  cursor: pointer;
}

dialog {
  /* the ::backdrop inherits from the originating element, custom properties must be set on the dialog element */
  --backdrop-color-rgb: var(--color-shadow-rgb);

  background-color: var(--color-background);
  color: var(--color-foreground);
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

.wrap-text {
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

p:empty {
  display: none;
}

:first-child:is(p, h1, h2, h3, h4, h5, h6),
:first-child:empty + :where(p, h1, h2, h3, h4, h5, h6) {
  margin-block-start: 0;
}

/* Remove bottom margin from last text item, or previous to last if the last is empty */
:last-child:is(p, h1, h2, h3, h4, h5, h6),
:where(p, h1, h2, h3, h4, h5, h6):nth-child(2):has(+ :last-child:empty) {
  margin-block-end: 0;
}

/* view transitions */

/*
 * The cross-document (MPA) opt-in `@view-transition { navigation: auto }` is declared per-layout
 * (layout/theme.liquid and layout/password.liquid), because this stylesheet is shared by both layouts
 * and a static stylesheet can't read theme settings.
 * It is gated on the same `settings.page_transition_enabled or settings.transition_to_main_product` condition as the
 * render blocker, so the opt-in and its opt-out switch can never disagree. The rules below only
 * take effect once an `@view-transition` opt-in is active, so they are inert without it.
 */
@media (prefers-reduced-motion: no-preference) {
  /* Keep page interactive while view transitions are running */
  :root {
    view-transition-name: none;
  }

  /* Have the root transition during page navigation */
  html:active-view-transition-type(page-navigation),
  html:active-view-transition-type(product-image-transition) {
    view-transition-name: root-custom;
  }

  ::view-transition {
    pointer-events: none;
  }

  html:active-view-transition-type(page-navigation) main[data-page-transition-enabled='true'] {
    view-transition-name: main-content;
  }

  html:active-view-transition-type(page-navigation) main[data-product-transition='true'][data-template*='product'] {
    view-transition-name: none;
  }

  ::view-transition-old(main-content) {
    animation: var(--view-transition-old-main-content);
  }

  ::view-transition-new(main-content) {
    animation: var(--view-transition-new-main-content);
  }

  html:active-view-transition-type(product-image-transition) {
    [data-view-transition-type='product-image-transition'] {
      view-transition-name: product-image-transition;
    }

    [data-view-transition-type='product-details'] {
      view-transition-name: product-details;
    }
  }

  ::view-transition-group(product-image-transition) {
    z-index: 1;
  }

  ::view-transition-group(product-image-transition),
  ::view-transition-group(product-details) {
    animation-duration: var(--animation-speed);
    animation-timing-function: var(--animation-easing);
  }

  ::view-transition-old(product-image-transition),
  ::view-transition-new(product-image-transition) {
    block-size: 100%;
    overflow: hidden;
    object-fit: cover;
    animation-duration: 0.25s;
    animation-timing-function: var(--animation-easing);
  }

  ::view-transition-new(product-details) {
    animation: var(--view-transition-new-main-content);
  }
}

/* Focus */
*:focus-visible {
  outline: var(--focus-outline-width) solid currentcolor;
  outline-offset: var(--focus-outline-offset);
}

@supports not selector(:focus-visible) {
  *:focus {
    outline: var(--focus-outline-width) solid currentcolor;
    outline-offset: var(--focus-outline-offset);
  }
}

.focus-inset {
  outline-offset: calc(var(--focus-outline-width) * -1);
}

/* Layout */
.content-for-layout {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.content-for-layout > .shopify-section:last-child {
  flex-grow: 1;
}

/* Set up page widths & margins */
.page-width-wide,
.page-width-normal,
.page-width-narrow,
.page-width-content {
  --page-margin: 16px;
}

@media screen and (min-width: 750px) {
  .page-width-wide,
  .page-width-normal,
  .page-width-narrow,
  .page-width-content {
    --page-margin: 40px;
  }
}

.page-width-wide {
  /* NOTE: This results in a page width of 2400px because of how we set up margins with grid */
  --page-content-width: var(--wide-page-width);
  --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2));
}

.page-width-normal {
  --page-content-width: var(--normal-page-width);
  --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2));
}

.page-width-narrow,
.page-width-content {
  /* NOTE: This results in a page width of 1400px because of how we set up margins with grid */
  --page-content-width: var(--narrow-page-width);
  --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2));
}

.page-width-content {
  --page-content-width: var(--normal-content-width);
  --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2));
}

/* Section width full vs. page
   The reason we use a grid to contain the section is to allow for the section to have a
   full-width background image even if the section content is constrained by the page width. Do not try
   to rewrite this to max-width: --page-width; margin: 0 auto;, it doesn't work. */
.section {
  --full-page-grid-central-column-width: min(
    var(--page-width) - var(--page-margin) * 2,
    calc(100% - var(--page-margin) * 2)
  );
  --full-page-grid-margin: minmax(var(--page-margin), 1fr);
  --full-page-grid-with-margins: var(--full-page-grid-margin) var(--full-page-grid-central-column-width)
    var(--full-page-grid-margin);

  /* Utility variable gives the grid's first column width. Provides an offset width for components like carousels */
  --util-page-margin-offset: max(
    var(--page-margin),
    calc((100% - min(var(--page-content-width), 100% - var(--page-margin) * 2)) / 2)
  );

  /* Offset for full-width sections to account for the page margin,
  used for Marquee — note that --util-page-margin-offset doesn't work here */
  --full-page-margin-inline-offset: calc(((100vw - var(--full-page-grid-central-column-width)) / 2) * -1);

  width: 100%;

  /* This is required to make background images work, which are <img> rendered absolutely */
  position: relative;

  /* Set up the grid */
  display: grid;
  grid-template-columns: var(--full-page-grid-with-margins);
  min-height: var(--section-min-height, 'auto');
}

/* Place all direct children in the center column by default */
.section > * {
  grid-column: 2;
}

/* Make the actual section background transparent, and instead apply it to a separate sibling element to enable stacking with hero shadow  */
.shopify-section:not(.header-section) :is(.section, .cart-summary) {
  background: transparent;
}

.shopify-section:not(.header-section):has(.section) {
  position: relative;
}

.shopify-section:not(.header-section) .section-background {
  content: '';
  position: absolute;
  inset: 0;
  z-index: var(--layer-section-background);
  background-color: var(--color-background);
}

/* For page-width sections, all content goes in the center column */
.section--page-width > * {
  grid-column: 2;
}

/* For full-width sections, content spans all columns */
.section--full-width > * {
  grid-column: 1 / -1;
}

@media screen and (max-width: 749px) {
  .section--mobile-full-width > * {
    grid-column: 1 / -1;
  }
}

/* Some page-width sections should still extend all the way to the right edge of the page, e.g. collection carousel */
.section--page-width.section--full-width-right > * {
  grid-column: 2 / 4;
}

/* For full-width sections with margin, content still spans full width but with space on the sides */
.section--full-width.section--full-width-margin > * {
  grid-column: 1 / -1;

  @media screen and (min-width: 750px) {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
  }
}

/* Some section content break out to full width of the page */
.section > .force-full-width {
  grid-column: 1 / -1;
}

.section--height-small {
  --section-min-height: var(--section-height-small);
}

.section--height-medium {
  --section-min-height: var(--section-height-medium);
}

.section--height-large {
  --section-min-height: var(--section-height-large);
}

.section--height-full-screen {
  --section-min-height: 100svh;
}

.section-content-wrapper.section-content-wrapper {
  min-height: calc(var(--section-min-height, 'auto') - var(--section-height-offset, 0px));
  position: relative;
  width: 100%;
  height: 100%;
}

/* Utility */

.hidden {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

@media screen and (max-width: 749px) {
  .hidden--mobile,
  .mobile\:hidden {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

@media screen and (min-width: 750px) {
  .hidden--desktop,
  .desktop\:hidden {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

.hide-when-empty:empty {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.visually-hidden:not(:focus, :active) {
  /* stylelint-disable-next-line declaration-no-important */
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  /* stylelint-disable-next-line declaration-no-important */
  word-wrap: normal !important;
}

.contents {
  display: contents;
}

.flex {
  display: flex;
  gap: var(--gap-md);
}

.grid {
  --centered-column-number: 12;
  --full-width-column-number: 14;
  --centered: column-1 / span var(--centered-column-number);
  --full-width: column-0 / span var(--full-width-column-number);

  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 750px) {
  .grid {
    display: grid;
    gap: 0;
    grid-template-columns: var(--margin-4xl) repeat(var(--centered-column-number), minmax(0, 1fr)) var(--margin-4xl);
    grid-template-areas: 'column-0 column-1 column-2 column-3 column-4 column-5 column-6 column-7 column-8 column-9 column-10 column-11 column-12 column-13';
  }
}

@media screen and (min-width: 1400px) {
  .grid {
    grid-template-columns:
      1fr repeat(
        var(--centered-column-number),
        minmax(0, calc((var(--page-width) - var(--page-margin) * 2) / var(--centered-column-number)))
      )
      1fr;
  }
}

.flex {
  display: flex;
  gap: var(--gap-md);
}

.flip-x {
  scale: -1 1;
}

.flip-y {
  scale: 1 -1;
}

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

.text-left {
  --text-align: left;

  text-align: left;
}

.text-center {
  --text-align: center;

  text-align: center;
}

.text-right {
  --text-align: right;

  text-align: right;
}

.text-inherit {
  color: inherit;
}

.user-select-text {
  user-select: text;
}

.justify-left {
  justify-content: left;
}

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

.justify-right {
  justify-content: right;
}

.title--aligned-center {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.svg-wrapper {
  color: currentcolor;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
  pointer-events: none;
}

.svg-wrapper--smaller {
  width: var(--icon-size-2xs);
  height: var(--icon-size-2xs);
}

.svg-wrapper--small {
  width: var(--icon-size-xs);
  height: var(--icon-size-xs);
}

.svg-wrapper > svg {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}

.relative {
  position: relative;
}

/* Icons */
.icon-success,
.icon-error {
  width: var(--icon-size-md);
  height: var(--icon-size-md);
  flex-shrink: 0;
}

.icon-success {
  color: var(--color-success);
}

.icon-error {
  fill: var(--color-error);
}

.icon-default {
  fill: currentColor;
}

[data-placeholder='true'] * {
  cursor: default;
}

/* Base text and heading styles */
body,
.paragraph:not(.button),
.paragraph > *,
.text-block.paragraph :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-paragraph--family);
  font-style: var(--font-paragraph--style);
  font-weight: var(--font-paragraph--weight);
  font-size: var(--font-paragraph--size);
  line-height: var(--font-paragraph--line-height);
  text-transform: var(--font-paragraph--case);
  -webkit-font-smoothing: antialiased;
  color: var(--color, var(--color-foreground));
}

/* Ensure inputs with type presets maintain minimum 16px on mobile to prevent iOS zoom */
@media screen and (max-width: 1200px) {
  input.paragraph.paragraph,
  input.paragraph.paragraph:not([type]),
  textarea.paragraph.paragraph,
  select.paragraph.paragraph {
    font-size: max(1rem, var(--font-paragraph--size));
  }
}

.paragraph > small {
  font-size: smaller;
}

/* Typography presets */

h1,
.h1.h1,
.text-block.h1 > *,
.text-block.h1 :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-h1--family);
  font-style: var(--font-h1--style);
  font-weight: var(--font-h1--weight);
  font-size: var(--font-h1--size);
  line-height: var(--font-h1--line-height);
  letter-spacing: var(--font-h1--letter-spacing);
  text-transform: var(--font-h1--case);
  color: var(--color);
}

@media screen and (max-width: 1200px) {
  input.h1.h1,
  textarea.h1.h1,
  select.h1.h1 {
    font-size: max(1rem, var(--font-h1--size));
  }
}

h2,
.h2.h2,
.text-block.h2 > *,
.text-block.h2 :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-h2--family);
  font-style: var(--font-h2--style);
  font-weight: var(--font-h2--weight);
  font-size: var(--font-h2--size);
  line-height: var(--font-h2--line-height);
  letter-spacing: var(--font-h2--letter-spacing);
  text-transform: var(--font-h2--case);
  color: var(--color);
}

@media screen and (max-width: 1200px) {
  input.h2.h2,
  textarea.h2.h2,
  select.h2.h2 {
    font-size: max(1rem, var(--font-h2--size));
  }
}

h3,
.h3,
.h3.h3,
.text-block.h3 > *,
.text-block.h3 :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-h3--family);
  font-style: var(--font-h3--style);
  font-weight: var(--font-h3--weight);
  font-size: var(--font-h3--size);
  line-height: var(--font-h3--line-height);
  letter-spacing: var(--font-h3--letter-spacing);
  text-transform: var(--font-h3--case);
  color: var(--color);
}

@media screen and (max-width: 1200px) {
  input.h3,
  textarea.h3,
  select.h3 {
    font-size: max(1rem, var(--font-h3--size));
  }
}

h4,
.h4.h4,
.text-block.h4 > *,
.text-block.h4 :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-h4--family);
  font-style: var(--font-h4--style);
  font-weight: var(--font-h4--weight);
  font-size: var(--font-h4--size);
  line-height: var(--font-h4--line-height);
  letter-spacing: var(--font-h4--letter-spacing);
  text-transform: var(--font-h4--case);
  color: var(--color);
}

@media screen and (max-width: 1200px) {
  input.h4.h4,
  textarea.h4.h4,
  select.h4.h4 {
    font-size: max(1rem, var(--font-h4--size));
  }
}

h5,
.h5.h5,
.text-block.h5 > *,
.text-block.h5 :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-h5--family);
  font-style: var(--font-h5--style);
  font-weight: var(--font-h5--weight);
  font-size: var(--font-h5--size);
  line-height: var(--font-h5--line-height);
  letter-spacing: var(--font-h5--letter-spacing);
  text-transform: var(--font-h5--case);
  color: var(--color);
}

@media screen and (max-width: 1200px) {
  input.h5.h5,
  textarea.h5.h5,
  select.h5.h5 {
    font-size: max(1rem, var(--font-h5--size));
  }
}

h6,
.h6.h6,
.text-block.h6 > *,
.text-block.h6 :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-h6--family);
  font-style: var(--font-h6--style);
  font-weight: var(--font-h6--weight);
  font-size: var(--font-h6--size);
  line-height: var(--font-h6--line-height);
  letter-spacing: var(--font-h6--letter-spacing);
  text-transform: var(--font-h6--case);
  color: var(--color);
}

@media screen and (max-width: 1200px) {
  input.h6.h6,
  textarea.h6.h6,
  select.h6.h6 {
    font-size: max(1rem, var(--font-h6--size));
  }
}

:first-child:is(.h1, .h2, .h3, .h4, .h5, .h6) {
  margin-block-start: 0;
}

:last-child:is(.h1, .h2, .h3, .h4, .h5, .h6) {
  margin-block-end: 0;
}

/* Links */
a {
  color: currentcolor;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.075em;
  text-underline-offset: 0.125em;
  transition: text-decoration-color var(--animation-speed) var(--animation-easing),
    color var(--animation-speed) var(--animation-easing);
}

:is(h1, h2, h3, h4, h5, h6, p) > a:hover {
  color: rgb(var(--color-rgb, var(--color-foreground-rgb)) / 0.7);
}

/* Add underline to text using our paragraph styles only. */
p:not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-secondary)),
.rte :is(p, ul, ol, table):not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-secondary)) {
  text-decoration-color: currentcolor;

  &:hover {
    text-decoration-color: currentcolor;
    color: rgb(var(--color-rgb, var(--color-foreground-rgb)) / 0.7);
  }
}

.container-background-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* iOS fix: hide the default arrow on the summary */
summary::-webkit-details-marker {
  display: none;
}

/* Buttons */
.button,
.button-secondary,
.button-custom,
button.shopify-payment-button__button--unbranded {
  --text-align: center;

  display: grid;
  align-content: center;
  text-decoration: none;
  text-align: var(--text-align);
  color: var(--button-color);
  appearance: none;
  background-color: var(--button-background-color);
  border: none;
  font-family: var(--font-paragraph--family);
  font-style: var(--font-paragraph--style);
  font-weight: var(--font-paragraph--weight);
  font-size: var(--font-paragraph--size);
  line-height: var(--font-paragraph--line-height);
  margin-block: 0;
  transition: color var(--animation-speed) var(--animation-easing),
    box-shadow var(--animation-speed) var(--animation-easing),
    background-color var(--animation-speed) var(--animation-easing);
  cursor: pointer;
  width: fit-content;
  box-shadow: inset 0 0 0 var(--button-border-width) var(--button-border-color);
  padding-block: var(--button-padding-block);
  padding-inline: var(--button-padding-inline);
}

.button {
  font-family: var(--button-font-family-primary);
  text-transform: var(--button-text-case-primary);
  border-radius: var(--style-border-radius-buttons-primary);
}

.button:not(.button-secondary, .button-unstyled) {
  outline-color: var(--button-focus-outline-color, var(--button-background-color));
}

.button-secondary {
  font-family: var(--button-font-family-secondary);
  text-transform: var(--button-text-case-secondary);
  border-radius: var(--style-border-radius-buttons-secondary);
}

button.shopify-payment-button__button--unbranded {
  font-family: var(--button-font-family-primary);
  text-transform: var(--button-text-case-primary);
}

textarea,
input:not([type='checkbox'], [type='radio']) {
  background-color: var(--color-input-background);
  border-color: var(--color-input-border);
}

textarea::placeholder,
input::placeholder {
  color: rgb(var(--color-input-text-rgb) / var(--opacity-muted-text));
}

textarea:not(:placeholder-shown)::placeholder,
input:not(:placeholder-shown)::placeholder {
  opacity: 0;
}

/* The declaration above is messing with buttons that have an attribute of hidden as it overwrites the display value */
.button[hidden] {
  display: none;
}

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

.button,
button.shopify-payment-button__button--unbranded {
  --button-color: var(--color-primary-button-text);
  --button-background-color: var(--color-primary-button-background);
  --button-border-color: var(--color-primary-button-border);
  --button-border-width: var(--style-border-width-primary);
  --button-focus-outline-color: var(--color-primary-button-focus-outline);
}

.button:hover,
button.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  --button-color: var(--color-primary-button-hover-text);
  --button-background-color: var(--color-primary-button-hover-background);
  --button-border-color: var(--color-primary-button-hover-border);
}

.button-secondary {
  --button-color: var(--color-secondary-button-text);
  --button-background-color: var(--color-secondary-button-background);
  --button-border-color: var(--color-secondary-button-border);
  --button-border-width: var(--style-border-width-secondary);
}

.button-secondary:hover {
  --button-color: var(--color-secondary-button-hover-text);
  --button-background-color: var(--color-secondary-button-hover-background);
  --button-border-color: var(--color-secondary-button-hover-border);
}

.button-custom {
  --button-color: var(--color-primary-button-text);
  --button-background-color: var(--color-primary-button-background);
  --button-border-color: var(--color-primary-button-border);
  --button-border-width: var(--style-border-width-secondary);
  --button-focus-outline-color: var(--color-primary-button-focus-outline);

  font-family: var(--button-font-family-primary);
  text-transform: var(--button-text-case-primary);
  border-radius: var(--style-border-radius-buttons-primary);
  outline-color: var(--button-focus-outline-color, var(--button-background-color));
}

.button-custom:hover {
  --button-color: var(--color-primary-button-hover-text);
  --button-background-color: var(--color-primary-button-hover-background);
  --button-border-color: var(--color-primary-button-hover-border);
}

/* Needed to override the default Shopify styles */
button.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-color: var(--button-background-color);
}

.button-unstyled {
  display: block;
  padding: 0;
  background-color: inherit;
  color: var(--color-foreground);
  border: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  font-family: var(--font-paragraph--family);
  font-style: var(--font-paragraph--style);
  font-size: var(--font-paragraph--size);
}

.button-unstyled:hover {
  background-color: inherit;
}

/* Default hover dim for link-style buttons, scoped via :where() so component-specific
   hover rules (.facets__clear-all-link, .header-actions__action, etc.) still win. */
:where(.button-unstyled):hover {
  --hover-color-rgb: var(--color-foreground-rgb);

  color: rgb(var(--hover-color-rgb) / var(--opacity-70));
}

.button-unstyled--with-icon {
  color: var(--color-foreground);
  display: flex;
  gap: var(--gap-2xs);
  align-items: center;
}

.button-unstyled--transparent {
  background-color: transparent;
  box-shadow: none;
}

/* Caret icon transition */
.icon-caret svg {
  transition: transform var(--animation-speed) var(--animation-easing);
}

summary {
  display: flex;
  align-items: center;
  cursor: pointer;
  list-style: none;
  padding-block: var(--padding-sm);
}

summary:hover {
  color: rgb(var(--color-foreground-rgb) / var(--opacity-80));
}

/* Animate the UI elements in only after the view transition is complete */
.close-button {
  position: fixed;
  top: var(--margin-lg);
  right: var(--margin-lg);
  width: var(--minimum-touch-target);
  height: var(--minimum-touch-target);
  z-index: var(--layer-flat);
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;

  /* For the outline radius */
  border-radius: 50%;
}

/* This triggers iOS < 16.4. The outline bug is not recognized as a lack of @supports */

@supports not (background-color: rgb(from red 150 g b / alpha)) {
  /**
    There is a bug in safari < 16.4 that causes the outline to not follow the elements border radius. This is a workaround.
    Using element selector to increase specificity.
  **/

  .close-button:focus-visible {
    outline: none;
    overflow: visible;
  }

  .close-button:focus-visible::after {
    content: '';
    position: absolute;
    inset: calc(-1 * var(--focus-outline-offset));
    border: var(--focus-outline-width) solid currentColor;
    border-radius: 50%;
    display: inherit;
  }
}

.dialog--closed .close-button {
  animation: elementSlideOutBottom calc(var(--animation-speed) * 0.5) var(--animation-easing) forwards;
}

.close-button:hover {
  background-color: transparent;
  opacity: 0.8;
}

.close-button svg {
  width: var(--icon-size-xs);
  height: var(--icon-size-xs);
}

/* Product media */
.product-media {
  display: flex;
  flex: 1;
}

.sticky-content {
  position: sticky;
  top: var(--sticky-header-offset, 0);
  z-index: var(--layer-flat);
}

@media screen and (min-width: 750px) {
  .sticky-content--desktop,
  .sticky-content--desktop.full-height--desktop > .group-block {
    position: sticky;
    top: var(--sticky-header-offset, 0);
    z-index: var(--layer-flat);
  }
}

/* Spacing style */
.spacing-style {
  --spacing-scale: var(--spacing-scale-md);

  @media screen and (min-width: 990px) {
    --spacing-scale: var(--spacing-scale-default);
  }

  /* Must disable this, when you use these with calc and another unit type, things break — see logo.liquid */
  /* stylelint-disable length-zero-no-unit */
  --padding-block: 0px;
  --padding-block-start: var(--padding-block, 0px);
  --padding-block-end: var(--padding-block, 0px);
  --padding-inline: 0px;
  --padding-inline-start: var(--padding-inline, 0px);
  --padding-inline-end: var(--padding-inline, 0px);
  --margin-block: 0px;
  --margin-block-start: var(--margin-block, 0px);
  --margin-block-end: var(--margin-block, 0px);
  --margin-inline: 0px;
  --margin-inline-start: var(--margin-inline, 0px);
  --margin-inline-end: var(--margin-inline, 0px);
}

.spacing-style,
.inherit-spacing {
  padding-block: calc(var(--padding-block-start) + var(--section-top-offset, 0px)) var(--padding-block-end);
  padding-inline: var(--padding-inline-start) var(--padding-inline-end);
  margin-block: var(--margin-block-start) var(--margin-block-end);
  margin-inline: var(--margin-inline-start) var(--margin-inline-end);
}

/* Size style */
.size-style {
  width: var(--size-style-width-mobile, var(--size-style-width));
  height: var(--size-style-height-mobile, var(--size-style-height));

  @media screen and (min-width: 750px) {
    width: var(--size-style-width);
    height: var(--size-style-height);
  }
}

/* Custom Typography style */
.custom-typography,
.custom-typography > * {
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  text-transform: var(--text-transform);
  text-wrap: var(--text-wrap);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
}

.custom-typography {
  h1 {
    line-height: var(--line-height--display, var(--line-height));
  }

  h2,
  h3,
  h4 {
    line-height: var(--line-height--heading, var(--line-height));
  }

  p {
    line-height: var(--line-height--body, var(--line-height));
  }
}

.custom-font-size,
.custom-font-size > * {
  font-size: var(--font-size);
}

.custom-font-weight,
.custom-font-weight > * {
  font-weight: var(--font-weight);
}

/* Border override style */
.border-style {
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  border-radius: var(--border-radius);
}

/* Gap scaling style */
.gap-style,
.layout-panel-flex {
  --gap-scale: var(--spacing-scale-md);

  @media screen and (min-width: 990px) {
    --gap-scale: var(--spacing-scale-default);
  }
}

.layout-panel-flex {
  display: flex;
  gap: var(--gap);
  height: 100%;
}

.shopify-block:has(> [shopify-block-empty]) {
  display: none;
}

.layout-panel-flex--row {
  flex-flow: row var(--flex-wrap);
  justify-content: var(--horizontal-alignment);
  align-items: var(--vertical-alignment);
}

.layout-panel-flex--column {
  flex-flow: column var(--flex-wrap);
  align-items: var(--horizontal-alignment);
  justify-content: var(--vertical-alignment);
}

@media screen and (max-width: 749px) {
  .mobile-column {
    flex-flow: column nowrap;
    align-items: var(--horizontal-alignment);
    justify-content: var(--vertical-alignment-mobile);
  }

  .layout-panel-flex--row:not(.mobile-column) {
    flex-wrap: var(--flex-wrap-mobile);
    height: auto;

    > .menu {
      flex: 1 1 min-content;
    }

    > .text-block {
      flex: 1 1 var(--max-width--display-tight);
    }

    > .image-block {
      flex: 1 1 var(--size-style-width-mobile-min);
    }

    > .button {
      flex: 0 0 fit-content;
    }

    > .group-block--height-fill {
      height: calc(var(--section-min-height, auto) - var(--section-height-offset, 0px));
    }
  }
}

@media screen and (min-width: 750px) {
  .layout-panel-flex {
    flex-direction: var(--flex-direction);
  }
}

/* Form fields */
.field {
  position: relative;
  width: 100%;
  display: flex;
  transition: box-shadow var(--animation-speed) ease;
}

.field__input {
  flex-grow: 1;
  text-align: left;
  border-radius: var(--style-border-radius-inputs);
  transition: box-shadow var(--animation-speed) ease, background-color var(--animation-speed) ease;
  padding: var(--input-padding);
  box-shadow: var(--input-box-shadow);
  background-color: var(--color-input-background);
  color: var(--color-input-text);
  border: none;
  outline: none;
  font-size: var(--font-paragraph--size);

  &:autofill {
    background-color: var(--color-input-background);
    color: var(--color-input-text);
  }
}

.field__input:focus {
  box-shadow: var(--input-box-shadow-focus);
}

.field__input--button-radius {
  border-radius: var(--style-border-radius-buttons-primary);
}

.field__input--button-padding {
  padding-inline: var(--padding-3xl);
}

.field__label {
  color: rgb(var(--color-input-text-rgb) / var(--opacity-80));
  font-size: var(--font-paragraph--size);
  left: var(--input-padding-x);
  top: 50%;
  transform: translateY(-50%);
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  transition: top var(--animation-speed) ease, font-size var(--animation-speed) ease;
}

/* RTE styles */
.rte,
.shopify-policy__title {
  :is(h1, h2, h3, h4, h5, h6) {
    margin-block: clamp(1.5rem, 1em * 3.3, 2.5rem) var(--font-heading--spacing);
  }

  :first-child:is(p, h1, h2, h3, h4, h5, h6),
  :first-child:empty + :is(p, h1, h2, h3, h4, h5, h6) {
    margin-block-start: 0;
  }

  ul,
  ol {
    margin-block-start: 0;
    padding-inline-start: 1.5em;
  }

  /* Only apply margin-block-end to the higher level list, not nested lists */
  :is(ul, ol):not(:is(ul, ol) :is(ul, ol)) {
    margin-block-end: 1em;
  }

  blockquote {
    margin-inline: 1.5em 2.3em;
    margin-block: 3.8em;
    padding-inline-start: 0.8em;
    border-inline-start: 1.5px solid rgb(var(--color-foreground-rgb) / var(--opacity-25));
    font-style: italic;
    font-weight: 500;
  }

  .rte-table-wrapper {
    overflow-x: auto;
  }

  table {
    /* stylelint-disable-next-line declaration-no-important */
    width: 100% !important;
    border-collapse: collapse;
  }

  tr:not(:has(td)),
  thead {
    background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    font-weight: bold;
    text-transform: uppercase;
  }

  tr:has(td) {
    border-bottom: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10));
  }

  th,
  td {
    text-align: start;
    padding-inline: var(--padding-md);
    padding-block: var(--padding-sm);
  }
}

.shopify-policy__container {
  padding-block: var(--padding-xl);
}

/* Radio buttons and checkboxes - shared base styles */
:where(input[type='radio']),
:where(input[type='checkbox']) {
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  aspect-ratio: 1;
  margin: 0;
  margin-inline-end: var(--padding-3xs);
  padding: 0;
  border: var(--checkbox-border);
  appearance: none;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

/* Radio buttons */
input[type='radio'] {
  border-radius: var(--style-border-radius-50);
  background: transparent;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

:where(input[type='radio']):checked {
  border-color: var(--color-foreground);
  background: var(--color-background);
}

:where(input[type='radio']):checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--checkbox-size) / 2);
  height: calc(var(--checkbox-size) / 2);
  background: var(--color-foreground);
  border-radius: var(--style-border-radius-50);
  transition: background 0.2s ease;
}

:where(input[type='radio']):disabled {
  border-color: var(--input-disabled-border-color);
  background-color: var(--input-disabled-background-color);
  cursor: not-allowed;
}

:where(input[type='radio']):disabled:checked::after {
  background: var(--input-disabled-background-color);
}

:where(input[type='radio']):not(:disabled):hover {
  border-color: rgb(var(--color-foreground-rgb) / var(--opacity-40-60));
  background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
}

:where(input[type='radio']):not(:disabled):hover:checked {
  border-color: var(--color-foreground);
  background-color: var(--color-background);
}

:where(input[type='radio']):not(:disabled):hover:checked::after {
  background: rgb(var(--color-foreground-rgb) / var(--opacity-85));
}

/* Checkboxes */
:where(input[type='checkbox']) {
  border-radius: var(--checkbox-border-radius);
  background-color: var(--color-background);
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

:where(input[type='checkbox']):checked {
  background-color: var(--color-foreground);
  border-color: var(--color-foreground);
}

:where(input[type='checkbox']):checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  background-color: var(--color-background);
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

:where(input[type='checkbox']):not(:disabled):hover {
  border-color: rgb(var(--color-foreground-rgb) / var(--opacity-40-60));
  background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
}

:where(input[type='checkbox']):not(:disabled):hover:checked {
  border-color: var(--color-foreground);
  background-color: rgb(var(--color-foreground-rgb) / var(--opacity-85));
}

:where(input[type='checkbox']):disabled {
  background-color: var(--input-disabled-background-color);
  border-color: var(--input-disabled-border-color);
  cursor: not-allowed;
}

:where(input[type='checkbox']):disabled:checked::after {
  background-color: var(--input-disabled-text-color);
}

/* Shared styles for radio buttons and checkboxes */
:where(input[type='radio']) + label,
:where(input[type='checkbox']) + label {
  display: inline;
  vertical-align: middle;
  cursor: pointer;
}

:where(input[type='radio']):disabled + label,
:where(input[type='checkbox']):disabled + label {
  color: var(--input-disabled-text-color);
  cursor: not-allowed;
}

/* Flexbox for labels wrapping radio buttons or checkboxes */
label:has(input[type='radio']),
label:has(input[type='checkbox']) {
  display: inline-flex;
  align-items: center;
  gap: var(--padding-2xs);
  cursor: pointer;
}

label:has(input[type='radio']:disabled),
label:has(input[type='checkbox']:disabled) {
  cursor: not-allowed;
}

/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */

/* Animation declarations - to be kept at the bottom of the file for ease of find */
@keyframes grow {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

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

@keyframes move-and-fade {
  from {
    transform: translate(var(--start-x, 0), var(--start-y, 0));
    opacity: var(--start-opacity, 0);
  }

  to {
    transform: translate(var(--end-x, 0), var(--end-y, 0));
    opacity: var(--end-opacity, 1);
  }
}

@keyframes slideInTopViewTransition {
  from {
    transform: translateY(100px);
  }
}

@keyframes elementSlideInTop {
  from {
    margin-top: var(--padding-sm);
    opacity: 0;
  }

  to {
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes elementSlideOutTop {
  from {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(var(--padding-sm));
    opacity: 0;
  }
}

@keyframes elementSlideOutBottom {
  from {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(calc(-1 * var(--padding-sm)));
    opacity: 0;
  }
}

@keyframes thumbnailsSlideInTop {
  from {
    transform: translateY(calc(-50% + var(--margin-lg)));
    opacity: 0;
  }

  to {
    transform: translateY(-50%);
    opacity: 1;
  }
}

@keyframes thumbnailsSlideOutTop {
  from {
    transform: translateY(-50%);
    opacity: 1;
  }

  to {
    transform: translateY(calc(-50% + var(--margin-lg)));
    opacity: 0;
  }
}

@keyframes thumbnailsSlideInBottom {
  from {
    transform: translateY(100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes thumbnailsSlideOutBottom {
  from {
    transform: translateY(0);
    opacity: 1;
  }

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

@keyframes search-element-slide-in-bottom {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }

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

@keyframes search-element-slide-out-bottom {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

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

@keyframes backdropFilter {
  from {
    backdrop-filter: brightness(1);
  }

  to {
    backdrop-filter: brightness(0.75);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes modalSlideInTop {
  from {
    transform: translateY(var(--padding-sm));
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes modalSlideOutTop {
  from {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(var(--padding-sm));
    opacity: 0;
  }
}

/* Slideshow Arrow Hover Animation - must stay in base.css for proper CSS cascade */

:not(.media-gallery--carousel)
  > :is(slideshow-component:hover, slideshow-component:focus-within):not(:has(slideshow-controls:hover))
  > slideshow-container
  > slideshow-arrows
  .slideshow-control {
  animation: arrowsSlideIn var(--animation-speed) var(--animation-easing) forwards;
}

@keyframes arrowsSlideIn {
  from {
    transform: translate(var(--padding-sm), 0);
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.section-resource-list,
.section-carousel {
  row-gap: var(--gap);
}

.section-resource-list__content {
  display: flex;
  flex-direction: column;
  align-items: var(--horizontal-alignment);
  gap: var(--gap);
  width: 100%;
}

.section-resource-list__content:empty {
  display: none;
}

.section-resource-list__header:is(:empty, :has(.group-block-content:empty)),
.section-resource-list__content:empty {
  display: none;
}

:where(.section-resource-list.section--full-width) product-card[data-product-transition] > .group-block,
:where(.section-carousel.section--full-width) product-card[data-product-transition] > .group-block {
  @media screen and (max-width: 749px) {
    padding-inline: max(var(--padding-xs), var(--padding-inline-start))
      max(var(--padding-xs), var(--padding-inline-end));
  }
}

/* Base styles */
.group-block,
.group-block-content {
  position: relative;
}

.group-block:has(> video-background-component) {
  overflow: hidden;
}

.group-block-content {
  height: 100%;
  width: 100%;
}

/* Container styles */
.section-content-wrapper.section-content-wrapper:where(.layout-panel-flex) .group-block--fill {
  flex: 1;
}

/* Flex behavior for width variants */
.layout-panel-flex--row > .group-block--width-fit {
  flex: 0;
}

.layout-panel-flex--row > .group-block--width-fill {
  flex: 1;
}

.layout-panel-flex--row > .group-block--width-custom {
  flex-basis: var(--size-style-width);
}

/* Dimension utilities - Height */
.group-block--height-fit {
  height: auto;
}

.group-block--height-custom,
.group-block--height-fill {
  height: var(--size-style-height);
}

/* Flex behavior for height variants */
.layout-panel-flex--column > .group-block--height-fit {
  flex: 0 1 auto;
}

.layout-panel-flex--column > .group-block--height-fill {
  flex: 1;
}

.layout-panel-flex--column > .group-block--height-custom {
  flex-basis: var(--size-style-height);
}

/* Global scrollbar styles */

/* Webkit browsers */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-foreground-rgb) / var(--opacity-40));
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
  transition: background-color 0.2s;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* Prevent iOS zoom on input focus by ensuring minimum 16px font size on mobile */
@media screen and (max-width: 1200px) {
  input,
  textarea,
  select,
  /* Higher specificity to override type preset classes like .paragraph, .h1, etc. */
  .paragraph.paragraph input,
  .paragraph.paragraph textarea,
  .paragraph.paragraph select,
  .h1.h1 input,
  .h1.h1 textarea,
  .h1.h1 select,
  .h2.h2 input,
  .h2.h2 textarea,
  .h2.h2 select,
  .h3.h3 input,
  .h3.h3 textarea,
  .h3.h3 select,
  .h4.h4 input,
  .h4.h4 textarea,
  .h4.h4 select,
  .h5.h5 input,
  .h5.h5 textarea,
  .h5.h5 select,
  .h6.h6 input,
  .h6.h6 textarea,
  .h6.h6 select {
    font-size: max(1rem, 100%);
  }
}

/* When the header is transparent, and when there is no header-section below it, offset the first main-section with
 * the height of the header
 */
main > .shopify-section:first-child .section:not(.disable-section-top-offset) {
  &.spacing-style,
  .spacing-style {
    --section-top-offset: calc(var(--header-height) * var(--transparent-header-offset-boolean));

    /* Any nested sections should not be offset */
    :is(.spacing-style, .inherit-spacing) {
      --section-top-offset: 0px;
    }
  }

  /* Make sticky content immediately stick to the top of the page */
  .sticky-content {
    margin-top: calc(var(--header-height) * var(--transparent-header-offset-boolean) * -1);
  }
}

.product-badges--top-right{top:0!important;right:0!important}
.product-badges__badge{background:#19b87a!important;color:#fff!important;border-radius:0!important;padding:7px 10px!important;font-weight:700!important}

.menu-drawer .menu-drawer__menu-item--mainlist{
font-size:15px!important;
font-weight:400!important;
text-transform:uppercase!important;
letter-spacing:3px!important;
line-height:1.35!important;
padding:14px 0!important;
margin:0 20px!important;
border-bottom:1px solid #f0f0f0!important
}
.menu-drawer .menu-drawer__menu-item-text{
font:inherit!important;
letter-spacing:inherit!important
}
.menu-drawer__menu-item--mainlist:has(svg) svg{
display:none!important
}
.menu-drawer__menu-item--mainlist:has(svg)::after{
content:"";
width:9px;
height:9px;
border-right:1px solid #333;
border-bottom:1px solid #333;
transform:rotate(45deg);
margin-left:18px;
margin-right:22px;
margin-bottom:5px
}
.menu-drawer__menu-item--mainlist:has(svg){
background-image:linear-gradient(#f0f0f0,#f0f0f0);
background-size:1px 42px;
background-repeat:no-repeat;
background-position:calc(100% - 54px) center
}
.menu-drawer .menu-drawer__menu-item--child{
padding-left:28px!important;
}

.product-reviews-line{
  font-size:14px;
  letter-spacing:2px;
  display:flex;
  gap:10px;
  align-items:center;
}
.product-reviews-line span{
  letter-spacing:1.5px;
  font-size:13px;
}
.product-saving-badge{
background:#19B87A;
color:#fff;
font-weight:700;
padding:7px 12px;
display:inline-block;
}
.template-product .compare-at-price{
color:#777!important;
text-decoration:line-through!important;
}
.template-product .price{
color:#B32632!important;
}
.custom-price-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.old-price{color:#777;text-decoration:line-through}
.sale-price{color:#B32632;font-size:22px}
.saving-badge{background:#19B87A;color:#fff;padding:6px 10px;font-weight:700}

.trust-lines{display:grid;gap:12px;font-size:14px;margin:8px 0 18px}.trust-lines div{display:flex;align-items:center;gap:10px}.trust-lines strong{font-weight:700}

.stock-warning{display:flex;align-items:center;gap:10px;font-size:14px;margin:12px 0}.stock-warning span{width:14px;height:14px;background:#d00000;border-radius:50%;display:block}

.product-form__submit,
button[name="add"]{
background:#19B87A!important;
color:#fff!important;
border:none!important;
border-radius:0!important;
min-height:56px!important;
font-weight:700!important;
letter-spacing:3px!important;
text-transform:uppercase!important;
}
.shipping-box{display:flex;align-items:center;gap:12px;background:#f6f6f6;padding:14px 16px;border-radius:12px;font-size:14px}.shipping-box strong{margin-left:auto}.shipping-dot{width:12px;height:12px;border-radius:50%;background:#8bcf8b;display:block}

.closure-note{background:#fdeaea;border-left:5px solid #d60000;color:#b00000;padding:14px 16px;border-radius:8px;font-size:14px;line-height:1.5;margin-top:14px}.closure-note strong{font-weight:700}

.product-description{font-size:15px;line-height:1.65}.product-description p{margin:0 0 18px}.product-description ul{padding-left:22px}.product-description li{margin:6px 0}

.product-accordions {
  width: 100%;
  margin-top: 20px;
}

.product-accordions details {
  border-bottom: 1px solid #e5e5e5;
}

.product-accordions details:first-child {
  border-top: 1px solid #e5e5e5;
}

.product-accordions summary {
  position: relative;
  padding: 22px 40px 22px 0;
  cursor: pointer;
  list-style: none;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.product-accordions summary::-webkit-details-marker {
  display: none;
}

.product-accordions summary::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 1px solid #111;
  border-bottom: 1px solid #111;
  transform: translateY(-70%) rotate(45deg);
  transition: transform 0.25s ease;
}

.product-accordions details[open] summary::after {
  transform: translateY(-30%) rotate(225deg);
}

.product-accordions .accordion-content {
  padding: 0 35px 20px 0;
  font-size: 15px;
  line-height: 1.6;
}

.product-accordions .accordion-content p {
  margin: 0;
}
.template-product variant-picker label{
text-transform:uppercase!important;
letter-spacing:3px!important;
font-size:13px!important
}
.template-product variant-picker input+label{
border-radius:0!important;
min-width:62px!important;
min-height:54px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important
}
.product-reviews-line{
font-size:13px!important;
letter-spacing:1.4px!important;
margin-bottom:14px!important;
}
.template-product h1{
font-size:32px!important;
line-height:1.15!important;
font-weight:400!important;
letter-spacing:.2px!important;
margin-bottom:18px!important;
}
.custom-price-row{
display:flex!important;
align-items:center!important;
gap:12px!important;
margin:6px 0 18px!important;
}
.old-price{color:#777!important;text-decoration:line-through!important}
.sale-price{color:#B32632!important;font-size:22px!important}
.saving-badge{
background:#19B87A!important;
color:#fff!important;
padding:7px 12px!important;
font-weight:700!important;
}
.trust-lines{
display:grid!important;
gap:12px!important;
font-size:14px!important;
margin:4px 0 18px!important;
}
.trust-lines div{
display:flex!important;
align-items:center!important;
gap:10px!important;
}

.stock-warning{margin:18px 0 12px!important}
.product-form__submit,button[name="add"]{margin-top:0!important}
.payment-icons{margin-top:12px!important}

.shipping-box,.closure-note,.product-accordions{max-width:100%;box-sizing:border-box}
.shipping-box{margin-top:14px;margin-bottom:12px}
.closure-note{margin:0 0 22px}
.product-accordions{margin-top:26px}

/* PRODUCT PAGE - REPLICA STYLE */

.product-reviews-line{
font-family:Arial,sans-serif!important;
font-size:13px!important;
letter-spacing:2px!important;
margin-bottom:16px!important
}

.template-product h1{
font-family:Arial,sans-serif!important;
font-size:32px!important;
font-weight:400!important;
line-height:1.15!important;
text-transform:uppercase!important;
letter-spacing:.3px!important;
margin:10px 0 18px!important
}

.custom-price-row{
display:flex!important;
align-items:center!important;
gap:14px!important;
flex-wrap:wrap!important;
margin:0 0 18px!important
}
.old-price{
font-size:18px!important;
color:#555!important;
text-decoration:line-through!important
}
.sale-price{
font-size:28px!important;
color:#B32632!important
}
.saving-badge{
font-family:Arial,sans-serif!important;
font-size:15px!important;
font-weight:700!important;
background:#19B87A!important;
color:#fff!important;
padding:8px 12px!important;
border-radius:0!important
}

.trust-lines{
font-family:Arial,sans-serif!important;
display:grid!important;
gap:14px!important;
font-size:16px!important;
margin:0 0 22px!important
}
.trust-lines div{
display:flex!important;
align-items:center!important;
gap:10px!important
}
.trust-lines strong{
font-weight:700!important
}

.template-product variant-picker{
margin-top:0!important
}
.template-product variant-picker label{
font-family:Arial,sans-serif!important;
text-transform:uppercase!important;
letter-spacing:3px!important;
font-size:13px!important
}
.template-product variant-picker input+label{
border-radius:0!important;
min-width:64px!important;
min-height:54px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important
}

.stock-warning{
display:flex!important;
align-items:center!important;
gap:10px!important;
font-family:Arial,sans-serif!important;
font-size:15px!important;
margin:16px 0 12px!important
}
.stock-warning span{
width:14px!important;
height:14px!important;
background:#d00000!important;
border-radius:50%!important;
display:block!important
}

.product-form__submit,
button[name="add"]{
background:#19B87A!important;
color:#fff!important;
border:none!important;
border-radius:0!important;
min-height:56px!important;
font-weight:700!important;
letter-spacing:3px!important;
text-transform:uppercase!important
}

.payment-icons{
margin-top:12px!important
}

.shipping-box{
display:flex!important;
align-items:center!important;
gap:12px!important;
background:#f6f6f6!important;
padding:14px 16px!important;
border-radius:12px!important;
font-family:Arial,sans-serif!important;
font-size:14px!important;
margin:14px 0 12px!important
}
.shipping-box strong{
margin-left:auto!important
}
.shipping-dot{
width:12px!important;
height:12px!important;
border-radius:50%!important;
background:#8bcf8b!important;
display:block!important
}

.closure-note{
background:#fdeaea!important;
border-left:5px solid #d60000!important;
color:#b00000!important;
padding:14px 16px!important;
border-radius:8px!important;
font-family:Arial,sans-serif!important;
font-size:14px!important;
line-height:1.5!important;
margin:0 0 22px!important
}

.product-accordions{
width:100%!important;
margin-top:26px!important
}
.product-accordions details{
border-bottom:1px solid #e5e5e5!important
}
.product-accordions details:first-child{
border-top:1px solid #e5e5e5!important
}
.product-accordions summary{
position:relative!important;
padding:22px 40px 22px 0!important;
cursor:pointer!important;
list-style:none!important;
font-family:Arial,sans-serif!important;
font-size:14px!important;
font-weight:400!important;
letter-spacing:4px!important;
text-transform:uppercase!important
}
.product-accordions summary::-webkit-details-marker{
display:none!important
}
.product-accordions summary::after{
content:""!important;
position:absolute!important;
right:8px!important;
top:50%!important;
width:9px!important;
height:9px!important;
border-right:1px solid #111!important;
border-bottom:1px solid #111!important;
transform:translateY(-70%) rotate(45deg)!important
}
.product-accordions details[open] summary::after{
transform:translateY(-30%) rotate(225deg)!important
}
.product-accordions .accordion-content{
padding:0 35px 20px 0!important;
font-family:Arial,sans-serif!important;
font-size:15px!important;
line-height:1.6!important
}

/* =========================================
   PRODUTO — TAMANHOS + PAGAMENTOS EM 1 LINHA
   DESKTOP
========================================= */

@media screen and (min-width: 750px) {

  /* TAMANHOS */
  .template-product variant-picker fieldset {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .template-product variant-picker input + label {
    min-width: 0 !important;
    width: auto !important;
    flex: 1 1 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  /* MÉTODOS DE PAGAMENTO */
  .template-product .payment-icons,
  .template-product .list-payment {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .template-product .payment-icons li,
  .template-product .list-payment__item {
    flex: 0 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .template-product .payment-icons svg,
  .template-product .list-payment__item svg {
    max-width: 42px !important;
    height: auto !important;
  }
}
/* TAMANHOS — SEMPRE NA MESMA LINHA */
.variant-option--equal-width-buttons{
display:grid!important;
grid-template-columns:repeat(8,minmax(0,1fr))!important;
gap:6px!important;
width:100%!important
}
.variant-option--equal-width-buttons .variant-option__button-label{
min-width:0!important;
width:100%!important;
padding:0 4px!important;
margin:0!important;
font-size:13px!important;
}

/* PAGAMENTOS — SEMPRE NA MESMA LINHA */
.payment-icons__list{
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
gap:7px!important;
width:100%!important
}
.payment-icons__item{
flex:0 1 auto!important;
margin:0!important;
padding:0!important
}
.payment-icons__item svg{
max-width:38px!important;
height:auto!important
}

/* PRODUTOS RECOMENDADOS - ESTILO REFERÊNCIA */

.product-recommendations .product-card{
text-align:center!important;
}

.product-recommendations [class*="product-title"]{
font-size:14px!important;
line-height:1.35!important;
text-transform:uppercase!important;
letter-spacing:3px!important;
font-weight:400!important;
margin-top:14px!important;
margin-bottom:8px!important;
}

.product-recommendations product-price,
.product-recommendations [class*="price"]{
justify-content:center!important;
}

.product-recommendations .compare-at-price,
.product-recommendations [class*="compare-at"]{
color:#777!important;
text-decoration:line-through!important;
font-size:14px!important;
}

.product-recommendations .price,
.product-recommendations .price-item__sale,
.product-recommendations [class*="sale-price"]{
color:#B32632!important;
font-size:14px!important;
font-weight:400!important;
}

.product-recommendations .product-badges__badge{
background:#19B87A!important;
color:#fff!important;
border-radius:0!important;
top:0!important;
right:0!important;
}

.product-recommendations .product-card{
padding-bottom:18px!important;
}

/* PRODUTOS RECOMENDADOS — ORDEM DOS PREÇOS */
.product-recommendations product-price,
.product-recommendations .price {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* PREÇO ANTIGO — ESQUERDA */
.product-recommendations .compare-at-price,
.product-recommendations [class*="compare-at"] {
  order: 1 !important;
  color: #222 !important;
  text-decoration: line-through !important;
}

/* PREÇO ATUAL — DIREITA */
.product-recommendations .price-item__sale,
.product-recommendations [class*="sale-price"] {
  order: 2 !important;
  color: #c51f2d !important;
}

/* PREÇOS DOS PRODUTOS RECOMENDADOS — mesma linha */
.product-recommendations div[ref="priceContainer"] {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}

/* Preço atual — vermelho */
.product-recommendations div[ref="priceContainer"] .price {
  color: #b32632 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

/* Preço antigo — riscado */
.product-recommendations div[ref="priceContainer"] .compare-at-price {
  color: #222222 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  margin: 0 !important;
}
/* PREÇOS DOS PRODUTOS RECOMENDADOS — mesma linha */
.product-recommendations div[ref="priceContainer"] {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}

/* Preço atual — vermelho */
.product-recommendations div[ref="priceContainer"] .price {
  color: #b32632 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

/* Preço antigo — riscado */
.product-recommendations div[ref="priceContainer"] .compare-at-price {
  color: #222222 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  margin: 0 !important;
}
.review-dots{display:flex;justify-content:center;gap:9px;margin:18px 0}.review-dots span{width:8px;height:8px;background:#aaa;border-radius:50%}.review-dots .active{background:#222}

.reviews-title{text-align:center;font-size:24px;letter-spacing:1px;margin:35px 0 20px}

/* =========================================
   ELODIE PARIS - COLLECTION TABS DESKTOP
========================================= */

@media screen and (min-width: 750px) {

  /* LARGURA GERAL DA SECÇÃO */
  .custom-tabs-section,
  .custom-tabs-wrapper,
  .custom-tabs-content {
    max-width: 1280px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* TABS */
  .custom-tabs-nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 24px !important;
    margin-bottom: 36px !important;
  }

  .custom-tab-btn {
    font-size: 16px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    letter-spacing: 0.2px;
  }

  .custom-tab-btn.active {
    color: #111 !important;
    border-bottom: 2px solid #111 !important;
    padding-bottom: 8px !important;
  }

  /* GRELHA DE PRODUTOS */
  .custom-products-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    max-width: 1260px;
    margin: 0 auto !important;
  }

  /* CARD */
  .custom-product-card {
    text-align: center !important;
  }

  /* IMAGEM */
  .custom-product-image,
  .custom-product-image img {
    width: 100% !important;
  }

  .custom-product-image {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }

  .custom-product-image img {
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* NOME DO PRODUTO */
  .custom-product-title {
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin-top: 12px !important;
    margin-bottom: 6px !important;
  }

  /* PREÇOS */
  .custom-product-price {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
  }

  .custom-product-price s {
    color: #777 !important;
  }

  .custom-product-price > *:not(s) {
    color: #c62626 !important;
  }

  /* BADGE PROMO */
  .custom-badge-promo {
    background: #19b87a !important;
    color: #fff !important;
    border-radius: 0 !important;
    top: 0 !important;
    right: 0 !important;
    padding: 7px 10px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  /* BOTÃO TOUT VOIR */
  .custom-tabs-view-all,
  .custom-view-all,
  .custom-tabs-section .button {
    background: #151821 !important;
    color: #fff !important;
    border: 1px solid #151821 !important;
    border-radius: 0 !important;
    min-width: 140px;
    padding: 14px 24px !important;
    font-size: 13px !important;
    text-transform: uppercase;
  }

/* ==================================================
   ELODIE PARIS — DESKTOP COLLECTIONS
================================================== */

@media screen and (min-width:750px){

/* TABS */
.custom-tabs-nav{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:28px!important;
  margin-bottom:40px!important;
}

.custom-tab-btn{
  font-size:16px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  letter-spacing:.5px!important;
}

.custom-tab-btn.active{
  color:#111!important;
  border-bottom:2px solid #111!important;
  padding-bottom:10px!important;
}


/* 4 PRODUTOS */
.custom-products-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:20px!important;
  max-width:1260px!important;
  margin:0 auto!important;
}


/* CARD INTEIRO */
.custom-product-card{
  position:relative!important;
  width:100%!important;
  text-align:center!important;
}


/* IMAGEM QUADRADA */
.custom-product-image{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
}

.custom-product-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}


/* BADGE */
.custom-badge-promo{
  position:absolute!important;
  top:0!important;
  right:0!important;
  background:#19b87a!important;
  color:#fff!important;
  border-radius:0!important;
  padding:8px 12px!important;
}


/* ===== NOME PRODUTO ===== */

.custom-product-title,
.custom-product-title a,
.custom-product-card h3,
.custom-product-card h3 a{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:15px!important;
  line-height:1.3!important;
  margin:11px auto 6px!important;
}


/* ===== PREÇOS ===== */

.custom-product-price{
  width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  text-align:center!important;
  margin:0 auto!important;
}

.custom-product-price s,
.custom-product-price del{
  color:#777!important;
  text-decoration:line-through!important;
}

.custom-product-price ins{
  color:#c62828!important;
  text-decoration:none!important;
}


/* Caso os preços sejam spans */
.custom-product-price span{
  display:inline-block!important;
}


/* ===== BOTÃO ===== */

.custom-view-all,
.custom-tabs-view-all,
.custom-tabs-section .button{
  display:flex!important;
  width:140px!important;
  min-height:46px!important;
  margin:40px auto 0!important;
  align-items:center!important;
  justify-content:center!important;
  background:#171923!important;
  color:#fff!important;
  border:0!important;
  border-radius:0!important;
}

}/* ELODIE - DESKTOP AJUSTE 2 */
@media screen and (min-width:750px){

/* TABS MAIORES */
.custom-tab-btn{
  font-size:16px!important;
  font-weight:500!important;
  letter-spacing:.3px!important;
}

/* PRODUTOS MAIS COMPACTOS COMO REFERÊNCIA */
.custom-products-grid{
  max-width:1260px!important;
  gap:18px!important;
}

/* NOMES */
.custom-product-title,
.custom-product-title a,
.custom-product-card h3,
.custom-product-card h3 a{
  text-align:center!important;
  font-size:13px!important;
  line-height:1.25!important;
}

/* PREÇOS: ANTIGO ESQUERDA / NOVO DIREITA */
.custom-product-price{
  display:flex!important;
  flex-direction:row-reverse!important;
  justify-content:center!important;
  align-items:center!important;
  gap:9px!important;
}

/* PREÇO ANTIGO */
.custom-product-price s,
.custom-product-price del,
.custom-compare-price{
  color:#777!important;
  text-decoration:line-through!important;
}

/* PREÇO NOVO */
.custom-sale-price,
.custom-product-price ins{
  color:#c62828!important;
  text-decoration:none!important;
}

/* BADGE RETANGULAR */
.custom-badge-promo{
  border-radius:0!important;
  padding:7px 11px!important;
}

/* TOUT VOIR */
.custom-view-all,
.custom-tabs-view-all,
.custom-tabs-section a.button,
.custom-tabs-section button{
  background:#171923!important;
  color:#fff!important;
  border-color:#171923!important;
  border-radius:0!important;
}

}/* DESKTOP — TEXTO E PREÇOS */
@media screen and (min-width:750px){

/* LETRAS DAS TABS */
.custom-tab-btn{
  font-size:18px!important;
}

/* NOME DOS PRODUTOS */
.custom-product-title,
.custom-product-title a,
.custom-product-card h3,
.custom-product-card h3 a{
  font-size:16px!important;
  line-height:1.3!important;
  text-align:center!important;
}

/* BLOCO DE PREÇOS */
.custom-product-price{
  display:flex!important;
  width:100%!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  gap:9px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  font-size:14px!important;
}

/* PREÇO ANTIGO */
.custom-product-price s,
.custom-product-price del,
.custom-compare-price{
  color:#777!important;
  text-decoration:line-through!important;
}

/* PREÇO NOVO */
.custom-sale-price,
.custom-product-price ins{
  color:#c62828!important;
  text-decoration:none!important;
}
}@media(min-width:750px){
.custom-tabs-nav .custom-tab-btn,
.custom-tabs-nav .custom-tab-btn *,
.custom-tab-btn span,
.custom-tab-btn a{
font-size:18px!important;
line-height:1.3!important;
}
}/* ELODIE - TABS DESKTOP */
@media screen and (min-width:750px){
.shopify-section .custom-tabs-container .custom-tabs-nav .custom-tab-btn{
font-size:25px!important;
line-height:1.25!important;
}

/* =========================================
   ABAS DE COLEÇÕES — DESKTOP
========================================= */

@media screen and (min-width:750px){

:is(#force,[id*="__seccao_abas_colecoes_"])
.custom-tabs-nav
.custom-tab-btn{
  font-size:18px!important;
  line-height:1.3!important;
  letter-spacing:.3px!important;
  white-space:nowrap!important;
}

:is(#force,[id*="__seccao_abas_colecoes_"])
.custom-tabs-nav
.custom-tab-btn.active{
  font-size:18px!important;
  color:#111!important;
  border-bottom:2px solid #111!important;
}

/* PREÇOS AO CENTRO — DESKTOP */

@media screen and (min-width:750px){

:is(#force,[id*="__seccao_abas_colecoes_"])
.custom-product-price{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin:0 auto!important;
  text-align:center!important;
}

:is(#force,[id*="__seccao_abas_colecoes_"])
.custom-product-price s,
:is(#force,[id*="__seccao_abas_colecoes_"])
.custom-product-price del{
  color:#777!important;
}

:is(#force,[id*="__seccao_abas_colecoes_"])
.custom-product-price ins{
  color:#c62828!important;
  text-decoration:none!important;
}

/* PREÇOS CENTRADOS - DESKTOP */
@media(min-width:750px){
:is(#force,[id*="__seccao_abas_colecoes_"]) .custom-product-price{
display:flex!important;
flex-direction:row-reverse!important;
justify-content:center!important;
align-items:center!important;
gap:8px!important;
width:100%!important;
}
:is(#force,[id*="__seccao_abas_colecoes_"]) .price-current{
color:#b32632!important;
}
:is(#force,[id*="__seccao_abas_colecoes_"]) .price-compare{
color:#777!important;
text-decoration:line-through!important;
}
@media(min-width:750px){
[id*="__seccao_abas_colecoes_"]:not(#x):not(#y) .custom-product-price{
display:flex!important;
flex-direction:row-reverse!important;
justify-content:center!important;
align-items:center!important;
gap:8px!important;
width:100%!important;
margin:0 auto!important;
}
/* ===== HEADER FINAL DESKTOP ===== */
@media screen and (min-width:750px){

#header-component{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  grid-template-rows:auto auto!important;
  width:100%!important;
  padding:18px 11% 16px!important;
  background:#fff!important;
}

/* LOGO CENTRADO EM CIMA */
#header-component .header-logo{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:center!important;
  align-self:center!important;
  margin:0!important;
}

#header-component .header-logo__image{
  width:240px!important;
  height:auto!important;
  max-height:45px!important;
  object-fit:contain!important;
}

/* MENU NA LINHA DE BAIXO */
#header-component .header-menu{
  grid-column:1 / -1!important;
  grid-row:2!important;
  width:100%!important;
  margin:16px auto 0!important;
  overflow:visible!important;
}

#header-component .menu-list{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  gap:14px 30px!important;
  overflow:visible!important;
}

#header-component .menu-list__list{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:14px 30px!important;
  width:100%!important;
}

/* TEXTO DO MENU */
#header-component .menu-list__link{
  font-size:19px!important;
  font-weight:400!important;
  line-height:1.2!important;
  letter-spacing:3px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  color:#111!important;
}

#header-component .menu-list__link-title{
  padding:0!important;
  white-space:nowrap!important;
}

/* NÃO MOSTRAR HAMBURGER NO DESKTOP */
#header-component menu-drawer,
#header-component .header__icon--menu{
  display:none!important;
}

/* BARRAS */
.announcement-bar{
  min-height:36px!important;
  padding:8px 20px!important;
}

.announcement-bar p,
.announcement-bar__message{
  font-size:11px!important;
  line-height:1.2!important;
  letter-spacing:2.5px!important;
  text-transform:uppercase!important;
  margin:0!important;
}

/* ===== HEADER DESKTOP FINAL ===== */
@media screen and (min-width:750px){

/* anula layout antigo que pusemos no component */
html body #header-component{
 display:block!important;
 padding:0!important;
 width:100%!important;
 background:#fff!important;
}

/* LINHA SUPERIOR: logo + ícones */
html body #header-component .header__row--top{
 display:grid!important;
 grid-template-columns:1fr auto 1fr!important;
 align-items:center!important;
 width:100%!important;
 min-height:72px!important;
 padding:12px 11%!important;
}

/* LOGO NO CENTRO */
html body #header-component .header-logo{
 grid-column:2!important;
 justify-self:center!important;
 margin:0!important;
}

html body #header-component .header-logo__image{
 width:240px!important;
 height:auto!important;
 max-height:45px!important;
 object-fit:contain!important;
}

/* SEGUNDA LINHA = MENU */
html body #header-component .header__row--bottom{
 display:block!important;
 width:100%!important;
 height:auto!important;
 min-height:82px!important;
 padding:8px 8% 18px!important;
 overflow:visible!important;
}

/* MENU */
html body #header-component .header-menu,
html body #header-component .menu-list{
 display:block!important;
 width:100%!important;
 max-width:1500px!important;
 margin:0 auto!important;
 overflow:visible!important;
}

/* ITENS DO MENU */
html body #header-component .menu-list__list{
 display:flex!important;
 flex-wrap:wrap!important;
 justify-content:center!important;
 align-items:center!important;
 gap:14px 30px!important;
 width:100%!important;
 margin:0 auto!important;
 padding:0!important;
}

/* LETRAS */
html body #header-component .menu-list__link{
 font-size:20px!important;
 font-weight:400!important;
 line-height:1.3!important;
 letter-spacing:3.5px!important;
 text-transform:uppercase!important;
 color:#111!important;
 white-space:nowrap!important;
}

html body #header-component .menu-list__link-title{
 padding:0!important;
 white-space:nowrap!important;
}

/* esconder hamburger apenas no desktop */
html body #header-component .header__icon--menu,
html body #header-component menu-drawer{
 display:none!important;
}

/* HEADER DESKTOP - AJUSTE FINAL */
@media screen and (min-width:750px){

html body #header-component .header__row--top{
  grid-template-columns:1fr auto 1fr!important;
  min-height:78px!important;
  padding:14px 11%!important;
}

html body #header-component .header-logo{
  grid-column:2!important;
  justify-self:center!important;
}

html body #header-component .header-logo__image{
  width:235px!important;
  height:auto!important;
}

html body #header-component .header__row--bottom{
  min-height:92px!important;
  padding:10px 7% 20px!important;
}

html body #header-component .menu-list__list{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  column-gap:34px!important;
  row-gap:18px!important;
  width:100%!important;
  margin:0 auto!important;
}

html body #header-component .menu-list__list>li{
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
}

html body #header-component .menu-list__link{
  display:inline-flex!important;
  width:auto!important;
  padding:0!important;
  margin:0!important;
  font-size:20px!important;
  line-height:1.25!important;
  font-weight:400!important;
  letter-spacing:3px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

html body #header-component .menu-list__link-title{
  display:inline-block!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
}

/* HEADER DESKTOP */
@media (min-width:750px){

#header-component .header__row--top{
 min-height:78px!important;
 padding:14px 10%!important
}

#header-component .header-logo{
 justify-self:center!important
}

#header-component .header-logo__image{
 width:235px!important;
 height:auto!important
}

#header-component .header__row--bottom{
 min-height:105px!important;
 padding:10px 8% 20px!important
}

#header-component .menu-list{
 width:100%!important
}

#header-component .menu-list__list{
 display:flex!important;
 flex-wrap:wrap!important;
 justify-content:center!important;
 align-items:center!important;
 gap:14px 34px!important;
 max-width:1500px!important;
 margin:auto!important;
 padding:0!important
}

#header-component .menu-list__list-item{
 flex:0 0 auto!important;
 width:auto!important;
 margin:0!important;
 padding:0!important
}

#header-component .menu-list__link{
 width:auto!important;
 padding:0!important;
 margin:0!important;
 font-size:19px!important;
 line-height:1.3!important;
 letter-spacing:3px!important;
 font-weight:400!important;
 text-transform:uppercase!important;
 white-space:nowrap!important
}

#header-component .menu-list__link-title{
 padding:0!important;
 margin:0!important
}

/* ===== HEADER DESKTOP FINAL ===== */
@media screen and (min-width:750px){

#header-component{
  display:block!important;
  padding:0!important;
  width:100%!important;
  background:#fff!important;
}

/* LINHA DO LOGO */
#header-component .header__row--top{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  width:100%!important;
  min-height:78px!important;
  padding:14px 10%!important;
}

/* LOGO */
#header-component .header-logo{
  grid-column:2!important;
  justify-self:center!important;
  margin:0!important;
}

#header-component .header-logo__image{
  width:235px!important;
  height:auto!important;
  object-fit:contain!important;
}

/* LINHA DO MENU */
#header-component .header__row--bottom{
  display:block!important;
  width:100%!important;
  min-height:105px!important;
  padding:12px 6% 20px!important;
  overflow:visible!important;
}

/* MENU */
#header-component .menu-list{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  overflow:visible!important;
}

#header-component .menu-list__list{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0!important;
}

/* CADA ITEM */
#header-component .menu-list__list-item{
  flex:0 0 auto!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
}

/* LINK */
#header-component .menu-list__link{
  display:inline-flex!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  font-size:19px!important;
  line-height:1.3!important;
  font-weight:400!important;
  letter-spacing:3px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  color:#111!important;
}

/* ESPAÇO ENTRE AS PALAVRAS DO MENU */
#header-component .menu-list__link-title{
  display:inline-block!important;
  padding-left:18px!important;
  padding-right:18px!important;
  margin:0!important;
  white-space:nowrap!important;
}

/* NÃO MOSTRAR HAMBURGER NO PC */
#header-component .header__icon--menu,
#header-component menu-drawer{
  display:none!important;
}

/* =========================================
   HEADER DESKTOP - OVERRIDE FINAL
========================================= */

@media screen and (min-width:750px){

html body #header-component{
  display:block!important;
  width:100%!important;
  padding:0!important;
  background:#fff!important;
}

html body #header-component .header__row--top{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  width:100%!important;
  min-height:82px!important;
  padding:14px 10%!important;
}

html body #header-component .header-logo{
  grid-column:2!important;
  justify-self:center!important;
  margin:0!important;
}

html body #header-component .header-logo__image{
  width:235px!important;
  height:auto!important;
  object-fit:contain!important;
}

html body #header-component .header__row--bottom{
  display:block!important;
  width:100%!important;
  min-height:115px!important;
  padding:10px 4% 22px!important;
  overflow:visible!important;
}

html body #header-component .menu-list{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  overflow:visible!important;
}

html body #header-component .menu-list__list{
  display:grid!important;
  grid-template-columns:repeat(10,max-content)!important;
  justify-content:center!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:18px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0!important;
}

/* LINHA 1 */
html body #header-component .menu-list__list-item:nth-child(1){
  grid-column:1/3!important;
  grid-row:1!important;
}

html body #header-component .menu-list__list-item:nth-child(2){
  grid-column:3/5!important;
  grid-row:1!important;
}

html body #header-component .menu-list__list-item:nth-child(3){
  grid-column:5/7!important;
  grid-row:1!important;
}

html body #header-component .menu-list__list-item:nth-child(4){
  grid-column:7/9!important;
  grid-row:1!important;
}

html body #header-component .menu-list__list-item:nth-child(5){
  grid-column:9/11!important;
  grid-row:1!important;
}

/* LINHA 2 */
html body #header-component .menu-list__list-item:nth-child(6){
  grid-column:4/6!important;
  grid-row:2!important;
}

html body #header-component .menu-list__list-item:nth-child(7){
  grid-column:6/8!important;
  grid-row:2!important;
}

html body #header-component .menu-list__list-item{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  justify-self:center!important;
}

html body #header-component .menu-list__link{
  display:inline-flex!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  font-size:19px!important;
  line-height:1.25!important;
  font-weight:400!important;
  letter-spacing:3px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  color:#111!important;
}

html body #header-component .menu-list__link-title{
  display:inline-block!important;
  padding:0 8px!important;
  margin:0!important;
  white-space:nowrap!important;
}

html body #header-component .header__icon--menu,
html body #header-component menu-drawer{
  display:none!important;
}

/* ===== FORÇAR MENU DESKTOP EM 2 LINHAS ===== */
@media(min-width:750px){

html body #header-component .menu-list__list{
display:flex!important;
flex-wrap:wrap!important;
justify-content:center!important;
align-items:center!important;
max-width:1450px!important;
margin:auto!important;
}

html body #header-component .menu-list__list-item{
flex:0 0 auto!important;
margin:0 14px 16px!important;
}

/* força CHAUSSURES a começar a segunda linha */
html body #header-component .menu-list__list-item:nth-child(6){
margin-left:100%!important;
}

/* centra segunda linha */
html body #header-component .menu-list__list-item:nth-child(6){
transform:translateX(50%)!important;
}

html body #header-component .menu-list__list-item:nth-child(7){
transform:translateX(50%)!important;
}

/* HEADER MENU - OVERRIDE */
@media(min-width:750px){

html body #header-component .menu-list__list{
display:flex!important;
flex-wrap:wrap!important;
justify-content:center!important;
align-items:center!important;
max-width:1550px!important;
margin:auto!important;
gap:16px 30px!important;
}

html body #header-component .menu-list__list-item{
flex:0 0 auto!important;
margin:0!important;
transform:none!important;
}

html body #header-component .menu-list__list-item:nth-child(6){
margin-left:0!important;
transform:none!important;
}

html body #header-component .menu-list__link{
font-size:19px!important;
letter-spacing:3px!important;
white-space:nowrap!important;
padding:0!important;
}

html body #header-component .menu-list__link-title{
padding:0!important;
}

/* APÓS TERES OS 10 LINKS:
   ITEM 7 COMEÇA A SEGUNDA LINHA */
html body #header-component .menu-list__list-item:nth-child(7){
break-before:always!important;
}

html body #header-component .menu-list__list-item:nth-child(7)::before{
content:"";
display:block!important;
flex-basis:100%!important;
}

/* ===== MENU DESKTOP - OVERRIDE ===== */
@media(min-width:750px){

html body #header-component .header__row--bottom .menu-list__list{
display:flex!important;
flex-wrap:wrap!important;
justify-content:center!important;
align-items:center!important;
width:100%!important;
max-width:1500px!important;
margin:0 auto!important;
padding:0!important;
}

html body #header-component .header__row--bottom .menu-list__list>.menu-list__list-item{
display:block!important;
width:auto!important;
flex:0 0 auto!important;
margin:0 18px 16px!important;
padding:0!important;
transform:none!important;
}

html body #header-component .header__row--bottom .menu-list__link{
display:block!important;
width:auto!important;
margin:0!important;
padding:0!important;
font-size:19px!important;
letter-spacing:3px!important;
line-height:1.25!important;
white-space:nowrap!important;
text-transform:uppercase!important;
}

html body #header-component .header__row--bottom .menu-list__link-title{
display:block!important;
padding:0!important;
margin:0!important;
}

/* ESCONDER PLUS */
html body #header-component .menu-list__list>.menu-list__list-item:nth-child(7){
display:none!important;
}

/* ===== MENU DESKTOP OVERRIDE FORÇADO ===== */
@media(min-width:750px){

html body header-component#header-component.header .header__row--bottom .menu-list__list{
display:flex!important;
flex-wrap:wrap!important;
justify-content:center!important;
align-items:center!important;
width:100%!important;
max-width:1500px!important;
margin:0 auto!important;
padding:0!important;
}

html body header-component#header-component.header .header__row--bottom li.menu-list__list-item{
display:flex!important;
flex:0 0 auto!important;
width:auto!important;
margin:0!important;
padding:0!important;
transform:none!important;
}

html body header-component#header-component.header .header__row--bottom a.menu-list__link{
display:flex!important;
width:auto!important;
margin:0!important;
padding:0!important;
}

html body header-component#header-component.header .header__row--bottom span.menu-list__link-title{
display:inline-block!important;
width:auto!important;
margin:0 18px!important;
padding:0!important;
font-size:19px!important;
line-height:1.3!important;
letter-spacing:3px!important;
white-space:nowrap!important;
text-transform:uppercase!important;
}

/* REMOVE PLUS */
html body header-component#header-component.header .menu-list__list-item:nth-child(7){
display:none!important;
}

/* ===== MENU DESKTOP 2 LINHAS FORÇADAS ===== */
@media(min-width:750px){

html body header-component#header-component .header__row--bottom .menu-list__list{
display:grid!important;
grid-template-columns:repeat(10,max-content)!important;
justify-content:center!important;
align-items:center!important;
column-gap:26px!important;
row-gap:18px!important;
width:100%!important;
max-width:1500px!important;
margin:0 auto!important;
padding:0!important;
}

html body header-component#header-component .menu-list__list-item{
display:block!important;
width:auto!important;
margin:0!important;
padding:0!important;
transform:none!important;
justify-self:center!important;
}

html body header-component#header-component .menu-list__list-item:nth-child(1){
grid-column:1/3!important;
grid-row:1!important;
}

html body header-component#header-component .menu-list__list-item:nth-child(2){
grid-column:3/5!important;
grid-row:1!important;
}

html body header-component#header-component .menu-list__list-item:nth-child(3){
grid-column:5/7!important;
grid-row:1!important;
}

html body header-component#header-component .menu-list__list-item:nth-child(4){
grid-column:7/9!important;
grid-row:1!important;
}

html body header-component#header-component .menu-list__list-item:nth-child(5){
grid-column:9/11!important;
grid-row:1!important;
}

html body header-component#header-component .menu-list__list-item:nth-child(6){
grid-column:4/6!important;
grid-row:2!important;
}

html body header-component#header-component .menu-list__list-item:nth-child(7){
grid-column:6/8!important;
grid-row:2!important;
}

html body header-component#header-component .menu-list__link,
html body header-component#header-component .menu-list__link-title{
margin:0!important;
padding:0!important;
white-space:nowrap!important;
}

@media(min-width:750px){
html body header-component#header-component .menu-list__list-item:nth-child(7){
display:none!important;
}
@media(min-width:750px){
html body header-component#header-component .header__row--bottom .menu-list__list>.menu-list__list-item:last-child{
display:none!important;
visibility:hidden!important;
}
}@media(min-width:750px){

html body #header-component .menu-list__list > li:nth-of-type(7),
html body #header-component .menu-list__list > .menu-list__list-item:nth-of-type(7),
html body #header-component .menu-list__list > li:last-of-type{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  margin:0!important;
  padding:0!important;
}

/* REMOVE BOTÃO PLUS / MORE DO HORIZON */
@media(min-width:750px){
#header-component li[slot="more"],
#header-component [data-testid="header-menu-more-button"],
#header-component overflow-list > li[slot="more"]{
display:none!important;
visibility:hidden!important;
width:0!important;
height:0!important;
margin:0!important;
padding:0!important;
}
/* ===== HEADER: MOSTRAR OVERFLOW NA 2ª LINHA ===== */
@media(min-width:750px){

html body #header-component overflow-list{
display:flex!important;
flex-wrap:wrap!important;
justify-content:center!important;
align-items:center!important;
width:100%!important;
overflow:visible!important;
}

html body #header-component overflow-list>.menu-list__list-item,
html body #header-component .menu-list__list-item[slot="overflow"]{
display:flex!important;
visibility:visible!important;
opacity:1!important;
width:auto!important;
height:auto!important;
position:static!important;
margin:0 17px 16px!important;
padding:0!important;
transform:none!important;
}

html body #header-component .menu-list__list-item[slot="overflow"]{
order:20!important;
}

html body #header-component .menu-list__list-item[slot="more"]{
display:none!important;
}

html body #header-component .menu-list__list-item[slot="overflow"] .menu-list__link{
display:flex!important;
visibility:visible!important;
width:auto!important;
font-size:19px!important;
letter-spacing:3px!important;
text-transform:uppercase!important;
white-space:nowrap!important;
color:#111!important;
}

html body #header-component .menu-list__list-item[slot="overflow"] .menu-list__link-title{
display:inline-block!important;
visibility:visible!important;
padding:0!important;
margin:0!important;
}

@media(min-width:750px){

#header-component .elodie-dropdown{
  width:max-content!important;
  min-width:190px!important;
  max-width:230px!important;
  padding:6px 0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

#header-component .elodie-dropdown a{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:9px 14px!important;
  font-size:16px!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  color:#000!important;
}

@media(min-width:750px){
#header-component .elodie-dropdown a{
font-size:13px!important;
line-height:1.2!important;
padding:8px 12px!important;
white-space:nowrap!important;
}
#header-component .elodie-dropdown{
max-width:none!important;
overflow:visible!important;
}
/* === AJUSTE FINAL: APROXIMAR MENU DO LOGOTIPO === */

@media screen and (min-width: 750px) {

  #header-component .header__row--top {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  #header-component .header__row--bottom {
    padding-top: 0 !important;
    margin-top: -18px !important;
  }

  #header-component .elodie-desktop-menu {
    margin-top: -18px !important;
    padding-top: 0 !important;
  }

/* === REDUZIR ESPAÇO ABAIXO DA 2ª LINHA DO MENU === */

@media screen and (min-width: 750px) {

  #header-component .header__row--bottom {
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }

  #header-component .elodie-desktop-menu {
    padding-bottom: 0 !important;
    margin-bottom: -28px !important;
  }

  #header-component {
    padding-bottom: 0 !important;
  }

/* PRODUCT PAGE COMPACT */

.product-information{
  gap:10px!important;
}

.product-information h1{
  font-size:24px!important;
  line-height:1.15!important;
  margin:4px 0 8px!important;
}

.product-information .price{
  font-size:18px!important;
  line-height:1.1!important;
  margin:4px 0!important;
}

.product-information p,
.product-information label,
.product-information span{
  line-height:1.25!important;
}

.product-information>*{
  margin-top:5px!important;
  margin-bottom:5px!important;
}

.product-form__input{
  margin:6px 0!important;
}

.product-form__input label{
  margin-bottom:4px!important;
}

.product-form__input input+label{
  min-height:34px!important;
  padding:7px 14px!important;
  font-size:13px!important;
}
/* BENEFICIOS + ICONES */
.product-information li,
.product-information p{
 font-size:13px!important;
 line-height:1.2!important;
}
.product-information svg{
 width:15px!important;
 height:15px!important;
 flex-shrink:0!important;
}
.product-information li{
 gap:7px!important;
 margin:5px 0!important;
}

/* ADD TO CART */
.product-information button[type="submit"]{
 min-height:44px!important;
 height:44px!important;
 padding:0 15px!important;
 font-size:12px!important;
 font-weight:700!important;
 letter-spacing:3px!important;
}
/* PRODUCT LAYOUT */
.product-information{
  column-gap:24px!important;
  grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)!important;
}

.product-information__media{
  margin-right:0!important;
}

.product-information__details{
  max-width:none!important;
  width:100%!important;
  padding-left:0!important;
}
/* PRODUCT LAYOUT FIX 2 */
.product-information{
  grid-template-columns:revert!important;
  column-gap:revert!important;
}

.product-information__media{
  margin-right:0!important;
}

.product-information__details{
  max-width:none!important;
  width:calc(100% + 45px)!important;
  margin-left:-45px!important;
  padding-left:0!important;
}
/* PRODUCT DETAILS POSITION FIX */
@media screen and (min-width: 990px){
  .product-information__details{
    margin-left:-110px!important;
    width:calc(100% + 110px)!important;
    max-width:none!important;
    padding-left:0!important;
  }
}/* PRODUCT DETAILS LEFT FIX V3 */
@media screen and (min-width:990px){
  product-information .product-details,
  product-information [class*="product-details"],
  .product-information .product-details,
  .product-information [class*="product-details"]{
    transform:translateX(-100px)!important;
    width:calc(100% + 100px)!important;
    max-width:none!important;
  }
}/* PRODUCT PAGE REFERENCE V4 */
@media(min-width:990px){
.product-information{
display:grid!important;
grid-template-columns:52% 48%!important;
gap:20px!important;
max-width:1420px!important;
margin:auto!important;
align-items:start!important;
}
.product-information__media{
width:100%!important;
margin:0!important;
transform:none!important;
}
.product-information__media img{
width:100%!important;
height:auto!important;
max-height:690px!important;
object-fit:contain!important;
}
.product-information__details,
.product-details,
[class*="product-details"]{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
transform:none!important;
}
}/* RESET PRODUCT LAYOUT */
@media(min-width:990px){
.product-information{
  display:revert!important;
  grid-template-columns:revert!important;
  column-gap:revert!important;
  gap:revert!important;
  max-width:revert!important;
  width:revert!important;
  margin:revert!important;
}
.product-information__media,
.product-information__details,
.product-details,
[class*="product-details"]{
  width:revert!important;
  max-width:revert!important;
  margin:revert!important;
  padding-left:revert!important;
  transform:none!important;
}
.product-information__media img{
  width:revert!important;
  height:revert!important;
  max-height:revert!important;
  object-fit:revert!important;
}
}/* PRODUCT IMAGE CENTER FIX */
@media(min-width:990px){
.product-information__media,
.product-information media-gallery,
.product-information [class*="media-gallery"]{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
}

.product-information__media img,
.product-information media-gallery img,
.product-information [class*="media-gallery"] img{
  margin-left:auto!important;
  margin-right:auto!important;
  display:block!important;
  object-position:center!important;
}
}/* PRODUCT DETAILS COMPACT V6 */
@media(min-width:990px){
.product-information__details,
.product-details,
[class*="product-details"]{
  transform:translateX(-55px)!important;
}

.product-information__details>*,
.product-details>*,
[class*="product-details"]>*{
  margin-top:6px!important;
  margin-bottom:6px!important;
}

.product-information__details .group-block,
.product-details .group-block{
  gap:8px!important;
}
}/* PRODUCT ULTRA COMPACT */
@media(min-width:990px){
.product-information__details,
.product-details,
[class*="product-details"]{
  transform:translateX(-70px)!important;
}

.product-information__details>*,
.product-details>*,
[class*="product-details"]>*{
  margin-top:2px!important;
  margin-bottom:2px!important;
}

.product-information__details .group-block,
.product-details .group-block{
  gap:4px!important;
}

.product-information__details p{
  margin-block:2px!important;
}
/* PRODUCT COMPACT V7 */
@media(min-width:990px){
.product-information__details,
.product-details,[class*="product-details"]{
 transform:translateX(-75px)!important;
 gap:8px!important;
 row-gap:8px!important;
}
.product-information__details>div,
.product-details>div,
[class*="product-details"]>div{
 margin-block:0!important;
 padding-block:0!important;
 gap:5px!important;
 row-gap:5px!important;
}
.product-information__details p,
.product-information__details h1,
.product-details p,.product-details h1{
 margin-block:2px!important;
}
/* PAYMENT ICONS SIZE */
.payment-icons img,
.payment-icons svg{
  height:22px!important;
  width:auto!important;
/* REVIEWS - EMMA STYLE */
.template-product .multicolumn{
  background:#f7f7f7!important;
  padding:55px 20px 70px!important;
}

.template-product .multicolumn .title-wrapper-with-link,
.template-product .multicolumn h2{
  text-align:center!important;
  justify-content:center!important;
  margin:0 0 40px!important;
  font-size:22px!important;
  font-weight:400!important;
}

@media(min-width:990px){
.template-product .multicolumn-list{
  display:grid!important;
  grid-template-columns:1fr 1.18fr 1fr!important;
  align-items:center!important;
  gap:0!important;
  max-width:1500px!important;
  margin:0 auto!important;
}

.template-product .multicolumn-list__item{
  background:#fff!important;
  padding:35px 45px!important;
  min-height:210px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border:0!important;
}

.template-product .multicolumn-list__item:nth-child(2){
  min-height:265px!important;
  z-index:3!important;
  box-shadow:0 12px 28px rgba(0,0,0,.08)!important;
}

.template-product .multicolumn-card{
  background:#fff!important;
  text-align:center!important;
  align-items:center!important;
}

.template-product .multicolumn-card__image-wrapper{
  order:3!important;
  margin:18px auto 6px!important;
}

.template-product .multicolumn-card__image-wrapper img{
  width:62px!important;
  height:62px!important;
  object-fit:cover!important;
  border-radius:50%!important;
}

.template-product .multicolumn-card__info{
  padding:0!important;
  text-align:center!important;
}

.template-product .multicolumn-card__info h3{
  font-size:14px!important;
  margin:6px 0 2px!important;
}

.template-product .multicolumn-card__info p{
  font-size:13px!important;
  line-height:1.35!important;
  margin:7px auto!important;
  max-width:520px!important;
}
/* PRODUCT DETAILS LEFT V8 */
@media(min-width:990px){
  .product-information__details,
  .product-details,
  [class*="product-details"]{
    transform:translateX(-120px)!important;
    margin-left:0!important;
    max-width:none!important;
  }

  /* PRODUCT IMAGE / DETAILS SAFE LAYOUT */
@media(min-width:990px){
  .product-information{
    overflow:visible!important;
  }

  .product-information__media,
  product-media-gallery,
  [class*="media-gallery"]{
    max-width:100%!important;
    overflow:hidden!important;
    transform:none!important;
  }

  .product-information__media img,
  product-media-gallery img,
  [class*="media-gallery"] img{
    max-width:100%!important;
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    transform:none!important;
  }

  .product-information__details,
  .product-details,
  [class*="product-details"]{
    position:relative!important;
    z-index:3!important;
    overflow:visible!important;
  }
}/* PRODUCT TYPOGRAPHY - REFERENCE */
.product-information__details,
.product-information__details *,
.product-details,
.product-details *{
  font-family:"Times New Roman",Times,serif!important;
  letter-spacing:0!important;
}

.product-information__details p,
.product-information__details li,
.product-details p,
.product-details li{
  font-size:15px!important;
  line-height:1.3!important;
}

.product-information__details strong,
.product-details strong{
  font-weight:700!important;
}/* FORCE PRODUCT FONT V2 */
.product-information,
.product-information *,
.product-details,
.product-details *,
[class*="product-details"],
[class*="product-details"] *{
  font-family:Georgia,"Times New Roman",serif!important;
}
/* PRODUCT COLUMNS FIX V10 */
@media(min-width:990px){

  .product-information{
    display:grid!important;
    grid-template-columns:minmax(0,52%) minmax(0,48%)!important;
    column-gap:25px!important;
    align-items:start!important;
  }

  .product-information__media,
  product-media-gallery,
  [class*="media-gallery"]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    transform:none!important;
  }

  .product-information__media img,
  product-media-gallery img,
  [class*="media-gallery"] img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    transform:none!important;
  }

  .product-information__details,
  .product-details,
  [class*="product-details"]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding-left:0!important;
    transform:none!important;
    position:relative!important;
    z-index:5!important;
  }
/* FIX HORIZON MEDIA GALLERY - MULTIPLE IMAGES */
@media(min-width:750px){

  .product-information__media{
    width:0!important;
    min-width:100%!important;
    overflow:hidden!important;
    transform:none!important;
  }

  media-gallery{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    transform:none!important;
  }

  media-gallery .media-gallery__grid{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    transform:none!important;
  }

  media-gallery .product-media-container{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    transform:none!important;
  }

  media-gallery img{
    max-width:100%!important;
    height:auto!important;
    transform:none!important;
  }

  .product-details{
    position:relative!important;
    z-index:5!important;
    transform:none!important;
  }
/* FIX FINAL - PRODUCT MEDIA CAROUSEL */
@media(min-width:750px){

  .product-information__media{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    overflow:visible!important;
    transform:none!important;
  }

  media-gallery,
  .media-gallery{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    overflow:hidden!important;
    transform:none!important;
  }

  media-gallery img,
  .media-gallery img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    opacity:1!important;
    visibility:visible!important;
    object-fit:contain!important;
    transform:none!important;
  }

  media-gallery .product-media-container,
  .media-gallery .product-media-container{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    transform:none!important;
  }
/* PRODUCT MEDIA CAROUSEL RESET V12 */
@media screen and (min-width:750px){

  .product-information__media{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    overflow:visible!important;
    transform:none!important;
  }

  media-gallery,
  .media-gallery{
    display:revert!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:revert!important;
    overflow:revert!important;
    transform:none!important;
  }

  media-gallery .product-media-container,
  .media-gallery .product-media-container,
  .product-media-container{
    display:revert!important;
    width:revert!important;
    min-width:0!important;
    max-width:100%!important;
    height:revert!important;
    min-height:revert!important;
    aspect-ratio:revert!important;
    overflow:revert!important;
    transform:none!important;
  }

  media-gallery img,
  .media-gallery img,
  .product-media-container img{
    display:revert!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
/* =========================================
   FINAL PRODUCT LAYOUT FIX
   IMAGEM + DETALHES SEM SOBREPOSIÇÃO
   ========================================= */

@media screen and (min-width: 750px){

  .product-information__grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:40px!important;
    align-items:start!important;
    width:100%!important;
  }

  .product-information__grid > .product-information__media{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
    left:auto!important;
    right:auto!important;
    overflow:hidden!important;
  }

  .product-information__grid > .product-details{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 20px!important;
    box-sizing:border-box!important;
    transform:none!important;
    translate:none!important;
    left:auto!important;
    right:auto!important;
    position:relative!important;
    z-index:5!important;
    overflow:visible!important;
  }

  .product-information__grid > .product-details > *{
    max-width:100%!important;
    margin-left:0!important;
    transform:none!important;
    translate:none!important;
    left:auto!important;
  }

  .product-information__media media-gallery,
  .product-information__media slideshow-component{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    transform:none!important;
  }

  .product-information__media img{
    display:block!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }
/* FINAL DETAILS CLIPPING FIX */
@media screen and (min-width:750px){

  .product-information__grid > .product-details{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 24px!important;
    box-sizing:border-box!important;
    transform:none!important;
    translate:none!important;
    left:0!important;
    right:auto!important;
    overflow:visible!important;
    z-index:10!important;
  }

  .product-details > .group-block,
  .product-details .group-block-content{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    transform:none!important;
    translate:none!important;
    left:0!important;
    right:auto!important;
    box-sizing:border-box!important;
  }

  .product-information__media{
    position:relative!important;
    z-index:1!important;
    overflow:hidden!important;
  }
/* =========================================
   FINAL FIX - MEDIA NÃO INVADE DETALHES
   ========================================= */
@media screen and (min-width:750px){

  .product-information__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:24px!important;
  }

  .product-information__media,
  .product-details{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    transform:none!important;
    translate:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  .product-information__media{
    overflow:hidden!important;
    position:relative!important;
    z-index:1!important;
  }

  .product-details{
    position:relative!important;
    z-index:2!important;
    padding-left:12px!important;
    overflow:visible!important;
  }

  .product-information__media media-gallery,
  .product-information__media slideshow-component{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    transform:none!important;
  }

  .product-information__media slideshow-component > *,
  .product-information__media [class*="slideshow"],
  .product-information__media slideshow-slide,
  .product-information__media .product-media-container,
  .product-information__media .product-media{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .product-information__media img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }
/* =========================================
   HORIZON PRODUCT LAYOUT - FINAL RESET
   ========================================= */

.product-information__media{
  width:0!important;
  min-width:100%!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
}

.product-information__media media-gallery{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  transform:none!important;
}

.product-information__media slideshow-component{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  transform:none!important;
}

.product-details{
  min-width:0!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  left:auto!important;
  right:auto!important;
}

.product-details > .group-block,
.product-details .group-block-content{
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
  translate:none!important;
  left:auto!important;
  right:auto!important;
}


/* DESKTOP */
@media screen and (min-width:750px){

  .product-information__grid.product-information--media-left{
    grid-template-columns:
      1fr min(50vw,var(--sidebar-width))!important;
  }

  .product-information__media{
    padding-right:calc(var(--gap,0px)/2)!important;
  }

  .product-details{
    padding-left:calc(var(--gap,0px)/2)!important;
  }

}


/* DESKTOP GRANDE */
@media screen and (min-width:1200px){

  .product-information__grid.product-information--media-left:not(.product-information__grid--half){
    grid-template-columns:2fr 1fr!important;
  }

/* ==============================
   VARIANTES PRODUTO - ÉLODIE PARIS
   ============================== */

/* Títulos COULEUR / TAILLE */
.product-form__input .form__label,
.variant-picker__label {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 14px;
}

/* Espaço entre Cor e Tamanho */
.product-form__input,
variant-selects fieldset {
  margin-bottom: 24px !important;
}

/* BOTÕES DE TAMANHO */
.product-form__input input[type="radio"] + label,
.variant-picker input[type="radio"] + label {
  min-width: 52px !important;
  height: 52px !important;
  padding: 0 14px !important;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  border: 1px solid #d8d8d8 !important;
  border-radius: 0 !important;

  background: #fff !important;
  color: #111 !important;

  font-size: 14px !important;
  font-weight: 400 !important;

  margin: 0 7px 7px 0 !important;
  box-shadow: none !important;
}

/* TAMANHO SELECIONADO */
.product-form__input input[type="radio"]:checked + label,
.variant-picker input[type="radio"]:checked + label {
  border: 2px solid #111 !important;
  background: #fff !important;
  color: #111 !important;
}

/* Hover tamanho */
.product-form__input input[type="radio"] + label:hover,
.variant-picker input[type="radio"] + label:hover {
  border-color: #111 !important;
}


/* ==============================
   CORES / SWATCHES
   ============================== */

.swatch,
.swatch-input__label,
.product-form__input input[type="radio"] + label.swatch {
  width: 58px !important;
  height: 68px !important;
  min-width: 58px !important;

  border-radius: 0 !important;
  border: 1px solid #d8d8d8 !important;

  padding: 3px !important;
  background-color: #fff !important;
}

/* Cor selecionada */
.swatch-input:checked + .swatch-input__label,
input[type="radio"]:checked + label.swatch {
  border: 2px solid #111 !important;
}

/* Imagem dentro da variante de cor */
.swatch img,
.swatch-input__label img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}


/* ==============================
   BOTÃO AJOUTER AU PANIER
   ============================== */

.product-form__submit,
button[name="add"] {
  width: 100% !important;
  min-height: 58px !important;

  border-radius: 0 !important;
  border: 1px solid #111 !important;

  background: #12a66a !important;
  color: #fff !important;

  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;

  box-shadow: none !important;
}

/* Hover panier */
.product-form__submit:hover,
button[name="add"]:hover {
  opacity: .9;
}
/* ===== ÉLODIE - VARIANTES ===== */

/* COR + TAMANHO */
.variant-option__button-label{
  min-width:52px!important;
  min-height:52px!important;
  padding:0 14px!important;
  border:1px solid #d8d8d8!important;
  border-radius:0!important;
  background:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
}

/* TEXTO */
.variant-option__button-label__text{
  font-size:13px!important;
  font-weight:400!important;
}

/* SELECIONADO */
.variant-option__button-label:has(input:checked){
  border:2px solid #111!important;
  background:#fff!important;
  color:#111!important;
}

/* HOVER */
.variant-option__button-label:hover{
  border-color:#111!important;
}

/* ===== BOTÃO CARRINHO ===== */

.add-to-cart-button{
  width:100%!important;
  min-height:58px!important;
  border:1px solid #111!important;
  border-radius:0!important;
  background:#12a66a!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
}

.add-to-cart-button:hover{
  background:#10965f!important;
}
pickup-availability,
pickup-availability-drawer,
.pickup-availability{
  display:none!important;
}
pickup-availability,
pickup-availability-preview,
pickup-availability-drawer,
.product__pickup-availabilities,
.pickup-availability-preview,
.pickup-availability-info,
.pickup-availability-button{
  display:none!important;
}
pickup-availability,
.pickup-availability,
.pickup-availability__row {
  display: none !important;
}
/* =========================================
   AJOUTER AU PANIER - ÉLODIE PARIS
   ========================================= */

.add-to-cart-button,
button[name="add"] {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 20px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;

  background: #18a96f !important;
  color: #ffffff !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

/* RETIRAR ÍCONE DO CARRINHO/SACO */
.add-to-cart-button svg,
.add-to-cart-button .svg-wrapper,
.add-to-cart-button .icon,
button[name="add"] svg,
button[name="add"] .svg-wrapper,
button[name="add"] .icon {
  display: none !important;
}

/* TEXTO PERFEITAMENTE CENTRADO */
.add-to-cart-button span,
button[name="add"] span {
  margin: 0 !important;
}

/* HOVER */
.add-to-cart-button:hover,
button[name="add"]:hover {
  background: #18a96f !important;
  color: #ffffff !important;
  opacity: .92 !important;
  box-shadow: none !important;
}
/* REMOVER DEFINITIVAMENTE O SACO */
.add-to-cart-button::before,
.add-to-cart-button::after,
button[name="add"]::before,
button[name="add"]::after {
  content: none !important;
  display: none !important;
}

/* ESCONDER QUALQUER ÍCONE INTERNO */
.add-to-cart-button svg,
.add-to-cart-button img,
.add-to-cart-button .svg-wrapper,
.add-to-cart-button [class*="icon"],
button[name="add"] svg,
button[name="add"] img,
button[name="add"] .svg-wrapper,
button[name="add"] [class*="icon"] {
  display: none !important;
}
/* AJOUTER AU PANIER */
.add-to-cart-button,
button[name="add"] {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  background: #18a96f !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}

/* REMOVER ÍCONE DO SACO */
.add-to-cart-icon {
  display: none !important;
}
/* HOMEPAGE COLLECTIONS - MOBILE */
@media screen and (max-width: 749px) {

  /* Nome do produto */
  .custom-product-title,
  .card__heading,
  .card__heading a,
  .product-card__title {
    text-align: center !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    width: 100% !important;
  }

  /* Zona dos preços */
  .custom-product-price,
  .price,
  .price__container {
    text-align: center !important;
    justify-content: center !important;
  }

  /* Mantém os dois preços lado a lado */
  .price__container,
  .price__sale {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  /* Preço antigo */
  .price-item--regular,
  s.price-item,
  .custom-product-price s {
    color: #777 !important;
    text-decoration: line-through !important;
    font-size: 14px !important;
    font-weight: 400 !important;
  }

  /* Preço atual/promocional */
  .price-item--sale,
  .custom-product-price .sale-price {
    color: #b32632 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
  }
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
  scroll-behavior:smooth
}
@media(max-width:749px){
  body{
    position:relative;
    overflow-x:hidden!important
  }
  main,#MainContent,.shopify-section{
    max-width:100vw!important;
    overflow-x:clip
  }
  img,video,svg{
    max-width:100%;
  }
}
@media screen and (max-width: 749px) {
  .menu-drawer .menu-drawer__featured-content-list {
    display: none !important;
  }
}
@media screen and (max-width: 749px) {

  /* Espaço entre título e primeiro item do submenu */
  .menu-drawer details[open] > ul {
    padding-top: 14px !important;
  }

  /* Submenu */
  .menu-drawer details > ul {
    opacity: 0;
    transform: translateY(-6px);
    transition:
      opacity .28s ease,
      transform .28s ease;
  }

  /* Submenu aberto */
  .menu-drawer details[open] > ul {
    opacity: 1;
    transform: translateY(0);
  }

  /* Letras dos itens do submenu */
  .menu-drawer details > ul .menu-drawer__menu-item {
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.45 !important;
  }
}
@media screen and (max-width:749px){
.menu-drawer details>ul{
transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)!important;
transform:translateY(-12px);
}
.menu-drawer details[open]>ul{
padding-top:16px!important;
opacity:1;
transform:translateY(0);
}
}
@media screen and (max-width:749px){
.menu-drawer details>ul{
max-height:0!important;
overflow:hidden!important;
opacity:0!important;
transform:translateY(-8px)!important;
transition:max-height 1.2s cubic-bezier(.22,1,.36,1),opacity .8s ease,transform 1s cubic-bezier(.22,1,.36,1)!important;
}
.menu-drawer details[open]>ul{
max-height:1200px!important;
opacity:1!important;
transform:translateY(0)!important;
padding-top:16px!important;
}
}
@media screen and (max-width:749px){

.menu-drawer details>ul{
display:grid!important;
grid-template-rows:0fr!important;
max-height:none!important;
opacity:1!important;
transform:none!important;
overflow:hidden!important;
transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1)!important;
}

.menu-drawer details>ul>*{
min-height:0;
overflow:hidden;
}

.menu-drawer details[open]>ul{
grid-template-rows:1fr!important;
max-height:none!important;
opacity:1!important;
transform:none!important;
padding-top:14px!important;
}
@media screen and (max-width:749px){

.menu-drawer__menu accordion-custom .details-content--no-animation{
  display:block!important;
  max-height:0!important;
  overflow:hidden!important;
  opacity:0!important;
  transform:translateY(-6px)!important;
  visibility:hidden!important;
  transition:
    max-height .65s cubic-bezier(.4,0,.2,1),
    opacity .45s ease,
    transform .65s cubic-bezier(.4,0,.2,1),
    visibility .65s!important;
}

.menu-drawer__menu accordion-custom details[open] .details-content--no-animation{
  max-height:800px!important;
  opacity:1!important;
  transform:translateY(0)!important;
  visibility:visible!important;
}
@media screen and (max-width:749px){

  .menu-drawer__menu details{
    interpolate-size:allow-keywords;
  }

  .menu-drawer__menu details::details-content{
    block-size:0;
    overflow:hidden;
    opacity:0;
    transition:
      block-size .75s cubic-bezier(.4,0,.2,1),
      opacity .45s ease,
      content-visibility .75s allow-discrete;
  }

  .menu-drawer__menu details[open]::details-content{
    block-size:auto;
    opacity:1;
  }

@media screen and (max-width:749px){

  /* mais espaço entre coleção principal e submenu */
  .menu-drawer__menu details[open] .details-content {
    padding-top: 18px !important;
  }

  /* tipografia das subcollections */
  .menu-drawer__menu details .menu-drawer__menu-item--child {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  /* espaçamento entre subcollections */
  .menu-drawer__menu details .menu-drawer__menu-item--child {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
@media screen and (max-width:749px){
  .button{
    background:#000!important;
    color:#fff!important;
    border-color:#000!important;
  }
@media screen and (max-width:749px){

  /* DESFAZ A ALTERAÇÃO ANTERIOR NOS OUTROS BOTÕES */
  .button{
    background:initial!important;
    color:initial!important;
    border-color:initial!important;
  }

  /* TOUT VOIR */
  .custom-btn-view-all{
    background:#000!important;
    color:#fff!important;
    border-color:#000!important;
  }

  .custom-btn-view-all:hover,
  .custom-btn-view-all:focus{
    background:#000!important;
    color:#fff!important;
    border-color:#000!important;
  }
.product-card__title,
.card__heading,
.product-title,
.product__title,
[class*="product-title"]{
font-family:Arial,sans-serif!important;
text-transform:uppercase!important;
font-weight:400!important;
}
product-card a[href*="/products/"]{
font-family:Arial,sans-serif!important;
text-transform:uppercase!important;
font-weight:400!important;
}
product-card a[href*="/products/"],product-card a,.product-grid__item a[href*="/products/"]{font-family:Arial,sans-serif!important;text-transform:uppercase!important;font-weight:400!important}

[class*="product_title"] p[role="heading"]{text-transform:uppercase!important}
product-card p[role="heading"],.product-card p[role="heading"],[class*="product_title"]{text-transform:uppercase!important}

.product-grid p[role="heading"],product-card p,[class*="product_title"] p{ text-transform:uppercase!important}

p[role="heading"][aria-level="3"]{
  text-transform:uppercase!important;
}
.product-grid__item p[role="heading"][aria-level="3"]{
  text-transform:uppercase!important;
}
.product-grid__item p[role="heading"][aria-level="3"]{text-transform:uppercase!important}

p[role="heading"][aria-level="3"]{text-transform:uppercase!important}

.product-title__text{text-transform:uppercase!important}

.product-title__text,.product-title__text p{ text-transform:uppercase!important}

body [class*="product_title_"]>p[role="heading"]{text-transform:uppercase!important}

[class*="__product_title_"] p{ text-transform:uppercase!important}

[class*="__product_title_"]>p[role="heading"]{text-transform:uppercase!important}

/* ===== CART DRAWER - STYLE REFERENCE ===== */

/* DRAWER */
cart-drawer .drawer__inner,
.cart-drawer .drawer__inner,
#CartDrawer .drawer__inner {
  width: 100%;
  max-width: 480px;
  padding: 0 !important;
  background: #fff;
}

/* HEADER */
cart-drawer .drawer__header,
.cart-drawer .drawer__header,
#CartDrawer .drawer__header {
  padding: 24px 22px 20px !important;
  min-height: 80px;
  border-bottom: 0 !important;
}

cart-drawer .drawer__heading,
.cart-drawer .drawer__heading,
#CartDrawer .drawer__heading {
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  margin: 0 !important;
}

/* X FECHAR */
cart-drawer .drawer__close,
.cart-drawer .drawer__close,
#CartDrawer .drawer__close {
  width: 32px !important;
  height: 32px !important;
}

/* BARRA RESERVA / TIMER */
cart-drawer [class*="timer"],
cart-drawer [class*="reservation"],
cart-drawer [class*="countdown"],
.cart-drawer [class*="timer"],
.cart-drawer [class*="reservation"],
.cart-drawer [class*="countdown"] {
  background: #20202a !important;
  color: #fff !important;
  min-height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px !important;
  font-weight: 600;
}

/* ÁREA PRODUTOS */
cart-drawer .drawer__contents,
.cart-drawer .drawer__contents,
#CartDrawer .drawer__contents {
  padding: 0 !important;
}

cart-drawer cart-items,
.cart-drawer cart-items,
#CartDrawer cart-items {
  padding: 28px 27px !important;
}

/* LINHA PRODUTO */
cart-drawer .cart-item,
.cart-drawer .cart-item,
#CartDrawer .cart-item {
  display: grid !important;
  grid-template-columns: 100px 1fr !important;
  column-gap: 22px !important;
  align-items: start !important;
  padding: 0 !important;
  border: 0 !important;
}

/* FOTO */
cart-drawer .cart-item__media,
.cart-drawer .cart-item__media,
#CartDrawer .cart-item__media {
  width: 100px !important;
}

cart-drawer .cart-item__image,
.cart-drawer .cart-item__image,
#CartDrawer .cart-item__image {
  width: 100px !important;
  height: 114px !important;
  object-fit: cover !important;
  border-radius: 5px !important;
}

/* DETALHES PRODUTO */
cart-drawer .cart-item__details,
.cart-drawer .cart-item__details,
#CartDrawer .cart-item__details {
  padding: 1px 0 0 !important;
  width: 100% !important;
}

/* NOME PRODUTO */
cart-drawer .cart-item__name,
.cart-drawer .cart-item__name,
#CartDrawer .cart-item__name {
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  color: #111 !important;
  margin-bottom: 7px !important;
  text-decoration: none !important;
}

/* VARIANTE */
cart-drawer .product-option,
.cart-drawer .product-option,
#CartDrawer .product-option {
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #111 !important;
  margin: 0 0 10px !important;
}

/* PREÇOS */
cart-drawer .cart-item__totals,
.cart-drawer .cart-item__totals,
#CartDrawer .cart-item__totals {
  position: absolute !important;
  right: 27px !important;
  margin-top: 61px !important;
  width: auto !important;
  text-align: right !important;
}

cart-drawer .price,
.cart-drawer .price,
#CartDrawer .price {
  font-size: 14px !important;
}

cart-drawer s,
.cart-drawer s,
#CartDrawer s {
  color: #777 !important;
  font-size: 13px !important;
  margin-right: 8px !important;
}

/* QUANTIDADE */
cart-drawer quantity-input,
.cart-drawer quantity-input,
#CartDrawer quantity-input,
cart-drawer .quantity,
.cart-drawer .quantity,
#CartDrawer .quantity {
  width: 70px !important;
  min-height: 28px !important;
  height: 28px !important;
  margin-top: 7px !important;
  border: 1px solid #ddd !important;
  border-radius: 0 !important;
}

cart-drawer .quantity__button,
.cart-drawer .quantity__button,
#CartDrawer .quantity__button {
  width: 23px !important;
  min-width: 23px !important;
  height: 26px !important;
}

cart-drawer .quantity__input,
.cart-drawer .quantity__input,
#CartDrawer .quantity__input {
  height: 26px !important;
  font-size: 13px !important;
}

/* ESCONDER BOTÃO PROMO VERDE */
cart-drawer [class*="upsell"],
cart-drawer [class*="progress-message"],
cart-drawer [class*="discount-progress"],
.cart-drawer [class*="upsell"],
.cart-drawer [class*="progress-message"],
.cart-drawer [class*="discount-progress"] {
  border-radius: 0 !important;
}

/* FOOTER FIXO EM BAIXO */
cart-drawer .drawer__footer,
.cart-drawer .drawer__footer,
#CartDrawer .drawer__footer {
  position: sticky !important;
  bottom: 0 !important;
  background: #fff !important;
  padding: 17px 21px 25px !important;
  border-top: 1px solid #ddd !important;
  z-index: 5;
}

/* SUBTOTAL */
cart-drawer .totals,
.cart-drawer .totals,
#CartDrawer .totals {
  margin: 0 0 10px !important;
  padding: 0 !important;
}

cart-drawer .totals__total,
.cart-drawer .totals__total,
#CartDrawer .totals__total {
  font-size: 13px !important;
  font-weight: 400 !important;
}

cart-drawer .totals__total-value,
.cart-drawer .totals__total-value,
#CartDrawer .totals__total-value {
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* CHECKOUT */
cart-drawer #CartDrawer-Checkout,
.cart-drawer #CartDrawer-Checkout,
#CartDrawer #CartDrawer-Checkout {
  width: 100% !important;
  min-height: 56px !important;
  border-radius: 0 !important;
  background: #13b77c !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  letter-spacing: .7px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* MOBILE */
@media(max-width:749px){
  cart-drawer .drawer__inner,
  .cart-drawer .drawer__inner,
  #CartDrawer .drawer__inner {
    max-width:100vw !important;
  }

  cart-drawer cart-items,
  .cart-drawer cart-items,
  #CartDrawer cart-items {
    padding:30px 21px !important;
  }

  cart-drawer .cart-item,
  .cart-drawer .cart-item,
  #CartDrawer .cart-item {
    grid-template-columns:100px 1fr !important;
    column-gap:22px !important;
  }

  cart-drawer .cart-item__totals,
  .cart-drawer .cart-item__totals,
  #CartDrawer .cart-item__totals {
    right:21px !important;
  }
}
@media(max-width:749px){

  product-recommendations .resource-list,
  .product-recommendations .resource-list,
  [class*="recommend"] .resource-list{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    gap:12px!important;
    padding:0 14px 15px!important;
    scroll-snap-type:x mandatory;
  }

  product-recommendations .resource-list__item,
  .product-recommendations .resource-list__item,
  [class*="recommend"] .resource-list__item{
    flex:0 0 46%!important;
    min-width:46%!important;
    scroll-snap-align:start;
  }

  product-recommendations img,
  .product-recommendations img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1.25!important;
    object-fit:cover!important;
  }

  product-recommendations .product-card,
  .product-recommendations .product-card{
    width:100%!important;
  }

  product-recommendations .product-card__title,
  .product-recommendations .product-card__title{
    font-size:13px!important;
    line-height:1.25!important;
    margin-top:8px!important;
  }

  product-recommendations .price,
  .product-recommendations .price{
    font-size:12px!important;
    white-space:nowrap!important;
  }

  product-recommendations .resource-list::-webkit-scrollbar,
  .product-recommendations .resource-list::-webkit-scrollbar{
    display:none;
  }
}
/* ===== HEADER DESKTOP - AJUSTE REFERÊNCIA ===== */
@media (min-width: 750px){

  /* Header ocupa toda a largura */
  #header-component{
    width:100%!important;
  }

  /* Lupa para o lado esquerdo */
  #header-component .header__icon--search,
  #header-component search-button,
  #header-component .search-action,
  #header-component [data-testid*="search"]{
    position:absolute!important;
    left:40px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
  }

  /* Saco/carrinho para o lado direito */
  #header-component .header-actions,
  #header-component .header__icons{
    position:absolute!important;
    right:40px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
  }

  /* Menu ligeiramente mais carregado */
  #header-component .menu-list__link,
  #header-component .menu-list__link-title{
    font-weight:500!important;
    letter-spacing:3.2px!important;
  }

  /* Manter menu centrado */
  #header-component .header-menu,
  #header-component .menu-list__list{
    justify-content:center!important;
  }
/* ===== HEADER DESKTOP - EMMA STYLE ===== */
@media screen and (min-width: 750px){

  /* LINHA SUPERIOR DO HEADER */
  #header-component .header__row--top{
    position:relative!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    align-items:center!important;
  }

  /* COLUNA ESQUERDA - LUPA */
  #header-component .header__column--left{
    position:absolute!important;
    left:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    justify-self:start!important;
  }

  /* LUPA */
  #header-component search-button.search-action{
    margin:0!important;
  }

  /* CENTRO - LOGÓTIPO */
  #header-component .header__column--center{
    grid-column:2!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    justify-self:center!important;
  }

  /* DIREITA - CARRINHO */
  #header-component .header__column--right{
    position:absolute!important;
    right:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    justify-self:end!important;
  }

  /* LARGURA ÚTIL DO HEADER */
  #header-component .header__row--top{
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* MENU CENTRAL */
  #header-component .header-menu{
    width:100%!important;
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  #header-component .menu-list__list{
    justify-content:center!important;
  }

  /* LETRAS MAIS CARREGADAS */
  #header-component .menu-list__link,
  #header-component .menu-list__link-title{
    font-weight:500!important;
    letter-spacing:3.2px!important;
  }
}/* ===== TESTE DEFINITIVO HEADER ===== */

@media (min-width:750px){

/* LINHA SUPERIOR */
html body #header-component .header__row--top{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  width:100%!important;
  max-width:none!important;
  padding-left:40px!important;
  padding-right:40px!important;
}

/* ESQUERDA */
html body #header-component .header__column--left{
  grid-column:1!important;
  width:100%!important;
  justify-self:stretch!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
}

/* CENTRO */
html body #header-component .header__column--center{
  grid-column:2!important;
  width:auto!important;
  justify-self:center!important;
  display:flex!important;
  justify-content:center!important;
}

/* DIREITA */
html body #header-component .header__column--right{
  grid-column:3!important;
  width:100%!important;
  justify-self:stretch!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
}

/* LUPA */
html body #header-component search-button.search-action{
  margin:0!important;
  padding:0!important;
}

/* CARRINHO */
html body #header-component .header__column--right header-actions{
  margin:0!important;
  padding:0!important;
}

/* TEXTO MENU MAIS FORTE */
html body #header-component .menu-list__link,
html body #header-component .menu-list__link-title{
  font-weight:600!important;
  letter-spacing:3px!important;
}
@media (min-width:750px){

/* LUPA → ESQUERDA */
#header-component search-button.search-action
.header-actions__action{
  transform:translateX(-250px)!important;
}

/* SACO → DIREITA */
#header-component header-actions
.header-actions__action{
  transform:translateX(250px)!important;
}

/* MENU MAIS CARREGADO */
#header-component .menu-list__link,
#header-component .menu-list__link-title{
  font-weight:600!important;
}
@media screen and (max-width: 749px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  #MainContent,
  .shopify-section {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  img,
  video,
  iframe {
    max-width: 100% !important;
  }
}
@media screen and (max-width:768px){

html,
body{
  width:auto!important;
  max-width:none!important;
  overflow-x:visible!important;
  overscroll-behavior-x:auto!important;
  touch-action:auto!important;
  position:static!important;
}

#PageContainer,
.page-container,
.transition-body,
#MainContent,
main,
.content-for-layout,
.shopify-section,
.page-width{
  width:auto!important;
  max-width:none!important;
  overflow-x:visible!important;
  overscroll-behavior-x:auto!important;
  touch-action:auto!important;
  margin-left:initial!important;
  margin-right:initial!important;
  transform:none!important;
  translate:none!important;
}

slider-component,
slideshow-component,
slideshow-slides,
.slider,
.carousel,
.scrollable{
  touch-action:auto!important;
  overflow-x:initial!important;
}
}