/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Сдвиг названий Рубрик под рубрики'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'Перенос стилей'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: "https://voiceacting.ru/wp-content/uploads/2025/08/mbl-support-ava.png"; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: ''; */

/* ------------------------- */
/* НЕ ТРОГАЙТЕ ВСЁ, ЧТО НИЖЕ */
/* ------------------------- */

/*---------- НАЧАЛО СДВИГА НАЗВАНИЯ ПАПОК ПОД ПАПКУ -----------*/

/*-------- ЗНАЧЕНИЯ ОТСТУПОВ ----------*/

/*Сдвигаем названия товаров под изображение в каталоге*/
.product-image-wrapper {
    margin-bottom: 70px !important; /*добавляем отступ под картинкой товара в каталоге*/
}

/*Сдвигаем названия товаров под изображение в корзине*/
.mblp-product-cart-item > .row > .col-xs-12 > .lesson-tabs > .tab-content > .row > .col-sm-6:nth-of-type(1) {
    margin-bottom: 80px !important; /*добавляем отступ под картинкой товара в корзине*/
}

/*Сдвигаем заголовок под картинку*/
.product-image-wrapper .folder-wrap .folder-content .title, .mblp-product-cart-item .folder-wrap .folder-content .title {
    position: absolute;
    top: 20px !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;     
    -webkit-line-clamp: unset;
    -webkit-line-clamp: 3; /*Максимальное число строк заголовка, дальше ставится многоточие, если не вмещается. Можно увеличить вместе с отступом под картинкой*/
}

/*-------- ЦВЕТА ----------*/

/*Текст названия папки*/
.folders-row .folder-wrap .folder-content .title, .row-key-categories .folder-wrap .folder-content .title {
    font-family: "Montserrat", "Inter", "Roboto", "Open Sans", "PT Sans", sans-serif !important;
    /*font-size: 20px;*/ /*размер шрифта*/
    /*line-height: 125%;*/ /*межстрочное расстояние*/
    color: #222222 !important; /*цвет*/
    font-weight: 600 !important; /*жирность*/
}

/*Текст названия товара*/
.product-image-wrapper .folder-wrap .folder-content .title, .mblp-product-cart-item .folder-wrap .folder-content .title {
    font-family: "Montserrat", "Inter", "Roboto", "Open Sans", "PT Sans", sans-serif !important;
    font-size: 20px; /*размер шрифта*/
    line-height: 125%; /*межстрочное расстояние*/
    color: #222222 !important; /*цвет*/
    font-weight: 600 !important; /*жирность*/
}

/*-------- НЕ НУЖНО ПРАВИТЬ ----------*/

/*ТОВАРЫ*/

/*Разрешаем видимость выходящих за картинку товара элементов*/
.product-image-wrapper .folder-wrap .folder-content, .shop-row .shop-single-product .product-image-wrapper, .mblp-product-cart-item .folder-wrap .folder-content {
    overflow: visible!important;
}

/*Цвет подложки под названием у товаров делаем прозрачным*/
.product-image-wrapper .folder-wrap .folder-content .title, .mblp-product-cart-item .folder-wrap .folder-content .title {
    background: rgba(255, 255, 255, 0)!important;
}

/*Ширина названия товара на всю ширину картинки*/
.product-image-wrapper .folder-wrap .folder-content .title, .mblp-product-cart-item .folder-wrap .folder-content .title {
    padding: 12px 0 0!important;
}

/*Цвет подложки под нижними индикаторами на обложке товара в корзине*/
.mblp-product-cart-item .folder-wrap .folder-content .bottom-icons {
  /*Градиент снизу вверх, в скобках цвет RGB и процент прозрачности, за скобкой процент положения этого цвета в градиенте. Значения для разных браузеров надо задавать раздельно, поэтому три строчки*/
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}

/*---------- КОНЕЦ СДВИГА ЗАГОЛОВКОВ ПОД ПАПКУ -----------*/