/** Shopify CDN: Minification failed

Line 913:0 Unexpected "}"

**/
/* ===== Product rating Sara Lisboa style ===== */

/* tamanho do texto rating */
/* Texto do rating maior, mas normal (não bold) */
.rating,
.product__rating,
.spr-badge,
.jdgm-prev-badge,
.loox-rating {
  font-size: 16px;
  font-weight: 400;
}

/* Só os números em bold */
.rating strong,
.product__rating strong,
.spr-badge strong,
.jdgm-prev-badge strong,
.loox-rating strong {
  font-weight: 800;
}


/* números em bold (4.8/5 e +5542) */
.rating strong,
.product__rating strong,
.spr-badge strong,
.jdgm-prev-badge strong,
.loox-rating strong {
  font-weight: 800;
}

/* cor das estrelas — dourado elegante claro */
.rating svg,
.product__rating svg,
.spr-icon,
.jdgm-star,
.loox-icon {
  color: #000000 !important;
  fill: #000000 !important;
}
/* ===== Stars color (Broadcast) ===== */
.product__rating svg,
.product__rating .rating svg,
.product__rating .rating__stars svg,
.product__rating .rating__star svg,
.rating svg,
.rating__stars svg,
.rating__star svg {
  fill: #000000 !important;
  color: #000000 !important;
}

/* fallback se o tema usar mask/background */
.product__rating .rating__stars,
.rating__stars {
  color: #000000 !important;
}
/* ===== Broadcast stars gold (correct selector) ===== */
.product__rating .stars {
  color: #000000 !important;
}

/* quando o tema usa mask/background */
.product__rating .stars::before,
.product__rating .stars::after {
  color: #000000 !important;
}

/* fallback */
.stars {
  color: #000000 !important;
}
/* alinhamento e espaçamento estilo Sara Lisboa */
.product__rating {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* ligeiro ajuste visual das estrelas */
.product__rating .stars {
  transform: translateY(-1px);
}
/* ===== Bigger rating (stars + text) ===== */
.product__rating {
  font-size: 18px;
}

/* estrelas ligeiramente maiores */
.product__rating .stars {
  font-size: 18px;
  transform: translateY(-1px) scale(1.08);
}
/* números do rating mais escuros (luxury look) */
.product__rating strong {
  color: #1a1a1a;
  font-weight: 800;
}
/* ===== Product title Sara Lisboa style ===== */
.product__title,
.product-title,
h1.product__title {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.2px;
}
/* ===== Price styling like Sara Lisboa ===== */

/* preço atual */
.product__price,
.price,
.price__current,
.price__sale {
  font-size: 26px;
  font-weight: 800;
  color: #d10000; /* vermelho */
}

/* preço antigo (riscado) */
.price__compare,
.price__was,
.price s,
.price del {
  font-size: 16px;
  font-weight: 500;
  color: #6b6b6b;
  opacity: 0.9;
}
/* ===== Broadcast sale price (correct selectors) ===== */
.product__price .price__current,
.product__price .price-item--sale,
.price-item--sale {
  color: #d10000 !important;
  font-size: 26px;
  font-weight: 800;
}
/* ===== Broadcast price like Sara Lisboa ===== */

/* preço atual (sale) */
.product__price--sale {
  color: #d10000 !important;
  font-size: 20px;
  font-weight: 800;
}

/* preço antigo riscado */
.product__price--strike {
  color: #6b6b6b !important;
  font-size: 16px;
  font-weight: 500;
}
/* ===== Discount badge Sara Lisboa ===== */
.product__sale,
.product__badge,
.product__sale-badge {
  background: #1fa84f !important;
  color: white !important;
  font-weight: 700;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 4px;
  letter-spacing: 0.3px;
  display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
position: relative;
top: 0px;
}
/* 1) o container do sale NÃO fica verde */
.product__sale {
  background: transparent !important;
  padding: 0 !important;
  display: inline !important;
}

/* 2) só o badge (a “pílula”/etiqueta) fica verde */
.product__sale .product__badge,
.product__sale .product__sale-badge,
.product__sale [class*="badge"],
.product__sale [class*="label"] {
  background: #1fa84f !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 4px;
  display: inline-block;
}
/* ===== Discount badge exact selector ===== */
.product__price--off {
  background: #1fa84f !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 4px;
  display: inline-block;
}
/* Hide "Final sale" text next to discount */
.product__final-sale-wrap {
  display: none !important;
}
/* ===== Price order like Sara Lisboa ===== */
.product__price {
  display: flex;
  align-items: center;
  gap: 8px;
}

.product__price--strike {
  order: 1;
}

.product__price--sale {
  order: 2;
}
/* Hide breadcrumb on product page */
.breadcrumb,
.product__breadcrumb,
.product-breadcrumb,
[class*="breadcrumb"] {
  display: none !important;
}
/* variant images instead of color circles */

.product__swatch {
  width: 58px;
  height: 58px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}

.product__swatch img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product__swatch.is-selected {
  border: 2px solid #111;
}
/* SIZE (2ª opção) -> parecer texto tipo Sara Lisboa, sem dropdown */
.selector-wrapper[data-option-position="2"] .radio_buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.selector-wrapper[data-option-position="2"] label {
  border: 1.5px solid #111111 !important;
  padding: 6px 12px !important;
  background: transparent !important;
  min-width: auto !important;
  height: auto !important;
  text-transform: uppercase;
  cursor: pointer;
}

.selector-wrapper[data-option-position="2"] input:checked + label {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1.5px solid #111111 !important;
  text-decoration: none !important;
}
/* FIX: quando uma variante (ex: tamanho) está selecionada, o texto não pode desaparecer */
.radio__buttons input[type="radio"]:checked + label,
.radio__buttons input[type="radio"]:checked + label * {
  opacity: 1 !important;
  color: var(--color-foreground) !important;
}

/* ✅ FORÇAR o 2º seletor (normalmente TAMANHO) a ficar em linha, “seguido” */
.product__selectors .selector-wrapper[data-option-position="2"] .radio__buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;

  /* mata layouts tipo grid/columns que criam espaçamento */
  grid-template-columns: unset !important;
  column-count: unset !important;

  gap: 12px !important;
}

/* cada botão não pode esticar nem ocupar “coluna” */
.product__selectors .selector-wrapper[data-option-position="2"] .radio__button {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
}

/* (opcional) evita que o label ocupe largura gigante */
.product__selectors .selector-wrapper[data-option-position="2"] .radio__button label,
.product__selectors .selector-wrapper[data-option-position="2"] .radio__button .radio__label{
  width: auto !important;
}

/* Forçar TAMANHOS (normalmente option #2) em linha */
.product__selectors [data-option-position="1"] .radio__buttons,
.product__selectors [data-option-position="1"] [data-variant-buttons]{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 12px !important;
  grid-template-columns: none !important;
}

/* cada tamanho não pode ter largura de coluna (50% / 2 colunas) */
.product__selectors [data-option-position="1"] .radio__button{
  width: auto !important;
  flex: 0 0 auto !important;
}

/* FORÇAR a OPÇÃO 2 (normalmente Tamanho) a ficar em linha */
.product__selectors [data-option-position="2"] .radio__buttons,
.product__selectors [data-option-position="2"] [data-variant-buttons]{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;
  grid-template-columns: none !important; /* mata grid de 2 colunas */
}

/* cada botão não pode ocupar 50% */
.product__selectors [data-option-position="2"] .radio__button{
  width: auto !important;
  flex: 0 0 auto !important;
}
/* FIX: TAMANHOS em linha (não 2 colunas / não espaçado) */
.product__selectors [data-option-position="2"] .radio__buttons,
.product__selectors [data-option-position="2"] [data-variant-buttons]{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 12px !important;

  /* matar grid/colunas do tema */
  grid-template-columns: none !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}

/* cada tamanho não pode ter 50% (2 colunas) */
.product__selectors [data-option-position="2"] .radio__button{
  width: auto !important;
  flex: 0 0 auto !important;
}

/* (opcional, mas ajuda a ficar “tipo Sara”) tamanho consistente do botão */
.product__selectors [data-option-position="2"] .radio__button label,
.product__selectors [data-option-position="2"] .radio__button .radio__label{
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

/* FIX: TAMANHO (option #2) em linha — forçar flex e matar grid */
.product__selectors [data-option-position="2"] .radio__buttons,
.product__selectors [data-option-position="2"] [data-variant-buttons]{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  grid-template-columns: none !important;
}

/* garantir que cada botão não estica */
.product__selectors [data-option-position="2"] .radio__button{
  width: auto !important;
  flex: 0 0 auto !important;
}
/* === SIZE (option #2) — linha horizontal + borda só quando selecionado === */
.product__selectors [data-option-position="2"] .radio__buttons,
.product__selectors [data-option-position="2"][data-variant-buttons] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

/* cada item não pode ocupar 50% (mata o layout em 2 colunas do tema) */
.product__selectors [data-option-position="2"] .radio__button {
  width: auto !important;
  flex: 0 0 auto !important;
}

/* estado normal: sem caixa visível */
.product__selectors [data-option-position="2"] .radio__button label,
.product__selectors [data-option-position="2"] .radio__button .radio__label {
  border: 1.5px solid #cccccc;
  background: transparent !important;
  padding: 10px 14px !important;
  min-width: 44px !important;
  text-align: center !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  color: inherit !important;
  opacity: 1 !important;
}

.product__selectors [data-option-position="2"] .radio__button input:checked + label,
.product__selectors [data-option-position="2"] .radio__button input:checked + .radio__label {
  border-color: #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
}

/* remove sublinhados/traços que o tema mete */
.product__selectors [data-option-position="2"] .radio__button label::before,
.product__selectors [data-option-position="2"] .radio__button label::after,
.product__selectors [data-option-position="2"] .radio__button .radio__label::before,
.product__selectors [data-option-position="2"] .radio__button .radio__label::after {
  content: none !important;
  display: none !important;
}

/* hover: garantir que o texto NÃO desaparece */
.product__selectors [data-option-position="2"] .radio__button label:hover,
.product__selectors [data-option-position="2"] .radio__button .radio__label:hover {
  color: inherit !important;
  opacity: 1 !important;
}

/* STEP 1 — FORCE SIZE (option #2) to be inline, not 2-column grid */
.product__selectors [data-option-position="2"] .radio__buttons,
.product__selectors [data-option-position="2"][data-variant-buttons]{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 16px !important;
  grid-template-columns: none !important;
}

/* each size item must NOT be 50% width */
.product__selectors [data-option-position="2"] .radio__button{
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}

/* make sure hover doesn't hide the text */
.product__selectors [data-option-position="2"] .radio__button label,
.product__selectors [data-option-position="2"] .radio__button .radio__label{
  opacity: 1 !important;
}
/* ===== TAMANHOS em linha (Broadcast fix real) ===== */

.selector-wrapper--size .radio_buttons{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* cada botão não pode ocupar 50% */
.selector-wrapper--size .radio_button{
  width: auto !important;
  flex: 0 0 auto !important;
}

/* estado normal */
.selector-wrapper--size .radio__button label {
  border: 1.5px solid #cccccc !important;
  background: transparent !important;
  padding: 6px 10px !important;
}

/* selecionado = caixa preta */
.selector-wrapper--size .radio__button input:checked + label {
  border: 1.5px solid #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
  padding: 6px 10px !important;
}
/* FORCE: TAMANHOS em linha (ganhar ao theme.css do Broadcast) */
.product__selectors .selector-wrapper--size .radio_buttons{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;

  /* mata grid do tema se existir */
  grid-template-columns: none !important;
}

.product__selectors .selector-wrapper--size .radio_button{
  width: auto !important;
  flex: 0 0 auto !important;
}

/* garantir que o label não força largura/caixa gigante */
.product__selectors .selector-wrapper--size .radio_button label{
  width: auto !important;
  min-width: 0 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: none !important;
  background: transparent !important;
  padding: 6px 10px !important;
}

.product__selectors .selector-wrapper--size .radio_button input:checked + label {
  border: 1.5px solid #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
}
/* FORCE: TAMANHOS em linha (ganhar ao theme.css do Broadcast) */
.product__selectors .selector-wrapper--size .radio_buttons{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;

  /* mata grid do tema se existir */
  grid-template-columns: none !important;
}

.product__selectors .selector-wrapper--size .radio_button{
  width: auto !important;
  flex: 0 0 auto !important;
}

/* garantir que o label não força largura/caixa gigante */
.product__selectors .selector-wrapper--size .radio_button label{
  width: auto !important;
  min-width: 0 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: none !important;
  background: transparent !important;
  padding: 6px 10px !important;
}

.product__selectors .selector-wrapper--size .radio_button input:checked + label {
  border: 1.5px solid #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
}
/* FORCE: TAMANHOS em linha (ganhar ao theme.css do Broadcast) */
.product__selectors .selector-wrapper--size .radio_buttons{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;

  /* mata grid do tema se existir */
  grid-template-columns: none !important;
}

.product__selectors .selector-wrapper--size .radio_button{
  width: auto !important;
  flex: 0 0 auto !important;
}

/* garantir que o label não força largura/caixa gigante */
.product__selectors .selector-wrapper--size .radio_button label{
  width: auto !important;
  min-width: 0 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: none !important;
  background: transparent !important;
  padding: 6px 10px !important;
}

.product__selectors .selector-wrapper--size .radio_button input:checked + label {
  border: 1.5px solid #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
}

/* FORCE: TAMANHOS em linha (ganhar ao theme.css do Broadcast) */
.product__selectors .selector-wrapper--size .radio_buttons{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;

  /* mata grid do tema se existir */
  grid-template-columns: none !important;
}

.product__selectors .selector-wrapper--size .radio_button{
  width: auto !important;
  flex: 0 0 auto !important;
}

/* garantir que o label não força largura/caixa gigante */
.product__selectors .selector-wrapper--size .radio_button label{
  width: auto !important;
  min-width: 0 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: none !important;
  background: transparent !important;
  padding: 6px 10px !important;
}

/* só o selecionado com caixa */
.product__selectors .selector-wrapper--size .radio_button input:checked + label {
  border: 1.5px solid #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
}
/* FORCE: TAMANHOS em linha (ganhar ao theme.css do Broadcast) */
.product__selectors .selector-wrapper--size .radio_buttons{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;

  /* mata grid do tema se existir */
  grid-template-columns: none !important;
}

.product__selectors .selector-wrapper--size .radio_button{
  width: auto !important;
  flex: 0 0 auto !important;
}

/* garantir que o label não força largura/caixa gigante */
.product__selectors .selector-wrapper--size .radio_button label{
  width: auto !important;
  min-width: 0 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: none !important;
  background: transparent !important;
  padding: 6px 10px !important;
}

.product__selectors .selector-wrapper--size .radio_button input:checked + label {
  border: 1.5px solid #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
}

/* FORCE: TAMANHOS em linha (ganhar ao theme.css do Broadcast) */
.product__selectors .selector-wrapper--size .radio_buttons{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;

  /* mata grid do tema se existir */
  grid-template-columns: none !important;
}

.product__selectors .selector-wrapper--size .radio_button{
  width: auto !important;
  flex: 0 0 auto !important;
}

/* garantir que o label não força largura/caixa gigante */
.product__selectors .selector-wrapper--size .radio_button label{
  width: auto !important;
  min-width: 0 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: none !important;
  background: transparent !important;
  padding: 6px 10px !important;
}

/* só o selecionado com caixa */
.product__selectors .selector-wrapper--size .radio_button input:checked + label {
  border: 1.5px solid #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
}

/* cada item NÃO pode ter 50%/2 colunas */
.selector-wrapper--size[data-option-position="2"] .radio__button{
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  flex-basis: auto !important;
}

/* estado normal: só texto (sem caixa visível) */
.selector-wrapper--size[data-option-position="2"] .radio__button label{
  background: transparent !important;
  border: 1.5px solid #cccccc !important;  /* invisível */
  padding: 10px 16px !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* quando selecionado: aparece a caixa preta */
.selector-wrapper--size[data-option-position="2"] .radio__button input:checked + label {
  border-color: #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
}

/* mata o “traço/underline” que o tema às vezes mete no label */
.selector-wrapper--size[data-option-position="2"] .radio__button label::before,
.selector-wrapper--size[data-option-position="2"] .radio__button label::after{
  content: none !important;
  display: none !important;
}

/* === FORCE SIZE OPTIONS EM LINHA (TARGET CORRETO) === */
.product_form_outer .radio_buttons {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 14px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* cada tamanho NÃO pode esticar */
.product_form_outer .radio_button {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

/* estado normal: só texto */
.product_form_outer .radio_button label,
.product_form_outer .radio_button .radio__label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  padding: 10px 14px !important;
  border: 1.5px solid #cccccc !important;
  background: transparent !important;
  border-radius: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* selecionado: BORDA PRETA */
.product_form_outer .radio_button input:checked + label,
.product_form_outer .radio_button input:checked + .radio__label {
  border-color: #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
}

/* FIX FINAL: tamanhos (Suurus) em linha, quebrando automaticamente */
.selector-wrapper--size[data-option-position="2"] .radio__buttons,
.selector-wrapper--size[data-option-position="2"] .radio__buttons[data-variant-buttons] {
    display: flex !important;           /* flex container */
    flex-wrap: wrap !important;         /* permite quebra de linha */
    justify-content: flex-start !important;  /* alinhamento à esquerda */
    align-items: center !important;    /* centraliza verticalmente */
    gap: 12px !important;              /* espaço entre os itens */
    overflow-x: hidden !important;     /* evita scroll horizontal forçado */
    padding-bottom: 4px;
}

/* cada tamanho NÃO pode esticar */
.selector-wrapper--size[data-option-position="2"] .radio__button {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
}

/* label certinho */
.selector-wrapper--size[data-option-position="2"] .radio__button label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px;
  padding: 10px 14px !important;
}
/* ===== FIX FINAL ABSOLUTO — TAMANHOS EM LINHA ===== */

/* 1. MATAR COMPLETAMENTE O LAYOUT DO FIELDSET */
.selector-wrapper--size[data-option-position="2"] fieldset,
.selector-wrapper--size[data-option-position="2"] .radio__fieldset {
  display: block !important;
  width: 100% !important;
}

/* 2. FORÇAR OS TAMANHOS A SER UMA LINHA HORIZONTAL */
.selector-wrapper--size[data-option-position="2"] .radio__buttons,
.selector-wrapper--size[data-option-position="2"] .radio__buttons[data-variant-buttons] {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 12px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  grid-template-columns: none !important;
  grid-auto-flow: unset !important;
}

/* 3. CADA TAMANHO NÃO PODE ESTICAR */
.selector-wrapper--size[data-option-position="2"] .radio__button {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}

/* 4. BOTÃO VISUAL CONSISTENTE */
.selector-wrapper--size[data-option-position="2"] .radio__button label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 14px !important;
  min-width: 44px;
}
/* STEP 1 — SIZE: só o selecionado com borda, sem fill preto, sem borda nos outros */
.selector-wrapper--size .radio_button label,
.selector-wrapper--size .radio__button label,
.selector-wrapper--size .radio_button .radio__label,
.selector-wrapper--size .radio__button .radio__label{
  background: transparent !important;
  color: inherit !important;
  border: 1.5px solid #cccccc !important; /* sem borda por defeito */
}

/* selecionado: borda preta, mas SEM fundo preto */
.selector-wrapper--size .radio_button input:checked + label,
.selector-wrapper--size .radio__button input:checked + label,
.selector-wrapper--size .radio_button input:checked + .radio__label,
.selector-wrapper--size .radio__button input:checked + .radio__label {
  border-color: #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
}
/* STEP 2 — SIZE: forçar layout horizontal (sem grid / sem espaços enormes) */

.selector-wrapper--size .radio_buttons,
.selector-wrapper--size .radio__buttons{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 10px !important;

  /* mata o grid do tema */
  grid-template-columns: none !important;
  grid-auto-flow: unset !important;
}

/* cada tamanho não pode ocupar 50% da linha */
.selector-wrapper--size .radio_button,
.selector-wrapper--size .radio__button{
  width: auto !important;
  flex: 0 0 auto !important;
}
/* STEP 3 — SIZE: remover min-width que cria os espaços grandes */

.selector-wrapper--size .radio_button label,
.selector-wrapper--size .radio__button label,
.selector-wrapper--size .radio_button .radio__label,
.selector-wrapper--size .radio__button .radio__label{
  min-width: auto !important;
  width: auto !important;
  flex: 0 0 auto !important;
  white-space: normal !important;
}

/* PASSO 5: Suurus não pode herdar o width das option images */
.selector-wrapper--size[data-option-position="2"] .radio__buttons {
  flex-wrap: wrap !important;       /* permite quebrar linha automaticamente */
  overflow-x: visible !important;   /* evita scroll horizontal forçado */
  justify-content: flex-start !important; /* mantém alinhamento à esquerda */
}

.selector-wrapper--size[data-option-position="2"] .radio__button label,
.selector-wrapper--size[data-option-position="2"] .radio__button .radio__label {
  white-space: normal !important;       /* permite quebra de linha dentro do label se for preciso */
  min-width: 44px !important;           /* largura mínima consistente */
  width: auto !important;
}
}

.selector-wrapper--size[data-option-position="2"] .radio__button label{
  width: auto !important;
  min-width: 44px !important;
}

/* ================================
   FIX DEFINITIVO: TAMANHOS EM LINHA E QUEBRA AUTOMÁTICA
=================================*/

/* container dos tamanhos */
.selector-wrapper--size[data-option-position="2"] .radio__buttons,
.selector-wrapper--size[data-option-position="2"] .radio__buttons[data-variant-buttons] {
  display: flex !important;
  flex-wrap: wrap !important;          /* permite quebra automática */
  justify-content: flex-start !important;
  align-items: flex-start !important;  /* alinhamento vertical */
  gap: 12px !important;
  overflow-x: hidden !important;       /* evita scroll horizontal */
  padding-bottom: 4px;
}

/* cada botão de tamanho */
.selector-wrapper--size[data-option-position="2"] .radio__button {
  flex: 0 0 auto !important;           /* não estica */
  width: auto !important;
  min-width: 44px !important;          /* largura mínima consistente */
  max-width: 80px !important;          /* largura máxima para uniformidade */
}

/* label do botão */
.selector-wrapper--size[data-option-position="2"] .radio__button label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 14px !important;
  white-space: normal !important;      /* permite quebra de linha dentro do label */
  text-align: center;
  width: 100%;                         /* ocupa toda a largura do botão */
}

.selector-wrapper--size[data-option-position="2"] .radio__button input:checked + label {
  background: #111111 !important;
  border: 1.5px solid #111111 !important;
  color: #ffffff !important;
}

/* ===== CORES estilo SARA LISBOA ===== */

/* apenas a opção que tem imagem */
.radio__button[data-variant-option-image] {
  width: auto !important;
}

/* colocar todas em linha */
.radio__fieldset:has(.radio__button[data-variant-option-image]) {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

/* remover estilo de cartão */
.radio__button[data-variant-option-image] label {
  padding: 0 !important;
  background: transparent !important;
  border: 1px solid #ddd !important;
}

/* imagem pequena */
.radio__button[data-variant-option-image] .option-image img {
  width: 70px !important;
  height: 70px !important;
  object-fit: cover !important;
  display: block;
}

/* esconder nome da cor */
.radio__button[data-variant-option-image] .option-title {
  display: none !important;
}

/* selecionado */
.radio__button[data-variant-option-image] input[type="radio"]:checked + label {
  border: 2px solid #000 !important;
}

/* === CORES (option #1) em linha perfeita tipo Sara === */

.selector-wrapper[data-option-position="1"] .radio__buttons {
  display: flex !important;
  flex-wrap: nowrap !important;   /* NÃO pode quebrar linha */
  gap: 10px !important;
  justify-content: flex-start !important;
}

.selector-wrapper[data-option-position="1"] .radio__button {
  flex: 0 0 auto !important;
  width: auto !important;
}
/* === COR SELECIONADA — BORDA COMPLETA PERFEITA === */

.selector-wrapper[data-option-position="1"] .radio__button label {
  padding: 0 !important;
  border: 1px solid #e5e5e5 !important;
  display: inline-block !important;
}

.selector-wrapper[data-option-position="1"] .radio__button input:checked + label {
  border: 2px solid #000 !important;
}

.selector-wrapper[data-option-position="1"] .radio__button img {
  display: block !important;
}
/* === FIX REAL: Produto com APENAS UMA opção === */

.product__selectors .selector-wrapper:only-of-type .radio__buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.product__selectors .selector-wrapper:only-of-type .radio__button {
  flex: 0 0 auto !important;
  width: auto !important;
}

.product__selectors .selector-wrapper:only-of-type .radio__button label {
  min-width: 46px !important;
  padding: 10px 16px !important;
}
.radio__legend__value::before {
  content: " - ";
}
.radio__legend__label {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.radio__legend__option-name {
  white-space: nowrap !important;
}

.radio__legend__value {
  display: inline !important;
}

/* esconder valor apenas do tamanho */
.radio__legend__value {
  display: inline !important;
}

.radio__legend--size .radio__legend__value {
  display: none !important;
}
.fit-scale{
  margin:10px 0 14px;
}

.fit-title{
  font-size:18px;
  font-weight:600;
  margin-bottom:12px;
}

.fit-bars{
  display:flex;
  gap:8px;
  margin-bottom:8px;
}

.fit-bars .bar{
  width:20%;
  height:4px;
  background:#e5e5e5;
  border-radius:3px;
}

.fit-bars .bar.active{
  background:#000;
}

.fit-labels{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:12px;
  color:#666;
  margin-top:8px;
}

.fit-labels span{
  flex:1;
}

.fit-labels span:nth-child(2){
  text-align:center;
}

.fit-labels span:last-child{
  text-align:right;
}

.fit-labels span:nth-child(2){
  text-align:center;
}

.fit-labels span:last-child{
  text-align:right;
}
.stock-warning{
  display:flex;
  align-items:center;
  gap:10px;
  margin:14px 0;
  font-size:14px;
  font-weight: 400;
  color: #000000;
}

.stock-warning .dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #e53935; /* amarelo escuro */
  display: inline-block;
  margin-right: 10px;
  
  /* animação pulsante */
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(245, 166, 35, 0.7);
  }
  70% {
    transform: scale(1.3);
    box-shadow: 0 0 10px 10px rgba(245, 166, 35, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(245, 166, 35, 0);
  }
}
/* Container geral do shipping colado ao botão */
.custom-shipping-container {
  display: flex;
  justify-content: flex-start; /* Mantém os itens alinhados à esquerda */
  align-items: center;
  gap: 6px; /* espaço entre ponto, texto e bandeira */
  margin-top: 0px; /* tira o espaço acima do botão */
  padding: 6px 10px;
  background-color: #f6f6f6;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
}

/* Cada item dentro do container */
.custom-shipping-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* Círculo verde */
.green-circle circle {
  fill: #2A555A;
}

/* Data de envio */
.text-block-shipping {
  font-weight: 600;
  font-size: 14px;
}

/* Bandeira dentro do container */
.custom-shipping-item img {
  width: 20px;
  height: auto;
  vertical-align: middle;
}
/* Posicionar o container de envio colado ao botão de adicionar ao carrinho */
.custom-shipping-container {
    margin-top: 4px; /* diminui o espaço acima do botão */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px; /* diminui o espaço entre o ponto e o texto */
}

.custom-shipping-item p {
  margin: 0;
}

.text-block-shipping {
  font-weight: 600;
  font-size: 14px;
}

.green-circle circle {
  fill: #2A555A;
}
/* Posicionar container de envio colado ao botão de adicionar ao carrinho */
.custom-shipping-container {
    margin-top: 8px;      /* Espaço acima do container, ajusta se precisar */
    display: flex;         /* Mantém os itens na mesma linha */
    justify-content: flex-start; /* Alinha à esquerda do botão */
    align-items: center;   /* Centraliza verticalmente */
    gap: 6px;              /* Espaço entre círculo e texto */
}
/* Container geral do shipping */
.custom-shipping-container {
  display: flex;
  justify-content: flex-start; /* colado à esquerda do botão */
  align-items: center;
  gap: 6px;
  margin-top: 8px; /* distância acima do botão */
}

/* Cada item dentro do container */
.custom-shipping-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* Círculo verde */
.green-circle circle {
  fill: #2A555A;
}

/* Data de envio */
.text-block-shipping {
  font-weight: 600;
  font-size: 14px;
}

/* Bandeira dentro do container */
.custom-shipping-item img {
  width: 20px;
  height: auto;
  vertical-align: middle;
}
/* Remove espaço extra acima do botão e bloco de envio */
.product__form-wrapper,
.product__submit-buttons,
.product__submit_item {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Mantém o seu shipping container colado */
.custom-shipping-container {
    margin-top: 0 !important;
}
.custom-payment-methods{
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:14px !important;
margin-top:4px !important;
width:100% !important;
}

.custom-payment-methods svg{
height:32px !important;
width:auto !important;
display:block !important;
}
.shopify-block {
margin-top: 0 !important;
}

.shopify-block + .shopify-block {
margin-top: 0 !important;
}
.custom-payment-methods{
margin-top:-8px !important;
}
.final-sale-box{
  background: #fff3f0 !important;
  border: 1px solid #ef7f73 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 14px 16px 13px !important;
  margin: 14px 0 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.final-sale-box__title{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  color: #e36f63 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

.final-sale-box__percent{
  display: inline-block !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  transform: translateY(-1px) !important;
}

.final-sale-box__text{
  margin: 0 !important;
  padding: 0 !important;
  color: #2a2a2a !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

.final-sale-box__text p{
  margin: 0 !important;
}
/* Descrição do produto - estilo mais parecido com Sara Lisboa */
.product__accordion .rte,
.accordion__content .rte,
.accordion__body .rte,
.product-block .rte {
  color: #2b2b2b !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.product__accordion .rte h1,
.product__accordion .rte h2,
.product__accordion .rte h3,
.product__accordion .rte strong,
.accordion__content .rte h1,
.accordion__content .rte h2,
.accordion__content .rte h3,
.accordion__content .rte strong,
.accordion__body .rte h1,
.accordion__body .rte h2,
.accordion__body .rte h3,
.accordion__body .rte strong,
.product-block .rte h1,
.product-block .rte h2,
.product-block .rte h3,
.product-block .rte strong {
  color: #222 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

.product__accordion .rte p,
.product__accordion .rte ul,
.product__accordion .rte ol,
.accordion__content .rte p,
.accordion__content .rte ul,
.accordion__content .rte ol,
.accordion__body .rte p,
.accordion__body .rte ul,
.accordion__body .rte ol,
.product-block .rte p,
.product-block .rte ul,
.product-block .rte ol {
  margin: 0 0 14px !important;
}

.product__accordion .rte ul,
.product__accordion .rte ol,
.accordion__content .rte ul,
.accordion__content .rte ol,
.accordion__body .rte ul,
.accordion__body .rte ol,
.product-block .rte ul,
.product-block .rte ol {
  padding-left: 20px !important;
}

.product__accordion .rte img,
.accordion__content .rte img,
.accordion__body .rte img,
.product-block .rte img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 18px 0 0 !important;
}
/* Dar mais destaque à primeira linha da descrição */
.product__accordion .rte > p:first-child,
.accordion__content .rte > p:first-child,
.accordion__body .rte > p:first-child,
.product-block .rte > p:first-child {
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  color: #222 !important;
  margin: 0 0 18px !important;
  text-transform: uppercase !important;
}

/* Se a primeira linha vier dentro de strong */
.product__accordion .rte > p:first-child strong,
.accordion__content .rte > p:first-child strong,
.accordion__body .rte > p:first-child strong,
.product-block .rte > p:first-child strong {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}
/* apanhar também títulos iniciais em strong, div ou heading */
.product__accordion .rte > strong:first-child,
.product__accordion .rte > div:first-child strong:first-child,
.product__accordion .rte > h1:first-child,
.product__accordion .rte > h2:first-child,
.product__accordion .rte > h3:first-child,
.accordion__content .rte > strong:first-child,
.accordion__content .rte > div:first-child strong:first-child,
.accordion__content .rte > h1:first-child,
.accordion__content .rte > h2:first-child,
.accordion__content .rte > h3:first-child,
.accordion__body .rte > strong:first-child,
.accordion__body .rte > div:first-child strong:first-child,
.accordion__body .rte > h1:first-child,
.accordion__body .rte > h2:first-child,
.accordion__body .rte > h3:first-child {
  display: block !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  color: #222 !important;
  margin: 0 0 18px !important;
  text-transform: uppercase !important;
}
.cart-bar .product__submit__add::after {
  display: none !important;
}
/* Remove seta do botão de adicionar ao carrinho */
.cart-bar .product__submit__add::after {
  content: none !important;
  display: none !important;
}
/* Botão Add to Cart verde */
/* Botão Add to Cart verde */
.product__submit__buttons .btn,
.product__submit__buttons .btn:hover,
.product__submit__buttons .btn:focus,
.product__submit__buttons .btn:active,
.product__submit__buttons .btn::before,
.product__submit__buttons .btn::after,
.product__submit__buttons .btn:hover::before,
.product__submit__buttons .btn:hover::after {
  background: #1f7a3d !important;
  border-color: #1f7a3d !important;
  color: #fff !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.product__submit__buttons .btn span,
.product__submit__buttons .btn:hover span {
  color: #fff !important;
}
/* Sticky Add to Cart verde */
.cart-bar .btn {
  background: #1f7a3d !important;
  border-color: #1f7a3d !important;
  color: #fff !important;
}
/* Reduz espaço ENTRE tamanhos e Sobivus */
.product__variant + .fit-scale {
  margin-top: -8px !important;
}
@media screen and (max-width: 768px){
.grid.grid--mobile-slider{
    gap: 14px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .grid.grid--mobile-slider .grid-item.product-item{
    min-width: 34% !important;
    width: 34% !important;
  }

}
@media screen and (max-width: 768px){

  .grid--mobile-slider .product-item .btn,
  .grid--mobile-slider .product-item .product-item__quick-add,
  .grid--mobile-slider .product-item .quick-add{
    display: none !important;
  }

}
@media screen and (max-width: 768px){

  .grid--mobile-slider .product-information{
    min-height: 92px !important;
  }

  .grid--mobile-slider .product-information a,
  .grid--mobile-slider .product-item__title,
  .grid--mobile-slider .product-item__heading{
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    line-height: 1.2 !important;
    min-height: 2.4em !important;
  }

}
@media screen and (max-width: 768px){

  .grid--mobile-slider .product-item__price__holder{
    display: flex !important;
    justify-content: center !important;
  }

  .grid--mobile-slider .product-item__price,
  .grid--mobile-slider .price.sale{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    flex-wrap: nowrap !important;
  }

  .grid--mobile-slider .price.sale .new-price{
    color: #d84a43 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    margin: 0 !important;
  }

  .grid--mobile-slider .price.sale .old-price{
    color: #8a8a8a !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    text-decoration: line-through !important;
    margin: 0 !important;
  }

}
@media screen and (max-width: 768px){

  .grid--mobile-slider .new-price{
    color: #e53935 !important;
  }

}
@media screen and (max-width: 768px){

  .grid--mobile-slider .price.sale{
    display: flex !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  .grid--mobile-slider .price.sale .new-price{
    color: #e53935 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
  }

  .grid--mobile-slider .price.sale .old-price{
    color: #8a8a8a !important;
    font-size: 11px !important;
    text-decoration: line-through !important;
  }

}

@media screen and (max-width: 768px){
  .grid__heading-text .liis-ver-mais{
    display: none;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.2;
    color: inherit;
    text-decoration: underline;
  }
}

@media screen and (min-width: 769px){
  .grid__heading-text .liis-ver-mais{
    display: none;
  }
}
@media screen and (max-width: 768px){
  .grid__heading-holder{
    display: block !important;
  }

  .grid__heading-actions{
    margin-top: 6px;
  }

}
.sale-box {
  display: none !important;
}
.text-columns-with-images .image img,
.text-columns-with-images img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  display: block;
}

.section-columns {
  background-color: #ffffff;
  padding: 30px 20px 40px;
  border-radius: 12px;
}
.section-columns .grid__heading {
  margin-top: 0;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-shadow: 0 1px 0 rgba(255,255,255,0.45);
}

.section-columns .grid__heading::after {
  content: "";
  display: block;
  width: 46px;
  height: 2px;
  background: #cdb8a7;
  margin: 6px auto 0;
  border-radius: 2px;
}
.section-columns .grid-item {
  background: #ffffff;
  padding: 18px;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.liis-reviews-rating {
  text-align: center;
  margin-top: 24;
  margin-bottom: 10px;
}

.liis-reviews-rating-text {
  margin: 0 0 14px;
  color: #2e2e2e;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 500;
}

.liis-reviews-rating-text strong {
  font-weight: 700;
}

.liis-reviews-rating-stars {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  flex-wrap: wrap;
}

.liis-star {
  font-size: 24px;
  line-height: 1;
 color: #000000;
}

.liis-star-half {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 1;
}

.liis-star-half-base,
.liis-star-half-fill {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  line-height: 1;
}

.liis-star-half-base {
  color: #cccccc;
}

.liis-star-half-fill {
  color: #000000;
  width: 50%;
  overflow: hidden;
}

.liis-score {
  margin-left: 8px;
  color: #2e2e2e;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
}
.product-item__actions,
.product-item .btn,
.product-item form {
  display: none !important;
}
.price.sale .new-price {
  color: #e53935 !important;
  font-weight: 500 !important;
}

.price.sale .old-price {
  color: #8a8a8a !important;
  text-decoration: line-through;
  font-size: 12px;
}

.cart-item {
  display: flex !important;
  gap: 12px !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid #eee !important;
}

.cart-item img {
  width: 70px !important;
  height: 90px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

.cart-item__content {
  flex: 1;
}

.cart-item__title {
  font-size: 14px !important;
  margin-bottom: 4px !important;
}

.cart-item__variant {
  font-size: 13px !important;
  color: #777 !important;
  margin-bottom: 6px !important;
}


/* Remove cards apenas dos USPs */
#SectionColumns--template--27202184118658__text-row .grid-item {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* USPs - tamanho igual à loja de referência */
#SectionColumns--template--27202184118658__text-row .column__heading {
  font-size: 16px !important;
  font-weight: 600 !important;
}

#SectionColumns--template--27202184118658__text-row .column__text {
  font-size: 13px !important;
}

#SectionColumns--template--27202184118658__text-row .column__icon img,
#SectionColumns--template--27202184118658__text-row .icon__animated--image img {
  width: auto !important;
  height: 30px !important;
  max-height: 45px !important;
  max-width: 140px !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}
/* Adicionar logos Visa e Mastercard no USP de pagamento */
#SectionColumns--template--27202184118658__text-row .grid-item:last-child .column__icon svg {
  display: none !important;
}

/* USP de pagamento - esconder SVG original */
#SectionColumns--template--27202184118658__text-row .grid-item:last-child .column__icon svg {
  display: none !important;
}

/* Mostrar logos Visa + Mastercard como imagem de fundo */
/* USP pagamento - garantir padding igual aos outros */
#SectionColumns--template--27202184118658__text-row .grid-item:last-child {
  padding-bottom: 20px !important;
}

/* Ícone do USP de pagamento */
#SectionColumns--template--27202184118658__text-row .grid-item:last-child .column__icon {
  min-height: 55px !important;
  height: 55px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 32'><rect x='0' y='2' width='44' height='28' rx='3' fill='%23ffffff' stroke='%23e5e5e5' stroke-width='0.5'/><path d='M33.3 13.1H33c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L32 11.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H23c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M10 11.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0h-1.5c-.1 0-.2 0-.2-.2L12.9 12.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L10 11.2z' fill='%23142688'/><rect x='52' y='2' width='44' height='28' rx='3' fill='%23ffffff' stroke='%23e5e5e5' stroke-width='0.5'/><circle fill='%23EB001B' cx='67' cy='16' r='8'/><circle fill='%23F79E1B' cx='81' cy='16' r='8'/><path fill='%23FF5F00' d='M74 16c0-2.7-1.4-5.1-3.4-6.5-2 1.5-3.4 3.8-3.4 6.5s1.4 5.1 3.4 6.5c2-1.4 3.4-3.8 3.4-6.5z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: auto 38px !important;
  display: block !important;
  margin-bottom: 12px !important;
}

/* Reduzir espaço entre título e cards das reviews */
.section-columns .grid__heading-holder {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.section-columns .grid-slider {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.section-columns .grid--slider {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.section-columns .grid__heading {
  margin-top: 0 !important;
 margin-bottom: 16px !important;
}

.section-columns .grid__heading::after {
  margin: 4px auto 0 !important;
}

.section-columns .grid-item {
  margin-top: 0 !important;
}
/* Reviews - fundo cinzento + cards uniformes + imagens 1:1 */
#shopify-section-template--27202184118658__columns-2,
#SectionColumns--template--27202184118658__columns-2 {
  background-color: #e0e0e0 !important;
}

#shopify-section-template--27202184118658__columns-2 .section-columns,
#SectionColumns--template--27202184118658__columns-2.section-columns {
  background-color: #e0e0e0 !important;
}

/* Cards todos com a mesma altura */
#SectionColumns--template--27202184118658__columns-2 .grid {
  align-items: stretch !important;
}

#SectionColumns--template--27202184118658__columns-2 .grid-item {
  background-color: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

#SectionColumns--template--27202184118658__columns-2 .column__inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  flex: 1 !important;
}

/* Imagens 1:1 */
#SectionColumns--template--27202184118658__columns-2 .image,
#SectionColumns--template--27202184118658__columns-2 .image img {
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Texto da review ocupa espaço restante (empurra o nome para baixo) */
#SectionColumns--template--27202184118658__columns-2 .column__text {
  flex: 1 !important;
}
/* Scrolling text - menos grosso */
.announcement__slide *,
.announcement__slide p,
.announcement__slide strong,
.announcement__slide .body-large,
.announcement__slide .body-large strong,
announcement-bar *,
[data-section-type="announcement"] * {
  font-weight: 300 !important;
  letter-spacing: 0.5px !important;
}
/* USPs Collection Page - remover cards */
#SectionColumns--template--27202183823746__section_text_row_HpkKiK .grid-item {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* USPs Collection - tamanho texto */
#SectionColumns--template--27202183823746__section_text_row_HpkKiK .column__heading {
  font-size: 16px !important;
  font-weight: 600 !important;
}

#SectionColumns--template--27202183823746__section_text_row_HpkKiK .column__text {
  font-size: 13px !important;
}

/* USPs Collection - tamanho ícones */
#SectionColumns--template--27202183823746__section_text_row_HpkKiK .column__icon img,
#SectionColumns--template--27202183823746__section_text_row_HpkKiK .icon__animated--image img {
  width: auto !important;
  height: 30px !important;
  max-height: 45px !important;
  max-width: 140px !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

/* USPs Collection - esconder SVG original do pagamento */
#SectionColumns--template--27202183823746__section_text_row_HpkKiK .grid-item:last-child .column__icon svg {
  display: none !important;
}

/* USPs Collection - padding do último USP */
#SectionColumns--template--27202183823746__section_text_row_HpkKiK .grid-item:last-child {
  padding-bottom: 20px !important;
}

/* USPs Collection - logos Visa/Mastercard */
#SectionColumns--template--27202183823746__section_text_row_HpkKiK .grid-item:last-child .column__icon {
  min-height: 55px !important;
  height: 55px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 32'><rect x='0' y='2' width='44' height='28' rx='3' fill='%23ffffff' stroke='%23e5e5e5' stroke-width='0.5'/><path d='M33.3 13.1H33c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L32 11.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H23c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M10 11.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0h-1.5c-.1 0-.2 0-.2-.2L12.9 12.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L10 11.2z' fill='%23142688'/><rect x='52' y='2' width='44' height='28' rx='3' fill='%23ffffff' stroke='%23e5e5e5' stroke-width='0.5'/><circle fill='%23EB001B' cx='67' cy='16' r='8'/><circle fill='%23F79E1B' cx='81' cy='16' r='8'/><path fill='%23FF5F00' d='M74 16c0-2.7-1.4-5.1-3.4-6.5-2 1.5-3.4 3.8-3.4 6.5s1.4 5.1 3.4 6.5c2-1.4 3.4-3.8 3.4-6.5z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: auto 38px !important;
  display: block !important;
}
 div.product__price_wrap > div.product__sale > span.product__price--off {
  margin-left: 0 !important;
}
/* Tamanho selecionado - fundo preto */
.radio__button input:checked + label {
  background: #111111 !important;
  color: #ffffff !important;
  border: 2px solid #111111 !important;
  text-decoration: none !important;
}
.grid_heading-text .liis-ver-mais {
  display: none !important;
}
#shopify-section-template--27202184446338__section_collection_ERTViA {
  padding-top: 0 !important;
}
@media screen and (max-width: 768px) {
  html {
    overflow-x: hidden;
  }
}
.cart__item__content {
  display: flex !important;
  justify-content: space-between !important;
  gap: 8px !important;
  align-items: flex-start !important;
}

.cart__item__left {
  flex: 0 1 auto;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.cart__item__right {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  min-width: 90px !important;
  padding-left: 8px !important;
}

.cart__item__image img {
  width: 80px !important;
  height: 100px !important;
  object-fit: cover !important;
}

.cart__price {
  display: block !important;
  text-align: right !important;
  width: 100% !important;
}

.cart__item__right p.cart__price del {
  display: block !important;
  color: #999 !important;
  font-size: 14px !important;
  text-align: right !important;
  width: 100% !important;
}

.cart__item__right p.cart__price ins {
  display: block !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  color: #000 !important;
  font-size: 16px !important;
  text-align: right !important;
  width: 100% !important;
  margin-bottom: 2px !important;
}

.cart__qty-simple {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  height: 28px !important;
  overflow: hidden !important;
  margin-top: 4px !important;
}

.cart__qty-btn {
  width: 24px !important;
  height: 28px !important;
  background: none !important;
  border: none !important;
  font-size: 16px !important;
  cursor: pointer !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.cart__qty-input {
  width: 28px !important;
  height: 28px !important;
  text-align: center !important;
  border: none !important;
  border-left: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
  font-size: 12px !important;
  padding: 0 !important;
  -moz-appearance: textfield !important;
}

.cart__qty-input::-webkit-inner-spin-button,
.cart__qty-input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
}
/* Cart — opções como texto simples */
.cart__item__option-row {
  margin: 0 0 3px 0 !important;
  font-size: 12px !important;
  color: #333 !important;
}

.cart__item__option-name {
  color: #777 !important;
  margin-right: 4px !important;
}

.cart__item__option-val {
  font-weight: 600 !important;
  color: #000 !important;
}

/* Cart — label Kogus */
.cart__qty-label {
  font-size: 12px !important;
  color: #777 !important;
  margin: 6px 0 4px 0 !important;
}

/* Cart — quantity selector maior */
.cart__qty-simple {
  height: 38px !important;
  border-radius: 6px !important;
}

.cart__qty-btn {
  width: 38px !important;
  height: 38px !important;
  font-size: 20px !important;
}

.cart__qty-input {
  width: 38px !important;
  height: 38px !important;
  font-size: 14px !important;
}
/* Desconto verde no carrinho */
.cart__total__discount,
.cart__total__discount span {
  color: #1f7a3d !important;
}
.cart__item__title {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.cart__price {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.cart__item__savings {
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-end !important;
  gap: 4px !important;
  background: #d8f0da !important;
  color: #1f7a3d !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 1px 4px !important;
  border-radius: 3px !important;
  margin-top: 0 !important;
  width: auto !important;
  box-sizing: content-box !important;
}
/* Esconder mensagem cupão e barra envio grátis */
.cart__message.drawer__message--custom,
.cart__free-shipping,
.cart__shipping-progress,
[class*="shipping-progress"],
[class*="free-shipping"] {
  display: none !important;
}
h3.cart__title {
  justify-content: center !important;
}
.cart__payment-icons {
  margin-top: 8px !important;
  padding-top: 0 !important;
}
.drawer__items-title {
  display: none !important;
}
.drawer__foot .cart-block {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
}
.cart__checkout {
  background: #1f7a3d !important;
  border-color: #1f7a3d !important;
  color: #fff !important;
}
/* FIX: tamanho de sapato (Jalanumber / option1) — número branco quando selecionado */
.product__selectors [data-option-position="option1"] .radio__button input:checked + label,
.product__selectors [data-option-position="option1"] .radio__button input:checked + label .option-title,
.radio__button input:checked + label .option-title {
  color: #ffffff !important;
  background: #111111 !important;
}

/* garantir que o fundo preto fica no label e o texto branco no span filho */
.radio__button input:checked + label {
  background: #111111 !important;
  border: 1.5px solid #111111 !important;
}
.radio__button input:checked + label * {
  color: #ffffff !important;
}
/* FIX MOBILE: cores com muitos swatches quebram para nova linha em vez de overflow horizontal */
.product__selectors .selector-wrapper .radio__buttons:has(.radio__button[data-variant-option-image]),
.product_form_outer .radio_buttons:has(.radio__button[data-variant-option-image]) {
  flex-wrap: wrap !important;
  overflow-x: visible !important;
}

/* Garantir que cada swatch mantém o tamanho certo ao quebrar */
.radio__button[data-variant-option-image] {
  flex: 0 0 auto !important;
}