/* Kontener galerii */
.ps-gallery {
  display: flex !important;             
  flex-wrap: wrap !important;           
  gap: 8px !important;                  
  justify-content: flex-start !important;
}

/* Każda miniaturka */
.ps-gallery .ps-item {
  width: 200px !important;              
  height: 150px !important;             
  display: flex !important;
  align-items: center !important;       
  justify-content: center !important;   
  overflow: hidden !important;          
  border-radius: 10px !important;       
  background-color: #f8f8f8 !important; 
  margin: 0 !important;
  text-decoration: none !important;
}

/* Obrazki w miniaturkach */
.ps-gallery .ps-item img {
  height: 100% !important;              
  width: auto !important;               
  object-fit: contain !important;       
  display: block !important;
  cursor: pointer !important;
  transition: transform 0.3s !important;
}

/* Efekt po najechaniu */
.ps-gallery .ps-item img:hover {
  transform: scale(1.05) !important;    
}


/* LIGHTBOX */
#ps-lightbox {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.95);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  touch-action: pan-y; /* pozwala swipe na mobile */
}

.ps-lightbox-img {
  max-width: 90%;
  max-height: 75%;
  margin: auto;
  display: block;
  border-radius: 8px;
  opacity: 0;
  transition: opacity 0.5s ease;
}

/* Podpis */
.ps-caption {
  color: #fff;
  font-size: 16px;
  margin-top: 15px;
  text-align: center;
  max-width: 90%;
}

/* CLOSE */
.ps-close {
  position: absolute;
  top: 20px;
  right: 40px;
  color: #fff;
  font-size: 40px;
  cursor: pointer;
  z-index: 10000;
}

/* STRZAŁKI */
.ps-prev, .ps-next {
  position: absolute;
  top: 50%;
  color: #fff;
  font-size: 50px;
  cursor: pointer;
  padding: 10px;
  user-select: none;
  z-index: 10000;
}

.ps-prev { left: 20px; }
.ps-next { right: 20px; }

.ps-prev:hover, .ps-next:hover { opacity: 0.7; }


/* Ukrycie miniaturek wariantów na liście produktów - Hummingbird PS9 */
.product-miniature .product-variants,
.product-miniature .variant-links,
.product-miniature .product-variants-container,
.product-miniature .js-product-variants,
.product-miniature ul.variants,
.product-miniature .combination-thumbnails,
.product-miniature .attribute-thumbnails {
    display: none !important;
}

/* Dodatkowe zabezpieczenie na wypadek innych klas */
.product-miniature .product-attributes {
    display: none !important;
}












/* MOBILE FIX – 3 kolumny */
@media (max-width: 1000px) {

  .ps-gallery {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  .ps-gallery a.ps-item {
    width: 23% !important;
    height: 90px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .ps-gallery a.ps-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}



/* Wymuszenie pełnej szerokości dla sekcji opisu w szablonie Hummingbird */
#product .product-description, 
#product .product-tabs,
#product .product-description-row {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Usunięcie ograniczeń kontenera dla dolnej sekcji produktu */
.product-container .row {
    display: flex;
    flex-wrap: wrap;
}

/* Jeśli opis jest w zakładkach, rozciągnij je */
.tabs .tab-content {
    padding: 20px 0;
}