/* Стили для строки таблицы размеров при наведении (если body не имеет класса .nohover) */
body:not(.nohover) #size-panel tbody tr:hover {
  background-color: #dddddd; /* Цвет строки в таблице размеров при наведении */
}

/* Стили для пользовательского списка */
.custom-list {
  padding-inline-start: 10px; /* Отступ слева для элементов списка */
}

/* Стили для блока размеров */
.size-block {
   display: none; /* Скрытие блока размеров в миниатюре товара */
}

/* Стили для заголовков аккордеона */
.acor-container label {
    border-radius: 4px;  /* Закругление углов у заголовков аккордеона */
}

/* Стили для блока размеров в карточке товара */
.size {
    width: 170px;  /* Фиксированная ширина блока размеров */
}

/* Стили для поля ввода количества */
#input-quantity {
    display: none; /* Скрытие поля ввода количества */
}

/* Стили для кнопки "+" в корзине */
.plus {
 display: none; /* Скрытие кнопки "+" */
}

/* Стили для кнопки "-" в корзине */
.minus {
 display: none; /* Скрытие кнопки "-" */
}

/* Стили для поля ввода количества */
.input-quantity {
    display: none; /* Скрытие поля ввода количества */
}

/* Стили для кнопки с классом .btn-danger */
.btn.btn-danger {
    background: #000000 !important; /* Черный фон для кнопки */
}

/* Стили для радио-кнопок */
.radio-block label {
    min-width: 30px; /* Минимальная ширина */
    padding: 0 8px; /* Внутренние отступы */
    color: black; /* Цвет текста */
    cursor: pointer; /* Курсор в виде указателя */
    background: #eaeaea; /* Цвет фона */
    display: block; /* Блочное отображение */
    text-align: center; /* Выравнивание текста по центру */
    line-height: 35px; /* Высота строки */
    border-radius: 30px; /* Закругление углов */
}

/* Стили для блока итоговой суммы */
.total-block {
    width: 20%; /* Ширина блока */
}

/* Стили для текстового логотипа */
.text-logo {
    font-size: 18px; /* Размер шрифта логотипа */
}

/* Стили для кнопки "Нет в наличии" */
.no-stock {
   display: none; /* Скрытие кнопки "Нет в наличии" */
}

/* Стили для блока скидки */
.percentage-discount {
    display: none; /* Скрытие блока скидки */
}

/* Стили для кнопок "Вперед" и "Назад" */
.next, .back i {
    display: none; /* Скрытие кнопок */
}

/* Стили для ссылок в списке категорий */
.list-cat a {
    white-space: normal; /* Перенос текста на новую строку */
}

/* Стили для текста в мобильной корзине */
#mobile-cart .redcolor {
        text-align: center; /* Выравнивание текста по центру */
}

/* Стили для кнопки аккордеона */
.atuin-btn {
	width: 100%; /* Ширина кнопки */
	text-align: center; /* Выравнивание текста по центру */
    display: block; /* Блочное отображение */
    text-decoration: none; /* Убираем подчеркивание */
    position: relative; /* Относительное позиционирование */
    font-size: 16px; /* Размер шрифта */
    line-height: 20px; /* Высота строки */
    padding: 12px; /* Внутренние отступы */
    color: #FFF; /* Цвет текста */
    font-weight: bold; /* Жирный шрифт */
    text-transform: uppercase; /* Преобразование текста в верхний регистр */
    font-family: 'Roboto', Tahoma, sans-serif; /* Шрифт */
    background: #000000; /* Черный фон */
    cursor: pointer; /* Курсор в виде указателя */
    border: 2px solid #ffffff; /* Белая граница */
    outline: 1px solid; /* Обводка */
    outline-color: #000000; /* Цвет обводки */
    outline-offset: 0px; /* Смещение обводки */
    text-shadow: none; /* Тень текста */
    transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);  /* Анимация */
}

/* Стили для кнопки аккордеона при наведении, активации и фокусе */
.atuin-btn:hover, 
.atuin-btn:active,
.atuin-btn:focus {
    box-shadow: inset 0 0 20px #BFE2FF; /* Тень внутри */
    outline-color: rgba(255, 255, 255, 0); /* Прозрачная обводка */
    outline-offset: 15px; /* Смещение обводки */
    color: #FFF; /* Цвет текста */
}

/* Стили для контейнера аккордеона */
.acor-container {
    margin: 20px 0; /* Внешние отступы */
}

/* Стили для тела аккордеона */
.acor-container .acor-body {
    margin: 0 auto; /* Центрирование */
    height: 0; /* Начальная высота */
    color: rgba(0, 0, 0, 0); /* Прозрачный текст */
    background-color: #f9f9f9; /* Цвет фона */
    line-height: 18px; /* Высота строки */
    padding: 0 30px; /* Внутренние отступы */
    box-sizing: border-box; /* Учет padding в ширине */
    transition: color 0.5s, padding 0.5s; /* Анимация */
    overflow: hidden; /* Скрытие содержимого */
    font-size: 14px; /* Размер шрифта */
}

/* Стили для абзацев в теле аккордеона */
.acor-container .acor-body p {
    margin: 0 0 10px; /* Внешние отступы */
}

/* Стили для заголовков аккордеона */
.acor-container label {
    cursor: pointer; /* Курсор в виде указателя */
    background-color: #e5e5e5; /* Цвет фона */
    display: block; /* Блочное отображение */
    padding: 10px 20px; /* Внутренние отступы */
    width: 100%; /* Ширина */
    color: #000000; /* Цвет текста */
    font-weight: 300; /* Толщина шрифта */
    box-sizing: border-box; /* Учет padding в ширине */
    z-index: 100; /* z-index */
    font-size: 16px; /* Размер шрифта */
    margin: 0 0 5px; /* Внешние отступы */
    transition: color .35s; /* Анимация цвета текста */
}

/* Стили для заголовков аккордеона при наведении */
.acor-container label:hover {
    color: #000000; /* Цвет текста */
}

/* Стили для скрытых input в аккордеоне */
.acor-container input{
    display: none; /* Скрытие input */
}

/* Стили для псевдоэлемента before в заголовках аккордеона */
.acor-container label:before {
    content: '\276F'; /* Стрелка вправо */
    float: right; /* Выравнивание вправо */
}

/* Стили для заголовков аккордеона при выборе */
.acor-container input:checked + label {
    background-color: #5e5e5; /* Цвет фона */
    color: #000000; /* Цвет текста */
}

/* Стили для псевдоэлемента before при выборе */
.acor-container input:checked + label:before {
    transition: transform .35s; /* Анимация */
    transform: rotate(90deg); /* Поворот стрелки */
}

/* Стили для тела аккордеона при выборе */
.acor-container input:checked + label + .acor-body {
    height: auto; /* Автоматическая высота */
    margin-top: -5px; /* Смещение вверх */
    color: #000; /* Цвет текста */
    padding: 20px 10px 10px; /* Внутренние отступы */
}

/* Стили для блока наличия товара */
.stock {
    display: none; /* Скрытие блока */
}

/* Стили для ссылок в списке категорий */
.list-cat a {
    height: 100px; /* Высота ссылок */
}

/* Стили для блока cookie */
#cookie {
    background: #303030; /* Цвет фона */
}

/* Стили для скрытия заголовка */
.fh2 {
    display: none; /* Скрытие элемента */
}

/* Стили для скрытия информации */
.finfo {
    display: none; /* Скрытие элемента */
}

/* Стили для изображения в меню */
#menu .title img {
    border-radius: 0%; /* Убираем скругление углов */
}

/* Стили для иконок социальных сетей */
.soc i {
    background: #ffffff; /* Белый фон */
    color: #000000; /* Черный цвет иконок */
}

/* Стили для заголовков в миниатюре товара */
.product-thumb h4 {
    white-space: inherit; /* Наследование переноса текста */
    height:50px; /* Высота заголовка */
}

/* Стили для строки с классом .row-c */
.row-c {
    background: #f9f9f9; /* Цвет фона */
}

/* Стили для текстового логотипа в футере */
footer .text-logo {
    color: #e2e2e2; /* Цвет текста */
}

/* Стили для псевдоэлемента after у текстового логотипа */
.text-logo:after {
    background: #000000; /* Черный фон */
    color: #fff; /* Белый цвет текста */
}

/* Стили для блока с градиентным фоном */
.m-bottom4 {
 background: repeating-linear-gradient(90deg, #dfdfdf, 0.1em, transparent 0.1em, transparent 22em) rgb(239, 239, 239); 
  padding: 90px 0px; /* Внутренние отступы */
}

/* Стили для блока с серым фоном */
.m-bottom1 {
background: #efefef; /* Цвет фона */
}

/* Стили для блока с отступом снизу */
.m-bottom3 {
padding-bottom: 90px; /* Отступ снизу */
}

/* Стили для блока на главной странице */
.common-home .m-bottom1 {
background: none; /* Убираем фон */
}

/* Стили для блока без отступов */
.m-bottom5 {
  padding: 0; /* Убираем отступы */
}

/* Стили для блока "О нас" */
.about-block div {
    background-size: 25%; /* Размер фонового изображения */
}

/* Стили для кнопки вызова при наведении */
#call-url:hover {
    background: #e91e63; /* Цвет фона */
    color: #fff; /* Цвет текста */
}

/* Стили для кнопки вызова */
div.call-btn {
  background: #e91e63; /* Цвет фона */
    fill: white; /* Цвет иконки */
}

/* Стили для фильтра OCFilter */
#ocfilter {
    border: 0; /* Убираем границу */
    background: transparent; /* Прозрачный фон */
    -webkit-box-shadow: none; /* Убираем тень */
    box-shadow: none; /* Убираем тень */
}

/* Стили для опций фильтра */
.ocfilter-option  {
    padding: 0; /* Убираем отступы */
    background: transparent; /* Прозрачный фон */
    border: 0; /* Убираем границу */
}

/* Стили для выбранных опций */
.selected-options {
    background: transparent; /* Прозрачный фон */
    margin-bottom: 5px; /* Отступ снизу */
}

/* Стили для иконок в выбранных опциях */
.selected-options i {
font-size: 10px; /* Размер иконок */
}

/* Стили для кнопок в выбранных опциях */
.selected-options .btn-block {
    margin: 20px 0px; /* Внешние отступы */
}

/* Стили для заголовков и input в фильтре */
#ocfilter .panel-heading, .ocf-option-values input {
  display: none !important; /* Скрытие элементов */
}

/* Стили для шкалы цены */
#scale-price {
    margin: 20px 10px 45px 10px; /* Внешние отступы */
    height: 2px; /* Высота */
    border: 0; /* Убираем границу */
    box-shadow: none; /* Убираем тень */
}

/* Стили для соединения в шкале цены */
.noUi-connect {
    background: black; /* Черный цвет */
}

/* Стили для фона шкалы цены */
.noUi-background {
    background: red; /* Красный цвет */
    box-shadow: none; /* Убираем тень */
}

/* Стили для ручки шкалы цены */
.noUi-horizontal .noUi-handle {
  width: 20px; /* Ширина */
    height: 20px; /* Высота */
    box-shadow: none; /* Убираем тень */
    background: black; /* Черный цвет */
    border: 0; /* Убираем границу */
    border-radius: 100%; /* Круглая форма */
    top: -9px; /* Смещение вверх */
    left: -10px; /* Смещение влево */
    cursor: e-resize; /* Курсор */
}

/* Стили для псевдоэлементов ручки */
.noUi-handle:after, .noUi-handle:before {
    height: 8px; /* Высота */
    left: 8px; /* Смещение влево */
    top: 6px; /* Смещение вверх */
}

/* Стили для псевдоэлемента after ручки */
.noUi-handle:after {
    left: 11px; /* Смещение влево */
}

/* Стили для input в опциях фильтра */
.ocf-option-values input + span:before {
  position: absolute; /* Абсолютное позиционирование */
    top: 0; /* Смещение вверх */
    left: 0; /* Смещение влево */
    content: ''; /* Пустой контент */
    display: block; /* Блочное отображение */
    width: 16px; /* Ширина */
    height: 16px; /* Высота */
    background: #dcdcdc; /* Цвет фона */
}

/* Стили для выбранного input в опциях фильтра */
.ocf-option-values input:checked + span:after {
    position: absolute; /* Абсолютное позиционирование */
    top: 4px; /* Смещение вверх */
    left: 4px; /* Смещение влево */
    content: ''; /* Пустой контент */
    display: block; /* Блочное отображение */
    width: 8px; /* Ширина */
    height: 8px; /* Высота */
    background: black; /* Черный цвет */
    background-size: contain; /* Размер фона */
    -webkit-animation: click-wave 0.2s; /* Анимация */
    -moz-animation: click-wave 0.2s; /* Анимация */
    animation: click-wave 0.2s; /* Анимация */
}

/* Стили для span в опциях фильтра */
.ocf-option-values span {
    position: relative; /* Относительное позиционирование */
    padding: 1px 0px 0px 24px; /* Внутренние отступы */
    cursor: pointer; /* Курсор в виде указателя */
}

/* Стили для цветовых опций фильтра */
.ocfilter-option .ocf-color {
    margin-right: 7px; /* Отступ справа */
}

/* Стили для бейджа в фильтре */
.ocfilter-option .badge {
    background-color: #eee; /* Цвет фона */
    color: #000000; /* Цвет текста */
}

/* Стили для мобильной версии фильтра */
.ocfilter-mobile .panel {
    padding: 70px 20px 20px 20px; /* Внутренние отступы */
}

/* Стили для группы элементов с flex-расположением */
.flex-group {
    align-items: center; /* Выравнивание по центру */
}

/* Стили для страницы категории */
.category-page .m-bottom {
    background: #eaeaea; /* Цвет фона */
}

/* Стили для оффканвас фильтра */
.ocf-offcanvas {
    z-index: 3; /* z-index */
}

/* Стили для изображений в блоке просмотренных товаров */
.viewed img {
    filter: brightness(0.92); /* Фильтр яркости */
}

/* Медиазапрос для экранов с шириной менее 767px */
@media (max-width: 767px) {
  .slide-block {
    vertical-align: top !important; /* Выравнивание по верху */
    padding-top: 150px !important; /* Отступ сверху */
    padding-bottom: 50px !important; /* Отступ снизу */
  }
  .home-2 .madeshop-slide .item {
    height: auto; /* Автоматическая высота */
  }    
}

/* Стили для первой ячейки в таблице атрибутов */
#tab-attribute tr td:first-child {
font-weight: 900;  /* Жирный шрифт */
}