.product-detail-name {
  font-size: 24px;
  font-weight: 400;
}
.product-prices .current-price {
  font-size: 20px;
  font-weight: 400;
}

/* Estilos personalizados para variantes de produto */
.product-variants > .product-variants-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  border-radius: 0;
  margin-bottom: 50px !important;
  position: relative !important;
}

/* Estilos personalizados para variantes de produto */
@media (max-width: 768px) {
  .product-actions{
    padding:0;
  }
}

.product-variants > .product-variants-item .control-label {
  margin: 0 0 10px 0 !important;
  float: none !important;
  display: block !important;
  min-width: auto !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #333 !important;
  white-space: nowrap;
  order: -1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-bottom: 1px solid #e5e5e5 !important;
  padding-bottom: 5px !important;
  width: 100% !important;
}

.product-variants > .product-variants-item ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  order: 1 !important;
  flex: 1 !important;
}

/* Container para checkboxes */
.product-variants > .product-variants-item .variants-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 15px !important;
  width: 100% !important;
}

.product-variants > .product-variants-item ul li {
margin: 0;
display: inline-block;
transition: opacity 0.1s ease-in-out;
}

/* Controlar transições dos containers de variantes */
.product-variants .input-container {
transition: opacity 0.1s ease-in-out !important;
}

.product-variants .input-container.instock {
opacity: 1;
}

.product-variants > .product-variants-item ul li label {
margin: 0;
display: flex;
align-items: center;
cursor: pointer;
}
.product-variants > .product-variants-item .input-color:checked + span, .product-variants > .product-variants-item .input-color:hover + span {
  box-shadow: none;
}

.product-variants > .product-variants-item .color {width: 32px;height: 32px;border-radius: 0;border: 1px solid;display: inline-block;margin-right: 5px;box-shadow: none;transition: opacity 0.1s ease-in-out, border-color 0.1s ease-in-out;}

.product-variants > .product-variants-item .input-color:checked + .color {border: 1px solid;box-shadow: none;}

.product-variants > .product-variants-item .input-color {
display: none;
}

/* Estilo para tamanhos - mesmo visual das cores */
.product-variants > .product-variants-item .radio-label {width: 32px;height: 32px;border-radius: 0;border: 1px solid;display: flex;align-items: center;justify-content: center;margin-right: 5px;transition: opacity 0.1s ease-in-out, background-color 0.1s ease-in-out, color 0.1s ease-in-out;color: #333;font-size: 12px;font-weight: 500;text-align: center;line-height: 1;padding: 0;min-width: 32px;}

.product-variants > .product-variants-item .input-radio:checked + .radio-label {color: #fff;font-weight: 500;background-color: #000;}

.product-variants > .product-variants-item .input-radio {
display: none;
}





.radio-label {
  box-shadow: none;
  background: none;
}

/* Layout das colunas do produto - 60% e 40% */
.product-container .col-xl-7,
.product-container .col-lg-7,
.product-container .col-md-7 {
  flex: 0 0 60%;
  max-width: 60%;
}

.product-container .col-xl-5,
.product-container .col-lg-5,
.product-container .col-md-5 {
  flex: 0 0 40%;
  max-width: 40%;
}

/* Responsivo */
@media (max-width: 768px) {
 .product-variants > .product-variants-item {
   flex-direction: column !important;
   align-items: flex-start !important;
 }

 .product-variants > .product-variants-item .control-label {
   margin-bottom: 12px !important;
   font-size: 15px !important;
   border-bottom: 1px solid #e5e5e5 !important;
   padding-bottom: 5px !important;
 }

 .product-variants > .product-variants-item .variants-row {
   flex-direction: column !important;
   align-items: flex-start !important;
   gap: 10px !important;
 }
 
 /* Em dispositivos móveis, as colunas voltam a ser 100% */
 .product-container .col-xl-7,
 .product-container .col-lg-7,
 .product-container .col-md-7,
 .product-container .col-xl-5,
 .product-container .col-lg-5,
 .product-container .col-md-5 {
   flex: 0 0 100%;
   max-width: 100%;
 }
}

/* Estilo personalizado para o seletor de quantidade */
.bootstrap-touchspin {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px;
  position: relative !important;
  width: auto !important;
  min-width: auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

.bootstrap-touchspin .form-control {
  background: none !important;
  border: none !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  width: 50px !important;
  min-width: 50px !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  order: 1 !important;
  flex: 0 0 50px !important;
}

.bootstrap-touchspin .input-group-btn-vertical {
  display: flex !important;
  flex-direction: column !important;
  float: none !important;
  order: 2 !important;
  flex: 0 0 auto !important;
}

.bootstrap-touchspin .btn-touchspin.bootstrap-touchspin-down {
  order: 2 !important;
}

.bootstrap-touchspin .btn-touchspin.bootstrap-touchspin-up {
  order: 1 !important;
}

.bootstrap-touchspin .btn-touchspin {
  background: none !important;
  border: none !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: bold !important;
  width: 20px !important;
  height: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  transition: color 0.3s ease;
  position: static !important;
  float: none !important;
}

.bootstrap-touchspin .btn-touchspin:hover {
  color: #000 !important;
  background: none !important;
}

.bootstrap-touchspin .btn-touchspin:focus {
  box-shadow: none !important;
  outline: none !important;
}

.bootstrap-touchspin .touchspin-up {
  font-size: 0 !important;
  position: relative !important;
}

.bootstrap-touchspin .touchspin-up::before {
  content: "" !important;
  display: none !important;
}

.bootstrap-touchspin .touchspin-down {
  font-size: 0 !important;
  position: relative !important;
}

.bootstrap-touchspin .touchspin-down::before {
  content: "" !important;
  display: none !important;
}

.bootstrap-touchspin .material-icons {
  display: block !important;
  font-style: normal !important;
  font-family: Arial, sans-serif !important;
}

.bootstrap-touchspin i {
  display: block !important;
  font-style: normal !important;
  font-family: Arial, sans-serif !important;
}

.bootstrap-touchspin .touchspin-up i,
.bootstrap-touchspin .touchspin-down i {
  display: block !important;
  font-style: normal !important;
  font-family: Arial, sans-serif !important;
}

/* Estilos limpos para as setas */
.bootstrap-touchspin .btn-touchspin * {
  font-style: normal !important;
  font-family: Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

/* Ocultar addon padrão */
.bootstrap-touchspin .input-group-addon {
  display: none !important;
}

/* Remover todos os símbolos + e - automáticos */
.bootstrap-touchspin .input-group-btn-vertical .touchspin-up:after,
.bootstrap-touchspin .input-group-btn-vertical .touchspin-down:after,
.bootstrap-touchspin .btn-touchspin:after,
.bootstrap-touchspin .btn-touchspin:before {
  content: "" !important;
  display: none !important;
}

/* Ocultar qualquer input-group-btn que possa ser gerado automaticamente */
.bootstrap-touchspin .input-group-btn {
  display: none !important;
}

/* Garantir que apenas as nossas setas aparecem */
.bootstrap-touchspin .input-group-btn-vertical .material-icons {
  display: block !important;
  font-family: Arial, sans-serif !important;
  font-style: normal !important;
}
.product-thumb-images .thumb.selected {
  border: none;
  margin: 0px 15px 15px 0px;
}
/* Estilo para o novo layout de quantidade */
.quantity-wrapper {
  display: flex !important;
}
.product-thumb-images .thumb {
  border: none;
  margin: 0px 15px 15px 0px;
}
.product-thumb-images .thumb:hover {
  border: none;
}
.quantity-wrapper .btn-touchspin {
  background: none !important;
  border: none !important;
  color: #666 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  transition: color 0.3s ease !important;
}

.quantity-wrapper .btn-touchspin:hover {
  color: #000 !important;
  background: none !important;
}

.quantity-wrapper .btn-touchspin:focus {
  box-shadow: none !important;
  outline: none !important;
}

.quantity-wrapper #quantity_wanted {
  background: none !important;
  border: none !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  width: 25px !important;
  min-width: 25px !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* Estilo personalizado para o botão Adicionar ao Carrinho */
.add-to-cart {
  background: none !important;
  border: 1px solid #333 !important;
  border-radius: 0 !important;
  color: #333 !important;
  font-weight: 500 !important;
  padding: 10px 20px !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}

.add-to-cart:hover {
  background: #333 !important;
  color: #fff !important;
  border-color: #333 !important;
}

.add-to-cart:focus {
  box-shadow: none !important;
  outline: none !important;
}

.add-to-cart:disabled {
  background: none !important;
  border-color: #ccc !important;
  color: #ccc !important;
  cursor: not-allowed !important;
}

.add-to-cart:disabled:hover {
  background: none !important;
  color: #ccc !important;
}

#product #content {
  margin-top: -50px;
}

@media (max-width: 768px) {
  #product #content {
    margin-top: -2px;
  }
}

/* Estilo para que a terceira imagem tenha 100% de largura quando há 3 ou mais imagens */
.product-detail.product-image-gallery .product-thumb-images .thumb-container:nth-child(3) {
  width: 100% !important;
  clear: both !important;
}

.product-detail.product-image-gallery .product-thumb-images .thumb-container:nth-child(3) .thumb {
  aspect-ratio: 2/2.58 !important;
  object-fit: cover !important;
  width: 100% !important;
  height: auto !important;
}

/* Ajuste para dispositivos móveis */
@media (max-width: 575px) {
  .product-detail.product-image-gallery .product-thumb-images .thumb-container:nth-child(3) {
    width: 100% !important;
  }
  
  .product-detail.product-image-gallery .product-thumb-images .thumb-container:nth-child(3) .thumb {
    aspect-ratio: 2/2.58 !important;
    object-fit: cover !important;
  }
}

/* Estilos para a referência do produto */
.product-reference {
  margin-top: 15px;
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  color: #666;
}

.product-reference .reference-label {
  font-weight: 500;
  margin-right: 5px;
}

.product-reference .reference-value {
  font-weight: 400;
  color: #333;
}

/* Estilos para as categorias do produto */
.product-categories {
  margin-top: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5 !important;
  font-size: 14px;
  color: #666;
}

.product-categories .categories-label {
  font-weight: 500;
  margin-right: 5px;
}

.product-categories .categories-value {
  font-weight: 400;
  color: #333;
}

.product-categories .category-link {
  text-decoration: none;
  transition: color 0.3s ease;
  color: #333;
}

.product-categories .category-link:hover {
  text-decoration: underline;
  color: #000;
}

.product-categories .category-separator {
  margin: 0 5px;
  color: #999;
  font-weight: 300;
}

/* Estilos para os botões adicionais do produto */
.product-additional-buttons {
  margin-top: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: end;
  gap: 30px;
}

/* Estilos para o botão Wishlist simplificado */
.simple-wishlist-button {
  flex: 0 0 auto;
}

.simple-wishlist-button .leo-wishlist-button {
  color: #333 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: color 0.3s ease !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  display: inline-block !important;
  box-shadow: none !important;
}

.simple-wishlist-button .leo-wishlist-button:hover {
  text-decoration: underline !important;
  background: none !important;
  border: none !important;
}

.simple-wishlist-button .leo-wishlist-button.added .ct-heart-fill {
  fill: #000 !important;
}

.simple-wishlist-button .leo-wishlist-button .text-remove {
  display: none !important;
}

.simple-wishlist-button .leo-wishlist-button .text-remove.hidden,
.simple-wishlist-button .leo-wishlist-button .text-remove.hide {
  display: none !important;
}

.simple-wishlist-button .leo-wishlist-button.added .text-remove {
  display: inline !important;
}

.simple-wishlist-button .leo-wishlist-bt-loading {
  display: none !important;
}

.simple-wishlist-button .leo-wishlist-bt-content {
  display: inline !important;
}

.simple-wishlist-button .name-btn-product {
  color: inherit !important;
  text-decoration: inherit !important;
}

/* Estilos para o botão Guia de Tamanhos */
.size-guide-button {
  flex: 0 0 auto;
  text-align: left;
}

.size-guide-link {
  color: #333;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}

.size-guide-link:hover {
  color: #000;
  font-weight: 700;
  text-decoration: none;
}

.ct-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.ct-icon {
  width: 14px;
  height: 14px;
  fill: #333;
  transition: fill 0.3s ease;
}

.ct-button-loader {
  display: none;
  width: 14px;
  height: 14px;
  fill: #666;
}

.size-guide-link:hover .ct-icon {
  fill: #000;
}

.size-guide-text {
  font-size: 14px;
  font-weight: 500;
}
.size-guide-text:hover {
  font-size: 14px;
  font-weight: 600;
}
/* Responsividade para os botões */
@media (max-width: 768px) {
  .product-additional-buttons {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  
  .size-guide-button {
    text-align: left;
  }
}

/* Estilos para Produtos Relacionados */
.related-products-section {
  margin-top: 30px;
  padding: 20px 0;
  border-top: 1px solid #e9ecef;
}

.related-products-title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 20px;
  text-align: left;
}

.related-products-grid {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.related-product-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px 0;
  transition: background-color 0.3s ease;
  border-radius: 8px;
}

.related-product-item:hover {
  background-color: #f8f9fa;
}

.related-product-image {
  flex-shrink: 0;
}

.related-product-img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}

.related-product-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.related-product-title {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin: 0;
  line-height: 1.3;

}

.related-product-price {
  font-size: 16px;
  font-weight: 600;
}

/* Responsividade para produtos relacionados */
@media (max-width: 768px) {
  .related-products-section {
    margin-top: 25px;
    padding: 15px 0;
  }
  
  .related-products-title {
    font-size: 16px;
    margin-bottom: 15px;
  }
  
  .related-product-item {
    gap: 12px;
    padding: 8px 0;
  }
  
  .related-product-img {
    width: 70px;
    height: 70px;
  }
  
  .related-product-title {
    font-size: 13px;
  }
  
  .related-product-price {
    font-size: 15px;
  }
}

/* Estilos para o carrossel de miniaturas */
.carousel-container {
  position: relative;
  overflow: hidden;
}

.carousel-thumbnails {
  display: flex;
  transition: transform 0.3s ease;
  user-select: none;
}

.carousel-thumb-item {
  flex: 0 0 100%;
  min-width: 100%;
}

/* Estilos para a seção de informações adicionais do produto */
.product-additional-info-section {
  margin-top: 20px;
}

.product-reference,
.product-categories {
  margin-bottom: 15px;
  padding: 10px 0;
}

.product-reference:last-child,
.product-categories:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.reference-label,
.categories-label {
  font-weight: 600;
  color: #495057;
  margin-right: 10px;
  font-size: 14px;
}

.reference-value,
.categories-value {
  font-weight: 400;
  color: #212529;
  font-size: 14px;
}

.category-link {
  text-decoration: none;
  transition: color 0.3s ease;
}

.category-link:hover {

  text-decoration: underline;
}

/* Responsividade */
@media (max-width: 768px) {
  .product-additional-info-section {
    margin-top: 15px;
    padding: 10px 0;
  }
  
  .product-reference,
  .product-categories {
    padding: 8px 0;
    margin-bottom: 10px;
  }
  
  .reference-label,
  .categories-label,
  .reference-value,
  .categories-value {
    font-size: 13px;
  }
}

/* Estilos para o botão Wishlist simplificado */
.simple-wishlist-button {
  margin-top: 15px;
  text-align: left;
}

.simple-wishlist-button .leo-wishlist-button {
  color: #333 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: color 0.3s ease !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  display: inline-block !important;
  box-shadow: none !important;
  width: 50%;
}

.simple-wishlist-button .leo-wishlist-button:hover {
  color: #000 !important;
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.simple-wishlist-button .leo-wishlist-button.added .ct-heart-fill {
  fill: #000 !important;
}

.simple-wishlist-button .leo-wishlist-button .text-remove {
  display: none !important;
}

.simple-wishlist-button .leo-wishlist-button .text-remove.hidden,
.simple-wishlist-button .leo-wishlist-button .text-remove.hide {
  display: none !important;
}

.simple-wishlist-button .leo-wishlist-button.added .text-remove {
  display: inline !important;
}

.simple-wishlist-button .leo-wishlist-bt-loading {
  display: none !important;
}

.simple-wishlist-button .leo-wishlist-bt-content {
  display: inline !important;
}

.simple-wishlist-button .name-btn-product {
  color: inherit !important;
  text-decoration: none !important;
}

/* Modal do Guia de Tamanhos - Específico para este modal */
#sizeGuideModal {
  z-index: 9999 !important;
}

#sizeGuideModal .modal-dialog {
  display: flex;
  align-items: center;
  min-height: 100vh;
  margin: 0 auto;
  z-index: 10000 !important;
  max-width: 1200px;
}

#sizeGuideModal .modal-content {
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  margin: 20px;
}

#sizeGuideModal .modal-header {
  border-bottom: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px;
  gap: 15px;
}

#sizeGuideModal .modal-title {
  color: #000;
  font-weight: 600;
  text-align: left;
  margin: 0;
  line-height: 1.2;
  flex: 1;
}

#sizeGuideModal .close {
  margin-left: auto;
  order: 2;
  color: #000;
}

#sizeGuideModal .modal-footer {
  text-align: center;
  border-top: 1px solid #000;
  padding: 1rem 1.5rem;
}

#sizeGuideModal .modal-footer h5 {
  margin: 0;
  color: #000;
  font-size: 0.9rem;
  font-weight: 500;
}

#sizeGuideModal .size-table {
  margin-top: 20px;
  border: 1px solid #000;
}

#sizeGuideModal .size-table th {
  text-align: center;
  font-weight: 600;
  border: 1px solid #000;
}

#sizeGuideModal .size-table td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #000;
}

#sizeGuideModal .size-table tr:nth-child(even) {
  background-color: #f9f9f9;
}

#sizeGuideModal .size-table tr:hover {
  background-color: #f0f0f0;
}

/* Garantir que o header fique por baixo do modal */
header,
.header,
#header,
.navbar,
.navbar-fixed-top {
  z-index: 1000 !important;
}

/* Garantir que o modal fique por cima de tudo */
.modal-backdrop {
  z-index: 9998 !important;
}

/* Estilos adicionais para otimizar o carrossel de produtos visualizados */
.viewed-products .owl-carousel.owl-loaded {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.viewed-products .owl-carousel .owl-wrapper {
  display: flex !important;
  align-items: center !important;
}

.viewed-products .owl-carousel .owl-item {
  flex: 0 0 auto !important;
  width: calc(33.333% - 20px) !important;
  max-width: calc(16.6% - 20px) !important;
  margin: 0 10px !important;
}

/* CORREÇÃO CRÍTICA: Prevenir que o hover cause problemas de posicionamento */
.viewed-products .owl-carousel .owl-item .product-miniature.js-product-miniature {
  position: relative !important;
  z-index: 1 !important;
  transition: none !important;
}

.viewed-products .owl-carousel .owl-item .product-miniature.js-product-miniature:hover {
  position: relative !important;
  z-index: 2 !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  margin: 0 !important;
}

/* Garantir que o container do produto mantenha suas dimensões durante hover */
.viewed-products .owl-carousel .owl-item .product-miniature.js-product-miniature:hover .thumbnail-container {
  position: relative !important;
  transform: none !important;
  margin-bottom: 0 !important;
}

/* Prevenir que o hover afete o layout do carrossel */
.viewed-products .owl-carousel .owl-item .product-miniature.js-product-miniature:hover .product-meta {
  position: relative !important;
  transform: none !important;
  max-height: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Garantir que apenas 3 produtos sejam visíveis */
.viewed-products .owl-carousel .owl-item:nth-child(n+4) {
  display: none !important;
}

/* Estilos para dispositivos móveis */
@media (max-width: 768px) {
  .viewed-products .owl-carousel .owl-item {
    width: calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
    margin: 0 5px !important;
  }
  
  .viewed-products .owl-carousel .owl-item:nth-child(n+3) {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .viewed-products .owl-carousel .owl-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  
  .viewed-products .owl-carousel .owl-item:nth-child(n+2) {
    display: none !important;
  }
}

/* Otimizações para o carrossel Owl */
.viewed-products .owl-carousel .owl-stage {
  display: flex !important;
  align-items: center !important;
}

.viewed-products .owl-carousel .owl-stage-outer {
  overflow: hidden !important;
}

/* Garantir que os controles de navegação funcionem corretamente */
.viewed-products .owl-controls {
  position: relative !important;
  z-index: 10 !important;
}

.viewed-products .owl-buttons {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  justify-content: space-between !important;
  pointer-events: none !important;
}

.viewed-products .owl-prev,
.viewed-products .owl-next {
  pointer-events: auto !important;
  position: relative !important;
  transform: none !important;
}

/* Estilos para quando há menos de 3 produtos */
.viewed-products .owl-carousel:not(.owl-loaded) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  justify-content: center !important;
}

.viewed-products .owl-carousel:not(.owl-loaded) .item {
  flex: 0 0 calc(33.333% - 20px) !important;
  max-width: calc(33.333% - 20px) !important;
}

@media (max-width: 768px) {
  .viewed-products .owl-carousel:not(.owl-loaded) .item {
    flex: 0 0 calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
  }
}

@media (max-width: 480px) {
  .viewed-products .owl-carousel:not(.owl-loaded) .item {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* OCULTAR COMPLETAMENTE os botões de ação nos produtos visualizados */
.viewed-products .pro3-btn {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
}

/* Ocultar também elementos específicos dentro do pro3-btn */
.viewed-products .pro3-btn .quickview,
.viewed-products .pro3-btn .cart,
.viewed-products .pro3-btn .compare,
.viewed-products .pro3-btn .button-container,
.viewed-products .pro3-btn .leo-wishlist-button,
.viewed-products .pro3-btn .leo-compare-button,
.viewed-products .pro3-btn .add-to-cart {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Garantir que o espaço não seja reservado */
.viewed-products .thumbnail-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Ajustar o layout para compensar a remoção dos botões */
.viewed-products .product-miniature.js-product-miniature {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Layout limpo para produtos visualizados - apenas imagem */
.viewed-products .product-miniature.js-product-miniature {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* Garantir que o thumbnail seja o único elemento visível */
.viewed-products .thumbnail-container {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Ajustar o espaçamento entre produtos no carrossel */
.viewed-products .owl-item {
  padding: 0 10px !important;
}

/* Garantir que as imagens tenham proporção correta */
.viewed-products .thumbnail-container img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

/* ===================================
   CORREÇÃO PARA CONTAINER DE IMAGENS NO MOBILE
   =================================== */

/* Garantir que o container das imagens permaneça visível no mobile */
@media (max-width: 768px) {
  /* Container principal das imagens - com alta especificidade */
  .product-images,
  .product-images-container,
  .product-thumbnails,
  .product-thumbnails-container,
  #thumb-gallery,
  .product-thumb-images {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  /* Slick específico - forçar layout correto */
  .product-images.slick-initialized,
  #thumb-gallery.slick-initialized,
  .product-thumb-images.slick-initialized {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }
  
  /* Slick slider track */
  .product-images .slick-track,
  #thumb-gallery .slick-track,
  .product-thumb-images .slick-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    transform: none !important;
  }
  
  /* Slick slides */
  .product-images .slick-slide,
  #thumb-gallery .slick-slide,
  .product-thumb-images .slick-slide {
    display: block !important;
    width: auto !important;
    margin: 5px !important;
    float: none !important;
    position: relative !important;
  }
  
  /* Imagem principal */
  .product-images .product-image,
  .product-images .main-image,
  .product-images > li:first-child,
  .product-images > div:first-child {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
  }
  
  /* Thumbnails */
  .product-images .thumb-container,
  .product-images > li.thumb-container,
  .product-images > div.thumb-container,
  .thumb-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
    justify-content: center !important;
  }
  
  /* Imagens individuais dentro dos thumbnails */
  .product-images .thumb-container img,
  .product-images > li.thumb-container img,
  .product-images > div.thumb-container img,
  .thumb img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
  }
  
  /* Imagem selecionada */
  .product-images .thumb-container img.selected,
  .product-images > li.thumb-container img.selected,
  .product-images > div.thumb-container img.selected,
  .thumb img.selected {
    border-color: #000 !important;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) !important;
  }
  
  /* Forçar exibição do container mesmo após mudanças de variante */
  .product-images[style*="display: none"],
  .product-images[style*="display:none"],
  #thumb-gallery[style*="display: none"],
  #thumb-gallery[style*="display:none"] {
    display: flex !important;
  }
  
  /* Garantir que as imagens não quebrem o layout */
  .product-images img,
  #thumb-gallery img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }
  
  /* Container do produto */
  .product-container {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }
  
  /* Coluna das imagens */
  .product-container .col-xl-7,
  .product-container .col-lg-7,
  .product-container .col-md-7 {
    order: 1 !important;
    margin-bottom: 20px !important;
  }
  
  /* Coluna das informações */
  .product-container .col-xl-5,
  .product-container .col-lg-5,
  .product-container .col-md-5 {
    order: 2 !important;
  }
  
  /* Ocultar setas do slick em mobile */
  .slick-arrow,
  .slick-prev,
  .slick-next {
    display: none !important;
  }
}

/* Estilos específicos para dispositivos muito pequenos */
@media (max-width: 480px) {
  .product-images .thumb-container,
  .product-images > li.thumb-container,
  .product-images > div.thumb-container {
    gap: 8px !important;
  }
  
  .product-images .thumb-container img,
  .product-images > li.thumb-container img,
  .product-images > div.thumb-container img {
    width: 60px !important;
    height: 60px !important;
  }
}

/* Garantir que o JavaScript não esconda o container */
.product-images.js-product-images {
  display: flex !important;
}

/* Forçar visibilidade após mudanças de variante */
.product-images.variant-changed {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Correção para quando as imagens são carregadas dinamicamente */
.product-images.loading,
.product-images.updating {
  display: flex !important;
  min-height: 200px !important;
}

/* Placeholder para quando não há imagens */
.product-images:empty::before {
  content: "Carregando imagens...";
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 200px !important;
  background: #f5f5f5 !important;
  color: #666 !important;
  font-size: 14px !important;
}

@media (max-width: 767px) {
  .category-products, .product-accessories, .viewed-products {
      padding: 100px 0 0;
  }
}

/* Correção adicional para Slick após mudança de variante */
@media (max-width: 768px) {
  /* Forçar todos os containers de imagem sempre visíveis em mobile */
  .product-images,
  #thumb-gallery,
  .product-thumb-images,
  .js-product-images {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 200px !important;
  }
  
  /* Slick containers específicos */
  .slick-slider.product-images,
  .slick-slider#thumb-gallery,
  .slick-initialized.product-images,
  .slick-initialized#thumb-gallery {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
  }
  
  /* Garantir que após JavaScript o layout permaneça */
  .product-images[style],
  #thumb-gallery[style] {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }
  
  /* Reset de transforms do Slick */
  .slick-track[style] {
    transform: none !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }
  
  /* Reset de width dos slides */
  .slick-slide[style] {
    width: auto !important;
    margin: 5px !important;
    display: block !important;
  }
}

/* Esconder o texto do número de produtos na categoria */
.category-products .products-section-title span,
.products-section-title span {
  display: none !important;
}

/* Estilo para espaçamento entre as duas primeiras imagens na galeria de miniaturas */
.product-thumb-images .thumb-container:nth-child(2) {
  margin-left: 2% !important;
}

/* Responsivo para o espaçamento das miniaturas */
@media (max-width: 768px) {
  .product-thumb-images .thumb-container:nth-child(2) {
    margin-left: 15px !important;
  }
}

@media (max-width: 480px) {
  .product-thumb-images .thumb-container:nth-child(2) {
    margin-left: 10px !important;
  }
}