@import url('//fonts.googleapis.com/css?family=Lato');

/* ------------------ Cabeçalho / Tipografia ------------------ */
.menu.superior .nivel-um > li strong {
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
}

/* ------------------ Banner full width ------------------ */
.banner-principal {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  overflow-x: hidden;
}

/* ------------------ Limpezas de página de produto ------------------ */
.variation-separator { display: none; }                /* linha padrão entre variações */
.pagina-produto .parcelas-produto { display: none; }   /* bloco grande de parcelas */
.codigo-produto { display: none; }                     /* código/SKU */

/* Botões de compartilhamento */
.product-share, .share-buttons, #share { display: none; }

/* Breadcrumb (Início > Categoria > ...) */
.breadcrumb, .breadcrumbs,
.pagina-produto .breadcrumb, .pagina-produto .breadcrumbs { display: none; }

/* ------------------ Galeria / Vídeo como miniatura ------------------ */
.product-video, .product-video a {
  display: inline-block;
  width: 60px; height: 60px;
  margin: 0 5px;
  vertical-align: middle;
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
}
.product-video a img, .product-video a svg {
  width: 100%; height: 100%;
}

/* ------------------ Imagem principal (DESKTOP) ------------------ */
.produto .conteiner-imagem img {
  max-height: 650px;     /* desktop: grande e proporcional */
  min-height: 650px;
  width: auto;
  height: auto;
}

/* ================== MOBILE ================== */
@media (max-width: 767px) {

  /* Título menor e com menos espaçamento */
  .pagina-produto .nome-produto.titulo,
  .produto .nome-produto.titulo {
    font-size: 22px;
    line-height: 1.25;
    margin: 10px 0 6px 0;
  }

  /* Variações logo abaixo do título, alinhadas e sem bordas/linhas */
  .pagina-produto .selecao-variacoes,
  .pagina-produto .variacoes,
  .produto .seletorSku {
    margin-top: 6px;
    padding-top: 0;
    text-align: left;
    border: 0;
    background: transparent;
  }
  .pagina-produto .selecao-variacoes hr,
  .pagina-produto .variacoes hr,
  .produto .seletorSku hr,
  .pagina-produto hr.variation-separator {
    display: none;
  }
  .pagina-produto .variacoes::before,
  .pagina-produto .variacoes::after,
  .produto .seletorSku::before,
  .produto .seletorSku::after { content: none; }

  /* Borda do container de imagem (alguns temas) */
  .produto .conteiner-imagem > div { border: none; }

  /* Imagem principal menor no mobile (sem object-fit) */
  .produto .conteiner-imagem {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 420px;   /* altura mínima para segurar o espaço */
  }
  .produto .conteiner-imagem img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 420px;
    min-height: 420px;
    margin: 0 auto;
  }

  /* Pequeno respiro no bloco de preço */
  .pagina-produto .preco-produto,
  .produto .preco-produto { margin-top: 8px; }
}

/* ===== preços mais discretos ===== */
/* mobile */
@media (max-width: 767px) {

  /* preço anterior (riscado) sutil */
  .pagina-produto del, .produto del {
    font-size: 12px;
    opacity: 0.55;
  }

  /* valor principal */
  .pagina-produto .preco-produto .preco,
  .produto .preco-produto .preco,
  .pagina-produto .preco,
  .produto .preco {
    font-size: 20px;   /* ajuste 18–22px se quiser */
    line-height: 1.2;
    font-weight: 700;
  }

  /* linha do parcelamento enxuta */
  .pagina-produto .preco-produto .parcelas,
  .pagina-produto .preco-produto .parcelas-produto,
  .produto .preco-produto .parcelas,
  .produto .preco-produto .parcelas-produto {
    font-size: 12px;
    opacity: 0.75;
  }

  /* destaque Pix */
  .pagina-produto .pix,
  .pagina-produto .preco-pix,
  .produto .pix,
  .produto .preco-pix {
    font-size: 14px;
    font-weight: 600;
  }

  /* listas longas de parcelas */
  .pagina-produto .lista-parcelas,
  .produto .lista-parcelas,
  .pagina-produto .parcelas ul,
  .produto .parcelas ul {
    display: none;
  }
}

/* desktop */
@media (min-width: 768px) {
  .pagina-produto del, .produto del { font-size: 13px; opacity: .6; }
  .pagina-produto .preco-produto .preco,
  .produto .preco-produto .preco { font-size: 24px; }
  .pagina-produto .preco-produto .parcelas,
  .produto .preco-produto .parcelas { font-size: 13px; opacity: .8; }
}

/* container dos dots (Slick) */
.produto .conteiner-imagem .slick-dots {
  display: flex;
  justify-content: center;
  margin: 10px 0 6px;
  padding: 0;
  list-style: none;
}

/* cada “bolinha” é o próprio button */
.produto .conteiner-imagem .slick-dots button {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 0;
  background: #d7d7d7;
  margin: 0 6px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  color: transparent;
  overflow: hidden;
  cursor: pointer;
}

/* estado ativo */
.produto .conteiner-imagem .slick-dots .slick-active button {
  background: #8b1e2b; /* bordô MonAmour */
}

/* --- Ajuste visual do Pix --- */
.pagina-produto .pix,
.pagina-produto .preco-pix,
.produto .pix,
.produto .preco-pix {
  color: inherit;   /* herda a cor do preço principal */
  font-weight: 600;            /* mantém destaque */
  font-size: 14px;             /* mesmo tamanho definido antes */
}