/** Shopify CDN: Minification failed

Line 188:0 Unexpected "}"

**/
.customfour_main {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 60px;
    padding: 50px 0 80px;
}

.customfour_main .catg_box {
    width: calc(25% - 80px);
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 10px;
}
.customfour_main .catg_box h3 {
    font-family: 'Neuzeit S';
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
}
.customfour_main .catg_box p {
    font-family: 'Neuzeit S';
    color: #8b8b8b;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
}
.customfour_main .catg_box img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.template-page .page .main h1 , .template-page .page .main   h1 span{
     font-family: "Open Sans", sans-serif;
    font-size: 40px;
    font-weight: 800;
	line-height:50px;

}
.template-page .page .main  h4 span ,.template-page .page .main  h4 {
     font-family: "Open Sans", sans-serif;
    font-weight: 500 !important;
    font-size: 24px !important;
	line-height:34px;
	 display: inline-block;
}
.template-page .page .main  h3 span ,.template-page .page .main  h3 {
    font-family: "Open Sans", sans-serif;
    font-weight: 600 !important;
    font-size: 28px !important;
	line-height:38px;
	display: inline-block;
}
.template-page .page .main  h2 span, .template-page .page .main  h2 {
    font-family: Open Sans, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
}
.template-page .page .main  h5 span , .template-page .page .main  h5 {
    font-size: 22px;
    font-weight: 400;
    font-family: Open Sans, sans-serif;
    line-height: 32px;
}
.template-page .page .main  h6 span , .template-page  .page .main  h6 {
    font-size: 20px;
    font-weight: 400;
    font-family: Open Sans, sans-serif;
    line-height: 30px;
}
.product-item .product-item__text .sizeimgs img {
    max-width: 250px!important;
    margin: 0 auto;
}
.product-item .product-item__text .sizeimgs {
    margin-top: 10px;
}
.accordion.product_acco .product_size_imgs {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
.accordion.product_acco .product_size_imgs img {
    max-width: 300px;
}
.product__details h1.product__title.fs-heading-4-base {
    font-size: 26px;
}
@media (max-width:1200px) {
.customfour_main { gap: 30px; }
.customfour_main .catg_box { width: calc(25% - 40px); }
.customfour_main .catg_box h3 { font-size: 20px; line-height: 30px; }
}

@media (max-width:991px) {
.customfour_main .catg_box { width: calc(50% - 40px); }
.customfour_main { column-gap: 30px; row-gap: 70px; padding: 20px 0 60px; }
 .product-item .product-item__text .sizeimgs img {
    max-width:100%!important;
}
}

@media (max-width:767px) {
.customfour_main .catg_box { width: 100%; max-width: 400px; padding: 0 20px;}
.customfour_main { row-gap: 50px; -webkit-flex-direction: column; flex-direction: column;}
.template-page .page .main h1 , .template-page .page .main  h1 span{     font-size: 28px;     line-height: 38px; }
.template-page .page .main h4 span ,.template-page .page .main h4  {     font-size: 22px!important;     line-height: 32px; }
.template-page .page .main h3 span , .template-page .page .main h3  {     font-size: 24px!important;     line-height: 34px !important; }
.template-page .page .main h2 span , .template-page .page .main h2 {     font-size: 26px;     line-height: 36px; }
.template-page .page .main h5 span , .template-page .page .main h5 {     font-size: 20px;       line-height: 30px; }
.template-page .page .main h6 span , .template-page .page .main h6 {     font-size: 19px;       line-height: 29px; }
}
@media screen and (max-width: 749px) {
  .product__title,
  .product-single__title {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
}
@media screen and (max-width: 749px) {
  /* Tamanhos super compactos */
  .product-form__input input[type="radio"] + label {
    font-size: 10px !important;
    padding: 5px 8px !important;
    min-width: 35px !important;
    min-height: 32px !important;
  }

  .color-swatch {
    width: 28px !important;
    height: 28px !important;
  }
}
/* Botões de tamanho menores - SOMENTE MOBILE */
@media screen and (max-width: 749px) {
  .product__chip,
  .dynamic-variant-button {
    font-size: 10px !important;
    padding: 5px 8px !important;
    min-width: 35px !important;
    height: 32px !important;
  }
}

  /* Container dos botões */
  .product__color-chips,
  .dynamic-variant-input-wrap {
    gap: 3px !important;
  }

  /* Label "Tamanho:" e "Cor:" */
  .product__label {
    font-size: 12px !important;
    margin-bottom: 6px !important;
  }

  /* Wrapper das variantes */
  .product__variants-wrapper,
  .product_controls-group {
    margin-bottom: 12px !important;
  }
}
/* Container do título Tamanho + link da tabela */
.product-form__input.product-form__input--dropdown {
    display: flex;
    align-items: center;
    gap: 10px; /* espaço entre "Tamanho" e "Tabela de medidas" */
}

/* Ajusta o texto "Tamanho:" */
.product-form__input.product-form__input--dropdown label {
    margin-bottom: 0 !important;
}

/* Ajusta o botão/link "Tabela de medidas" */
.product-form__input.product-form__input--dropdown .tabela-de-medidas {
    margin-top: 0 !important;
    display: inline-flex;
    align-items: center;
}

/* Zera o topo especificamente nos templates de produto */
.template-product #MainContent,
.template-product main,
.template-product .product-section,
.template-product .product__main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 1. Mata o buraco branco inicial */
.template-product .header-spacer,
.template-product [data-header-spacer],
.template-product #MainContent {
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: none !important;
}

/* 1. Mata o buraco branco inicial e o espaçador do Stiletto */
.template-product .header-spacer,
.template-product [data-header-spacer],
.template-product #MainContent {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ============================================================
   CRO plan — Edit A (adapted): soften Yever checkout overlay.
   Display-only. Does NOT touch Yever scripts, endpoints, or
   checkout hooks. The .yeverText span is never referenced by
   Yever JS, so restyling it cannot affect checkout behavior.
   ============================================================ */
.yeverOverlayer .yeverText{font-size:0;}
.yeverOverlayer .yeverText::after{content:"Preparando seu checkout…";display:block;margin-top:2px;font-size:13px;font-weight:500;letter-spacing:.02em;color:#4c4b51;}

/* ============================================================
   CRO plan — Edit E: Pix + parcelas price block
   Hierarchy: total price primary → Pix pill second → parcelas third
   ============================================================ */
.price-block-extras{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}
.price-block-extras__pix{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.3rem;background:#f6f4f1;border-radius:6px;padding:.4rem .65rem;font-size:.9rem;line-height:1.3;width:fit-content}
.price-block-extras__pix strong{font-weight:600}
.price-block-extras__pix small{opacity:.7;font-size:.8em}
.price-block-extras__parcelas{font-size:.82rem;color:#555}
.price-block-extras--compact{margin-top:.15rem}
.price-block-extras--compact .price-block-extras__pix{padding:.15rem .5rem;font-size:.75rem}
.price-block-extras--compact .price-block-extras__pix small{display:none}
.price__pix-pill{display:inline-block;background:#f6f4f1;border-radius:5px;padding:.15rem .5rem;font-size:.75rem;line-height:1.3;margin-top:.3rem}
.price__pix-pill strong{font-weight:600}
@media (max-width:749px){
  .price-block-extras__pix{font-size:.82rem}
}

/* ============================================================
   CRO plan — Edit D (support): mobile gallery peek carousel.
   Stock Stiletto behavior with show_mobile_carousel_images_full_width
   = false: the carousel container gets padding 0 var(--space-outer)
   (~3.3vw per side) but .swiper keeps overflow:hidden, so the next
   slide is clipped at the swiper edge and never peeks. Move the
   clipping up to the padded container and let the swiper overflow,
   so the next/prev slides peek in the side-gutter strips.
   Scoped to mobile widths + non-full-width carousels only.
   Does not touch Swiper config, lightbox, or Yever.
   ============================================================ */
@media (max-width: 959px){
  .product[data-show-mobile-carousel-full-width="false"] .product__media-container.below-mobile{
    overflow:hidden;
  }
  .product[data-show-mobile-carousel-full-width="false"] .product__media-container.below-mobile .swiper{
    overflow:visible;
  }
}

/* ============================================================
   CRO plan — Edit P: size/color option button states.
   CSS-only — matches theme.js's variantAvailability() behavior
   (assets/theme.js), which toggles a plain ".disabled" class on
   option buttons for sold-out/unavailable combinations (remains
   clickable per stock theme behavior) and ".selected" for the
   active value. No JS changed.
   ============================================================ */
.product__chip.selected,
.dynamic-variant-button.selected:not(.product__color-swatch) {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
.product__color-swatch.selected {
  outline: 2px solid #111;
  outline-offset: 2px;
}
.product__chip.disabled,
.dynamic-variant-button.disabled:not(.product__color-swatch) {
  position: relative;
  opacity: .4;
  color: #999;
  background: #f2f2f2 !important;
  border-color: #e2e2e2 !important;
}
.product__chip.disabled::after,
.dynamic-variant-button.disabled:not(.product__color-swatch)::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 50%;
  border-top: 1px solid currentColor;
  transform: rotate(-10deg);
}
.product__color-swatch.disabled {
  position: relative;
  opacity: .35;
}
.product__color-swatch.disabled::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top right, transparent calc(50% - 1px), rgba(0,0,0,.55), transparent calc(50% + 1px));
}

/* ============================================================
   CRO plan — Edit J: Biotipo (Linha) badge — driven by the
   custom.linha metafield (Padrão / Semi Ampulheta / Super Ampulheta).
   Card = overlay pill, top-left of the product image.
   PDP  = linked pill in the buy box (links to the biotipo collection).
   ============================================================ */
.badge-linha{display:inline-block;font-family:"Open Sans",sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1;border-radius:3px;white-space:nowrap;}
.product-item__media{position:relative;}
.badge-linha--card{position:absolute;top:10px;right:10px;z-index:2;background:rgba(255,255,255,.92);color:#5a4234;padding:.34rem .5rem;box-shadow:0 1px 3px rgba(0,0,0,.10);}
.badge-linha--pdp{margin-top:.7rem;text-decoration:none;background:#f6f4f1;color:#5a4234;padding:.42rem .72rem;transition:background .15s ease;}
.badge-linha--pdp:hover{background:#ece7e0;}
.badge-linha--pdp .badge-linha__cap{opacity:.55;font-weight:500;}
@media (max-width:749px){.badge-linha--card{top:6px;right:6px;font-size:.6rem;padding:.28rem .42rem;}}


/* ============================================================
   CRO plan — Edit J: HTML compression meter (.comp-meter) —
   driven by custom.compressao (Básica / Média / Alta).
   Replaces the legacy shapewear-support-level SVG images.
   ============================================================ */
.comp-meter{display:flex;flex-direction:column;gap:.28rem;margin-top:.5rem;font-family:"Open Sans",sans-serif;}
.comp-meter__caption{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#5a4234;}
.comp-meter__scale{display:inline-flex;border-radius:4px;overflow:hidden;border:1px solid #e6ded3;max-width:280px;}
.comp-meter__seg{flex:1 1 0;text-align:center;padding:.32rem .4rem;font-size:.66rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:#efe9df;color:#8a7d6d;border-right:1px solid #e6ded3;line-height:1.2;white-space:nowrap;}
.comp-meter__seg:last-child{border-right:none;}
.comp-meter__seg.is-active{background:#5a4234;color:#fff;}
.comp-meter--card{align-items:center;margin-top:.6rem;}
.comp-meter--card .comp-meter__scale{width:100%;}
.comp-meter--pdp{margin-top:0;margin-bottom:.5rem;}
@media (max-width:749px){.comp-meter__seg{font-size:.6rem;padding:.28rem .3rem;}}
/* ============================================================
   CRO plan — Edit J follow-up: match the "Primeira etapa" custom
   badge to the biotipo pill (.badge-linha) styling. Targets only
   the primeira-etapa badge on cards and PDP.
   ============================================================ */
.product-badges .product-badge[data-handle="primeira-etapa"]{
  background:rgba(255,255,255,.92)!important;
  color:#5a4234!important;
  font-family:"Open Sans",sans-serif!important;
  font-size:.68rem!important;
  font-weight:600!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  line-height:1!important;
  border:none!important;
  border-radius:3px!important;
  padding:.34rem .5rem!important;
  box-shadow:0 1px 3px rgba(0,0,0,.10)!important;
}
@media (max-width:749px){
  .product-badges .product-badge[data-handle="primeira-etapa"]{font-size:.6rem!important;padding:.28rem .42rem!important;}
}

/* ============================================================
   CRO — breadcrumb separator (chevron) vertical alignment fix.
   The chevron icon sat near the text baseline; center it.
   ============================================================ */
.breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;}
.breadcrumbs__item{display:inline-flex;align-items:center;}
.breadcrumbs__icon{display:inline-flex;align-items:center;justify-content:center;margin-inline:.15em;transform:translateY(-0.375em);}
.breadcrumbs__icon svg{display:block;width:.7em;height:.7em;}

/* ============================================================
   CRO — Mobile fixes batch 1 (2026-07-12)
   ============================================================ */
/* Home use-case tiles: were one giant distorted full-width tile on mobile;
   make a compact 2-column grid. Scoped to grids that contain 50%-width items. */
@media (max-width:749px){
  .grid__inner:has(.grid-item--width-50){display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;}
  .grid-item--width-50{width:auto !important;max-width:none !important;flex:none !important;height:auto !important;}
  .grid-item--width-50 .grid-item__inner{height:auto !important;aspect-ratio:1 / 1.15 !important;}
  .grid-item--width-50 .grid-item__inner .image,
  .grid-item--width-50 .grid-item__inner .image__img,
  .grid-item--width-50 .grid-item__inner img{height:100% !important;width:100% !important;object-fit:cover !important;}
}
/* Collection card compression meter: remove from thumbnails (still shown on PDP) */
.comp-meter--card{display:none !important;}
@media (max-width:749px){
  /* Remove quick-view eye icon on mobile cards */
  .product-item__hoverless-quick-view-button{display:none !important;}
  /* Compact, single-line truncated card titles (Fashion Nova style) */
  .product-item__product-title{font-size:12px !important;line-height:1.25 !important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
  /* Remove breadcrumbs on the product page (kept on collection pages) */
  .template-product .breadcrumbs{display:none !important;}
}

/* ============================================================
   CRO — Mobile fixes batch 1b: force the use-case grid to real
   2 equal columns (theme overrode columns at equal specificity;
   grid items also needed min-width:0 to stop overflowing).
   ============================================================ */
@media (max-width:749px){
  .grid .grid__inner:has(.grid-item--width-50){grid-template-columns:1fr 1fr !important;gap:8px !important;}
  .grid .grid-item--width-50{min-width:0 !important;width:auto !important;max-width:none !important;flex:none !important;}
}

/* ============================================================
   CRO — Mobile fixes batch 2 (2026-07-12)
   ============================================================ */
@media (max-width:749px){
  /* Home use-case tiles: clean aligned 2x2 + small readable label
     (heading was 42px and ran off-screen; rows were staggered) */
  .grid .grid__inner:has(.grid-item--width-50){grid-template-columns:1fr 1fr !important;grid-auto-rows:auto !important;align-items:start !important;gap:10px 8px !important;}
  .grid .grid-item--width-50{min-width:0 !important;}
  .grid-item--width-50 .grid-item__inner{aspect-ratio:1 / 1.12 !important;height:auto !important;overflow:hidden !important;}
  .grid-item--width-50 .grid-item__heading{font-size:15px !important;line-height:1.15 !important;}
  .grid-item--width-50 .grid-item__text-container-inner{padding:10px !important;}
  .grid-item--width-50 .btn{font-size:11px !important;}

  /* Collection cards: allow 2-line truncated titles (was 1 line) */
  .product-item__product-title{-webkit-line-clamp:2 !important;min-height:2.5em;}
  /* Show available color swatches below the price on mobile (not hover-only) */
  .product-item--with-hover-swatches .product-item__variant-info{display:flex !important;opacity:1 !important;visibility:visible !important;position:static !important;max-height:none !important;height:auto !important;margin-top:6px !important;transform:none !important;pointer-events:auto !important;overflow:visible !important;}
  .product-item__swatch-count{display:none !important;}
}

/* ============================================================
   CRO — Mobile fixes batch 2b (2026-07-12)
   Home use-case grid: tighten rows + fix the 12px stagger
   (2nd grid item carried a desktop margin-top:12px); cells were
   360px tall leaving big gaps. Plus card color-swatch dots.
   ============================================================ */
@media (max-width:749px){
  .grid .grid__inner:has(.grid-item--width-50){grid-auto-rows:min-content !important;}
  .grid .grid__inner:has(.grid-item--width-50) > *{height:auto !important;min-height:0 !important;align-self:start !important;}
  .grid-item--width-50{margin:0 !important;}
}
/* Collection card color swatches (available colors, below price) */
.card-swatches{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:6px;}
.card-swatches__dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.18);display:inline-block;box-sizing:border-box;background:#ddd;}
.card-swatches__dot--preto{background:#000000;}
.card-swatches__dot--bege{background:#e9e1c9;}
.card-swatches__dot--cacau{background:#cc9da3;}
.card-swatches__dot--moca{background:#a9805f;}
.card-swatches__dot--latte{background:#E9D8D1;}
.card-swatches__dot--cinza{background:#746f6e;}
.card-swatches__dot--cafe{background:#8b643a;}
.card-swatches__dot--chocolate{background:#6d4d4c;}

/* ============================================================
   CRO — Mobile fixes batch 3 (2026-07-12): PDP above-the-fold
   ============================================================ */
@media (max-width:749px){
  /* Product gallery: hide pagination dots (FN-style swipe; reclaims vertical space) */
  .template-product .swiper-pagination{display:none !important;}
  /* Slightly smaller size chips */
  .template-product .product__chip{min-width:30px !important;height:28px !important;padding:3px 6px !important;font-size:10px !important;}
  /* Tighter logo on mobile */
  .header__logo{font-size:26px !important;}
}


/* ============================================================
   CRO — Mobile fixes batch 4: PDP FN-parity (2026-07-12)
   ============================================================ */
/* Remove quantity picker from the PDP (quantity editable in cart) */
.template-product .product__controls-group-quantity{display:none !important;}
/* Star ratings gold instead of near-black */
.jdgm-star,.jdgm-prev-badge__stars .jdgm-star{color:#f5b301 !important;}

@media (max-width:749px){
  /* Remove free-shipping announcement bar */
  .announcement-bar{display:none !important;}
  /* Tighter header + logo; less empty space above the gallery */
  .header{padding-block:8px !important;min-height:0 !important;}
  .header__logo{font-size:24px !important;}
  .template-product #MainContent,
  .template-product .product-section,
  .template-product .product__media-container{margin-top:0 !important;padding-top:0 !important;}
  /* Portrait 2:3 product gallery on mobile - matches desktop image_aspect_ratio (was fixed 54vh, which cropped the portrait image to ~square) */
  .product__media-container.below-mobile{position:relative !important;}
  .product__media-container.below-mobile .product__media-item{aspect-ratio:2/3 !important;}
  .product__media-container.below-mobile .product__media-item img{aspect-ratio:2/3 !important;height:100% !important;width:100% !important;object-fit:cover !important;}
  /* Keep gallery dots but overlay them on the image (don't take vertical space) */
  .product__media-container.below-mobile .swiper-pagination{display:block !important;position:absolute !important;left:0;right:0;bottom:8px !important;top:auto !important;z-index:3;height:auto !important;}
  .product__media-container.below-mobile .swiper-pagination-bullet{background:#ffffff !important;opacity:.55;box-shadow:0 0 2px rgba(0,0,0,.45);}
  .product__media-container.below-mobile .swiper-pagination-bullet-active{opacity:1;}
  /* Smaller product title + stars */
  .template-product .product__title{font-size:15px !important;line-height:1.25 !important;}
  .jdgm-prev-badge__stars,.jdgm-star{font-size:13px !important;}
}

/* CRO — PDP: size-guide link + biotipo tag on one row (below size swatches) */
.size-guide-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px;}
.size-guide-row .badge-linha--pdp{margin:0 !important;}
.size-guide-row .product__information-popup{margin:0 !important;}


/* ============================================================
   CRO — Mobile fixes batch 5: PDP header height + image gap (2026-07-12)
   Header nav ~25% shorter; product image pulled to ~5px below the
   header by removing the empty breadcrumb wrapper's reserved margin.
   ============================================================ */
@media (max-width:749px){
  .header{padding-top:3px !important;padding-bottom:3px !important;}
  .header__row,.header__row-mobile{min-height:0 !important;}
  .header__logo{font-size:20px !important;}
  .template-product .product__breadcrumbs{display:none !important;}
  .template-product main,.template-product .main{padding-top:0 !important;}
  .template-product .product{margin-top:0 !important;padding-top:5px !important;}
  .template-product .product__top,.template-product .product__primary,.template-product .product__primary-left{margin-top:0 !important;padding-top:0 !important;}
}

/* ============================================================
   CRO — Mobile fixes batch 6 (2026-07-12)
   Rounded (pill) buttons; WhatsApp buy button mobile-only;
   remove the PDP callouts block (Frete/Pix/Parcela) — that info
   now lives in the price block + cart drawer.
   ============================================================ */
.btn{border-radius:100px !important;}
/* Remove the PDP info-callouts block entirely (all viewports) */
.product__block-callouts{display:none !important;}
/* "Comprar pelo WhatsApp" button only on mobile */
@media (min-width:750px){
  .pdp-whatsapp-buy{display:none !important;}
}

/* ============================================================
   CRO — Mobile fixes batch 7: center the gallery dots on the image
   (swiper left a translateX(-50%) that pushed them half off-screen)
   ============================================================ */
@media (max-width:749px){
  .product__media-container.below-mobile .swiper-pagination{
    left:0 !important;right:0 !important;width:100% !important;
    transform:none !important;text-align:center !important;
  }
}

/* ============================================================
   CRO — Sticky ATC bar: compact FN-style layout, reveal, swatches
   ============================================================ */
.sticky-atc-bar{z-index:9500 !important;box-shadow:0 -2px 10px rgba(0,0,0,.12);}
.sticky-atc-bar__inner{display:flex !important;align-items:center;gap:10px;padding:8px 12px !important;}
.sticky-atc-bar__details{display:flex !important;align-items:center;gap:10px;flex:1 1 auto;min-width:0;}
.sticky-atc-bar__media{width:46px !important;height:46px !important;flex:0 0 46px;overflow:hidden;border-radius:6px;}
.sticky-atc-bar__media img{width:46px !important;height:46px !important;object-fit:cover !important;}
.sticky-atc-bar__meta{min-width:0;flex:1 1 auto;}
.sticky-atc-bar__meta h5{font-size:12px !important;line-height:1.2 !important;margin:0 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sticky-atc-bar__meta-options,.sticky-atc-bar__meta-change-option-trigger{display:none !important;}
.sticky-atc-bar__price{font-size:13px !important;font-weight:600;line-height:1.2 !important;white-space:nowrap;flex:0 0 auto;}
.sticky-atc-bar__price s{display:none !important;}
.sticky-atc-bar__button{flex:0 0 auto;}
.sticky-atc-bar__button .btn{width:auto !important;min-width:0 !important;padding:12px 18px !important;font-size:11px !important;white-space:nowrap;}
.sticky-atc-bar__swatches{display:flex;gap:6px;margin-top:4px;}
.sticky-swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.25);padding:0;cursor:pointer;flex:0 0 auto;}
.sticky-swatch.is-active{outline:2px solid #111;outline-offset:1px;}
body.cro-sticky-visible .whatsapp-float,body.cro-sticky-visible [class*="whatsapp-float"]{display:none !important;}

/* ============================================================
   CRO — Sticky ATC bar FN top: drop from top + frosted blur,
   show image/title/color/price/button (Fashion Nova style).
   Overrides the earlier bottom-anchored styling.
   ============================================================ */
.sticky-atc-bar{
  position:fixed !important; top:0 !important; bottom:auto !important; left:0; right:0;
  transform:translateY(0); transition:transform .28s ease;
  background:rgba(255,255,255,.62) !important;
  -webkit-backdrop-filter:blur(28px) saturate(1.3) !important;
  backdrop-filter:blur(28px) saturate(1.3) !important;
  box-shadow:0 2px 12px rgba(0,0,0,.10) !important;
  z-index:99990 !important;
}
/* .hidden now means "slid up off the top" (animatable) instead of display:none */
.sticky-atc-bar.hidden{display:flex !important; transform:translateY(-100%) !important; pointer-events:none !important;}
/* show the selected color/size text; hide the interactive dots + change-option link (FN just shows the info) */
.sticky-atc-bar__meta-options{display:block !important;font-size:11px !important;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;}
.sticky-atc-bar__meta-change-option-trigger{display:none !important;}
.sticky-atc-bar__swatches{display:none !important;}

/* ============================================================
   CRO — Sticky ATC bar layout: FN single row + show thumbnail
   ============================================================ */
.sticky-atc-bar__inner{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:10px !important;padding:8px 12px !important;width:100%;}
.sticky-atc-bar__details{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:10px !important;flex:1 1 auto !important;min-width:0 !important;}
.sticky-atc-bar__media{display:block !important;flex:0 0 46px !important;width:46px !important;height:46px !important;overflow:hidden;border-radius:6px;}
.sticky-atc-bar__media .product__media-item{height:46px !important;}
.sticky-atc-bar__media .product__media-item.hidden{display:none !important;}
.sticky-atc-bar__media .product__media-item:not(.hidden){display:block !important;}
.sticky-atc-bar__media img,.sticky-atc-bar__media .image__img{width:46px !important;height:46px !important;object-fit:cover !important;display:block !important;}
.sticky-atc-bar__meta{flex:1 1 auto !important;min-width:0 !important;}
.sticky-atc-bar__price{flex:0 0 auto !important;text-align:right;}
.sticky-atc-bar__button{flex:0 0 auto !important;width:auto !important;}
.sticky-atc-bar__button .btn{width:auto !important;min-width:0 !important;padding:12px 18px !important;}

/* ============================================================
   CRO — Sticky ATC bar fit: keep price minimal so the title fits
   (hide the verbose Pix line in the bar; shrink price + button)
   ============================================================ */
@media (max-width:749px){
  .sticky-atc-bar{height:auto !important;min-height:60px;}
  .sticky-atc-bar__price .price-block-extras,
  .sticky-atc-bar__price .price__pix-pill{display:none !important;}
  .sticky-atc-bar__price{font-size:13px !important;font-weight:700;flex:0 0 auto !important;white-space:nowrap;text-align:right;}
  .sticky-atc-bar__meta{min-width:64px !important;}
  .sticky-atc-bar__meta h5{font-size:12px !important;}
  .sticky-atc-bar__meta-options{font-size:10px !important;}
  .sticky-atc-bar__button .btn{font-size:10px !important;padding:10px 12px !important;letter-spacing:.02em !important;}
}

/* ============================================================
   CRO — Sticky ATC bar own-position: theme JS neutralized
   (data-show=false), so WE control position/visibility. Fixes
   iOS partial-show + scroll bounce.
   ============================================================ */
.sticky-atc-bar{position:fixed !important;top:0 !important;bottom:auto !important;left:0;right:0;display:flex !important;opacity:1 !important;visibility:visible !important;transform:translateY(-100%);transition:transform .3s ease;}
.sticky-atc-bar:not(.hidden){transform:translateY(0) !important;}
.sticky-atc-bar.hidden{transform:translateY(-100%) !important;pointer-events:none;}
/* bar replaces the header while shown (Fashion Nova style) */
body.cro-sticky-visible .shopify-section-group-header-group{visibility:hidden !important;}

/* ============================================================
   CRO — Sticky ATC bar revert bottom: the top-drop conversion
   fought the theme's own bottom-anchored JS (iOS scroll-bounce +
   partial "only the bottom shows"). Re-anchor to the bottom so
   our CSS agrees with the theme's transform direction. Frosted
   look + compact layout from earlier blocks are retained.
   ============================================================ */
.sticky-atc-bar{top:auto !important;bottom:0 !important;transform:translateY(100%);}
.sticky-atc-bar:not(.hidden){transform:translateY(0) !important;}
.sticky-atc-bar.hidden{transform:translateY(100%) !important;pointer-events:none;}
/* undo the header-hide (only made sense for a top bar) */
body.cro-sticky-visible .shopify-section-group-header-group{visibility:visible !important;}

/* ============================================================
   CRO — Sticky ATC bar disabled (2026-07-12): the theme's built-in
   sticky bar can't be reliably repurposed (its JS fights custom
   control -> iOS scroll-bounce + partial display). Disabled until a
   standalone bar is built.
   ============================================================ */
.sticky-atc-bar{display:none !important;}

/* ============================================================
   CRO — Standalone FN top sticky bar (.cro-topbar)
   ============================================================ */
.cro-topbar{position:fixed;top:0;left:0;right:0;z-index:99990;transform:translateY(-100%);transition:transform .3s ease;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(26px) saturate(1.3);backdrop-filter:blur(26px) saturate(1.3);box-shadow:0 2px 12px rgba(0,0,0,.12);}
.cro-topbar.is-visible{transform:translateY(0);}
.cro-topbar__inner{display:flex;align-items:center;gap:10px;padding:8px 12px;}
.cro-topbar__img{width:46px;height:46px;object-fit:cover;border-radius:6px;flex:0 0 46px;}
.cro-topbar__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;}
.cro-topbar__title{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111;}
.cro-topbar__sub{display:flex;gap:8px;align-items:baseline;font-size:12px;color:#333;}
.cro-topbar__color{opacity:.7;text-transform:capitalize;white-space:nowrap;}
.cro-topbar__price{font-weight:700;white-space:nowrap;}
.cro-topbar__btn{flex:0 0 auto;background:#111;color:#fff;border:0;border-radius:100px;padding:11px 18px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;}
body.cro-topbar-on .shopify-section-group-header-group{visibility:hidden !important;}
body.cro-topbar-on .whatsapp-float,body.cro-topbar-on [class*="whatsapp-float"]{display:none !important;}
/* ============================================================
   CRO — Size-chart tables fit mobile (2026-07-13)
   .sc-table (Tabela de Medidas) + .sc-xs-table (silhouette
   equivalence grid) overflowed the viewport (white-space:nowrap
   + 12px padding + 14px font forced min-width past 400px,
   causing horizontal side-scroll). Constrain to fit the screen:
   fixed layout so columns share width, allow wrapping, smaller
   font, and stack the size / "cintura" sub-labels in grid cells.
   Applies on the size-chart PAGES and inside the PDP description
   (both use the same .sc-table markup).
   ============================================================ */
@media (max-width:749px){
  .sc-table{table-layout:fixed;width:100%;}
  .sc-table,.sc-table th,.sc-table td{font-size:11px !important;}
  .sc-table th,.sc-table td{padding:6px 3px !important;white-space:normal !important;overflow-wrap:break-word;line-height:1.25;}
  .sc-xs-table strong{display:block;}
  .sc-xs-table small{display:block;font-size:9px;opacity:.75;white-space:normal;}
}
/* ============================================================
   CRO — Mobile typography + wide-table fit (2026-07-13)
   (1) Theme heading sizes use clamp() whose mobile floor is
   desktop-scaled (hero 56px, H2 42px, section 36px) — too big
   on phones. Shrink the --font-size-heading-* vars under 750px
   so every heading reading them scales down site-wide.
   (2) General fallback so any content table in .rte /
   .accordion__content / policy body fits the viewport instead
   of side-scrolling (excludes .sc-table, handled separately).
   ============================================================ */
@media (max-width:749px){
  :root{
    --font-size-heading-display-1:2.25rem;
    --font-size-heading-display-2:2.125rem;
    --font-size-heading-display-3:2rem;
    --font-size-heading-1-base:1.875rem;
    --font-size-heading-2-base:1.625rem;
    --font-size-heading-3-base:1.4375rem;
    --font-size-heading-4-base:1.25rem;
    --font-size-heading-5-base:1.125rem;
    --font-size-heading-6-base:1rem;
  }
  .rte table:not(.sc-table), .accordion__content table:not(.sc-table), .shopify-policy__body table:not(.sc-table){table-layout:fixed;width:100%;font-size:12px;}
  .rte table:not(.sc-table) th, .rte table:not(.sc-table) td,
  .accordion__content table:not(.sc-table) th, .accordion__content table:not(.sc-table) td,
  .shopify-policy__body table:not(.sc-table) th, .shopify-policy__body table:not(.sc-table) td{padding:6px 4px;white-space:normal;overflow-wrap:break-word;word-break:break-word;}
}
/* ============================================================
   CRO — Mobile nav: fully-expanded drawer menu (2026-07-13)
   Stiletto's mobile drawer hides each parent's children in an
   off-canvas drill-down panel (.drawer-menu__list--sub is
   position:absolute; left:100%; hidden). Pull every submenu
   inline so all categories + sub-items are visible at a glance.
   Parent rows (Pós-Cirúrgicas, Uso Diário) become non-clickable
   section labels; their sub-items stay tappable. Direct links
   (Mais Vendidos, Guia de Tamanhos) are unaffected. Mobile only.
   ============================================================ */
@media (max-width:749px){
  .drawer-menu__list--sub{
    position:static !important; inset:auto !important; left:auto !important; top:auto !important; right:auto !important;
    width:auto !important; visibility:visible !important; opacity:1 !important; transform:none !important;
    height:auto !important; max-height:none !important; display:block !important; padding:0 !important;
    pointer-events:auto !important;
  }
  .drawer-menu__list--sub [data-item="link"]{ pointer-events:auto !important; }
  .drawer-menu__link[data-item="parent"]{ pointer-events:none; text-transform:uppercase; letter-spacing:.05em; opacity:.5; font-size:.78rem; }
  .drawer-menu__link[data-item="parent"] .menu-icon{ display:none !important; }
  .drawer-menu__item--heading{ display:none !important; }
  .drawer-menu__list--sub .drawer-menu__item{ padding-left:14px; }
}
/* ============================================================
   CRO — Out-of-stock color-swatch strike fix (2026-07-13)
   Theme's sold-out ::after strike was a full-box element rotated
   -45deg, tuned for square swatches; on the actual 35x32 swatches
   the line sat off-center and did not cross the swatch. Replace
   with a corner-to-corner gradient line that adapts to any swatch
   size/aspect. Applies on mobile + desktop.
   ============================================================ */
.dynamic-variant-button.product__color-swatch.disabled::after,
.product__color-swatch.disabled::after{
  content:"" !important; position:absolute !important; inset:0 !important;
  width:auto !important; height:auto !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;
  transform:none !important; border:0 !important; margin:0 !important; border-radius:inherit !important;
  background:linear-gradient(to top right, transparent calc(50% - 1px), rgba(190,50,40,.9) calc(50% - 1px), rgba(190,50,40,.9) calc(50% + 1px), transparent calc(50% + 1px)) !important;
}
/* ============================================================
   CRO — Star rating on the Ref line (mobile, 2026-07-13)
   The product-block-header script moves the Judge.me preview
   badge next to .product__ref inside .cro-ref-rating-row.
   Lay them out as one row: ref left, stars right. Mobile only.
   ============================================================ */
@media (max-width:749px){
  .cro-ref-rating-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;}
  .cro-ref-rating-row .product__ref{margin:0;}
  .cro-ref-rating-row .jdgm-widget.jdgm-preview-badge{margin:0;line-height:1;flex:0 0 auto;}
}
/* ============================================================
   CRO — Tighten above-the-fold vertical space (mobile, 2026-07-13)
   Cut wasted gaps between the stacked PDP assets so the buy box
   sits higher. Main win: .product__meta had 16px top padding
   (big gallery->title gap). Applies with the header dividers now
   turned off across all product templates. Mobile only.
   ============================================================ */
@media (max-width:749px){
  .product__meta{padding-top:4px !important;}
  .product__block{margin-bottom:2px !important;}
  .product__title{margin-bottom:1px !important;}
  .product__price-and-ratings{margin-top:3px !important;}
  .price-block-extras{margin-top:2px !important;}
  .product-badges:empty{display:none !important;}
  .product__controls-group>*+*{margin-top:5px !important;}
  .size-guide-row{margin-top:3px !important;}
}
/* ============================================================
   CRO — Selected + sold-out size chip legibility (2026-07-14)
   A chip that is BOTH .selected and .disabled got #fff text on
   the .disabled near-white bg (invisible). Higher-specificity
   rule keeps it dark with readable white text + visible strike.
   ============================================================ */
.product__chip.selected.disabled,
.dynamic-variant-button.selected.disabled:not(.product__color-swatch){background:#111 !important;border-color:#111 !important;color:#fff !important;opacity:1 !important;}