/** Shopify CDN: Minification failed

Line 155:0 All "@import" rules must come first

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:category-carousel (INDEX:16) */
.cat-section{
  background: var(--cat-section-bg, #FFFFFF);
  padding: var(--cat-pad-top-m, 40px) 0 var(--cat-pad-bottom-m, 40px);
}
.cat-container{
  max-width: var(--cat-max-width, 1280px);
  margin: 0 auto;
  padding: 0 var(--cat-gutter, 20px);
}
.cat-inner{
  display: flex;
  flex-direction: column;
  gap: var(--cat-stack-gap, 24px);
}

/* ---- Intro ---- */
.cat-intro{ max-width: 560px; }
.cat-eyebrow{
  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: var(--cat-eyebrow-size, 13px);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--cat-eyebrow-color, #0D47A1);
  margin-bottom: 10px;
}
.cat-heading{
  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: var(--cat-heading-size-m, 30px);
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: -0.01em;
  color: var(--cat-heading-color, #1A1A1A);
  margin-bottom: 12px;
}
.cat-subtitle{
  font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: var(--cat-sub-size, 15px);
  color: var(--cat-sub-color, #5B6470);
  line-height: 1.6;
  margin-bottom: 18px;
}
.cat-intro__link{
  display: inline-flex; align-items: center; gap: 6px;
  font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 13px; font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cat-accent, #0D47A1);
  text-decoration: none;
  transition: gap 0.3s cubic-bezier(0.4,0,0.2,1);
}
.cat-intro__link:hover{ gap: 10px; }
.cat-intro__link svg{ width: 16px; height: 16px; color: var(--cat-accent, #0D47A1); }

/* ---- Carousel ---- */
.cat-carousel{ position: relative; min-width: 0; }
.cat-track{
  display: flex;
  gap: var(--cat-gap, 16px);
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 4px 4px 12px;
  margin: -4px -4px -12px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  outline: none;
}
.cat-track::-webkit-scrollbar{ display: none; }

/* Fixed HEIGHT; width follows the image's intrinsic aspect-ratio */
.cat-card{
  position: relative;
  flex: 0 0 auto;
  height: var(--cat-card-h-m, 280px);
  scroll-snap-align: start;
  border-radius: var(--cat-card-radius, 12px);
  overflow: hidden;
  border: var(--cat-card-border-width, 1px) solid var(--cat-card-border-color, #E5E7EB);
  background: #FFFFFF;
  box-shadow: var(--cat-shadow, none);
  text-decoration: none;
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1),
              box-shadow 0.3s cubic-bezier(0.4,0,0.2,1),
              border-color 0.3s cubic-bezier(0.4,0,0.2,1);
}
a.cat-card:hover{
  transform: translateY(-4px);
  box-shadow: var(--cat-shadow-hover, none);
  border-color: var(--cat-card-border-hover, #0D47A1);
}
a.cat-card:focus-visible{ outline: 3px solid #0D47A1; outline-offset: 2px; }

.cat-card__img{ height: 100%; width: auto; display: block; }
.cat-card__placeholder{ background: #F5F5F5; opacity: 1; }
.cat-card__placeholder path,
.cat-card__placeholder rect,
.cat-card__placeholder circle{ fill: rgba(13, 71, 161, 0.28); }

/* ---- Arrows ---- */
.cat-arrow{
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
  display: none; align-items: center; justify-content: center;
  width: var(--cat-arrow-size, 46px);
  height: var(--cat-arrow-size, 46px);
  border: none; border-radius: 50%;
  background: var(--cat-arrow-bg, #FFFFFF);
  color: var(--cat-arrow-color, #1A1A1A);
  box-shadow: 0 4px 18px rgba(13, 27, 42, 0.18);
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.3s ease, background 0.3s ease, color 0.3s ease;
}
/* hover: preenche Azul Royal, ícone em branco (contraste sobre o azul escuro) */
.cat-arrow:hover{ background: var(--cat-arrow-bg-hover, #0D47A1); color: #FFFFFF; }
.cat-arrow:active{ transform: translateY(-50%) scale(0.93); }
.cat-arrow:focus-visible{ outline: 2px solid #0D47A1; outline-offset: 2px; }
.cat-arrow svg{ width: 48%; height: 48%; }
.cat-arrow--prev{ left: -10px; }
.cat-arrow--next{ right: -10px; }
.cat-arrow:disabled{ opacity: 0; pointer-events: none; }

/* ---- Responsive (mobile-first) ---- */
@media (min-width: 750px){
  .cat-section{ padding-top: var(--cat-pad-top-d, 56px); padding-bottom: var(--cat-pad-bottom-d, 56px); }
  .cat-card{ height: var(--cat-card-h-t, 340px); }
  .cat-arrow{ display: flex; }
}
@media (min-width: 990px){
  .cat-inner.has-intro{ flex-direction: row; align-items: center; gap: 48px; }
  .cat-inner.has-intro .cat-intro{ flex: 0 0 var(--cat-intro-width, 320px); max-width: var(--cat-intro-width, 320px); }
  .cat-inner.has-intro .cat-carousel{ flex: 1 1 auto; }
  .cat-heading{ font-size: var(--cat-heading-size-d, 40px); }
  .cat-card{ height: var(--cat-card-h-d, 380px); }
}

@media (prefers-reduced-motion: reduce){
  .cat-track{ scroll-behavior: auto; }
  .cat-card, .cat-arrow{ transition-duration: 0.01ms !important; }
}
/* END_SECTION:category-carousel */

/* START_SECTION:collection-grid-custom (INDEX:20) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Open+Sans:wght@400;500;600;700&display=swap');

.mf-cgc-wrap{
  background: var(--cgc-section-bg, #F5F5F5);
  padding: var(--cgc-pad-top-m, 32px) 0 var(--cgc-pad-bottom-m, 32px);
}
.mf-cgc-container{
  max-width: var(--cgc-max-width, 1440px);
  margin: 0 auto;
  padding: 0 var(--cgc-gutter, 24px);
}

/* ---- Tarja ---- */
.mf-tarja{
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; flex-wrap: wrap;
  padding: 12px 4px 14px;
  border-radius: var(--cgc-tarja-radius, 6px);
  margin-bottom: 22px;
}
.mf-tarja__title{
  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: var(--cgc-tarja-title-size, 26px);
  font-weight: 700;
  display: flex; align-items: center; gap: 10px;
  line-height: 1.15;
  letter-spacing: -0.01em;
}
.mf-tarja__icon{
  width: calc(var(--cgc-tarja-title-size, 26px) + 4px);
  height: calc(var(--cgc-tarja-title-size, 26px) + 4px);
  flex: none;
  -webkit-mask: var(--tarja-mask) center / contain no-repeat;
  mask: var(--tarja-mask) center / contain no-repeat;
}
.mf-tarja__link{
  font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 12px; font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none; white-space: nowrap;
  display: flex; align-items: center; gap: 4px;
  transition: gap 0.3s cubic-bezier(0.4,0,0.2,1);
}
.mf-tarja__link:hover{ gap: 8px; }
.mf-tarja__link svg{ width: 14px; height: 14px; }

/* ---- Grid / Carousel ---- */
.mf-cgc{ position: relative; }
.mf-cgc--grid .mf-cgc__items{
  display: grid;
  grid-template-columns: repeat(var(--cgc-cols-m, 2), minmax(0, 1fr));
  gap: var(--cgc-gap, 14px);
  align-items: stretch;
}
.mf-cgc--carousel .mf-cgc__items{
  display: flex;
  align-items: stretch;
  gap: var(--cgc-gap, 14px);
  overflow-x: auto; overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 4px 4px 14px;
  margin: -4px -4px -14px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  outline: none;
}
.mf-cgc--carousel .mf-cgc__items::-webkit-scrollbar{ display: none; }
.mf-cgc--carousel .mfpc{
  flex: 0 0 auto;
  scroll-snap-align: start;
  width: calc((100% - (var(--cgc-cols-m, 2) - 1) * var(--cgc-gap, 14px)) / var(--cgc-cols-m, 2));
}

/* ---- Equal-height cards (mesma altura + CTA alinhado na base) ----
   As células do grid/carrossel já esticam (align-items: stretch); aqui fazemos
   o card preencher toda a célula como coluna flex e empurramos o último filho
   (o botão CTA, que é irmão do link do card) para a base, de modo que os botões
   fiquem na mesma linha em todos os cards, independentemente do tamanho do nome
   ou da presença da tagline/parcelas. O :not(:first-child) evita mover o
   conteúdo quando o botão está oculto (aí o card teria só o link). */
.mf-cgc .mfpc{
  height: 100%;
  display: flex;
  flex-direction: column;
}
.mf-cgc .mfpc > :last-child:not(:first-child){
  margin-top: auto;
}

/* ---- Arrows ---- */
.mf-cgc__arrow{
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
  display: none; align-items: center; justify-content: center;
  width: var(--cgc-arrow-size, 44px); height: var(--cgc-arrow-size, 44px);
  border: none; border-radius: 50%;
  background: var(--cgc-arrow-bg, #FFFFFF);
  color: var(--cgc-arrow-color, #1A1A1A);
  box-shadow: 0 4px 18px rgba(13, 27, 42, 0.18);
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.3s ease, background 0.3s ease, color 0.3s ease;
}
.mf-cgc__arrow:hover{ background: var(--cgc-arrow-bg-hover, #0D47A1); color: #FFFFFF; }
.mf-cgc__arrow:active{ transform: translateY(-50%) scale(0.93); }
.mf-cgc__arrow:focus-visible{ outline: 2px solid #0D47A1; outline-offset: 2px; }
.mf-cgc__arrow svg{ width: 46%; height: 46%; }
.mf-cgc__arrow--prev{ left: -10px; }
.mf-cgc__arrow--next{ right: -10px; }
.mf-cgc__arrow:disabled{ opacity: 0; pointer-events: none; }

/* ---- Responsive (mobile-first) ---- */
@media (min-width: 750px){
  .mf-cgc-wrap{ padding-top: var(--cgc-pad-top-d, 56px); padding-bottom: var(--cgc-pad-bottom-d, 56px); }
  .mf-cgc--grid .mf-cgc__items{ grid-template-columns: repeat(var(--cgc-cols-t, 3), minmax(0, 1fr)); }
  .mf-cgc--carousel .mfpc{ width: calc((100% - (var(--cgc-cols-t, 3) - 1) * var(--cgc-gap, 14px)) / var(--cgc-cols-t, 3)); }
  .mf-cgc--carousel .mf-cgc__arrow{ display: flex; }
}
@media (min-width: 990px){
  .mf-cgc--grid .mf-cgc__items{ grid-template-columns: repeat(var(--cgc-cols-d, 4), minmax(0, 1fr)); }
  .mf-cgc--carousel .mfpc{ width: calc((100% - (var(--cgc-cols-d, 4) - 1) * var(--cgc-gap, 14px)) / var(--cgc-cols-d, 4)); }
}

@media (prefers-reduced-motion: reduce){
  .mf-cgc--carousel .mf-cgc__items{ scroll-behavior: auto; }
  .mf-cgc__arrow, .mf-tarja__link{ transition-duration: 0.01ms !important; }
}
/* END_SECTION:collection-grid-custom */

/* START_SECTION:image-comparison-slider (INDEX:50) */
.image-comparison {
  margin: 0 auto;
  padding: 4rem 0;
  background: #fff;
}
.image-comparison__heading {
  text-align: center;
  font-size: clamp(2rem, 5vw, 3rem);
  margin-bottom: 3rem;
  font-weight: 500;
  line-height: 1.2;
}
.image-comparison__heading .highlight {
  background: #c1ff72;
  padding: 0.2rem 0.5rem;
  border-radius: 2px;
  font-weight: 600;
}
.image-comparison__container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 2rem;
}

.image-comparison__wrapper {
  position: relative;
  overflow: hidden;
  user-select: none;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  background: #f5f5f5;
  cursor: col-resize;
}

.image-comparison__image {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  max-width: none;
}

.image-bottom {
  display: block;
  position: relative;
}

.image-comparison__clipped-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
  z-index: 2;
}

.image-top {
  position: absolute;
  top: 0;
  left: 0;
}

.image-comparison__handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  transform: translateX(-50%);
  cursor: col-resize;
  z-index: 10;
  touch-action: none;
}

.image-comparison__handle-line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background: #fff;
  transform: translateX(-50%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.image-comparison__handle-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  padding: 12px;
  border: none;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  cursor: grab;
  transition: transform 0.2s ease;
  z-index: 11;
  touch-action: none;
}

.image-comparison__handle-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.image-comparison__handle-button:active {
  cursor: grabbing;
  transform: translate(-50%, -50%) scale(0.95);
}

.image-comparison__handle-button svg {
  width: 100%;
  height: 100%;
  color: #000;
}

.image-comparison__wrapper.dragging,
.image-comparison__wrapper.dragging .image-comparison__handle-button {
  cursor: grabbing;
}

.image-comparison__wrapper.dragging .image-comparison__handle-button {
  transform: translate(-50%, -50%) scale(0.95);
}

@media screen and (max-width: 749px) {
  .image-comparison { padding: 2rem 0; }
  .image-comparison__container { padding: 0 1rem; }
  .image-comparison__heading { font-size: 1.8rem; margin-bottom: 2rem; }
  .image-comparison__handle-button { width: 40px; height: 40px; padding: 10px; }
}
/* END_SECTION:image-comparison-slider */

/* START_SECTION:slide (INDEX:92) */
.mf-hero-wrap{
  background: var(--mf-bg, transparent);
  padding: var(--mf-pad-top-m, 0) var(--mf-gutter, 0) var(--mf-pad-bottom-m, 0);
}
.mf-hero{
  position: relative;
  width: 100%;
  max-width: var(--mf-max-width, 100%);
  margin: 0 auto;
  overflow: hidden;
  border-radius: var(--mf-radius, 0);
  border: var(--mf-border-width, 0) solid var(--mf-border-color, transparent);
  background: var(--mf-fallback-bg, #E6D8C8);
  aspect-ratio: var(--mf-ar-m, 1.778);
  outline: none;
  transition: aspect-ratio var(--mf-fade, 400ms) cubic-bezier(0.4, 0, 0.2, 1);
}
.mf-hero:focus-visible{ box-shadow: 0 0 0 3px rgba(86,136,78,0.5); }

.mf-hero__slides{ position: absolute; inset: 0; }
.mf-hero__slide{
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--mf-fade, 400ms) ease;
}
.mf-hero__slide.is-active{ opacity: 1; pointer-events: auto; }

.mf-hero__link{ display: block; width: 100%; height: 100%; }
.mf-hero__picture{ display: block; width: 100%; height: 100%; }
.mf-hero__img{
  width: 100%;
  height: 100%;
  object-fit: var(--mf-fit, cover);
  object-position: center;
  display: block;
}
.mf-hero__placeholder{ background: var(--mf-fallback-bg, #E6D8C8); opacity: 0.6; }
.mf-hero__placeholder path,
.mf-hero__placeholder rect,
.mf-hero__placeholder circle{ fill: rgba(74,47,36,0.16); }

/* ---- Arrows ---- */
.mf-hero__arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--mf-arrow-size, 44px);
  height: var(--mf-arrow-size, 44px);
  padding: 0;
  border-radius: var(--mf-arrow-radius, 50px);
  background: var(--mf-arrow-bg, rgba(74,47,36,0.55));
  color: var(--mf-arrow-color, #F6F4EF);
  border: var(--mf-arrow-border-width, 0) solid var(--mf-arrow-border-color, transparent);
  cursor: pointer;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
}
.mf-hero__arrow:hover{ background: var(--mf-arrow-bg-hover, rgba(86,136,78,0.85)); }
.mf-hero__arrow:active{ transform: translateY(-50%) scale(0.94); }
.mf-hero__arrow:focus-visible{ outline: 2px solid #56884E; outline-offset: 2px; }
.mf-hero__arrow--prev{ left: var(--mf-arrow-offset, 16px); }
.mf-hero__arrow--next{ right: var(--mf-arrow-offset, 16px); }
.mf-hero__arrow svg{ width: 46%; height: 46%; }

/* ---- Dots ---- */
.mf-hero__dots{
  position: absolute;
  left: 0; right: 0; bottom: 40px;
  z-index: 3;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.mf-hero__dot{
  width: var(--mf-dot-size, 9px);
  height: var(--mf-dot-size, 9px);
  padding: 0;
  border: none;
  border-radius: 50px;
  background: var(--mf-dot-color, rgba(246,244,239,0.5));
  cursor: pointer;
  transition: width 0.3s ease, background 0.3s ease;
}
.mf-hero__dot.is-active{
  width: calc(var(--mf-dot-size, 9px) * 3.2);
  background: var(--mf-dot-active-color, #56884E);
}
.mf-hero__dot:focus-visible{ outline: 2px solid #56884E; outline-offset: 2px; }

/* ---- Desktop ---- */
@media (min-width: 750px){
  .mf-hero-wrap{ padding: var(--mf-pad-top-d, 0) var(--mf-gutter, 0) var(--mf-pad-bottom-d, 0); }
  .mf-hero{ aspect-ratio: var(--mf-ar-d, 1.778); }
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce){
  .mf-hero,
  .mf-hero__slide,
  .mf-hero__arrow,
  .mf-hero__dot{ transition-duration: 0.01ms !important; }
}
/* END_SECTION:slide */