.category-introtext{
    text-indent: 50px; /* Отступ первой строки в пикселях */
    
    padding-top:10px;
    padding-bottom:10px;
}

.category-products-wrapper{
    container-name:category-products-container;
    container-type: inline-size;
    
    padding-top:20px;
    padding-bottom:20px;
    
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items:flex-start;
    
    /*flex-wrap:wrap;*/ /*НЕ ВКЛЮЧАТЬ*/
    
    
    gap:10px 40px;
}


.category-products-sort{
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items:center;
    
    gap: 20px 20px;
    
}

.category-products{
    flex-grow:1;
    
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    align-items:flex-start;
    
    flex-wrap:wrap;
    
    
}


.btnCart{
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items: center;
    
    padding:6px 10px;
}



.ms3-product-card:not(:last-child){
    
}
.ms3-product-card{
    
    padding:20px 0px;
    
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    
    width:100%;
    
}

.category-product-card{

    display: flex;
    flex-direction: row;
    justify-content:space-between;
    text-align:space-between;
    
    gap:20px 10px;
    
    /*flex-wrap:wrap;*/
}

.category-product-card-section{
    width:100%;
    flex-grow:1;
    
    text-align:center;
    
    display:flex;
    flex-direction:column;
    
    align-items:center;


}
.category-product-card-section1{
    justify-content: center;
    gap:10px 0px;
    flex-basis:33%;
    flex-shrink:1;
}
.category-product-card-section2{
    justify-content:flex-start;
    gap:20px 0px;
    flex-basis:33%;
    flex-shrink:1;
}
.category-product-card-section3{
    justify-content:space-around;
    gap:20px 0px;
    flex-basis:30%;
    flex-shrink:1;
}



.category-product-card-subsection{
    width:100%;
    
    display:flex;
    flex-direction:column;
    justify-content:center;
    /*align-items:center;*/
    
    gap:20px 10px;
}
.category-product-href{
    width:100%;
}
.category-product-price{
    font-size:20px;
    font-weight: bold;
}

.category-product-options{
    
    
}
.product-spec{
    margin: 0 auto;
    
    margin-top:10px;
    margin-bottom:10px;
    
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items: flex-end;
    
    flex-wrap:wrap;
    
    gap:5px 5px;
    
    max-width: 500px;
}

.spec-name{
    white-space: nowrap; 
}

.spec-name, .spec-info {
  background: #fff; /* Фон под текстом, чтобы перекрыть точки */
  
}

.spec-info{
    max-width:100%;
    text-align:right;
}

.spec-name{
    color:grey;
}

.spec-dots {
  flex-grow: 1;
  border-bottom: 2px dotted #ccc; /* Точечная линия */
  margin: 0 8px;
  position: relative;
  top: -4px; /* Приподнимаем точки до уровня шрифта */
}



.category-product-vendor_logo{
    max-height:100px;
    max-width:100px;
}

.category-product-card-image{
    /*max-height:200px;
    max-width:200px;*/
}

.category-product-image{
    
    max-height:300px;

    width: clamp(150px,100%,250px);
    
    
    object-fit: cover; /* Кроет весь блок, обрезая лишнее */
    object-position: center; /* Центрирует изображение */
    
}




.ms3_form{
  
}
.ms3-cart-controls{
    display:flex;
    flex-direction: column;
    justify-content:center;
    
    margin-top:10px;
    margin-bottom:10px;
}
.ms3-add-to-cart{
    display: flex;
  justify-content: center;
  align-items: center;
}

.old-price{
    text-decoration: line-through;
}

.category-product-cart{
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
    gap:5px 5px;
}

.category-product-in-cart{
    
}
.category-product-group-count{
    display:flex;
    flex-direction: row;
    justify-content:center;
    
    gap:5px;
}
.category-product-count{
    max-width:50px;
    text-align:center;
    
}


.category-product-tags{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    
    flex-wrap:wrap;
    
}
.category-product-tag{
    display: inline-block;
      padding: 4px 10px;
      border: 1px solid #d1d5db;
      border-radius: 6px;
      /*color: #374151;*/
      font-size: 14px;
      font-weight: 500;
      transition: all 0.2s ease-in-out;
}


.category-product-description-name{
    display:flex;
    flex-direction:column;
    flex-justify:center;
    align-items:center;
    
    /*flex-wrap:wrap;*/
    
    gap:10px 10px;
}

.category-product-name{
    font-weight: bold;
    font-size:20px;
    
}

/*ANDROID*/
@container section-container (max-width: 500px) {

    .category-products-wrapper{
        flex-direction: column;
        align-items:center;
    }
    
    .category-products-sort{
        flex-direction: column;
    }
}

/* Android */
@container category-products-container (max-width: 500px) {
    .category-products{
        
        justify-content:center;
        
    }
    
    .ms3-product-card{
        border-right:none;
    }
    
    .category-product-card{
        flex-direction:column;
        align-items:center;
    }
    
    .product-spec{
        font-size:14px;
    }
    
    .category-product-tags{
        justify-content:center;
    }
   
    .category-products-wrapper{
        flex-wrap:wrap;
    }
    
}