/********************************** Product **********************************/

/* okrągłe przyciski dodawania do koszyka */
.product-variants > .product-variants-item{
    margin-bottom: 16px !important;
}
.sizeButtonCont{
    display: flex;
}
.sizeButton{
    border-radius: 50%; 
    border:2px solid #8e2929;
    margin-right: 4px;
    background: white;
    width: 40px;
    height: 40px;
    font-weight: 700;
}
.sizeButton.selected{
    background: rgba(142, 41, 41, 0.2);
}
.sizeButton[data-available='false']{
    border:2px solid #ccc;
    color:#aaa;
}
.sizeButton[data-available='true']{
    color: #8e2929;
    cursor: pointer;
}

/* zmiana dla zakładek w ekranie produktu */


#product .tabs .tab-pane{
  padding: 10px 20px;   
}

.an_trust_badges-container{
    margin-top: 20px 
}

#product .an-product-page-description{
    margin-top: 20px !important;
}
#product .nav-tabs{
    display: flex;
}

#product .tabs .nav-tabs .nav-item{
    
    flex: 1 1;
}

#product .nav-tabs .nav-link{
    font-size: 13px;
    height: 100%;
    padding: 8px; 
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    
}

#product .tab-content, #product .tab-content p, #product #product-details .label{
    font-size: 13px;
}

#product .tab-content, #product h3.h6{
    font-size: 13.5px;
    font-weight: bold;
}

#product .product-features > dl.data-sheet dd.value, #product .product-features > dl.data-sheet dt.name{
    background: none;
    border-bottom: 1px solid #ccc;
    margin-right: 0;
}

#product .product-features > dl.data-sheet dt.name{
    font-weight: bold;
}

/* h1 produktu */
@media(max-width: 1000px){
    
    #product  .page-product h1{
        font-size: 26px;
    }
}

/* zmiana dla zakładek w ekranie produktu - tabela z cenami dostaw */
#delivery_costs_table{
    width: 100%;
}
#delivery_costs_table td{
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

/***************************************************************************************/

/********************************** Product-miniature **********************************/

/***************************************************************************************/

.product-miniature-reference{
    font-size: 12px;
    margin: 4px 0;
    color:#999;
    text-align: center;
}

@media (max-width: 580px) {
  #category .js-img-view-type, #search .js-img-view-type {
    width: 50%;
  }
  
  #products .product-miniature{
      padding: 8px;
  }
  
  #products .thumbnail-container{
      margin-bottom: 10px;
  }
}

a.thumbnail.product-thumbnail{
    aspect-ratio:3/4;
}