/* Start:/bitrix/templates/eshop_bootstrap_v4/components/bitrix/catalog.section/garage/style.css?17524828571522*/
.catalog-section-wrapper {
    margin: 0 auto;
    padding: 0 15px;
    overflow-x: auto;
}

.product-grid.books-carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 20px;
    padding-bottom: 10px;
}

.product-card {
    flex: 0 0 250px;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #eee;
}

.product-image-wrapper {
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.product-card img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.product-card a {
    text-decoration: none !important;
}

.carousel-item-title {
    font-size: 16px;
    margin: 10px 0 5px;
    color: #333;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.product-bottom-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 0;
}

.carousel-item-price {
    font-weight: bold;
    color: #000;
}

.product-icons {
    display: flex;
    gap: 10px;
}

.icon-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.icon-btn img {
    width: 20px;
    height: 20px;
}

/* Если нужно скрыть фильтр */
#smart-filter-container {
    display: none !important;
}

/* End */


/* Start:/bitrix/templates/eshop_bootstrap_v4/components/bitrix/catalog.section/carousel/style.css?17518526482248*/
.catalog-section-wrapper {
    max-width: 1200px; /* Ограничиваем ширину контейнера */
    margin: 0 auto;
    padding: 0 15px;
}

.product-grid.books-carousel {
    display: flex;
    flex-wrap: nowrap; /* Карточки в одной строке */
    overflow-x: auto; /* Горизонтальная прокрутка для запасного варианта */
    justify-content: flex-start; /* Прижимаем карточки влево */
    gap: 20px; /* Отступ между карточками */
}

.product-card {
    flex: 0 0 200px; /* Фиксированная ширина карточки */
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
}

.product-card img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.carousel-item-title {
    font-size: 16px;
    margin: 10px 0 5px;
    color: #333;
}

.product-bottom-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.carousel-item-price {
    font-weight: bold;
    color: #007bff;
}

.product-icons {
    display: flex;
    gap: 10px;
}

.icon-btn {
    background: none;
    border: none;
    cursor: pointer;
}

.icon-btn img {
    width: 20px;
    height: 20px;
}

.catalog-section-description {
    width: 100%;
    margin-bottom: 20px;
}

/* Скрываем форму фильтра */
#smart-filter-container {
    display: none !important;
}

/* Стили для Slick Slider */
.slick-slide {
    margin-right: 20px; /* Отступ между карточками */
}

.slick-list {
    overflow: visible; /* Чтобы карточки не обрезались */
}

.slick-prev,
.slick-next {
    background: #007bff;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.slick-prev {
    left: -40px;
}

.slick-next {
    right: -40px;
}
/* End */
/* /bitrix/templates/eshop_bootstrap_v4/components/bitrix/catalog.section/garage/style.css?17524828571522 */
/* /bitrix/templates/eshop_bootstrap_v4/components/bitrix/catalog.section/carousel/style.css?17518526482248 */