form input[name="БОТ"] {
    position: absolute;
    left: -999px;
    top: -999px;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    padding: 0;
    border: none;
}

.category__content-item__characteristics-button {
    color: #c31b18;
    text-decoration: underline;
}

.category__content-item__characteristics {
    color: #232323;
    font-size: 14px;

}

.category__content-item__characteristics ul {
    list-style-type: none;
    font-size: 14px;
}

.category__content-item__characteristics ul li {
    font-size: 14px;
}

.category__content-item__characteristics ul strong {
    font-weight: 600;
}

.footer__contacts {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 40px;
}

.footer__contacts__item {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.footer__contacts__item__label {
    margin-bottom: 5px;
}

.footer__contacts__item__value {
    font-weight: 600;
}

.footer__contacts__item a {
    display: block;
    color: white;
}

.category__content h1 {
    font-size: 3rem;
    color: #232323;
    text-transform: uppercase;
    margin-top: 0;
}

.footer__requisites {
    color: #393939;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
    font-size: 14px;
}

.footer__requisites__item {
    margin: 0 10px;
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.footer__requisites__item__label {
    margin-right: 10px;
    opacity: 0.5;
}

#category-section {
    padding: 3rem 0 0;
}

#delivery-section img {
    width: auto !important;
    max-width: 600px;
    margin-right: 20px;
    margin-bottom: 10px;
}

#delivery-section .infopage__content__gallery img {
    width: 100% !important;
}

#delivery-section .infopage__content__gallery a {
    width: 100%;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.n-header__inner--logo .s-contact__value {
    display: none;
}

@media screen and (max-width: 767px) {
    #delivery-section img {
        max-width: 100%;
    }

}

@media screen and (max-width: 992px) {
    .n-header__inner--logo .s-contact__value {
        display: block;
    }
}

.trigger-form__wrapper {
    background-color: #fff;
}

.form_politics {
    padding: 20px;
    padding-top: 0;
    font-size: 14px;
}

.form_politics a {
    color: #c31b18;
}

#mobilesarch .fancybox-close-small {
    color: #ccc;
}

.mobilesarch__wrapper {
    width: 250px;
    /* padding: 15px; */
}

.mobilesarch__wrapper .searchform {
    position: static;
    margin-top: 0;
}

.catalog__menu li {
    list-style-type: none;
    position: relative;
}

.catalog__menu li:hover > .catalog__menu__submenu {
    display: block;
}

.catalog__menu__submenu {
    position: absolute;
    left: 100%;
    top: 0;
    background: #c31b18;
    display: none;
    width: 330px;
}

.mobilesearchbutton {
    width: 52px;
    display: none;
}

.info-block__wrapper {
    position: relative;
}

.open-video {
    width: 100%;
    padding: 6px 0;
    max-width: 580px;
    text-align: center;
}

/* Добавляем стили для иконок */
.video-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.video-icons a {
    display: block;
    width: 50px;
    height: 50px;
    background-size: cover;
    cursor: pointer;
}

.video-icons a:hover {
    border-bottom: 1px solid;
    text-decoration: none;
}

.video-icons .vk {
    background-image: url('/assets/templates/2025/images/VKlogo.svg');
}

.video-icons .rutube {
    background-image: url('/assets/templates/2025/images/rutublogo.png');
}

.video-icons .youtube {
    background-image: url('/assets/templates/2025/images/YouTubelogo.png');
}

.modal-window {
    padding: 2rem !important;
}

.sl-info__wrap-text {
    cursor: pointer;
}

.center-play::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* размер иконки */
    height: 60px; /* размер иконки */
    background: url('../images/svg/ico-btn-play.svg') no-repeat center/contain;
    pointer-events: none; /* чтобы клики проходили сквозь иконку */
    transition: transform 0.3s ease; /* плавное увеличение */
}

.center-play:hover::after {
    transform: translate(-50%, -50%) scale(1.1); /* увеличение иконки на 20% */
}

.card-pl__list_ {
    padding-bottom: 24px
}

.card-pl__title_ {
    font-family: var(--second-family);
    font-stretch: semi-condensed;
    font-weight: 350;
    font-size: 20px;
    line-height: 120%;
    text-transform: uppercase;
    color: #303030;
    padding-bottom: 24px
}

@media (max-width: 768px) {
    .card-pl__title_ {
        padding-bottom: 16px
    }
}

.card-pl__list_ {
    padding-bottom: 24px
}

.category-list .l-tabs__item {
    margin: .5rem;
    background: #ead1d0
}

.category-list .l-tabs__btn:hover {
    background-color: #c31b18;
    color: #fff
}

.customer-service__photo img {
    object-position: top;
}

.hidden-mobile {
    display: block;
}

.hidden-desktop {
    display: none;
}

@media screen and (max-width: 992px) {
    .hidden-desktop {
        display: block;
    }

    .hidden-mobile {
        display: none;
    }
}

section.cat-list.category-list-add {
    padding-bottom: 0;
}

section.p-catalog-add {
    padding-top: 0;
}

.cat-list.category-list-add .cat-list__container {
    border-bottom: none;
}

.cat-list.category-list-add .l-tabs__list {
    background-color: transparent;
}

.category-list-add .l-tabs__item {
    background-color: #f1f1f1 !important;
    color: #303030 !important;
    cursor: pointer;
}

.card-cat__body {
    cursor: pointer;

}

.category-list-add .l-tabs__item.is-active,
.category-list-add .l-tabs__item.active,
.category-list-add .l-tabs__item:hover,
.category-list-add .l-tabs__item.is-active .l-tabs__btn,
.category-list-add .l-tabs__item.active .l-tabs__btn,
.category-list-add .l-tabs__item:hover .l-tabs__btn {
    background-color: #c31b18 !important;
    color: #fff !important;
}

@media (max-width: 768px) {
    .category-list {
        display: flex;
        flex-wrap: wrap;
    }

    .l-tabs__item {
        width: calc(50% - 16px);
    }
}
@media (min-width: 993px) {

    .n-header__inner--catalog {
        height: calc(73vh - 280px);
    }
}

.card-ctl__title {
    font-size: 1.1583333333vw;
}

@media (min-width: 1921px) {
    .card-ctl__title {
        font-size: 20px
    }
}

@media (max-width: 1280px) {
    .card-ctl__title {
        font-size: 17px
    }
}

@media (max-width: 992px) {
    .card-ctl__title {
        font-size: 14px
    }
}

@media (max-width: 768px) {
    .card-ctl__title {
        font-size: 12px
    }
}

.page-title {
    font-size: 2.75vw;
}

.s-banner__title--large {
    font-size: 2.75vw;
    line-height: 110%;
}

@media (max-width: 480px) {
    .l-tabs__btn{
        font-size: 9px;
    }
}
@media (max-width: 362px) {
    .block_add_style{
        /*position: relative;*/
        height: 100px;
    }
    .block_add_style .s-contact__value-info{
        position: absolute;
    }
}

@media (max-width: 768px) {
    .p-catalog__filters {
        height: 100%;
    }
    .p-catalog__overflow {
        padding-top: 87px;
    }
}

.card-av__footer{
    padding: 0;
}
.s-contact__value{
    margin-right: 1rem;
}
.p-catalog-add .p-catalog__inner--cards {
    align-self: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}
/* Таблица форматов производства памятников */
.production-table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    table-layout: fixed;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.production-table th {
    background-color: #f0f0f0;
    padding: 15px;
    text-align: left;
    border: 1px solid #999;
    font-weight: 700;
    color: #333;
    font-size: 15px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

/* Увеличиваем ширину первого столбца */
.production-table th:first-child,
.production-table td:first-child {
    width: 25%;
    min-width: 150px;
}

.production-table td {
    padding: 15px;
    border: 1px solid #999;
    vertical-align: top;
    line-height: 1.5;
    color: #333;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

.production-table tr:hover {
    background-color: #f9f9f9;
}

/* Убираем жирность у первого столбца */
.production-table td:first-child {
    font-weight: 400;
    background-color: #fafafa;
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    .production-table {
        font-size: 13px;
        table-layout: auto;
    }
    
    .production-table th,
    .production-table td {
        padding: 8px 5px;
        font-size: 12px;
        line-height: 1.3;
    }
    
    .production-table th:first-child,
    .production-table td:first-child {
        width: 28%;
        min-width: 100px;
    }
    
    .production-table th {
        font-size: 12px;
        padding: 8px 5px;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
    .production-table {
        font-size: 11px;
    }
    
    .production-table th,
    .production-table td {
        padding: 6px 4px;
        font-size: 11px;
    }
}
/* Стили для таблиц с 2 колонками */
.production-table--two-cols th:first-child,
.production-table--two-cols td:first-child {
    width: 30%;
    min-width: 180px;
}

.production-table--two-cols th:last-child,
.production-table--two-cols td:last-child {
    width: 70%;
}

@media (max-width: 768px) {
    .production-table--two-cols th:first-child,
    .production-table--two-cols td:first-child {
        width: 35%;
        min-width: 120px;
    }
}
/* Стили для таблиц с 4 колонками */
.production-table--four-cols th:first-child,
.production-table--four-cols td:first-child {
    width: 30%;
    min-width: 180px;
}

.production-table--four-cols th:nth-child(2),
.production-table--four-cols td:nth-child(2) {
    width: 25%;
}

.production-table--four-cols th:nth-child(3),
.production-table--four-cols td:nth-child(3) {
    width: 20%;
}

.production-table--four-cols th:last-child,
.production-table--four-cols td:last-child {
    width: 25%;
}
@media (max-width: 768px) {
    .production-table--four-cols th,
    .production-table--four-cols td {
        padding: 8px 5px;
        font-size: 12px;
    }
    
    .production-table--four-cols th:first-child,
    .production-table--four-cols td:first-child {
        width: 30%;
        min-width: 120px;
    }
}