.filters-nav{
    width:100%;
    padding:10px;
    
    
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap: 7px;
    flex-wrap:wrap;
}

.filter-nav-item{
 
    padding: 5px 7px;
    border: 2px solid #007bff;
    border-radius: 8px;
    text-decoration: none;
    
}
.filter-nav-item:hover{
    transform: scale(1.1);
}
.filter-nav-active{
    background: linear-gradient(135deg, #ff4d4d 0%, #8a2be2 50%, #0055ff 100%);
    color:white;
    font-weight: bold;
}

.vendor-logo{
    max-height:30px;
}



.form-vertical{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap: 20px;
}


.category-banner{
    display:block;
    width:100%;
    text-align:center;
}

.category-banner-image{
    margin-top:20px;
    margin-bottom:10px;
    
    max-width:100%;
    max-height:400px;
}


.tag-guarantee{
    color:#0000FF;
}

.tag-payment-part{
    color:#E52E6B;
}




.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-block{
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
    
    gap:10px;
}


.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;
    
    
    background: linear-gradient(135deg, #ff4d4d 0%, #8a2be2 50%, #0055ff 100%);
    color:white;
    
    gap:0px 10px;
    
}

.btnCartIcon{
    filter: brightness(0) invert(1);
}



.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:10px 0px;
    flex-basis:43%;
    flex-shrink:1;
}
.category-product-card-section3{
    justify-content:space-around;
    gap:10px 0px;
    flex-basis:20%;
    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{
    
}
.category-product-price{
    font-size:20px;
    font-weight: bold;
}





.category-product-options{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap:20px 20px;
    
    padding:10px;
}
.category-product-spec{
    
    text-align:left;
    
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items: flex-start;
}
.category-spec-name{
    font-size:12px;
    color:#7f7f7f;
    
}
.category-spec-info{
    font-size:14px;
    font-weight: bold;
}





.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;
    font-weight: bold;
}

.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:30px;
    max-width:150px;
    
}

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


.ms3-gallery{
    
}
.ms3-gallery-main{
   
}
.splide__slide {
    display: flex;
    align-items: center;     /* Центрирование по вертикали */
    justify-content: center; /* Центрирование по горизонтали */
    height: 400px;           /* Ваша фиксированная или максимальная высота */
}
.splide__track{
   
}
.category-product-image-link{
   
}
.category-product-image{
    max-height: 100%;
   
    object-fit: contain;     /* Вписывает картинку целиком без обрезки */
    
    

    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;
    gap:10px;
    
}
.category-product-tag{
    display: inline-block;
    padding: 2px 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{
    
}

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



.subcategories-grid {
    display: grid;
    /* Средние плитки занимают меньше места, подстраиваются автоматически */
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    
    justify-content: center;
    align-content: center;
    
    gap: 16px;
 
}

.subcategory-card {
    
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  
  gap:10px 10px;
}

.subcategory-card:hover{
    border:thin dashed grey;
}

.subcategory-image{
    max-height:100px;
    max-width:100%;
}

.subcategory-title {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 0px;
  color: #2d3748;
}




@container section-container (max-width: 1000px) {

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

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

    .category-products-sort{
        flex-direction: column;
    }
}

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

/* Android */
@container category-products-container (max-width: 500px) {
    .category-products{
        
        justify-content:center;
        
    }

    
    .product-spec{
        font-size:14px;
    }
   
    .category-products-wrapper{
        flex-wrap:wrap;
    }
    
}