/**
 * Theme Name: zahoron
 */



  
 /* @font-face {
     font-family: 'TT Firs Neue';
     src: url("./fonts/TT Firs Neue Trial Regular.ttf") format("opentype");
 }  
  */
 


 
#wpadminbar{
    display: none ;
}

body,html{
    font-size: 16px;

    padding: 0px !important;
    margin: 0px !important;
}

html{
            overflow-x: hidden !important;

}
body{
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1;
    color: #181C21;
    background: #F2F1F0;
    font-size: 20px;
    font-family: 'Century Gothic';
    font-weight: 500;

}
.container{
    position: relative;
    max-width:1360px;
    margin: 0 auto;
    padding: 0px 20px;
}

.mobile_block{
    display: none;
}
/* Базовый стиль уведомления */
.toast-message {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(100px); /* Изначально спрятан ниже экрана */
    background-color: #333;
    color: #fff;
    padding: 12px 24px;
    border-radius: 50px;
    font-size: 14px;
    z-index: 9999;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;
    pointer-events: none; /* Чтобы не мешал кликам, пока висит */
}

/* Класс для показа */
.toast-message.show {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}

/* Стиль для ошибки (если нужно) */
.toast-message.error {
    background-color: #e74c3c;
}

/* Адаптивность для мобилок */
@media (max-width: 480px) {
    .toast-message {
        width: 90%;
        text-align: center;
        bottom: 20px;
    }
}

.share_btn{
    position: absolute;
    top: 10px;
    right: 10px;
    border: 0px;
    outline: none;
    background: #0080D7;
    border-radius: 50%;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
}


.mobile_block_contact, .mobile_block_contact_flex{
    display: none;
}

.share_btn img{
    min-width: 15px;
    height: 15px !important;
    max-width: 15px;
}

.block_two{
     position: relative;

    max-width:1360px;
    margin: 0 auto;
    padding: 0px 20px;
    display: flex;
    gap: 30px;
}

.block_two .block_sidebar_second{
    min-width: 338px;
    max-width: 338px;
}

.block_two .block_content_first{
    max-width: 952px;
}

.map_placeholder{
    position: relative; 
    width: 100%; 
    height: 430px; 
    overflow: hidden;
    border-radius:12px; 
    cursor: pointer;
    border-radius: 12px;
    border:1px solid #0080D7;
}
.map_single{
    width: 100%; 
    border:1px solid #0080D7;
    height: 430px; 
    border-radius:12px; 
    overflow:hidden; 
    display: none;
}


.block_two .block_add_your_organization{
    padding: 30px 20px;
}

.block_two .cats_products_sidebar{
    padding: 30px;
}
.block_content_first{
    max-width: 1010px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.block_content_first .container{
    padding-left: 0px;
    padding-right: 0px;
}
.block_sidebar_second{
    display: flex;
    flex-direction: column;
    gap: 30px;
    min-width: 310px;
    max-width: 310px;
}


 .title{
 color:#181C21;
 font-size: 25px;
 font-weight: 700;
 text-align: left;
 }
 


.ul_cats_main{
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.li_cat_main{
    background: #FFFFFF;
    font-weight: 400;
    font-style: Regular;
    color: #181C21;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 16px;
    display: flex;
    justify-content: space-between;
    letter-spacing: 0%;
    vertical-align: middle;
    height: 90px;
    text-decoration: none;
    padding: 15px;
    border-radius: 12px;
}

.li_cat_main img{
    margin-top: auto;
}
.li_cat_main_open{
    cursor: pointer;
}
.text_white{
font-weight: 400;
color: #F2F1F0;
font-style: Regular;
font-size: 15px;
leading-trim: NONE;
line-height: 22px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}

.title_cart{
font-weight: 700;
font-style: Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;


}



.block_add_your_organization{
    width: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 20px;
    padding: 30px 15px;
}
.ul_add_your_organization{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

.block_three .block_sidebar_form .g-recaptcha{
    transform: (0.7) translateX(-37px);
}

.li_add_your_organization{
font-weight: 400;
 display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
font-style: Regular;
    word-break: break-all;      /* Разрывает слово где угодно */

font-size: 10px;
leading-trim: NONE;
width: 100%;
line-height: 12px;
max-width: 70px;
letter-spacing: 0%;
text-align: center;
text-align: center;
vertical-align: middle;

}
.img_add_your_organization{
    margin-bottom: 10px;
     position: relative;
     overflow: hidden;
     border-radius: 12px;
    border-radius: 12px;
    height: 70px;
    background: #F2F1F0;
    max-width: 70px;
    width: 100%;
}

.block_three .img_add_your_organization{
    height: 62px;
}
.img_add_your_organization img{
    width: 100%;
    height: 100%;
}


.block_speczialist{
    position: relative;
    text-decoration: none;
    display: flex;
    justify-content:start;
    gap: 50px;
    background: linear-gradient(92.71deg, #292929 15.88%, #424242 98.94%);
padding:40px 20px;
    padding-left:100px ;

border-radius: 12px;
}

.block_speczialist div{
    text-align: start;
}

.info_speczialist_1{
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: start;
    justify-content: center;
}
.title_blue_speczialist{
font-weight: 700;
color: #0080D7;
font-style: Bold;
font-size: 25px;
leading-trim: NONE;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}
.info_speczialist_2{
    max-width: 220px;
    text-align: start;
     display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: start;
    justify-content: center;
}
.name_speczialist{
font-weight: 700;
font-style: Bold;
text-align: start;
margin-bottom: 10px;
font-size: 16px;
color: white;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

}

.text_gray_speczialist{
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
text-align: start;
color: #737373;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

}
.img_speczialist{
    position: absolute;
    bottom: 0px;
    right: 13%;
    z-index: 1;
    width: 156px;
}


.raiting_table thead{
    padding: 0px 10px;
    border-radius: 12px 12px 0px 0px;
    overflow: hidden;
    background-color: #0080D7;
}
.table_rating_block th{
    color: white;
}

.raiting_table tbody{
    padding: 0px 10px;
    background: white;
    border-radius: 0px 0px 12px 12px;
    overflow: hidden;
}


.form_search_burial{
    max-width: 480px;
}

.block_search_burial{
    background: white;
    padding: 50px;
    height: 302px;
    overflow: hidden;
    position: relative;
    border-radius: 12px;    
}

.form_search_burial_sidebar .blue_btn{
    width: 100%;
    max-width: 100%;
}


.viewed-section {


}

.viewed-title-main {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.viewed-list {
    display: flex;
    flex-direction: column;
}

.viewed-item {
    display: flex;
    border-radius: 12px;
    padding: 10px;
    position: relative;
    gap: 10px;
    border: 1px solid #f0f0f0;
}

.viewed-image {
    width: 110px;
    height: 110px;
    position: relative;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
}

.who-viewed{
    position: absolute;
    bottom: 0px;
    left: 0px;
font-weight: 400;
font-style: Regular;
font-size: 12px;
leading-trim: NONE;
line-height: 12px;
color: #757575;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

    width: 100%;
     border-radius:0px 0px 8px 8px;
    background: #FFFFFF80;
}

.viewed-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #ccc;
    font-size: 24px;
}

.viewed-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.viewed-header {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
}

.flex_mobile_cart_org{
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile_block_cart_org_product{
    display: none;
}

.viewed-item-title {
    color: #0080D7;
    text-decoration: none;
     display: -webkit-box;
    -webkit-line-clamp: 2; /* Количество строк (можно поставить 1, 2 или 3) */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Добавляет троеточие в конце */
    word-break: break-word;
font-weight: 700;
font-style: Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

}

.viewed-favorite-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: #999;
    padding: 0;
}

.viewed-meta {
font-weight: 400;
font-style: Regular;
color: #737373;
font-size: 14px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
vertical-align: middle;

    display: flex;
    flex-direction: column;
}

.viewed-footer {
}

.viewed-price {
   font-family: Century Gothic;
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
color: #181C21;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;

}

.viewed-price span {
    font-weight: bold;
}

.viewed-rating {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

.viewed-rating .stars {
    font-size: 10px;
}

.viewed-rating .rating-value {
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;

} 

.more_info_burial_single{
    margin: 20px 0px;
}

.modal-content{
    border: 0px;
    border-radius: 12px !important;
}
.block_main_first{
    max-width: 635px;
}

#feedback_modal .modal-dialog{
    max-width: 500px;
}


.form_sidebar{
    position: sticky;
    top: 111px;
    left: 0;
    overflow: hidden;
    padding: 20px;
    border-radius: 12px;
    background: white;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.not_sticky .form_sidebar{
    position: relative;
    top: 0px;
}
.block_three .content_block_about_company{
    max-width: 520px;
}



.block_sidebar_second > :last-child {
    position: sticky;
    top: 111px; /* Укажите нужный отступ от верхнего края экрана */
}

.block_three{
          position: relative;
    max-width:1360px;
    padding:  0px 20px;
    margin: 0 auto;
    display: flex;
    gap: 30px;
}

.block_three .block_content_first{
    max-width: 744px;
}
.block_three .block_sidebar_second{
    max-width: 244px;
    min-width: 244px;
}
.block_sidebar_form{
    max-width: 244px;
    min-width: 244px;
}

.block_three .block_sidebar_second .title{
    font-size: 18px;
}
.block_three .block_sidebar_second .banner_index {
    height: 411px;
}
.banner_index .img_main_banner{
    width: 100%;
    object-fit: cover;
}
.cats_products_sidebar{
    padding: 15px;
    border-radius: 12px;
    background: white;
}
.block_ul_cats{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 10px;
}

.cats_products_sidebar .title_middle{
    margin-bottom: 25px;
}
.title_small{
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;
}

.flex_sidebar_cat{
    display: flex;
    align-items: start;
    gap: 15px;
}
.flex_sidebar_cat img{
    min-width: 60px;
    height: 60px;
    max-width: 60px;
}
.ul_children_cats_sidebar li a{
font-weight: 400;
font-style: Regular;
font-size: 14px;
color: #737373;
text-decoration: none;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
vertical-align: middle;

}
.ul_children_cats_sidebar li {
    list-style: none; /* Убираем стандартную точку */
    position: relative;
    padding-left: 15px; /* Место под точку */
    margin-bottom: 0px;
}

.ul_children_cats_sidebar li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); /* Центрируем по вертикали */
    
    /* Параметры точки */
    width: 6px;
    height: 6px;
    background-color: #737373; /* Цвет точки */
    border-radius: 50%; /* Делаем круглой */
}

.input_organization{
    display: none;
}

.select{
    background: #F2F1F0;
    width: 100%;
    position: relative;
    border-radius: 10px;
}
.select select{
    background: none;
    z-index: 2;
    position: relative;
    -webkit-appearance: none ; 
    appearance: none ;
}


.filter-container {
        position: relative;
        display: inline-block;
    }
    
    .custom-period {
        position: absolute;
        top: 100%;
        left: 0;
        background: white;
        padding: 15px;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        border: 1px solid #e0e0e0;
        z-index: 1000;
        min-width: 300px;
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        opacity: 0;
        transform: translateY(-10px);
        transition: all 0.3s ease;
        visibility: hidden;
    }
    
    .custom-period.visible {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }
    
    .custom-period.hidden {
        display: flex !important;
        opacity: 0;
        visibility: hidden;
    }
    
    .date-header {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    
    .sort-asc {
        transform: rotate(180deg);
        transition: transform 0.3s ease;
    }
    
    .sort-desc {
        transform: rotate(0deg);
        transition: transform 0.3s ease;
    }
    
    .loading {
        opacity: 0.6;
        pointer-events: none;
    }

.select::before{
    position: absolute;
    top: 22px;
    right: 12px;
    background-size: 100% !important;
    z-index: 1;
    width: 12px;
    height: 12px;
    content: '';
    display: block;

}
.flex_btn{
    display: flex;
    align-items: center;
    gap: 20px;
}

.flex_btn img{
    width: 15px !important;
}
.black_header{
     position: fixed;
    width: 100%;
    top: 0px;
    left: 0;
    z-index: 111;
    padding:9px 0px;
    background: #292929;
}

.black_header .container{
    display: flex;
    align-items: center;
    gap: 15px;
}

.black_header .open_children_pages {
    padding: 0px;
    font-size: 14px;
    background: none;
    color: white;
}

.children_pages a{
    background: #292929;
    font-size: 14px;
    color: white;
}

.children_pages a:hover{
    color: #0079D9;
}

.header_main .logo img{
    height: 25px;
}
.login_href img{
    width: 25px;
    height: 25px;
}

.likes img{
  width: 25px;
    height: 25px;
}

.black_header .blue_btn{
    padding: 5px 15px;
    font-size: 13px;
    border-radius: 12px;
    font-weight: 400;
}

.header_main{
    position: fixed;
    width: 100%;
    top: 39px;
    left: 0;
    z-index: 110;
    padding:13px 0px;
    background: #F2F1F0;
}

/* Плавные анимации для slideToggle */
.slide-toggle {
    overflow: hidden;
    transition: height 0.25s ease-out;
}
.slide-toggle > * {
    margin-top: 0;
    margin-bottom: 0;
}

/* Для плавного появления/исчезновения */
.fade-transition {
    transition: opacity 0.2s ease;
}
.fade-out {
    opacity: 0;
    pointer-events: none;
}

/* Модалки (dialog) */
dialog {
    border: none;
    border-radius: 12px;
    padding: 0;
    background: transparent;
    max-width: 90vw;
}
dialog::backdrop {
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(2px);
}

.header_decoder{
    position: relative;
}
.margin_top_for_header{
    overflow: hidden;
    border-bottom: 1px solid transparent;
    margin-top: 65px ;
}
header .container{
    display:flex;
    align-items:center;
    gap:20px;
}
.logo img{
    width:100%;
    max-width:193px;
    max-height:34px;
}
.pages{
margin:0 auto;
display:  flex;
align-items: center;
gap: 15px;
}



.block_tags .title{
    margin-bottom: 20px;
}
.ul_adv_product{
    display: grid;
    grid-template-columns: 1fr ;
    gap: 20px;
}

.ul_adv_product img{
    width: 16px;
    height: 15px;
}


.footer_blue {
    margin-top: 20px;
    background-color: #0080D7;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: white;
    padding: 40px 0;
    width: 100%;
}


/* Общие стили для карт */
.karta_all {
    margin: 20px 0;
    position: relative;
}

#map_mortuary {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: opacity 0.3s ease;
}

.map-placeholder {
    pointer-events: none;
    animation: pulse 1.5s infinite;
    border-radius: 12px;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

/* Адаптивность */
@media (max-width: 768px) {
    .karta_all {
        margin: 20px 0;
    }
    
    #map_mortuary {
        height: 400px !important;
    }
}

/* Стили для балунов Яндекс карт */
.ymaps-2-1-9-balloon {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
    border-radius: 12px !important;
}

.ymaps-2-1-9-balloon__content {
    padding: 16px !important;
    font-size: 14px !important;
}

.ymaps-2-1-9-balloon__close-button {
    margin: 8px !important;
}
/* Три блока футера */
.ul_pages_footer {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Заголовки блоков */
.title_page_footer {
    font-family: Century Gothic;
font-weight: 700;
font-style: Bold;
font-size: 18px;
leading-trim: NONE;
line-height: 22px;
text-decoration: none;
letter-spacing: 0%;
vertical-align: middle;
display: flex;
align-items: center;
gap: 10px;

    color: white;
}

/* Элементы списка */
.li_page_footer {
   font-family: Century Gothic;
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
text-decoration: none;
line-height: 18px;
letter-spacing: 0%;
vertical-align: middle;
color: white;
    transition: color 0.2s ease;
}

.li_page_footer:hover {
    color: white;
}

.li_page_footer p {
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
}

/* Контейнер для иконок */
.flex_icons_footer {
    display: flex;
    gap: 15px;
    margin-top: 10px;
}

.flex_icons_footer a {
    display: inline-flex;
    transition: opacity 0.2s ease;
}

.flex_icons_footer a:hover {
    opacity: 0.8;
}

/* Белая кнопка */
.btn_white {
    background-color: white;
    color: #0080D7;
    padding: 12px 24px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    max-width: 180px;
}

.btn_white:hover {
    background-color: #f0f0f0;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    
    
    .footer_blue {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    
    .btn_white {
        max-width: 100%;
    }
}


.pages a:hover{
    background: #0080D7;
    color: white;
}
.pages ul{
display:flex;
align-items:center;
gap:10px;
margin:0px;
padding:0px;

justify-content:space-between;
}
.pages ul li{
list-style:none;
margin:0px;
padding: 0px;
}

.pages ul li a{
    list-style:none;
    margin:0px;
    background:#F7F7F8;
    padding:12px;
font-family: 'Century Gothic';
font-size: 16px;
font-weight: 600;
color:#181C21;
line-height: 24px;
transition: all ease-in-out 0.2s;
text-align: center;
    text-decoration:none;
}

.sidebar_products{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sidebar_products .img-skeleton-wrapper{
    height: 338px;
}

.sidebar_products .img-skeleton-wrapper img{
    height: 100%;
    max-height: 100%;
}

.block_three .sidebar_products .img-skeleton-wrapper{
    height: 244px;

}

.pages ul li a:hover,.pages ul li.current-menu-item a{
    background: #0080D7 ;
    color: white;
}
footer .pages .no_bac_btn{
    border: none;
    display: flex;
    align-items: center;
}

.blue_btn,.border_blue_btn{
    padding:12px 20px;
cursor: pointer;
background: #0080D7 ;
display: flex;
align-items: center;
justify-content: center;
color: white ;
border: none;
border-radius: 15px;
    outline: none;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

transition: all ease-in-out 0.2s;
text-align: center;
    text-decoration:none;
}
.border_blue_btn{
    border: 1px solid #0080D7;
    color: #0080D7;
    background: none;
}
.no_bac_btn{
    padding:12px 20px;
    font-family: 'Century Gothic';
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    border: 1px solid #E9E8EA;
    background: white ;
    color: #181C21;
        outline: none;
    line-height: 24px;
    transition: all ease-in-out 0.2s;
    text-align: center;
        text-decoration:none;
}



.red_btn{
    padding:12px 20px;
    font-family: 'Century Gothic';
    font-size: 16px;
    font-weight: 600;
    background: #FFEBEB ;
    border: none;
    color: #D72700;
        outline: none;
    line-height: 24px;
    transition: all ease-in-out 0.2s;
    text-align: center;
        text-decoration:none;
}
.li_order .red_btn{
    max-width: 160px;
}

.li_order .blue_btn{
    margin-top: auto;

}

.filters_calls{
    display: flex;
    align-items: center;
    gap: 20px;
}
.filters_calls .btn_gray,.filters_calls .blue_btn{
    padding: 10px ;
    font-weight: bold;
    font-size: 14px;
    border: none;
}



 .filter-container {
        position: relative;
        display: inline-block;
    }
    
    .custom-period {
        position: absolute;
        top: 100%;
        left: 0;
        background: white;
        padding: 15px;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        border: 1px solid #e0e0e0;
        z-index: 1000;
        min-width: 300px;
        margin-top: 10px;
        display: none;
        flex-direction: column;
        gap: 10px;
        opacity: 0;
        transform: translateY(-10px);
        transition: all 0.3s ease;
        visibility: hidden;
    }
    
    .custom-period.visible {
        opacity: 1;
        display: flex;
        transform: translateY(0);
        visibility: visible;
    }
    
    .custom-period.hidden {
        display: flex !important;
        opacity: 0;
        visibility: hidden;
    }
    
    .date-input {
        padding: 10px 12px;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 14px;
        width: 100%;
    }
    
    .toggle-period-btn {
        cursor: pointer;
        transition: all 0.3s ease;
    }


.margin_left_auto{
    margin-left: auto;
}
.call_stats{
    width: 100%;
    margin: 30px 0px;
}
.call_stats thead{
    background: #F7F7F8;
}
.call_stats  td{
    padding: 10px;

}
.call_stats  td div{
    display: flex;
    align-items: center;
    gap: 10px;
}
.blue_btn:hover,.flex_btn_li_product_market .blue_btn:hover{
background:#0073C2;
color: white;
}

.blue_light_btn:hover{
    background: #A7C2E5;
color: #008AED;
}

.phone_icon_black{
    width: 40px;
    background: #F7F7F8;
    border-radius: 50%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.phone_icon_black img{
    width: 20px;
    height: 20px;
}
.search{
    display: flex;
    justify-content: center;
    gap: 10px;
 }
 .search input,.search_application input{
    padding: 12px 20px;
    background: white;
    border: none;
    color: #181C21;
    width: 100%;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
 }
 
 .search input::placeholder,.search_application input::placeholder{
     color:#737373 ;
 font-size: 16px;
 font-weight: 400;
 line-height: 24px;
 text-align: left;
 
 }

 .flex_icon_header{
     display:flex;
     align-items:center;
     gap:10px;
 }
 .icon_header{
    justify-content:center;
    height:48px;
    width:48px;
    max-height:48px;
    max-width:48px;
    display:flex;
    background: #F7F7F8;
    cursor: pointer;
    border-radius: 50%;
    align-items:center;
 }
 .icon_header img{
     width: 18px;
 
 }
 
 .index_title{
     max-width: 600px;
     font-family: 'EB Garamond';
font-size: 44px;
font-weight: 700;
color: #181C21;
line-height: 52.8px;
text-align: left;

 }
 .index_title a{
    color: #181C21;
 }
 .index_title_main{
    max-width: 600px;
    font-family: 'EB Garamond';
    font-size: 56px;
    font-weight: 700;
    line-height: 61.6px;
    text-align: center;
    
 }
 
 .index{
     position: relative;
     padding-top:130px;
     padding-bottom: 170px;
 }
 .index .rose{
     position: absolute;
     bottom: 0px;
     left: 0px;
     z-index: 0;
     width: 436px;
 }
 
 .index .flower{
     position: absolute;
     bottom: 0px;
     right: 0px;
     z-index: 0;
     width: 600px;
 }
 
 .bac_gray{
     background: #F7F7F8;
 }
 .index .container{
     display: flex;
     flex-direction: column;
     align-items: center;
     position: relative;
     z-index: 2;
 }
 
 
 .professional_care{
     padding: 50px 0px;
 }
 

 
 
 .text_block_gray{
 font-size: 13px;
 font-weight: 400;
 line-height: 30px;
 color: #737373;
 text-align: left;
 transition: all ease-in-out 0.2s;
 }


 .text_block{
 font-size: 13px;
 font-weight: 400;
 line-height: 30px;
 color: #737373;
 text-align: left;
 transition: all ease-in-out 0.2s;
 }


.ul_mobile_calls{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0px;
}
.block_mobile_calls .filters_calls{
    justify-content: space-between;
}
.block_mobile_calls .btn_gray{
    min-width: 100px;
} 
.li_mobile_calls{
     display: flex;
    flex-direction: column;
    gap: 6px;
}

.mini_info_call{
      display: flex;
      gap: 20px;
      justify-content: space-between;
}
.desktop-only { display: block; }
    .mobile-only { display: none; }
    
    @media (max-width: 768px) {
        .desktop-only { display: none; }
        .mobile-only { display: block; }
        
        .filter-container-mobile {
            position: relative;
            display: inline-block;
        }
        
        .custom-period-mobile {
            position: absolute;
            top: 100%;
            left: -100%;
            background: white;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            z-index: 1000;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .custom-period-mobile.visible {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }
        
        .selected-period-mobile {
            background: #f0f0f0;
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 12px;
            margin-top: 5px;
        }
    }
    
    .status-success {
        color: green;
        font-weight: bold;
    }
    
    .status-indicator {
        color: green;
        margin-left: 5px;
    }
    
    .hidden {
        display: none;
    }
.open_more_info_call{
    width: 20px;
    cursor: pointer;
}
.more_info_call{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    background: #F7F7F8;
}
.li_more_info_call{
    gap: 10px;
      justify-content: space-between;
     display: flex;
}

.opne_more_info_call{
    width: 15px;
    cursor: pointer;
}

 a.text_block:hover{
    color: #0080D7;
 }
 .professional_care .text_block{
     margin: 25px 0px;
     max-width: 630px;
 }
 
 .ul_care{
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap:20px;
 }
 .li_care{
     min-height: 430px;
     padding: 20px;
     border: 2px solid #E9E8EA;
     display: flex;
     flex-direction: column;
     gap: 20px;
 }
 .number_li_care{
     font-family: 'EB Garamond';
 font-size: 45px;
 font-weight: 700;
 line-height: 54px;
 text-align: center;
 
     width: 80px;
     border: 1px solid #E9E8EA;
 border-radius: 50%;
     height: 80px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .title_li{
font-weight: 700;
font-style: Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
color: #181C21;
vertical-align: middle;
 
 }
 .text_li{
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
vertical-align: middle;

 text-align: left;
 color: #737373;
 }
 .li_care .text_li{
     margin-top: auto;
 }
 
 
.blue_care{
    padding: 20px;
    display: flex;
    min-height: 430px;

    flex-direction: column;
    gap: 20px;
    background: #0080D7;
}
.blue_care .title_li,.blue_care .text_li{
    color: white;
}
.white_btn_blue_text{
    padding: 12px 20px;
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
font-size: 16px;
font-weight: 600;
background: white;
color: #0080D7;
text-decoration: none;
line-height: 24px;
text-align: center;
transition: all ease-in-out 0.2s;
 
}
.white_btn_blue_text:hover{
    background: #0080D7;
    color: white;
}
.blue_care .white_btn{
    margin-top: auto;
    cursor: pointer;
}
.price_service_index_page .title{
margin-bottom: 20px;
}
.price_service_index_page{
    padding: 40px 0;
}
 .price_service .title{
     margin-bottom: 25px;
 }

 .ul_services{
     display: flex;
     flex-direction: column;
     gap: 25px;
 }
 .li_service{
     padding: 25px;
     background: white;
     
 
 }
 .flex_li_service{
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
     margin-bottom: 20px;
 }
 .decoration_on{
     text-decoration: underline;
 }
 
 .rewies{
     padding: 50px 0px;
 }
 .flex_block{
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
     margin-bottom: 20px;
 }
 .btn_border_blue,button.btn_border_blue {
     padding: 12px 20px;
 color: #0080D7;
 text-decoration: none;
     font-size: 16px;
     background: white;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
 font-weight: 600;
 line-height: 24px;
 transition: all ease-in-out 0.2s;
 text-align: left;
 border: 1px solid #0080D7;
 }


 .btn_border_blue:hover{
    opacity: 0.8;
 }
 .btn_border_blue img{
     width: 32px;
 }
 .navigation::-webkit-scrollbar { display: none; } 

.flex_btn_maps{
    display: flex;
    gap: 5px;
    border-radius: 25px;
    padding: 5px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background: #0080D7;
}

.order_prduct_img{
    width: 100%;
    height: 230px;
    object-fit: cover;
}
 .li_rewies{
     padding: 10px;
     display: flex;
     flex-direction: column;
     height: 100%;
     border-radius: 12px;
     background: white;
 }

 .li_rewies .text_black_middle{
    margin-top: auto;
 }

.li_rewies .text_gray{
    margin-bottom: 15px;
}




 .grid_img_rewies{
     display: grid;
     grid-template-columns:  1fr;
     gap: 5px;
     margin-bottom: 20px;
 }
 .item_grid_rewies img{
     width: 100%;
     margin-top: 15px;
     height: 178px;
     border-radius: 12px;
     object-fit: cover;
 }
 .title_rewies{
     font-size: 16px;
     color: #181C21;
     font-weight: 400;
     line-height: 24px;
     text-align: left;
 }
 
 .content_block{
 color: #181C21;
 font-size: 16px;
 font-weight: 400;
 line-height: 24px;
 text-align: left;
 }
 
 .li_rewies .content_block{
     margin-bottom: 20px;
 }
 
 
 
 .rewies .container{
     position:relative;
 }
 .swiper_button_next_rewies{
     z-index:2;
 }
 .swiper_button_prev_rewies{
     z-index:2;
 }
 .swiper_button_next_rewies img,.swiper_button_prev_rewies img,.block_single_product .swiper_button_prev_rewies img,.block_single_product .swiper_button_next_rewies img{
     width:20px;
     height:20px;
 }
 

 .karta_all .title{
     margin-bottom: 30px;
 }
 

 .about_company .title{
      position: relative;
    z-index: 2;
     margin-bottom: 20px;
 }
 
.block_about_company{
background: linear-gradient(92.71deg, #292929 15.88%, #424242 98.94%);
padding: 30px;
margin: 30px 0px;
width: 100%;
position: relative;
border-radius: 12px;
}

.section_margin{
    margin: 25px 0px;
}
.block_about_company .title_middle{
    margin-bottom: 20px;
    color: white !important;
}

.content_block_about_company{
    max-width: 670px;
    
}
.content_block_about_company .content_block{
    color: #737373;
    position: relative;
    z-index: 2;
}
.block_about_company img{
     position: absolute;
    bottom: 0px;
    width: 380px;
    right: 0px;
    z-index: 0;
}

.content_block_content_first{
    padding:20px 80px;
    background: white;
    border-radius: 12px;
    display: flex;
    height: 160px;
    align-items: center;
    gap: 30px;
} 

.content_contacts{
      padding:20px;
    background: white;
    border-radius: 12px;
}

 .news{
     padding: 50px 0px;
 }
 .news .title{
     margin-bottom: 25px;
 }
 .ul_news{
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 20px;
 }
 .li_news{
    min-height: 340px;
    transition: all ease-in-out 0.2s;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 10px;
    background: white;
    border-radius: 12px;
 }
 .content_li_news{
     display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
 }
 .li_news:hover,.grid_two_page .li_service:hover{
    box-shadow: 4px 4px 8px -2px rgba(34, 60, 80, 0.2);

 }
 .li_news img{
     width: 100%;
     max-height: 230px;
     object-fit: cover;
 }
.title_news{
font-weight: 700;
font-style: Bold;
font-size: 15px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;

    color:#181C21 ;
    text-decoration: none;
    display: block;
    transition: all ease-in-out 0.2s;
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: left;
}

.form_sidebar .title_news{
    margin: 0px;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

}

.form_sidebar .blue_light_btn{
    height: 36px;
    border-radius: 12px;
}

.form_sidebar .blue_btn{
    height: 36px;
    border-radius: 12px;
}


.form_login .form_section .block_input,.form_login_2 .form_section .block_input{
    margin-top: 15px ;
}




.form_sidebar .ul_products_radio .checkbox{
    font-size: 12px;
}

.li_our_product .title_news{
    margin: 0px;
}
 a.title_news:hover{
     color: #0080D7;
 }
 
 .block_info_footer{
     font-size: 16px;
     padding-top: 10px;
     font-weight: 400;
     line-height: 24px;
     text-align: left;
}

 
 footer{
     margin-top: auto;
     position: relative;
     padding: 40px 0px;
 }
 
 footer .container{
     display: flex;
     position: relative;
     z-index: 2;
     gap: 30px;
 }
 .rose_footer{
     width: 550px;
     position: absolute;
     bottom: 0;
     right: 0;
     z-index: 0;
 }
 footer .container div{
     position: relative;
     z-index: 2;
 }
 .flex_footer{
     display: flex;
     align-items: center;
     gap: 20px;
     justify-content: space-between;
 }
 .flex_icons_footer{
     display: flex;
     align-items: center;
     gap: 10px;
 }
 .flex_icons_footer img{
     width: 50px;
     height: 50px;
 }
 .flex_footer_2{
     display: flex;
     align-items: center;
     gap: 15px;
 }
 .flex_footer_2 img{
     max-width: 60px;
 }
 
 .block_info_footer{
     font-size: 16px;
     color: #737373;
     font-weight: 400;
     line-height: 24px;
     text-align: left;
 }
 .flex_footer_2{
 color: #181C21;
 font-size: 16px;
 font-weight: 600;
 line-height: 24px;
 text-align: left;
 }
 
 .flex_footer_2 a,.flex_footer_2 p{
 margin: 0px;
 display: block;
 color: #737373;
 font-size: 16px;
 font-weight: 600;
 line-height: 24px;
 text-decoration: none;
 text-align: left;
 
 }
 footer .pages ul li a{
     background: white;
 }
 .flex_mini_icons_footer{
     display: flex;
     align-items: center;
     gap: 8px;
 }
 
 .price_service_2{
     padding: 40px 0px;
 }
 .price_service_2 .container{
     display: grid;
     grid-template-columns: 2fr 1fr;
     gap: 20px;
 }

.faq{
    padding: 20px 0px;
}
.faq .title{
margin-bottom: 20px;
}
.ul_faq{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.li_faq{
    padding: 20px;
    background: white;
    border-radius: 18px;

}
.li_faq .flex_li_service{
    margin-bottom: 0px;

}
.li_faq .text_li{
    margin-top: 20px;
    display: none;
}
.open_faq{

    transition: all ease-in-out 0.3s;
    cursor: pointer;
}
.open_faq_active{
    transform: rotate(180deg);
}

.order_page{
    position: relative;
}
.order_page .container{ 
    min-height: 213px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 3;
    padding: 45px 20px;
    position: relative;
}
.content_order_page{
    position: relative;
    max-width: 950px;
    z-index: 3;
}
.content_order_page .title{
    margin-bottom: 20px;
}
.rose_order_page{
    width: 460px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}
.conatiner.order_page_search{
    padding: 40px 0px;
}
.order_page_search .rose_order_page{
    width: 600px;
}
.container.grid_two_page{
    padding: 40px 20px;
    display: grid;
    grid-template-columns: 2.3fr 1fr;
    gap: 20px;
}
.grid_two_page {
    padding: 40px 20px;
    display: grid;
    grid-template-columns: 2.3fr 1fr;
    gap: 20px;
}
.grid_two_page .li_service{
    transition: all ease-in-out 0.2s;
    border: 1px solid #E9E8EA;
}

.sidebar,.ul_news_sidebar{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.grid_two{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    
}
.block_no_search{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.block_content_no_search{
    margin-top: 20px;
    display: flex;
    
    flex-direction: column;
    align-items: center;
    background: white;
    border-radius: 12px;
    position: relative;
    justify-content: center;
    padding: 50px 20px;
}

.img_burial_no_search_1{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: 436px;
}
.img_burial_no_search_2{
    position: absolute;
    bottom: 0;
    z-index: 0;
    right: 0;
    height: 436px;
}
.btn_red{
    background: #E5484D1A;
    color: #E5484D;
    font-family: Century Gothic;
font-weight: 400;
font-style: Regular;
font-size: 15px;
leading-trim: NONE;
line-height: 22px;
letter-spacing: 0%;
text-align: center;
border-radius: 12px;
border: 0px;
outline: none;
vertical-align: middle;
padding: 12px 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.block_content_no_search .title{
    margin: 20px 0px;
}

.block_content_no_search .blue_btn{
    margin-top: 50px;
}
.block_content_no_search div,.block_content_no_search a{
    text-align: center;
    position: relative;
    z-index: 1;
    width: 100%;
    max-width:214px ;
}
.flex_title_product_single{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.simple-gallery{
    margin-bottom: 20px ;
}

.product_have_ul{
    padding: 20px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    background: white;
    margin: 20px 0px;
}


.organization_product{
font-weight: 400;
font-style: Regular;
text-decoration: none;
color: #737373;
font-size: 14px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
vertical-align: middle;

}

.li_product{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 10px;
    height: 100%;

}

.viewed-item-burial-big{
    border-radius: 12px;
    padding: 15px;
    background: white;
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.viewed-list-big{
     display: flex;
    gap: 20px;
    flex-direction: column;

}

.viewed-image-big img{
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 12px;
}

.li_product .title_news{
    margin: 0px;
}
.one_block_li_product{
    min-width: 120px;
    display: flex;
    flex-direction: column;
    gap: 15px;

}
.one_block_li_product img{
    width: 120px;
}

.btn_gray{
    border: 1px solid #E9E8EA;
padding: 12px 20px;
font-size: 12px;
font-weight: 600;
line-height: 18px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;

}

.content_burial_single{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.content_burial_single .flex_btn_li_product{
    margin-top: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.content_burial_single .flex_btn_li_product .blue_light_btn,.content_burial_single .flex_btn_li_product .blue_btn{
    height: 36px;
}


.two_block_li_product{
    display: flex;
    gap: 22px;
    background: white;
    padding: 20px;
    border-radius: 12px;

}

.mini_flex_li_product{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.mini_flex_li_product .title_news{
    margin: 0px;
}
.flex_btn_li_product{
    display: flex;
    align-items: center;
    gap: 10px;
}
.img_mini_star {
    height: 46px;
}
.img_mini_star img{
    width: 18px;
}
.ul_news_page{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}
.content_order_page .index_title{
    text-align: start;
    max-width: none;
}

.cats_news{
    padding: 20px;
    border: 1px solid #E9E8EA;
}
.cats_news .title_news{
    margin-bottom: 20px;
    margin-top: 0px;
}
.ul_cats_news{
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-top: 1px solid #E9E8EA;

}
.li_cat_news{
    display: flex;
    align-items: center;
    gap: 10px;
font-size: 16px;
cursor: pointer;
font-weight: 400;
line-height: 24px;
text-align: left;
text-decoration: none;
color: #181C21;
transition: all ease-in-out 0.2s;
}
.li_cat_news:hover{
    color: #0080D7;
}
.li_cat_news img{
    width: 24px;
}
.content_news_single{
    display: flex;
    flex-direction: column;
    font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
}
.content_news_single img,.img_main_single_news{
margin: 20px 0px;
display: block;
width: 100%;
}
.content_news_single img.img_main_single_news{
margin-top: 0px;
}
.content_news_single a{
    color: #0080D7;
}



.contacts{
    padding-top: 40px ;
    padding-bottom: 20px;
}
.content_news_single{

}

.flex_contacts_block{
    display: flex;
    gap: 50px;
    align-items: start;
}
.block_conatcts{
    max-width: 262px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.flex_contacts{
    display: flex;
    align-items: center;
}
.adres_contacts{
    margin-bottom: 10px;
}
.block_conatcts{
    margin: 10px 0px;
}

.karta_contacts .title{
    margin-bottom: 20px;
}

.form_contacts{
    padding: 40px 0px;
}
.form_contacts .blue_btn{
    max-width: 230px;
}
.form_contacts form{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.block_input{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.block_input_2 .blue_btn{
    margin-top: auto;
    transform: translateY(-2px);
}
.block_input label{
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;


}
.block_input input,.block_input select,.block_input textarea{
    width: 100%;
    padding: 15px 20px;
    border: 0px;
    border-radius: 10px;
    outline: none;
font-weight: 400;
font-style: Regular;
font-size: 13px;
background: #F2F1F0;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

text-align: left;
}

.block_input input::placeholder,.block_input select::placeholder,.block_input textarea::placeholder{
    color: #737373;
}

.block_input textarea{
    height: 100px;
}

.block_input{
    width: 100%;
}
.block_input select{
    max-width: 625px;
}
.input_choose{
    max-width: 200px;
    width: auto !important;
}
.flex_input_form_contacts{
    width: 100%;
    display: flex;
    align-items: start;
    gap: 10px;
}

.li_organization  .swiper-slide {
    width: calc((100% - 20px) / 2.2) !important; /* для десктопа */
    flex-shrink: 0;
}

@media (max-width: 1023px) {
    .li_organization  .swiper-slide {
        width: calc((100% - 20px) / 2.5) !important; /* для планшетов */
    }
}

@media (max-width: 767px) {
    .li_organization  .swiper-slide {
        width: calc((100% - 10px) / 1.5) !important; /* для мобильных */
    }
}

.form_sidebar .flex_input_form_contacts select,.form_sidebar .flex_input_form_contacts input{
    max-width: 130px;
}

.block_three .form_sidebar .flex_input_form_contacts select,.block_three .form_sidebar .flex_input_form_contacts input{
    max-width: 106px;
}


.block_input .select select{
    max-width: 100%;
    border-radius: 10px;
}

.content_news_single ul{
    padding: 20px 0px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0px;
}
.content_news_single li{
font-size: 16px;
list-style: none;
color: #181C21;
font-weight: 400;
line-height: 24px;
display: flex;
align-items: center;
gap: 10px;
text-align: left;

}
.content_news_single li::before{
    content: '';
    display: block;
    width: 9px;
    height: 11px;
}

.form_search{
    padding: 40px 0px;
}
.form_search .container{
    position: relative;
    padding: 80px 20px;
    padding-top: 100px;
    max-width: 100%;
    margin: 0px;
    overflow: hidden;
}
.form_search div{
    width: 100%;
}
.form_search form{
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 4;
}
.search{
    padding-top: 20px;
}
.form_search .index_title{
    width: 100%;
    max-width: none;
    text-align: center;
    position: relative;
    z-index: 4;
}
.rose_form_search{
    position: absolute;
    width: 350px;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.flower_form_search{
    position: absolute;
    width: 350px;
    bottom: 0;
    right: 0;
    z-index: 0;
}
.error-text{
    padding: 10px 0px;
    color: #D72323;
    font-size: 16px;
}
.text_news_block{
    padding-top: 40px;
}
.li_org_dekstop .text_gray{
    max-width: 227px;
}
#backButton {
    margin-bottom: 10px;
    background-color: #6c757d;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

#backButton:hover {
    background-color: #5a6268;
}
.content_order_page_2{
    max-width: 100%;
}

.our_works{
    padding-top: 40px ;
}
.block_our_works{
    padding-bottom: 50px ;
}
.ul_our_products{
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
}
.title_middle{
font-weight: 700;
font-style: Bold;
font-size: 18px;
leading-trim: NONE;
line-height: 22px;
letter-spacing: 0%;
text-decoration: none;
color: #181C21;
vertical-align: middle;

    
}

.img_search_burial{
    position: absolute;
    bottom: 0;
    height: 100%;
    right: -34px;
    z-index: 0;
}

.form_search_burial .title_middle{
    margin-bottom: 15px;
}

.center_text{
    text-align: center;
}
.cat_title_our_works{
margin-bottom: 20px;
font-family: 'EB Garamond';
font-size: 28px;
font-weight: 700;
line-height: 33.6px;
text-align: left;

}
.li_our_work{
    display: grid;
    position: relative;
    grid-template-columns: 1fr 1fr;
}
.li_our_work img{
    width: 100%;
}
.title_before_our_works,.title_after_our_works{
    padding: 12px 20px;
font-size: 14px;
font-weight: 600;
line-height: 21px;
background: white;
position: absolute;
z-index: 2;
text-align: center;

}
.title_before_our_works{
    bottom: 10px;
    left: 10px;
}
.title_after_our_works{
    bottom: 10px;
    right: 10px;
}
.text_block_mini{
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
}

.grid_two_our_works{
    padding-bottom: 20px;
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.block_one_our_works{
display: flex;
flex-direction: column;
justify-content: center;
gap: 20px;
}
.block_one_our_works video{
    width: 100%;
    min-height: 330px;
}
.title_our_works{
font-family: 'EB Garamond';
font-size: 32px;
font-weight: 700;
line-height: 38.4px;
text-align: left;
}

.content_main_block_organization_single{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 10px;
}
.cemetery .title{
    padding-bottom: 20px ;
}
.cemetery .container{
    padding: 0px;
}
.ul_cemeteries{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    padding: 20px 0px;
}
.li_cemetery{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #181C21;
    text-decoration: none;
    transition: all ease-in-out 0.2s;
    text-align: left;

}
.li_cemetery:hover{
    color: #0080D7;
}
.li_cemetery .number_cemetery{
    width: 40px;
    display: flex;
    border-radius: 50%;
    background-color: #0080D7;
    color: white;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.li_cemetery .number_cemetery:hover{
color: white;
}
.map_cemeteries{
    padding: 40px 0px;

}
.block_cemetery{
    padding: 30px 0px;
}
.map_cemeteries .title_our_works{
    padding-bottom: 20px;
}

.grid_cemetery{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.content_cemetery{
font-size: 16px;
font-weight: 400;
color: #181C21;
line-height: 24px;
text-align: left;
}
.content_cemetery a{
    text-decoration: none;
    color: #0080D7;
}
.content_cemetery img{
    width: 100%;
}

.block_single_cemetery{
    display: flex;
    flex-direction: column;
    padding: 30px 0px;
}
.block_single_product{
    position: relative;
}
.grid_two_single_product{
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
}
.white_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    color: #181C21;
font-size: 14px;
width: auto;
padding: 12px 20px;
text-decoration: none;
outline: none;
border: none;
transition: all ease-in-out 0.2s;
font-weight: 600;
line-height: 21px;
text-align: center;
}
.white_btn:hover{
    color: #0080D7;
}
.block_single_product{
    overflow: hidden;
    position: relative;
}
.block_single_product .white_btn{
    position: absolute;
    bottom: 10px;
    cursor:auto;
    right: 10px;
}
.block_single_product img{
    width: 100%;
    max-height: 380px;
    height: 100%;

}

.block_single_product .img_single_product img{
    min-width: 320px;
    min-height: 320px;
    object-fit: cover;
}
.img_single_product{
    position: relative;
}
.title_label{
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;

}

.navigation_pages_single_burial{
    padding: 10px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: white;
}
.navigation_pages_single_burial .text_black{
    padding:10px 15px ;
}

.navigation_pages_single_burial .text_black:hover{
    background:#B9D7FE ;
}

.who_big{
    background: #FFFFFF80;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}


.block_main_single_product{

}
.flex_label_block{
    display: flex;
    padding-bottom: 20px;
    gap: 15px;
    overflow-x: scroll;
    max-width: 954px;

}
.li_label_block{
    padding:12px 20px;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
    background: #F7F7F8;
    color: #181C21;
    min-width: 184px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;

}

.content_single_product{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: none;
    text-align: left;
    color: #181C21;
}
.content_single_product_active{
    display: block;
}
.text_single_product{
    padding: 20px;
font-size: 16px;
background: white;
border-radius: 12px;
font-weight: 400;
line-height: 24px;
color: #181C21;
text-align: left;

}


.form_words_memory{
    display: grid;
    padding: 20px 0px;
    grid-template-columns: 1fr 3fr;
    gap: 20px;
}

.block_form_form_words_memory{
    display: flex;

    flex-direction: column;
    align-items: center;
}
.label_form_words_memory{
    margin-right: auto;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;

}
.block_form_form_words_memory textarea{
    width: 100%;
margin: 10px 0px;
margin-bottom: 20px;
font-size: 16px;
padding: 20px;
font-weight: 400;
border-radius: 12px;
border: 0px;
background: #F2F1F0;
line-height: 24px;
color: #181C21;
text-align: left;

outline: none;
    height: 180px;
}
.block_form_form_words_memory textarea::placeholder{
    color: #737373;
}
.content_order_page form{
    padding-top: 20px;
}

.ul_memory_words{
    padding: 30px 0px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.li_memory_words{
    padding: 20px;
    gap: 20px;
    border: 1px solid #E9E8EA;
    display: flex;
}
.li_memory_words img{
    max-width: 200px;
    width: 100%;
    max-height: 220px;
}
.block_li_memory_words{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.text_middle{
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;

}


.bac_black{
    position: fixed;
    top: 0;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 111;
    width: 100%;
    overflow-y: scroll;
    height: 100%;
    background: rgba(0,0,0,0.6);
    left: 0;
}
.message{
    background:#FFFFFF ;
    max-width: 600px;
    width: 100%;
    padding: 25px;
    border-radius: 12px;
}

.message.modal_city{
    background: #F2F1F0;
}

.flex_title_message{
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.flex_title_message .close_message {
    margin-left: auto;
}
.close_message img{
    cursor: pointer;
}
.content_message{
font-size: 16px;
margin: 15px 0px;
margin-top: 0px;
font-weight: 400;
line-height: 24px;
text-align: left;

}
.message .blue_btn{
    width: 100%;
}

.input__wrapper{
    background: #F7F7F8;
    cursor: pointer;
    display: flex;
    padding: 23px;
    align-items: center;
    justify-content: center;
    

}

.ul_aplications{
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;

}

.input__wrapper .input__file-button-text,.input__wrapper input,.input__wrapper label{
    font-family: 'Century Gothic' !important;
    font-size: 14px;
font-weight: 400;
display: block;
cursor: pointer;
line-height: 21px;
text-align: center;

}


.form_services_add select{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin-top: 20px;
    padding: 12px 20px;
    color: #181C21;
    width: 100%;
    outline: none;
    border: 1px solid #E9E8EA;
}
.form_services_add select::placeholder{
color: #737373;
}
.form_services_add label{
    margin: 15px 0px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.form_services_add .title_middle{
    margin-left: auto;
    text-align: right;
    min-width: 100px;
}
.flex_form_services_add{
    display: flex;
    align-items: center;
    padding-top: 10px;
    margin-top:20px ;
    border-top: 3px solid #E9E8EA;
    gap: 20px;
    justify-content: space-between;
}
.flex_form_services_add  .title_middle{
    text-align: left;
    min-width: none;
    margin-top: 10px;
}

.flex_form_services_add .block_total .title_middle{
    display: flex;
    gap: 10px;
}


.similar_graves{
    display: flex;

    flex-direction: column;
    gap: 20px;
    margin: 30px 0px;
}

.ul_similar_graves{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.checkout_table{
    margin: 20px 0px;
    width: 100%;
    padding: 20px;
    border: 1px solid #E9E8EA;
}
.checkout_table thead{
    border-bottom: 1px solid #E9E8EA;
}
.checkout_table th{

}
.checkout_table tfoot{
    border-top: 1px solid #E9E8EA;
}
.checkout_table th{
font-family: 'EB Garamond';
font-size: 22px;
font-weight: 700;
line-height: 26.4px;
text-align: left;

}
.checkout_table th,.checkout_table td{
    padding: 17px 20px;
}

.checkout{
    padding: 40px 0px;
}

.title_cart{
font-size: 16px;
font-weight: 600;
line-height: 24px;
transition: all ease-in-out 0.2s;
color: #181C21;
text-align: left;

}
.title_cart a{
    transition: all ease-in-out 0.2s;

    color: #181C21;
}
a.title_cart:hover,.title_cart a:hover{
    color: #0080D7;
}
.delete_cart{
    transition: all ease-in-out 0.2s;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: none;
    color: #CACACA;
}
.checkout_table tfoot tr{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.delete_cart:hover{
    color: #CACAFC;
}

.checkout_form{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

a.text_li:hover{
   color: #0080D7;
}
.copy_adres{
    max-width: 160px;
    cursor: pointer;
}
.title_checkout_form{
font-family: 'EB Garamond';
font-size: 22px;
font-weight: 700;
line-height: 26.4px;
text-align: left;

}

.flex_checkout_form{
    display: flex;
    width: 100%;
    gap: 20px;
    width: 100%;
}
.block_checkout_form{    
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.checkout_form label,.checkout_form label a{
    color: #181C21;
    display: flex;
align-items: center;
gap: 10px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;

}
.checkout_form input{
    padding: 12px 20px;
 color: #181C21;
 border: 1px solid #E9E8EA;
font-size: 16px;
font-weight: 400;
line-height: 24px;
outline: none;
width: 100%;
text-align: left;

}


.form_login_2 .flex_btn_center{
    width: 100%;
}


.form_login_2 .flex_btn_center .btn_bac_gray {
    width: 100%;
}

.checkout_form input::placeholder,.checkout_form textarea::placeholder{
color: #737373;
}
.checkout_form textarea{
    padding: 12px 20px;
    outline: none;
 color: #181C21;
 border: 1px solid #E9E8EA;
font-size: 16px;
height: 100px;
width: 100%;
font-weight: 400;
line-height: 24px;
text-align: left;
}


.rose_checkout{
    width: 500px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.orders{
    padding: 40px 0px;
}
.ul_orders{
    margin: 30px 0px;
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
}
.li_order{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px;
    border: 1px solid #E9E8EA;
}



.li_order_btns{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: auto;
}

.li_order .btn_border_blue{
    max-width: 150px;
}
.li_order .title_li{
    padding-bottom: 20px;
    border-bottom: 1px solid #E9E8EA;
}

.btn_bac_gray{
    background: #F7F7F8;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    transition: all ease-in-out 0.2s;
    color: #181C21;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;

}
.btn_bac_gray img{
    width: 20px;
    margin-right: 8px;
}


.favorite_btn .white_icon{
    display: none;

}
.favorite_btn:hover .white_icon{
    display: block;
}
.favorite_btn:hover .black_icon{
    display: none;
}

.flex_titles_account{
    display: flex;
    align-items: center;
    gap: 15px;
    background: #F2F1F0;
    margin: 0 auto;
    justify-content: center;
    width: auto;
    padding: 5px 10px;
    border-radius: 18px;
}
.flex_titles_account  .btn_bac_gray {
    background: none;
    border-radius: 12px;
    color: #181C21;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

    padding: 8px 15px;
}

.flex_titles_account .btn_bac_gray.active_label_product{
    background: #0080D7;
    color: white;
}

.flex_titles_account .btn_bac_gray{
    cursor: pointer;
}

.flex_titles_account a:hover{
   background: #0080D7;
   color: white;
}
.ul_services_order{
    display: none;
}
.title_service_order{
color: #737373;
    font-size: 16px;
    padding: 5px 0px;
font-weight: 400;
line-height: 24px;
text-align: left;

}
.block_services_order .title_label{
    display: flex;
    cursor: pointer;
    margin-bottom: 10px;
    align-items: center;
    gap: 10px;
}
.block_services_order .title_label img{
    width: 15px;
    transition: all ease-in-out 0.2s;
    transform: rotate(180deg);
}
.arrow_active{
    transform: rotate(0deg);

}
.active_btn_gray{
    background: #0080D7;
    color: white;
}
.flex_status_order{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}
.data_flex{
    display: flex;
    align-items: center;
gap: 10px;
}
.data_flex .text_li{
    margin: 0px;
}
.color_black{
    color: #181C21;
}
.block_services_order{
    padding-top: 20px;
    border-top:1px solid  #E9E8EA;
}

.light_blue_btn{
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;

    background-color: #EBF7FF;
    color: #0080D7;
}
.green_btn{
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
font-size: 16px;
transition: all ease-in-out 0.2s;
font-weight: 600;
line-height: 24px;
text-align: left;
    background-color: #F6FFEA;
    color: #579C00;
}



.green_btn:hover{
    background-color: #eefcdb;
}

.li_order .light_blue_btn,.li_order .green_btn,.li_order .gray_btn{
    max-width: 160px;
    text-align: center;
    cursor:auto;
    gap: 0px;
    justify-content: center;
}
.ul_imgs_order{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.ul_imgs_order img{
    width: 100%;
}

.swiper-button-next{
    right: -8px !important;
}

 .swiper-button-prev{
    left: -8px !important;
}

.search_application{
    padding: 30px 0px;
}
.flex_search_form{
    display: flex;
    gap: 20px;
    padding: 10px 0px;
}
.flex_customer{
    padding: 10px 0px;
}
.flex_customer label{
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;

}

.search_application .blue_btn{
    max-width: 170px;
}
.search_request .text_block{
    margin-top: 30px;
}
.block_inpit_form_search{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.text_input{
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: left;
color: #737373;
}
.search_request{
    max-width: 1100px;
    position: relative;
    z-index: 3;
}
.rose_search_request{
    width: 600px;
    position: absolute;
    bottom: 0;
    right: -365px;
    z-index: 0;
}

.block_search_aplication{
    display: flex;
    flex-direction: column;
    gap: 30px;

}

.margin_top_form_auth{
    margin-top: 130px !important;
}

.flex_contacts_icons{
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: auto;
}


.block_about_search_filter{
    padding: 20px;
    border-radius: 12px;
    display: flex;
    gap: 20px;
    background: white;
}
.block_info_about_search_filter{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.img_info_about_search_filter{

}
.form_search_request{
    padding: 0px;
}
.ul_viewed_organizations{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cart_organization_sidebar .text_gray,.li_product .title_news,.li_product .organization_product{
      white-space: nowrap; /* запрещает перенос текста */
    overflow: hidden; /* скрывает переполнение */
    text-overflow: ellipsis; /* добавляет многоточие при переполнении */
}

.cart_organization_sidebar .blue_btn,.cart_organization_sidebar .blue_light_btn {
    height: 36px;
    border-radius: 12px;
}

.flex_info_content_main_block_organization_single{
    flex-direction: column;
    gap: 12px;
    display: flex;
}
.main_content_organization_single .flex_btn a{
    width: 100%;
    height: 36px;
}

.img_info_about_search_filter img{
    margin-bottom: 20px;
    background: #F2F1F0;
     min-width: 244px;
    min-height: 176px;
    max-height: 245px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.flex_search_form{
    gap: 10px;
    padding: 0px;
} 
.flex_search_form .block_input{
    max-width: 102px;
}

.text_search_application {

font-size: 16px;
font-weight: 400;
color: #181C21;
line-height: 24px;
text-align: left;

}
.text_search_application ul{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ul_how_work_search{
    margin-top: 25px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.how_work_search{
    padding: 40px 0px;
}
.ul_how_work_search .li_care{
    min-height: 277px;
}
.mobile_icons_header{
    display: none;
}

.li_label_block:hover,.active_label_product{
    background: #0080D7;
    color: white;
}
.active_cat{
    color: #0080D7;
}

.form_settings{
    display: flex;
    flex-direction: column;
}

.form_settings input,.form_settings select{
    padding: 12px 20px;
    border: 1px solid #E9E8EA;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;

    color: #181C21;
    width: 100%;
    outline: none;
}

.settings{
    padding: 40px 0px;
}

.form_settings input::placeholder{
    color: #737373;
}
.form_settings .block_inpit_form_search{
    gap: 5px;
    justify-content: end;
}
.label_input{
    color: #181C21;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    
}

#filter_1 .filter_sort{
    width: 70px;
}
.flex_form_settings {
    display: flex;
    gap: 20px;
    max-width: 600px;
}
.form_settings .blue_btn{
    max-width: 250px;
}
.settings_margin_form{
    margin-top: 45px;
    margin-bottom: 15px;
}
.flex_input_checkbox{
    display: flex;
    align-items: center;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;

    gap: 10px;
}
.flex_input_checkbox input{
    max-width: 60px;
}




.flex_input_checkbox .switch {
        font-size: 10px;
        position: relative;
        display: inline-block;
        min-width: 36px;
        height: 20px;
}

.form_sidebar .flex_input_checkbox{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.flex_input_checkbox .switch input {
    opacity: 1;
    width: 0;
    outline: none;
    border: none;
    height: 0;
}
.flex_titles{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between
}
.flex_input_checkbox .slider {
    position: absolute;
    cursor: pointer;
    outline: none;
    border: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    background: #757575;
    transition: .4s;
    border-radius: 30px;
    border:none;
}

.default_admin_form .input_location_settings{
    width: 100%;
}

.flex_user_agency{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}
.col-corganization div{
    text-align: center;
}

.flex_input_checkbox .slider:before {
    position: absolute;
    content: "";

    height: 1.3em;
    width: 1.2em;
    border-radius: 16px;
    left: 3.2px;
    top: 3px;

    bottom: 0;
    background-color:white;
    box-shadow: 0 2px 5px #999999;
    transition: .4s;
}

.flex_input_checkbox input:checked + .slider {
    background-color: #0080D7;
    outline: none;
    border: none;
}

.flex_input_checkbox input:checked + .slider:before {
    transform: translateX(1.7em);
}

.block_three .form_sidebar{
    padding: 10px;
}

.block_three .form_sidebar select{
    padding: 12p 20px;
}

.beautification_form input,.beautification_form select,.base_form input,.base_form textarea,.base_form select{
    padding: 12px 20px;
    border: 1px solid #E9E8EA;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    width: 100%;
    color: #181C21;
}

.beautification_form input::placeholder,.base_form textarea::placeholder,.base_form input::placeholder{
    color: #737373;
}

.beautification_form .flex_input_checkbox input{
    width: 30px;
}
.beautification_form .message{
    max-width: 810px;
}


.border_top_beautification_form{
    border-top: 1px solid #E9E8EA;
}
#beautification_form .message{
    max-width: 100%;
}
.ul_products_radio{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ul_products_radio .checkbox {
    color:#737373 ;
    font-family: Century Gothic;
font-weight: 400;
font-style: Regular;
font-size: 15px;
gap: 10px;
leading-trim: NONE;
text-align: start;
line-height: 22px;
letter-spacing: 0%;
vertical-align: middle;

}
.beautification_form_checkbox input{
    width: auto;
}
#beautification_form .blue_btn{
    max-width: 350px;
}
.flex_beautification_form{
    padding: 10px 0px;
}
#beautification_form select{
    max-width: 100%;
}
.gray_label{
color: #737373;
    font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: left;

}

.flex_btn_error{
    margin-top: 20px;
    display: flex;
    gap: 10px;
}

.modal-body.message{
    max-width: 100%;
}

.flex_btn_error a{
    max-width: 200px;
}
.btn_life_story{
    margin-top: 30px;
    max-width: 200px;
}
#life_story_form textarea{
    height: 312px;
}
#life_story_form .flex_title_message{
    margin-bottom: 5px;
}

#editing_burial_form .beautification_form_checkbox{
    margin-top: 0px;
    margin-bottom: 5px;
}
#editing_burial_form .block_input{
    padding: 10px 0px;
}

#editing_burial_form .btn_blue{
    max-width: 150px;
}

.mini_flex_li_product_2 .share_btn{
    position: relative;
    top: 0px;
    left: 0px;
}

#authCoordinatesModal  .modal-dialog{
    max-width: 500px;
}

#authCoordinatesModal  .block_input{
    margin-bottom: 15px;
}
#verifyCodeForm .blue_btn{
    height: 46px;
}

.block_info_how_make_order_burial{
    padding: 20px 0px;
}
.block_video{
    position: relative;
}
.block_video video{
    margin-top: 20px;
    width: 100%;
    height: 100%;
    border-radius: 12px;
}
.ul_info_how_make_order_burial{
    display: grid;
    grid-template-columns:  1fr 1fr 1fr 1fr;
    gap: 20px;
    margin:20px 0px;
}
.li_info_how_make_order_burial img{
    width: 100%;
    margin-bottom: 10px;
    background: white;
    object-fit: cover;
    border-radius: 12px;
    height: 164px;
}






/* Стили для переключателя типа категорий */
.category-type-switcher {
    display: flex;
    gap: 10px;
    padding: 5px;
    border-radius: 12px;
    background: white;
    margin-bottom: 20px;
    justify-content: start;
}

.category-type-btn {
    padding: 10px 20px;
    border: 1px solid #0080D7;
    background: white;
    color: #007bff;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.3s ease;
    font-family: inherit;
}

.category-type-btn.active {
    background: #0080D7;
    color: white;
}

.category-type-btn:hover {
    background: #0080D7;
    color: white;
}

/* Горизонтальный скролл главных категорий */
.main-categories-scroll {
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.main-categories-scroll::-webkit-scrollbar {
    height: 6px;
}

.main-categories-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.main-categories-scroll::-webkit-scrollbar-thumb {
    background: #007bff;
    border-radius: 3px;
}

.main-categories-container {
    display: flex;
    gap: 15px;
    padding: 10px 0;
    min-width: min-content;
}

.main-category-btn {
    color: black;
    cursor: pointer;
    white-space: nowrap;
    font-size: 16px;
    transition: all 0.3s ease;
    flex-shrink: 0;
    background:none;
    outline:none;
    border:none;
    text-decoration: none;
    font-family: inherit;
}
.main-category-btn.active{
    border-bottom: 3px solid #0080D7;
}

/* Контейнер подкатегорий */
.subcategories-container {
    min-height: 100px;
    max-width: 90%;
    position: relative;
}


.subcategories-grid {
    flex-direction: column-reverse;
    gap: 15px;
    animation: fadeIn 0.3s ease;
    display: none;
}

.subcategories-grid.active {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.subcategory-link {
    display: block;
    padding: 12px 15px;
    background: white;
    border-radius: 12px;
    text-decoration: none;
    font-size:16px;
    color: black;
    border: 1px solid #0080D7;
    transition: all 0.3s ease;
    text-align: start;
}

.subcategory-link .text_black{
    font-family: Century Gothic;
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

}

.phone_footer{
    margin-top: 15px ;
}

.ul_pages_footer .blue_light_btn{
    margin-top: 10px;
}
.ul_pages_footer .title_page_footer{
    margin-bottom: 10px;
}

.flex_btn_mobile_cart_org .blue_light_btn{
    display: none;
}

.subcategory-link:hover {
    background: #0080D7;
    color: white !important;
    
    border-color: #0080D7;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2);
}

.subcategory-link:hover .text_black {
    color: white
}


.no-subcategories {
    text-align: center;
    color: #666;
    font-style: italic;
    grid-column: 1 / -1;
}

/* Адаптивность */
@media (max-width: 768px) {
    .category-type-switcher ,.main-categories-scroll{
       overflow-x: scroll;
       margin-bottom: 0px;
    }
    .category-type-switcher{
        margin-top: 20px;
    }
    .category-type-switcher::-webkit-scrollbar ,.main-categories-scroll::-webkit-scrollbar{
        display: none;
    }
    
    .main-category-btn {
        padding: 10px 15px;
        font-size: 14px;
    }
    
    .subcategories-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
}



.content_burial_single .mini_flex_li_product_2{
    display: flex;
    gap: 20px;
    flex-direction: row;
    justify-content: space-between;
}
.content_burial_single .mini_flex_li_product_2 .title{
    max-width: 280px;
}


.inn_input{
    max-width: 436px;
}
.ul_cemtery{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    gap: 15px;
}

.input_print .input__wrapper{
    padding:40px 15px;
    margin-bottom: 25px;
    border-radius: 12px;
    border: 1px dashed  #737373;
}

.input__file-button-text_2 img{
    width: 40px;
}
.input_print .input__file-button-text,.input_print .input__file-button-text_2{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #737373;
    text-align: center;
}
.ul_img_agent{
    display: flex;
    gap: 10px;
}
.flex_input_print{
    display: flex;
    gap: 20px;
    align-items: center;
}
.ul_img_agent img{
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.img_agent{
    cursor: pointer;
    position: relative;
}
.bac_img_agent{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    height: 100%;
    background: #181C2199;
    align-items: center;
    justify-content: center;
}
.img_agent:hover .bac_img_agent{
    display: flex;
}
.bac_img_agent img{
    width: 20px;
}
.gray_btn{
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    background: #F7F7F8;
    color: #737373;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;

}
.input_print_form{
    display: none;
}
.input_print_form .message{
    max-width: 530px;
}
.input_print_form .blue_btn{
    width: 100%;
    max-width: 100%;
}

.block_single_product .swiper_button_prev_rewies,.block_one_single_product .swiper_button_prev_rewies{
    left: 20px;
}
.block_single_product .swiper_button_next_rewies,.block_one_single_product .swiper_button_next_rewies{
    right: 20px;
}


.navigation{
    padding: 40px 0px;
    display: flex;
    align-items: center;
    gap: 5px;
    overflow-x: scroll;
    font-size: 16px;
    font-weight: 400;
    color: #737373;
    line-height: 24px;
    text-align: left;
}
.navigation a{
    font-size: 16px;
    font-weight: 400;
    color: #737373;
    text-decoration: none;
    line-height: 24px;
    text-align: left;
}
.navigation span{
    color: #181C21;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;

}

.block_one_single_product{
    overflow: hidden;

}
.product_swiper{
    overflow: hidden;
    width: 100%;
}
.product_swiper .swiper-slide img{
    width: 100%;
    object-fit: cover;
}

.similar_products .title_product_market{
    height: 65px;
}

.content_product{
font-size: 16px;
font-weight: 400;
color: #181C21;
line-height: 24px;
text-align: left;

    border: 1px solid #E9E8EA;
    padding: 25px;
    margin: 20px 0px;
}


.add_like_product{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 10;
}

.open_parameters{
     position: absolute;
    bottom: 16px;
    right: 20px;
    cursor: pointer;
    z-index: 10;
}

.gray_mini_text{
color: #737373;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
font-family: 'Century Gothic';

}
.sale_text{
font-size: 16px;
display: flex;
align-items: center;
gap: 5px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: #181C21;
}
.strong_gray_text{
font-size: 16px;
font-weight: 600;
color: #737373;
line-height: 24px;
text-align: left;

}
.flex_main_price{
    padding-top: 20px;
    border-top: 1px solid #E9E8EA;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.product_sidebar_block{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.product_sidebar_block .title_news{
    margin: 0px;
}
.product_sidebar_block select{
    width: 100%;
    border: 1px solid #E9E8EA;
    padding: 12px 20px;
    font-size: 16px;
    outline: none;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    
}
.li_parametr{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0px;
}
.black_text{
    font-size: 16px;
    font-weight: 400;
    color: #181C21;
    line-height: 24px;
    text-align: left;
}
.title_parametr{
font-size: 16px;
color: #181C21;
font-weight: 600;
line-height: 24px;
text-align: left;

}
.input_additional{
    display: flex;
    align-items: center;
    gap: 10px;
font-size: 16px;
font-weight: 400;
color: #181C21;
line-height: 24px;
text-align: left;

}
.input_additional .title_news{
    margin: 0px;
    margin-left: auto;
}
.input_location{
    position: relative;
}
.open_location{
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 20px;
    z-index: 2;
    width: 24px;
    height: 24px;
}

.blue_btn.li_location{
    width: 100px;
    margin-bottom: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    text-decoration: none;
}
.li_location{
    padding: 10px;
    font-size: 13px;
    border-radius: 12px;
    background: white;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
    font-weight: 400;
    text-decoration: underline;
    color: #181C21;
    text-decoration: none;
    line-height: 16px;
    text-align: left;
}

.li_location:hover{
    background: #B9D7FE;
    color: #008AED;
   
}


.raiting_table a{
    color: #181C21;
    text-decoration: none;
}

.raiting_table .name_organization img{
    border-radius: 6px;
}


.raiting_table a:hover{
    transition: all ease-in-out 0.3s;
    color: #0080D7;
}



.block_location .title_news,#location_form .flex_title_message,#location_form_2 .flex_title_message{
    margin: 0px;
}
.html_geo{
    min-height: 600px;
}
.html_geo .block_location{
    overflow-y: scroll;
}
.ul_location{
    transition: all 0.3s ease;
    max-height: 500px;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:20px;
}
.block_location .title_news{
    margin: 15px 0px 10px 0px;
}
.cities_ul,.cemetery_ul{
    padding: 0px;
    display: none;
}
.favorite_burial_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.favorite_burial_title img{
    width: 23px;
}

.li_cemetery_agent{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    max-width: 450px;
}
.input_location_flex{
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 20px;
}


.cats_product{
    padding: 50px 0px;
    padding-top: 20px;
}
.title_blue{
font-size: 22px;
font-weight: 600;
line-height: 33px;
    padding: 30px 0px;
    color: #0080D7;
}
.title_blue_big{
    
font-size: 28px;
font-weight: 600;
color: #0080D7;

line-height: 42px;
text-align: left;

}
.title_green_big{
    
font-size: 28px;
font-weight: 600;
line-height: 42px;
text-align: left;

    color: #61CA0B;
}
.ul_cats_product{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 40px 0px;
}
.painting_fence .ul_stages_service{
    margin-top: 20px;
}
.li_cat_product{
    display: none;
    padding: 20px;
    background: #F7F7F8;
}
.li_cat_product:nth-child(1),.li_cat_product:nth-child(2),.li_cat_product:nth-child(3),.li_cat_product:nth-child(4),.li_cat_product:nth-child(5),.li_cat_product:nth-child(6){
    display: block;
}

.ul_children_cat_product{
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    gap: 12px;
}
.li_cat_children_product{
    transition: all ease-in-out 0.2s;
    color: #181C21;
}
.ul_children_cat_product .li_cat_children_product{
    display: none;
}

.ul_children_cat_product .li_cat_children_product:nth-child(1),.ul_children_cat_product .li_cat_children_product:nth-child(2){
    display: block;
}

.see_all_cats_product{
    max-width: 200px;
    margin: 20px auto;
    display: flex;
    align-items: center;
    gap: 15px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
line-height: 24px;
text-align: center;

}
.phone_header{
    margin-left: auto;
font-weight: 700;
font-style: Bold;
color: #B9D7FE;
font-size: 18px;
leading-trim: NONE;
line-height: 22px;
text-decoration: none;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}

.cats_product .blue_btn{
    max-width: 282px;
    display: block;
    margin: 0 auto;
}

.services_beautification{
    display: block;
}

.speczialist{
    padding: 60px 0px;
}

.block_speczialist
.title_big_blue{
    color: #0080D7;
    font-family: 'EB Garamond';
    font-size: 56px;
    font-weight: 700;
    line-height: 61.6px;
    text-align: center; 
}

.text_black_bold{
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all ease-in-out 0.2s;
line-height: 24px;
color: #050505;
text-align: center;

}
.content_speczialist_index .title_news:hover{
    color: #0080D7;
}
.content_page_speczialist{
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
}

.content_page_speczialist img{
    width: 100%;
}
.content_page_speczialist a{
    color: #0080D7;
}
.speczialist_index_img{
    width: 100%;
    margin: 20px;
    max-width: 450px;
}

.form_login,.form_login_2{
    box-shadow: -1px 4px 13px 3px rgba(34, 60, 80, 0.2);
    padding: 20px;
    max-width: 600px;
    margin: 40px auto;
     display: flex;
    flex-direction: column;
    gap: 10px;
}



.password_input_wrapper{
    position: relative;
}

.toggle_password{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
}

.form-check {
    padding: 0px;
    margin: 0px;
    display: flex;
    gap: 10px;
    flex-direction: row;
}
.form-check input{
    
    width: auto;
}
.block_form_check{
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
}

.form_login ,.form_login_2{
    background: white;
    border-radius: 12px;
}

.form_login .blue_btn,.form_login_2 .blue_btn{
    max-width: 100%;
}
.form_login .text_li a,.form_login_2 .text_li a{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #737373;
}

.content_cemetery .blue_btn{
    color: white;
    display: block;
    max-width: 200px;
    margin-top: 20px;
}
.text_decoration{
    text-decoration: underline;
}


.filterModal .modal-content{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
}

.marketplace_filters .blue_btn{
    gap: 10px;
    padding: 9px 20px;
}

.rating_prices{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:20px;
    margin-bottom: 50px;
}
.li_rating_price{
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 12px;
    background: white;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 20px;
    min-height: 260px;
}

.li_rating_price .text_black{
    text-align: center;
}

.price_rating{
    font-family: Century Gothic;
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
border-radius: 6px;
line-height: 20px;
letter-spacing: 0%;
min-width: 89px;
vertical-align: middle;
color: #181C21;
    background: #B9D7FE;
    padding: 12px 20px;
}


.product_market{
    padding: 20px 0px;
    padding-top: 0px;
}
.grid_product_two{
    margin-top: 30px;
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 20px;
}
.one_block_market{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.flex_filters_products{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.filter_block {
    width: 100%;
    border:none;
    outline: none;
}
.marketplace_filters{
    justify-content: start;
}
.marketplace_filters .filter_block,.marketplace_filters .filter_sort{
    max-width: 100%;
}
.filter_block select{
    width: 100%;
    padding: 12px 20px 12px 24px;
    border:0px ;
    outline: none ;
    width: 100%;
padding-left: 10px;
background: white;
border-radius: 12px;
color: #181C21;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}

.cart_organization_sidebar{
    padding: 15px;
    border-radius: 12px;
    background: white;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.header_cart_organization_sidebar{
     display: flex;
     align-items: center;
     gap: 20px;
     justify-content: space-between;
}
.cart_organization_sidebar .blue_btn{
    gap: 10px;
    display: flex;
    align-items: center;

}

.li_place .header_cart_organization_sidebar{
    align-items: start;
}

.header_cart_organization_sidebar .title_middle{
    color: #0080D7;
}

.ul-products-marketplace{
    margin-bottom: 40px;
}

.ul_product_market{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.li_product_market  .text_gray{
    text-decoration: none;
}

.block_similar_product{
    margin: 20px 0px;
    position: relative;
}

.li_product_market{
    display: flex;
    min-height: 321px;
    flex-direction: column;
    background: #F0F0ED;
    border-radius: 20px;
    padding: 10px 8px 10px 8px;
}
.img_market_product{
    width: 100%;
    max-height: 240px;
    border-radius: 18px;
    height: 100%;
    object-fit: contain;
}
.img_block_our_product .img_market_product{
    border-radius: 12px 12px 0px 0px;
}

.filter_block_organization select.active_select_filter_organiaztion{
    background: #0080D7 !important;
    color: white;
}


.filter_block_organization select.active_select_filter_organiaztion_2{
    display: block;
   
}
.title_product_market{
    font-family: 'EB Garamond';
font-size: 16px;
font-weight: 700;
color: #181C21;
line-height: 27px;
text-align: left;
padding-bottom: 5px;

}
.li_product_market .text_li{
    color: #181C21;
    padding: 5px 0px;
}
.flex_btn_li_product_market{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: auto;
    padding-top: 5px;
    justify-content: space-between;
}

.price_product_market{
font-size: 20px;
font-weight: 400;
line-height: 30px;
text-align: left;
}

.price_product{
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;

}

.ul_products_sidebar_places .flex_btn_li_product_market .blue_btn{
    margin-bottom: 0px;
}
.mobile_sidebar_ritual_object,.mobile_title_ritual_object{
    display: none;
}

.flex_btn_li_product_market .blue_btn{
    min-width: 130px;
    background: #0080D7;
}
.flex_btn_li_product_market .blue_btn img{
    min-height: 20px;
}
.blue_block_all_price{
    border: 1px solid #0080D7;
    color: #0080D7;
font-size: 22px;
font-weight: 600;

line-height: 36px;
text-align: center;
    padding: 16px 32px 16px 32px;
}
.title_cat_marketplace{
    font-family: 'EB Garamond';
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding-bottom:20px ;
    margin-top: 20px;
    border-bottom: 1px solid #E9E8EA;
    text-align: left;

}

.js-universal-swiper{
    margin-top: 20px;
}

.block_product_cats{
    padding: 20px;
    border: 1px solid #E9E8EA;
}


.ul_cats_marketplace{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.main_cat{
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.li_cat_main_marketplace{
font-size: 16px;
font-weight: 400;
padding: 20px;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
line-height: 24px;
color: #181C21;
text-decoration: none;
text-align: left;

}
.ul_childern_cats_marketplace{
    padding: 20px 20px 20px 40px;
    display: none;
    flex-direction: column;
    border: 1px solid #E9E8EA;
}
.li_cat_children_marketplace{
    padding: 10px 0px;
    cursor: pointer;
}
a.title_product_market{
    text-decoration: none;
    transition: all ease-in-out 0.2s;
}
a.title_product_market:hover{
    color: #0080D7;
}
.li_cat_children_marketplace,.li_cat_children_marketplace a{
font-size: 16px;
font-weight: 400;
color: #181C21;
display:block;
transition: all ease-in-out 0.2s;
text-decoration: none;
line-height: 24px;
text-align: left;

}
.li_cat_children_marketplace:hover{
    color: #0080D7;

}
.grid_two_cart{
    display: flex;
    gap: 20px;
}
.image_product_cart img{
    width: 100%;
    height: 100%;
    max-height: 240px;
    max-width: 270px;
}
.comment{
    font-size: 16px;
    font-weight: 400;
    color: #181C21;
    line-height: 24px;
    text-align: left;
    border: 1px solid #E9E8EA;
    padding:20px 10px;
    margin: 20px 0px;
    
}
.title_cart input{
    padding: 12px 20px;
    color: #181C21;
    border: 1px solid #E9E8EA;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    outline: none;
    width: 100%;
    text-align: left;
    width: 100%;
    max-width: 100px;

}
.title a{
    color: #181C21;
}
.flex_comment{
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.checkout .title_middle{
    margin-bottom: 20px;
}
.checkout .total_price_cart{
    margin: 0px;
}
.content_product .blue_btn{
    width: auto;
    max-width: 200px;
}

.cart_marketplace{
    padding: 40px 0px;
}
.cart_marketplace .blue_btn{
    max-width: 200px;
    margin: 20px auto;
    display: block;
}
.cart_marketplace .index_title{
    max-width: 100%;
    margin-bottom: 20px;
}
.text_page_marketplace{
font-size: 24px;
font-weight: 400;
line-height: 36px;
text-align: left;

color: #181C21;
}
.about_service,.manual{
    padding: 40px 0px;
}
.manual .title,.about_service .title{
    margin-bottom: 30px;
}
.text_about_service{
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
    
}
.pagination{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 30px 0px;
}
.active>.page-link, .page-link.active{
    background: #B9D7FE;
    border: 0px;
    color: #0080D7;
}
.page-link{
    background: none;
    border: 0px;
    color: #737373;
    width: 41px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.active_select{
    background: #0080D7 !important;
    color: white !important;
}
.manual video{
    width: 100%;
    max-width: 590px;
    margin: 30px  auto;
}
.manual .container{
    display: flex;
    flex-direction: column;
}
.flex_cemetery_market{
    display: flex;
    align-items: center;
    gap: 10px;
color: #737373;
font-size: 20px;
font-weight: 600;
margin-top: 20px;
line-height: 30px;
text-align: left;
cursor: pointer;

}
.input_location_settings{
    background: #F7F7F8;
    padding: 10px;
    max-width: 450px;
}
.input_location_settings .input_location input{
    border: none;
    padding: 30px 12px;
}
.input_location_settings .input_location img{
    width: 50px;
    height: 50px;
}

.text_location_input{
    color: #737373;
padding: 10px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;

}



/* Основной контейнер поиска */
.main-search-container {
    position: relative;
    width: 70%; /* Ширина 70% */
    display: flex;
    align-items: center;
    background: white;
    border: 2px solid #0080D7;
    border-radius: 12px; /* Уменьшенное скругление */
    transition: all 0.2s ease;
    height: 44px; /* Уменьшенная высота */
}



/* Поле ввода */
.main-search-input {
    flex: 1;
    height: 48px; /* Уменьшенная высота */
    padding: 0 18px; /* Уменьшенные отступы */
    border: none;
    border-radius: 40px 0 0 40px;
    font-size: 15px; /* Уменьшенный шрифт */
    line-height: 20px;
    color: #181C21;
    background: transparent;
    outline: none;
    font-family: inherit;
    font-weight: 400;
}

.main-search-input::placeholder {
    color: #8a8a8a;
    font-weight: 400;
    font-size: 15px;
}

/* Кнопка поиска */
.main-search-button {
    width: 84px; /* Уменьшенная ширина */
    height: 48px; /* Уменьшенная высота */
    border: none;
    background: transparent;
    border-radius: 0 40px 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    flex-shrink: 0;
    padding: 0;
}

.main-search-btn-catalog{
     width: 40px; /* Уменьшенная ширина */
    height: 36px; /* Уменьшенная высота */
    border: none;
    background: transparent;
    border-radius:12px;
    border-radius: 8px !important;
    display: flex;
    align-items: center;
    background: #0080D7;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    flex-shrink: 0;
    padding: 0;
    margin-left: 3px;
}


/* Иконки поиска */
.main-search-icon {
    width: 20px; /* Уменьшенная иконка */
    height: 20px;
    transition: transform 0.2s ease;
    opacity: 0.8;
}


/* Разделитель */
.main-search-button::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 30px; /* Уменьшенный разделитель */
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(54, 129, 197, 0.3), transparent);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.main-search-button:hover::after {
    opacity: 1;
}



    /* Обертка для сохранения пропорций до загрузки фото */
.img-skeleton-wrapper {
    width: 100%;
    height: 200px; /* УКАЖИТЕ СВОЮ ВЫСОТУ */
    border-radius: 8px; /* Если нужны скругления углов */
    overflow: hidden;
    position: relative;
    background-color: #f3f3f3;
}

/* Сама картинка */
.li_product .img_market_product {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0; /* Изначально картинка прозрачная */
    transition: opacity 0.4s ease-in-out; /* Плавное появление */
}

/* Этот класс добавляется через JS (onload), когда фото загрузилось */
.img_market_product.loaded {
    opacity: 1;
}

/* Анимация мерцания (скелетон) */
.skeleton-shimmer {
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 100%;
    animation: shimmer 1.5s linear infinite forwards;
}

@keyframes shimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}




/* Адаптивность */
@media (max-width: 992px) {
    .main-search-container {
        width: 80%; /* Чуть шире на планшетах */
    }
}

@media (max-width: 768px) {
    .main-search-container {
        width: 90%; /* Еще шире на мобилках */
        height: 44px;
        border-radius: 30px;
    }
    
    .main-search-input {
        height: 44px;
        padding: 0 16px;
        font-size: 14px;
    }
    
    .main-search-input::placeholder {
        font-size: 14px;
    }
    
    .main-search-button {
        width: 50px;
        height: 44px;
        border-radius: 0 30px 30px 0;
    }
    
    .main-search-icon,
    .img_light_theme{
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 480px) {
    .main-search-container {
        width: 95%; /* Почти на всю ширину на маленьких экранах */
        height: 42px;
    }
    
    .main-search-input {
        height: 42px;
        padding: 0 14px;
        font-size: 13px;
    }
    
    .main-search-button {
        width: 46px;
        height: 42px;
    }
}

.city_selected{
    min-width: 135px;
    cursor: pointer;
    margin-left: auto;
    background: none;
}
.open_children_pages{
    display: flex;
    cursor: pointer;
    gap: 10px;
        
    font-size: 16px;
    font-weight: 600;
    color: #181C21;
    align-items: center;
    position: relative;
}
.open_children_pages img{
    width: 9px;
}
.active_category{
    color: #0080D7;
}
.active_main_category{
    color: white;
    background-color: #0080D7;
}
.children_pages{
    position: absolute;
    top: 130%;
    left: 0;
    width: 100%;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    z-index: 10;
    display: none;
}
.children_pages a{
    width: 100%;
}

.li_location{
    color: #181C21;
}
.width_100{
    width: 100%;
    max-width: none !important;
}

.order_product_price{
font-size: 20px;
font-weight: 400;
line-height: 30px;
text-align: left;

}

.li_order .order_product_price{
    margin-top: 20px;
}

.single_service{
    padding: 40px 0px;
}

.border_gray{
    padding: 20px;
    border: 1px solid #E9E8EA;
}
.capture_page_advantage{
    margin: 20px 0px;
}
.ul_advanyages_service{
    display: flex;
    margin-top: 20px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.li_advantage_service{
    position: relative;
    max-width: 233px;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: start;
}
.li_advantage_service .text_black_middle{
    max-width: 150px;
}

.number_blue{
    font-family: Manrope;
font-weight: 800;
font-style: ExtraBold;
font-size: 44.25px;
leading-trim: NONE;
line-height: 53.11px;
letter-spacing: 0%;
vertical-align: middle;

}
.li_advantage_service_img img{
    width: 44px !important ;
    height: 44px !important ;
      position: absolute;
    top: 7px !important;
    left: auto !important;
    right: 0px !important;
    z-index: 2;
}

.li_advantage_service .number_blue{
    position: absolute;
    top: 0px;
    right: 10px;
    color: #0080D7;
    z-index: 1;
}


.li_advantage_service img{
    width: 100%;
    z-index: -1;
    height: 100%;
        top: 0;
    left: 0;
    position: absolute;
}


.single_service .border_blue_btn,.single_service .blue_btn{
    max-width: 400px;
    width: 100%;
    margin: 0px auto;
}
.block_single_cemetery .title_our_works{
    margin-bottom: 30px;
}
.title_our_works a{
    color: #181C21;
}
.single_service .container{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.single_service .text_block .title{
    margin-bottom: 20px;
}

.single_service .cats_product{
    padding-top: 0px;
}

.ul_stages_service{
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 50px;
    
}
.li_stage_service{
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 3fr;
}
.img_service_stage{
    position: relative;
}
.img_service_stage img{
    max-width:290px;
    width: 100%;
}
.count_service{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #0080D7;
    color: white;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
line-height: 36px;
text-align: center;
position: absolute;
top: -20px;
left: -15px;

}
.video_service{
    position: relative;
}
.video_service video{
    width: 100%;
    min-width: 100%;
    max-height: 700px;
    min-height: 100%;
}
.content_stage_service{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.btn_play_video{
    position: absolute;
    top: 50%;
    cursor: pointer;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    display: block;
    width: 80px;
    height: 80px;
    max-width: 80px;
    max-height: 80px;
}
.none_btn_play_video{
    display: none;
}
.text_block_mini {
    color: #181C21;
}
.cats_product .container{
gap: 0px;
}
.single_flex_btn {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.img_structure{
    margin: 20px 0px;
    width: 100%;
}
.block_filter_cemeteries{
    margin-top: 30px;
}
.block_filter_cemeteries select{
    margin: 20px 0px;
    width: 100%;
    padding: 12px 20px;
    background: #E9E8EA;
    outline: none;
    border: 1px solid #E9E8EA;
color: #737373;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;

    max-width: 590px;
}





.bac_loader{
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    z-index: 112;
    height: 100%;
    background: white;
    opacity: 0.3;
}
.load_block{
    position: fixed;
    top: 50%;
    display: none;
    left: 50%;
    z-index: 113;
    transform: translate(-50%,-50%);
}

.load_block_2{
    position: absolute;
    top: 50%;
    z-index: 2;
    display: none;
    left: 50%;
}

.add_to_cart_product{
display: flex;
justify-content: center;
align-items: center;
}
.add_to_cart_product img{
    width: 20px;
    margin-left: 10px;
}
.line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #4b9cdb;
  }
  
  
  .spinner {
    position: relative;
    width: 65px;
    height: 65px;
    margin: 0 auto;
  }
  
  .bubble-1,
  .bubble-2 {
    position: absolute;
    top: 0;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #4b9cdb;
  }
  
  .bubble-2 {
    top: auto;
    bottom: 0;
  }
  
  .rewies_swiper {
    width: 100%;
  }
  .load-9 .spinner {
    animation: loadingI 2s linear infinite;
  }
  .load-9 .bubble-1,
  .load-9 .bubble-2 {
    animation: bounce 2s ease-in-out infinite;
  }
  .load-9 .bubble-2 {
    animation-delay: -1s;
  }
  
  .single_service .form_search,.single_service .faq,.single_service .rewies{
    padding: 10px 0px;
  }
  .single_service .rewies .container,.single_service .faq .container  {
    gap: 0px;
  }
  .title_li a{
    color: #181C21;

  }
  .single_service .text_block .title_li{
    margin-bottom: 15px;
  }
  @keyframes loadingI {
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes bounce {
    0%,
    100% {
      transform: scale(0);
    }
    50% {
      transform: scale(1);
    }
  }

.product_market .index_title{
    max-width: 100%;
}
.html_faqs_wrap .faq,.html_cat_manual_wrap .manual{
    padding: 0px;
}
.form_city_select {
    position: relative;
}


.form_city_select input{
    width: 100%;
    border-radius:10px ;
    border: 0px;
    height: 40px;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #737373;
    padding: 10px 20px;
}
.icon_search{
    position: absolute;
    top: 10px;
    width: 22px;
    height: 21px;
    right: 10px;
}
.abs_cities{
position: absolute;
    z-index: 10;
    display: grid;
    grid-template-columns: 1fr 1fr;
    top: 0%;
    gap: 20px;
    left: -1%;
    background-color: #F2F1F0;
    min-height: 100%;
    max-height: 111px;
    overflow-y: scroll;
    width: 102%;
}
.abs_cities a{
    font-size: 16px;
    display: block;
    color: #181C21;
    transition: all ease-in-out 0.2s;
    width: 100%;
    padding: 10px 20px;
    background: white;
}
.abs_cities a:hover{
    color: #0080D7;
}

.product_price_list{
    padding: 40px 0px;
}
.product_price_list .container{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.product_price_list .rewies,.product_price_list .cats_product,.product_price_list .form_search,.product_price_list .faq{
    padding: 0px;
}
.product_price_list .rewies .container,.product_price_list .faq .container,.product_price_list .cats_product .container{
    gap: 0px;
}
.ul_advice{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}
.li_advice img{
    width: 100%;
    min-height: 300px;
}
.product_single .grid_two_page{
    padding: 0px;
}
.title_advice{
    padding: 20px;
    background: #0080D7;
color: white;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;

}




.videos_products_price_list{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.text_block .title{
    margin-bottom: 20px;
}
.single_flex_btn{
    align-items: center;
    justify-content: center;
}
.single_flex_btn div,.single_flex_btn a{
    min-width: 280px;
}
.text_block p{
    margin: 20px 0px;
}
.margin_text {
    padding: 40px 0px;
}

.ul_stages_product_price_list{
    display:flex;
    padding: 30px 0px;
    flex-direction: column;
    gap: 30px;
}
.li_stage_product_price_list{
    display: flex;
    gap: 20px;
}
.number_li_stage{
    min-width: 46px;
    height: 46px;
color: white;
    font-size: 24px;
font-weight: 600;
line-height: 36px;
text-align: center;

    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0080D7;
}
.content_stage{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.content_stage .title_news{
    margin: 0px;
}



.block_variants .title{
    margin-bottom: 20px;
}
.ul_variants{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    padding: 30px 0px;
}
.li_variant{
    border:1px solid  #E9E8EA;
    padding: 20px 35px;
}
.li_variant img{
    width: 100%;
}
.li_variant .title_li{
    text-align: center;
    margin-top: 25px;
}

.ul_products{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.aplication{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #181C21;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;

}
.text_center{
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    width: 100%;
    justify-content: center;
}
.text_center div{
    text-align: center;
}
.form_popup{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.aplication input{
    width: 30px;
}
.aplication p{
    margin: 0px;
}
.form_popup .blue_btn{
    max-width: 350px;
    width: auto;
}
.beautification_form_checkbox .title_news{
    margin: 0px;
    margin-bottom: 10px;
}

.flex_input{
    display: flex;
    align-items: center;
    gap: 10px;
}
#funeral_services_form select{
    max-width: 100%;
}
.service_funeral_arrangements{
    display: none;
}

.block_prices_org_sidebar{
    padding: 15px;
    border-radius: 12px;
    background: white;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ul_prices_org{
     display: flex;
    flex-direction: column;
    gap: 10px;
}
.li_price_org{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.text_gray_middle{
font-weight: 700;
font-style: Bold;
font-size: 15px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0%;
color: #737373;
vertical-align: middle;

}
.li_price_org span{
    font-size: 14px;
}

.text_black_middle{
font-family: Century Gothic;
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
text-decoration: none;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;
color: #181C21;
}






/* Затемненный фон - ДОЛЖЕН БЫТЬ НИЖЕ ХЕДЕРА */
.search-overlay-under-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 108; /* НИЖЕ черного хедера (110) и основного хедера (109) */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.search-overlay-under-header.show {
    opacity: 1;
    visibility: visible;
}

/* Контейнер результатов поиска */
.search-results-container {
    position: fixed;
    top: 110px; /* Отступ от верха, под хедером */
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
    background: white;
    border-radius:8px 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 111; /* Выше overlay (108) и хедеров (109-110), но ниже поля ввода (112) */
    max-height: 70vh;
    overflow-y: auto;
    pointer-events: none;
}

.search-results-container.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.search-results-wrapper {
    padding: 20px;
}

/* Стили для результатов */
.search-results-content {
    color: #333;
}

.search-category {
    margin-bottom: 25px;
}

.search-category-title {
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.search-results-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.search-result-item {
    padding: 12px 15px;
    border-radius: 6px;
    transition: background-color 0.2s;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.search-result-item:hover {
    background-color: #f5f5f5;
}

.search-result-item a {
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: center;
    width: 100%;
}

.search-result-icon {
    margin-right: 12px;
    color: #007bff;
    font-size: 18px;
}

.search-result-text {
    flex-grow: 1;
}

.search-result-title {
    font-size: 16px;
    margin-bottom: 4px;
}

.search-result-subtitle {
    font-size: 13px;
    color: #666;
}

.search-hashtags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
}

.search-hashtag {
    padding: 6px 12px;
    background: #f0f0f0;
    border-radius: 20px;
    font-size: 13px;
    color: #555;
    text-decoration: none;
    transition: all 0.2s;
}

.search-hashtag:hover {
    background: #e0e0e0;
    color: #007bff;
}

.search-loading,
.search-no-results {
    text-align: center;
    padding: 40px 20px;
    color: #666;
}

.search-loading-spinner {
    border: 3px solid #f3f3f3;
    border-top: 3px solid #007bff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Адаптивность */
@media (max-width: 768px) {
    .main-search-container {
        margin: 10px 0;
        max-width: 100%;
    }
    
    .search-results-container {
        top: 100px;
        width: 95%;
        max-height: 60vh;
    }
}




/* --- Мобильное меню (полный набор) --- */
.mobile-menu-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
}
.mobile-menu-overlay.show {
    opacity: 1;
    visibility: visible;
}

.mobile-menu {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100vh;
    background: #F2F1F0;
    z-index: 1001;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
.mobile-menu.show {
    transform: translateX(0);
}

.mobile-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
    padding-bottom: 0px;
}
.mobile-menu-title {
    font-size: 20px;
    font-weight: 600;
}
.mobile-menu-close {
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
}

.mobile-menu-content {
    flex: 1;
    overflow-y: auto;
    padding: 16px 0;
}

/* Блок города */
.mobile-city-selector {
    padding:  12px 10px;
font-weight: 400;
color: white;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
text-align: start;
line-height: 18px;
letter-spacing: 0%;
vertical-align: middle;

    border-bottom: 1px solid #eee;
    background: #0080D7;
    cursor: pointer;
}

.mobile-city-label {
    font-size: 14px;
    color: #777;
    margin-bottom: 8px;
}
.mobile-city-current {
    display: flex;
    align-items: center;
    padding: 12px;
    background: #f5f5f5;
    border-radius: 8px;
}
.mobile-city-icon {
    width: 20px;
    margin-right: 10px;
}
.mobile-city-current span {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
}
.mobile-city-arrow {
    width: 12px;
    opacity: 0.6;
}

/* Пункты меню */
.mobile-menu-section {
    border-bottom: 1px solid #eee;
    padding: 8px 0;
}
.mobile-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

    padding: 12px 10px;
    text-decoration: none;
    cursor: pointer;
}

.mobile-menu-item span{
    gap: 5px;
    display: flex;
    align-items: center;

}

.mobile-menu-item:hover {
    background: #f5f5f5;
}
.single-item{
    justify-content: start;
}
.mobile-menu-arrow {
    width: 12px;
    transition: transform 0.3s;
}
.mobile-menu-item.active .mobile-menu-arrow {
    transform: rotate(90deg);
}
.mobile-submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background: #fafafa;
    padding: 0 16px;
}
.mobile-submenu.show {
    max-height: 300px;
}
.mobile-submenu-item {
    display: block;
    padding: 14px 0 14px 20px;
    color: #555;
    text-decoration: none;
    border-bottom: 1px solid #eee;
    font-size: 15px;
}
.mobile-submenu-item:last-child {
    border-bottom: none;
}

/* Иконка избранного */
.mobile-menu-like-icon {
    width: 20px;
    height: 20px;
}

/* Футер с кнопками */
.mobile-menu-footer {
    padding: 20px 16px;
    border-top: 1px solid #eee;
    margin-top: 10px;
    flex-shrink: 0;
}
.mobile-auth-btn {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    padding: 12px !important;
}
.mobile-auth-btn:last-child {
    margin-bottom: 0;
}





.checkbox{
    display: flex;
    align-items: center;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

    gap: 5px;
}
.checkbox input[type='checkbox']{
    display: none;
}
.checkbox::before{
    position: relative;
    min-width: 15px;
    min-height: 15px;
    background-size: 100% !important;
    display: block;
    content: '';
}

.call_time {
    display: none;
    top: -205%;
    background: #F7F7F8;
    width: 100%;
    max-width: 255px;
    padding: 12px 20px;

    position: absolute;
}
.call_time input[type="time"]{
    width: 100%;
    left: 0;
    outline: none;
font-size: 16px;
font-weight: 400;
border: none;
line-height: 24px;
text-align: center;
padding: 12px 20px;
    background: #F7F7F8;
}

.open_call_time,.block_call_time{
    position: relative;
}
.open_call_time{
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.open_call_time img{
    width: 15px !important;
}

.flex_block_single_organization  .li_spec_org .text_black_bold{
    min-width: 125px;
}

.flex_text_service_index{
    display: flex;
    align-items:center;
    gap: 10px;
    justify-content: space-between;
}
.flex_text_service_index img{
    width: 100%;
    max-height: 200px;
}
.grid_btn{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
.grid_btn div,.grid_btn a{
    width: 100%;
    max-width: 100%;
}
.gray_btn{
    background-color: #F1F1F1;
color: #181C21;
display: flex;
align-items: center;
padding: 12px 20px;
font-size: 16px;
justify-content: center;
text-align: center;
font-weight: 400;
line-height: 24px;
text-decoration: none;
text-align: center;

}

.text_middle_index{
color: #181C21;
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    text-align: left;
    text-decoration: none;
}

.li_product .text_middle_index{
    text-decoration: underline;
}

.blue_input{
color: #181C21;
padding: 10px 12px;
background: #F2F1F0;
font-size: 13px;
font-weight: 400;
line-height: 24px;
text-align: left;
border: none;
width: 100%;
border-radius: 10px;
outline: none;
}

.main_block_spec {
    overflow: hidden;
    position: relative;
background: linear-gradient(112.9deg, #FFFFFF 34.34%, #B9D7FE 94.04%);
padding: 86px 70px;
border-radius: 12px;
}
 
.content_spec{
    max-width: 286px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
}
.title_spec_big{
font-weight: 700;
color: #0080D7;
font-style: Bold;
font-size: 36px;
leading-trim: NONE;
line-height: 40px;
letter-spacing: 3%;
vertical-align: middle;
text-transform: uppercase;

}
.content_spec .title_spec_big{
    margin-bottom: 20px;
}

.content_spec .blue_btn{
    margin-top: 50px;
    margin-bottom: 20px;
}

.flex_icons_spec{
    display: flex;
    align-items: center;
    gap: 10px;
}
.flex_icons_spec a{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    background: #B9D7FE;
    align-items: center;
    justify-content: center;
}


.blue_light_btn{
    background: #B9D7FE;
    text-decoration: none;
padding: 10px 16px;
color: #008AED;
font-size: 13px;
font-weight: 400;
text-align: center;
justify-content: center;
align-items: center;
transition: all ease-in-out 0.3s;
display: flex;
text-align: left;
border: none;
width: 100%;
border-radius: 12px;
outline: none;
}

.img_spec_main{
    position: absolute;
    bottom: 0;
    right: 50px;
    z-index: 1;
}

.img_bac_main{
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.our_help_spec{
    margin: 40px 0px;
    margin-bottom: 30px;
}

.ul_help_spec{
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.text_recv_blue{
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Century Gothic;
font-weight: 700;
font-style: Bold;
font-size: 15px;
leading-trim: NONE;
color: #0080D7;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;

}
.block_not_doing_spec{
    border-radius: 12px;
    padding: 30px;
    height: 200px;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-top: 30px;
    background: #737373;
}
.block_not_doing_spec div{
    position: relative;
    z-index: 2;
}

.flex_not_doing{
    margin-top: 20px;
    max-width: 532px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;

}
.title_blue_light{
    font-family: Century Gothic;
font-weight: 700;
font-style: Bold;
font-size: 25px;
leading-trim: NONE;
line-height: 30px;
letter-spacing: 0%;
color: #B9D7FE;
text-align: center;
vertical-align: middle;

}


.block_about_spec{
    padding: 45px 40px;
    display: flex;
    background: white;
    border-radius: 12px;
    margin-top: 50px;
    position: relative;
    margin-bottom: 50px;
    flex-direction: column;

}

.img_about_spec{
    position: absolute;
    bottom: 0;
    right: 30px;
}

.block_about_spec .title_spec{
    margin-bottom: 20px;
}

.block_about_spec .text_gray{
        max-width: 525px;

}

.block_about_spec .block_conetnt_about_spec{
    margin-bottom: 15px;
        margin-top: 20px;
        max-width: 486px;

    display: flex;
    flex-direction: column;
    gap: 20px;
}
.flex_spec_about{
    display: flex;
    gap: 20px;
    align-items: start;
}

.flex_spec_about .title_middle_gray{
    min-width: 163px;
}


.title_middle_gray{
    font-family: Century Gothic;
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
color: #737373;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

}



.li_not_doing{
    align-items: start;
    display: flex;
    gap: 10px;
}

.li_not_doing div{
    text-align: start;
}

.li_help_spec{
    padding: 23px 20px;
    height: 100%;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
    justify-content: start;
    gap: 20px;
}

.li_help_spec .title_blue{
    font-family: Century Gothic;
font-weight: 700;
font-style: Bold;
font-size: 18px;
leading-trim: NONE;
line-height: 22px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}

.why_spec .li_advantage_service{
    height: 214px;
    justify-content: center;
    align-items: start;
    width: 214px;
    padding: 35px;
}
.why_spec .li_advantage_service .title_spec{
text-align: start;
}

.title_spec{
    font-family: Century Gothic;
font-weight: 700;
color: #0080D7;
font-style: Bold;
font-size: 25px;
leading-trim: NONE;
line-height: 30px;
letter-spacing: 0%;
vertical-align: middle;

}

.li_help_spec div{
    padding: 0px;
    text-align: center;
}


.form_consultation{
    padding: 30px 50px;
     background:  #B9D7FE;
    position: relative;
    border-radius: 12px;
}
.form_consultation form{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    max-width: 480px;
}

.form_consultation .blue_btn{
    width: 163px;
}

.form_consultation form,.form_consultation .title_spec{
    position: relative;
    max-width: 480px;
    z-index: 2;
}

.form_consultation .aplication_active{
    text-align: start;
    align-items: start;
    justify-content: start;
}


.img_bac_form_consultation{
    position: absolute;
    bottom: 0px;
    z-index: 1;
    right: -20px;
    height: 504px;
}


.form_consultation input,.form_consultation textarea {
    background: white
}

.form_search_burial .blue_light_btn{
    height: 36px;
}
.blue_input::placeholder{
    color: #737373;
}
.index_search{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.border_radius_btn{
    border-radius: 5px;
}
.mini_text{
color: #181C21;
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: left;

}
.mini_index_img{
    max-width: 95px;
    max-height: 95px;
    width: 100%;
}



.raiting{
    padding: 40px 0px;
}
.raiting_table{
    width: 100%;
}

.raiting_table th{
color: white;
font-size: 16px;
font-weight: 600;
text-align: left;

}
.raiting_table td,.raiting_table th{
    padding: 6px 12px;
}
.raiting_table tbody{
    padding-top: 30px;
}
.raiting_table tbody .name_organization{
    max-width: 260px;
}
.raiting_table tbody tr{
    border-top: 1px solid #737373;
}
.raiting_table tbody tr:last-child{
    border-bottom: none;
}
.title_organization{
color: #181C21;
transition: all ease-in-out 0.2s;
font-size: 14px;
font-weight: 600;
line-height: 19px;
text-decoration: none;
text-align: left;

}
.name_organization{
    display: flex;
    align-items: center;
    gap: 15px;
}
.name_organization img{
    width: 100%;
    height: 60px;
    max-width: 60px;
}

.text_black,.item_memorial_menu.text_black,.text_gray,.item_memorial_menu.text_gray,.text_blue,.error-options,.loading-options{
color: #181C21;
font-size: 13px;
font-weight: 400;
line-height: 16px;
text-align: left;

}

.block_round_search{
    position: absolute;
    border-radius: 12px;
    top: 0;
    right: 76px;
    height: 40px;
    z-index: 3;
    background: white;
    width: 40px;
}



.ul_burials{
    padding: 20px 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.li_burial{
    gap: 20px;
    padding: 10px;
    border-radius: 12px ;
    display: flex;
    background: white;
}
.img_burial_cart{
    min-width: 120px;
    max-width: 120px;
    overflow: hidden;
    position: relative;
}
.img_burial_cart a{
     min-width: 120px;
    max-width: 120px;
        height: 120px;

}

.img_burial_cart img{
    min-width: 120px;
    max-width: 120px;
    height: 120px;
    border-radius: 12px ;
    object-fit: cover;
}
.who_cart_burial{
    position: absolute;
    bottom: 0px;
font-weight: 400;
background: #FFFFFF80;
font-style: Regular;
font-size: 10px;
leading-trim: NONE;
line-height: 12px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
    left: 0px;
    z-index: 1;
    width: 100%;
}

.content_burial_cart{
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
}
.flex_burial_cart{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.title_middle_cart{
font-weight: 700;
font-style: Bold;
font-size: 15px;
color: #181C21;
text-decoration: none;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;

}







.text_blue{
    color: #0080D7;
}

.text_black h2{
    font-size: 20px;
    margin-top: 10px;
    font-weight: 500;
}

.text_gray,.item_memorial_menu.text_gray{
    color: #737373;
}

.block_content_organization_single .item_memorial_menu{
    min-width: 220px;
    max-width: 250px;
    text-align: right;
}

.raiting .text_block{
    margin-top: 5px ;
}
.li_memorial_dinner{
    padding: 20px;
    border: 1px solid #F1F1F1;
    gap: 30px;
    display: flex;
    flex-direction: column;

}
.title_memorial_dinner{
color: #181C21;
font-size: 20px;
font-weight: 600;
line-height: 30px;
text-align: left;

}

.flex_info_memorial_dinner{
    display: flex;
    align-items: start;
    gap: 20px;
}
.flex_info_memorial_dinner img{
    width: 100%;
    max-width: 110px;
    max-height: 110px;
    height: 100%;
}
.content_memorial_dinner{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.raiting_memorial_dinner{
    display: flex;
    align-items: center;
    gap: 10px;
}
.raiting_memorial_dinner img{
    width: 16px;
font-size: 16px;
font-weight: 600;
color: #181C21;
line-height: 24px;
text-align: left;

}
.memorial_dinners{
    padding: 40px 0px;
    position: relative;
}
.memorial_dinners_swiper{
    margin-top: 20px;
}
.swiper_button_next_memorial_dinners,.swiper_button_next_memorial_hall{
    right: 15px;
}
.swiper_button_prev_memorial_dinners,.swiper_button_prev_memorial_hall{
left: 15px;
}

.products_monuments_grave{
    padding: 40px 0px;
    position: relative;
} 
.products_monuments_grave .swiper_button_next_products_monuments_grave {
    right: 15px;
}
.products_monuments_grave .swiper_button_prev_products_monuments_grave {
    left: 15px;
}
.products_monuments_grave .title{
    margin-bottom: 20px;
}

.li_product_monuments_grave{
    padding: 10px;
    display: flex;
    min-height: 370px;
    flex-direction: column;
    gap: 10px;
    background: #F7F7F8;
}
.li_product_monuments_grave .title_news{
    margin: 0px;
    height: 72px;
}
.mini_text_product{
font-size: 12px;
font-weight: 400;
line-height: 18px;
text-align: left;
color: #181C21;

}

.flex_monuments_grave{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.procent_sale_product{
color: #D72700;
background: #FFEBEB;
padding: 10px ;
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: center;

}
.price_product_monuments_grave{
color: #181C21;
font-size: 20px;
font-weight: 700;
line-height: 30px;
text-align: center;

}
.li_product_monuments_grave .img_market_product{
    padding-bottom: 0px;
}
.li_product_monuments_grave .add_to_cart_product{

font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: center;

}
.block{
    padding: 40px 0px;
}
.title_text_block{
color: #181C21;
font-size: 24px;
font-weight: 400;
line-height: 36px;
text-align: center;

}
.text_block_index{
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: space-around;
    gap: 20px;
}


.flex_monuments_grave{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.flex_info_hall{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.li_memorial_hall .grid_two{
    grid-template-columns: 1fr;
}
.title_memorial_hall{
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;
text-decoration: none;
transition: all ease-in-out 0.2s;
color: #181C21;

}

.li_memorial_hall{
    padding: 30px;
    border: 1px solid #F1F1F1;
    display: flex;
    flex-direction: column;
    gap: 20px;

}
.img_memorial_hall{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.flex_hall{
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.flex_center{
    display:flex ;
    align-items: center;
}
.flex_center .blue_btn{
    width: 100%;
}


.memorial_hall_swiper{
    margin-top: 20px;
}

.raiting_2 .raiting_table tbody .name_organization{
    max-width: 380px;
}

.li_review_organization{
    display: flex;
    padding: 20px;
    background: white;
    flex-direction: column;
    border-radius: 12px;
    gap: 20px;
    height: 100%;
}

.li_review_organization .title_organization{
    margin-bottom: 10px;
}
.reviews_organizations{
    position: relative;
    padding: 40px 0px;
}
.li_review_organization .content_block{
max-width: 216px;
}
.li_review_organization .text_li{
    margin-top: auto;
}



.reviews_funeral_agencies_swiper{
    padding: 20px 0px;
}

.count_product_single{
    display: flex;
    align-items: center;
    gap: 10px;
color: #181C21;
    font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;

}

.count_product_single input{
    padding: 10px;
    outline: none;
    font-family: 'EB Garamond';
font-size: 28px;
max-width: 70px;
border: 1px solid #E9E8EA;
font-weight: 600;
line-height: 42px;
text-align: center;

}
.block_input_product_menu{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.block_input_product_menu input{
    width: 100%;
    padding: 12px 20px;
    color: #181C21;
    outline: none;
    border: 1px solid #E9E8EA;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;

}

.block_input_product_menu .title_news{
    margin: 0px;
}

.block_input_product_menu input::placeholder{
    color: #737373;
}


.content_product .title_news,.content_product .text_li{
    margin: 0px;
    text-align: center;
    width: 100%;
}

.ul_memorial_menu{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 50px;
}
.li_memorial_menu{
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: space-between;
}
.item_memorial_menu{
color: #181C21;
    font-size: 16px;
font-weight: 600;
line-height: 19.2px;
text-align: left;
}
.item_memorial_menu a{
    color: #181C21  ;
    text-decoration: none;
}
.item_memorial_menu a:hover{
    text-decoration: underline;
}


.blue_title{
font-family: 'EB Garamond';
font-size: 28px;
font-weight: 700;
line-height: 33.6px;
text-align: left;
color: #0080D7;
}
.line_gray_menu{
    width: 100%;
    border-top:3px dotted #E9E8EA;
}
.item_memorial_menu{
    min-width: 100px;
}
.item_memorial_menu_1{
    min-width: 170px;
}
.blue_mini_text{
font-size: 16px;
font-weight: 600;
line-height: 19.2px;
text-align: left;
color: #0080D7;
}


.content_not_all{
    
}
.content_all{
    display: none;
}
.open_all_content_block{
color: #0080D7;
    font-size: 16px;
    cursor: pointer;
font-weight: 400;
line-height: 24px;
text-align: left;

}

.grid_two_organization_single{
    display: flex;
    gap: 25px;
    justify-content: space-between;
}
.main_content_organization_single{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.block_content_organization_single{
    padding: 20px;
    border: 0px ;
    border-radius: 12px;
    background: white;
}
.main_block_organization_single{
    display: flex;
    align-items: start;
    gap: 40px;
}
.logo_organization_single{
    position: relative;
}
.logo_organization_single img{
    width: 100%;
    min-width: 244px;
    border-radius: 12px;
    object-fit: cover;
    height: 244px;
}
.logo_organization_single .blue_btn{
    cursor: auto;
    left: 0;
    width: 100%;
}
.organization_single{
    padding: 40px 0px;
}

.text_black table{
    width: 100%;
    margin: 10px;
   
}

.text_black table tr, .text_black table th{
    border: 1px solid #CACACA;
}

.text_black table td{
    padding: 10px;
}

.change_count_busket,.mobile_delete_cart{
    display: none;
}
.index_block_grid .blue_btn,.mobile_block_info_1_grid .blue_btn{
    width: 100%;
    max-width: 100%;
}
.mobile_basket_burial,.mobile_index_block_grid{
    display: none;
}

.mobile_index_block,.title_li_mobile{
    display: none;
}

.grid_organization_single{
    display: grid;
    grid-template-columns: 3.5fr 1fr;
    gap: 20px;
}
.flex_single_organization{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
    justify-content: space-between;
}
.flex_single_organization .title_news{
    margin: 0px;
}

.btn_border_gray{
    padding: 5px 10px ;
font-size: 13px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #E9E8EA;
font-weight: 400;
line-height: 19.5px;
color: #181C21;
text-align: center;

}
.flex_stars{
    display: flex;
    align-items: center;
    gap: 5px;
}
.flex_stars .text_gray_bold{
    margin: 0px 10px;
}

.flex_stars img{
width: 17px;
}

.mini_text_gray{
color: #737373;
    font-size: 13px;
font-weight: 400;
line-height: 19.5px;
text-align: left;

}

.mini_text_blue{
    color:#0080D7;
    font-size: 13px;
font-weight: 400;
line-height: 19.5px;
text-align: left;

}

.flex_single_organization_2{
    display: flex;
    align-items: center;
    gap: 20px;
}

.text_flex{
    display: flex;
    align-items: center;
    gap: 15px;
}
.flex_info_main_single_organization{
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 10px;
}
.margin_top_single_organization{
margin-top: 20px;
}
.flex_center_single_organization{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.flex_btn_single_organization{
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 20px;
    justify-content: center;
}
.block_btn_single_organization{
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-direction: column;
    gap: 10px;
}

.icon_btn_single_organization{
    border-radius: 7px;
    width: 35px;
    height: 35px;
    transition: all ease-in-out 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #E9E8EA;

}
.icon_btn_single_organization:hover{
    background-color: #0080D7;
}
.icon_btn_single_organization .white_icon{
    display: none;
}
.icon_btn_single_organization img{
    width: 20px;

}

.flex_btn_fixed{
    display: none;
}

.block_more_info_ritual_object{
    padding: 20px;
    border-radius: 12px;
    background: white;
}


.block_menu_single_organization,.block_menu_single_organization_custom{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 40px;
}
.menu_single_organization,.menu_single_organization_custom{
    position: relative;
    cursor: pointer;
    text-align: center;
    transition: all ease-in-out 0.2s;

}
.text_gray_bold{
    font-family: Century Gothic;
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;
color: #737373;
}


.ul_specifiations{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 527px;
}
.li_specifiation{
    width: 100%;
    gap: 20px;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.ul_spec_org{
     width: 100%;
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
    gap: 10px;
}

.ul_recv{
    display: flex;
    border-radius: 12px;
    overflow: hidden;
    margin: 20px 0px;
    flex-direction: column;
}
.ul_recv .title_middle{
    width: 50% !important;
    text-align: start !important;
    justify-content: start !important;
    padding-left: 30px;
    max-width: 50% !important;
    font-size: 16px !important;
    background: white !important;
}
.ul_recv .text_black{
    padding-right: 30px;
}
.ul_recv .text_black a{
    display: contents;
    text-decoration: none;
    color: #181C21;
}


.li_spec_org{
width: 100%;
    gap: 20px;
    display: flex;
    align-items: start;
}
.li_spec_org .text_black_bold{
    text-align: start;
}

.li_spec_org .text_black a{
    text-decoration: none;
    color: #181C21;
}
.li_spec_org .text_black a:hover{
    text-decoration: underline;
}

.menu_single_organization::before,.menu_single_organization_custom::before{
    position: absolute;
    bottom: -10px;
    width: 100%;
    left: 0;
    transition: all ease-in-out 0.2s;
    border-radius: 2px 2px 0px 0px;
    content:'';
    display: none;
    background: #0080D7;
    height: 3px;
}

.menu_single_organization_custom_active::before{
        display: block;

}

.menu_single_organization_active .text_black,.menu_single_organization_custom_active  .text_black{
    color:#0080D7 ;
}

.block_more_info_ritual_object .block_content_organization_single{
    padding:20px  0px;
}

.menu_single_organization_active::before{
    position: absolute;
    bottom: -10px;
    width: 100%;
    left: 0;
    transition: all ease-in-out 0.2s;
    border-radius: 2px 2px 0px 0px;
    content:'';
    display: block;
    background: #0080D7;
    height: 3px;
}

.menu_single_organization:hover::before{
    display: block;
}

.title_li_organization_single{
    margin-bottom: 20px;
}
.block_content_organization_single .ul_memorial_menu{

    margin: 0px;
}

.block_content_organization_single .item_memorial_menu{
    min-width: 0;
    position: relative;
    z-index: 2;
    background-color: white;
}
.li_memorial_menu{
    overflow: hidden;
    position: relative;
}
.block_content_organization_single .item_memorial_menu{
    padding-left: 10px;
}
.block_content_organization_single .item_memorial_menu_1{
    padding-right: 10px;
    padding-left: 0px;
    text-align: start;
}
.block_content_organization_single .li_memorial_menu .line_gray_menu{
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    left: 0px;
    z-index: 0;
    width: 100%;
}
.our_products_single_organization{
    position: relative;
    overflow: hidden;
    width: 100%;
}

.swiper {
    width: 100%;
    padding: 0px 18px;
}

.our_products_swiper{
    margin-top:40px ;
}
.li_our_product{
    background: white;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    min-height: 307px;
}
.li_our_product .text_gray_middle{
    text-decoration: none;
    padding: 0px 10px;
}

.li_our_product .flex_btn_li_product_market{
    padding: 20px 10px;
}

.li_our_product .blue_light_btn{
    width: 106px;
    height: 36px;
}

.li_our_product img{
    min-height: 235px;
}
.li_our_product .title_blue{
font-size: 22px;
font-weight: 600;
line-height: 33px;
padding: 20px 0px;
text-align: left;

}


.li_our_product .text_gray{
    text-decoration: none;
}
 .flex_single_organization .text_black{
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 10px;
}
 .flex_single_organization .text_black img{
    width: 6px;
    height: 12px;
}

.title_gray{
    font-family: 'EB Garamond';
font-size: 28px;
font-weight: 400;
line-height: 42px;
text-align: left;
color: #737373;
}

.ul_reviews_organization{
display: flex;
flex-direction: column;
gap: 20px;

}
.text_gray_big{
    font-family: Century Gothic;
font-weight: 400;
font-style: Regular;
font-size: 15px;
leading-trim: NONE;
line-height: 22px;
letter-spacing: 0%;
color: #757575;
vertical-align: middle;

}


.ul_rutial_products{
    max-width: 587px;
    margin: 20px auto;
    display: flex;
    
    flex-direction: column;
    gap: 0px;
}

.ul_rutial_products .text_black_bold{
    margin-left: auto;
}

.li_rutial_product{
    padding: 20px 0px;
    align-items: center;
    display: flex;
    gap: 20px;
    padding-top: 25px;
    border-top: 1px solid #737373;
}
.li_rutial_product .blue_light_btn{
    max-width: 106px;
}

.li_rutial_product:first{
    border-top: 0px;
}


.li_review_organization_single_page{
   padding: 20px;
   border-radius: 12px;
   background: white;

}
.li_review_organization_single_page .flex_single_organization{
    margin-bottom: 10px;
}
.margin_top_review_organization{
    margin-top: 20px;
}
.organization_single_reviews{
    background: none;
    padding: 0px;
}
.organization_single_reviews .title_li{
    display: flex;
    align-items: center;
    gap: 10px;
}
.text_black.reccomend_review img{
    width: 13px;
    height: 13px;
}

.add_review_organization{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #E9E8EA;
}
.add_review_organization input,.add_review_organization button{
    max-width: 285px;
    width: 100%;
}
.add_review_organization textarea{
    padding: 20px;
    height: 190px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
border: none;
outline: none;
text-align: left;

    background: #F7F7F8;
    color: #181C21;
}
.add_review_organization textarea::placeholder{
    color: #737373;
}


.star-rating__input{
	display: none;
}

.star-rating__wrap{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.faq_organization{
    margin-top: 30px;
}
.faq_organization .title_li{
    margin-bottom: 20px;
}
.faq_organization .ul_faq{
gap: 10px;
}

.flex_block_single_organization{
    display: none;
    flex-direction: column;
    gap: 10px;
}
.flex_block_single_organization_active{
    display: flex;
}
.text_blue_bold,.item_memorial_menu.text_blue_bold{
    color: #0080D7;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;

}
.info_about_organization{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.text_green{
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: #61CA0B;
}
.sale_products_organization .title_li,.stock_products_organization .title_li,.table_block_price_list .title_li{
    margin-bottom: 20px;
}
.sale_products_swiper .title_blue{
    padding-bottom: 0px;
    padding-top: 10px;
}
.galerey_swiper{
    margin-top:20px ;
    margin-bottom: 10px;
}

.swiper_pagination_galerey{
    position: relative;
}
.swiper_btn{
    display: flex;
    align-items: center;
    gap: 20px;

    position: relative;
}

.swiper_pagination_galerey{
    width: auto  !important;
}
.swiper-button-next-galerey,.swiper-button-prev-galerey{
    position: relative;
    top: 0px;
    left: 0px;
    width: auto;
    height: auto;
    display: block;

}
.swiper-button-next-galerey img,.swiper-button-prev-galerey img{
    width: 16px;
    height: 14px;
}
.swiper-button-prev-galerey img{
    transform: rotate(180deg);

}

.table_price_list_organization{
    margin: 20px 0px;
width: 100%;
}
.table_price_list_organization td{
    padding: 10px 10px;
    border: 1px solid #E9E8EA;
    text-align: center;
}
.table_price_list_organization th{
    padding: 10px 10px;
    text-align: center;
}
.table_price_list_organization .text_start{
    text-align: start;
}


.map_single_organization{
    position: relative;
    overflow: hidden;
}
.map_single_organization img{
    width: 100%;
    height: 150px;
}
.content_map_single_organization{
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    transform: translate(-50%,-50%);
}
.content_map_single_organization img{
    width: 45px;
    height: 45px;
}

.content_map_single_organization .blue_btn{
    min-width: 125px;
}
.blue_btn_mini{
    padding: 5px 10px 5px 10px;
font-size: 13px;
font-weight: 400;
line-height: 19.5px;

}

.block_border_gray_map_organization_single{
    padding: 30px;
    border-top: 1px solid #E9E8EA;
    border-left: 1px solid #E9E8EA;
    border-right: 1px solid #E9E8EA;

}
.block_border_gray_map_organization_single .flex_single_organization_map{
    padding-bottom: 20px;
    border-bottom: 1px solid #E9E8EA;
    margin-bottom: 20px;
}
.block_border_gray_map_organization_single .text_flex img{
    width: 20px;
    height: 20px;
}

.text_black_phone{
    text-decoration: none;
}

.ul_advantages_organization{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.li_advantages_organization{
    display: flex;
    align-items: center;
    gap: 10px;
}
.li_advantages_organization img{
    width: 13px;
    height: 13px;
}

.text_black_mini,.text_gray_mini{
font-size: 13px;
font-weight: 400;
line-height: 19.5px;
text-align: left;
color: #181C21;
}
.text_gray_mini{
    color: #737373;
}
.flex_raiting{
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.flex_raiting img{
    min-height: 12px;
    height: 13px;
    width: 13px;
}
.block_table_price_organization_ritual_services .title_blue{
font-size: 22px;
font-weight: 600;
line-height: 33px;
text-align: center;

    padding: 15px 20px;
}
.block_table_price_organization_ritual_services thead th{
    text-align: center;
    padding: 15px 20px;
}
.block_table_price_organization_ritual_services{
    width: 100%;
}
.block_table_price_organization_ritual_services  th,.block_table_price_organization_ritual_services td{
    border: 1px solid #E9E8EA;
    background: #F7F7F8;
}
.title_price_organization_ritual_services{
    margin-bottom: 20px;
}

.flex_select_products_organization{
    display: flex;
    align-items: center;
    max-width: 560px;
    gap: 20px;
    margin: 20px 0px;
    margin-top: 0px;
}

.select_gray{
    position: relative;
}
.select_gray select{
    padding: 12px 10px;
    width: 100%;
    background: #F7F7F8;
    border: 1px solid #F7F7F8;
    outline: none;
    font-family: 'Century Gothic';
font-size: 13px;
color: #181C21;
font-weight: 600;
line-height: 15.6px;
text-align: left;

}
.flex_select_products_organization select{
    min-width: 270px;
    min-height: 51px;
}

.block_ritual_products{
    position: relative;
}

.ritual_products_swiper .li_our_product .blue_btn img{
    min-height: 20px;
} 
.ritual_products{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.organizations_swiper{
    margin-top: 20px;
}

.scroll_block{
    overflow-x: scroll;
    width: 100%;
}
.scroll_block .block_table_price_organization_ritual_services th{
    min-width: 230px;
}


.block_table_price_orgniaztions table{
    width: 100%;
    margin-bottom: 10px;
    box-shadow: 4px 4px 8px -3px rgba(34, 60, 80, 0.2);

}

.ul_adv_org{
    display: grid;
    grid-template-columns: 1fr 1fr ;
    gap: 20px;
    margin-top: 20px;
}


.ul_adv_org .li_advantage_service{
    width: 100%;
    height: 184px;
    max-width: 100%;
}

.block_table_price_orgniaztions td,.block_table_price_orgniaztions th{
    padding: 15px;
    text-align: center;
    border: 1px solid #E9E8EA;
}

.organization_marketplace{
    padding: 20px 0px;
}
.organization_marketplace .grid_product_two{
    margin: 0px;
}
.title_black,.title_black_bold{
    
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    text-align: center;
       
}

.title_black_bold{
    font-weight: 600;
}

.flex_filters_organizaitons{
     display: flex;
     align-items: end;
    gap: 20px;
}
.filter_block_organization{
    width: 100%;
    display: flex;
    cursor: pointer;
    gap: 10px;
    justify-content: center;
    flex-direction: column;
}
.filter_block_organization label{
    
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #737373;
}

.filter_block_organization select{
    display: none;
    height: 51px;
    width: 100%;
    border: 1px solid #F7F7F8;
    outline: none;
    padding: 12px;

font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;

    background: #F7F7F8;
}

.li_organization.priority{
    background: #0080D71A;
}
.priority_flex img{
    width: 28px;
    height: 34px;
}
.priority_flex .text_black_bold{
    
font-weight: 800;
font-style: ExtraBold;
font-size: 20px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;

}
.priority_flex{
    display: flex;
    align-items: start;
    gap: 6px;
}
.filter_block_organization .checkbox{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #F7F7F8;
    outline: none;
    padding: 12px;

font-size: 16px;
font-weight: 600;
color: #181C21;
line-height: 24px;
text-align: left;
background: #F7F7F8;
}

.organizations-list{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.organization-item{
    border-bottom: 1px solid #999999;
    padding: 10px 0px;
}
.ul_organizaiotns{
    display: flex;
    margin-top: 20px;
    flex-direction: column;
    gap: 20px;
}


.li_organization{
    background: white;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-radius: 12px;
    transition: all ease-in-out 0.2s;
    min-height: 332px;
    padding: 20px;
    border-radius: 12px;
}
.li_org_mobile{
    display: none;
}
.info_li_org_mobile .title_blue{
    padding: 0px;
}

.li_organization:hover{
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.li_organization_similar{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.li_organization_similar .logo_organization_similar{
    width: 100%;
    height: 240px;
    object-fit: cover;
}
.li_organization_similar .title_news{
    margin: 0px;
}
.li_logo_organization{
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.li_logo_organization .img_logo_organization{
    max-width: 83px;
    height: 83px;
    width: 100%;

}
.info_li_organization{
    display: flex;
    gap: 20px;
    height: 100%;
    justify-content: start;
    max-width: 250px;
    min-width: 250px;
    flex-direction: column;
}
.li_flex_btn_organization{
    margin-top: auto;
}
.price_span_org{
color:#181C21;
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;

}

.info_li_organization .title_li_organiaztion{
    width: 100%;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    display: flex;

}

.title_li_organiaztion a{
    text-decoration: none;
color: #0080D7;
}

.title_li_organiaztion{
font-weight: 700;
font-style: Bold;
    text-decoration: none;

font-size: 18px;
leading-trim: NONE;
line-height: 22px;
letter-spacing: 0%;
vertical-align: middle;
color: #0080D7;
}
.li_price_category_organization{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.flex_text{
    display: flex;
    align-items: center;
    gap: 10px;
}
.li_price_category_organization .text_gray{
    text-align: center;
}
.li_price_category_organization .title_blue{
    padding: 0px;
}

.li_flex_btn_organization{
    display: flex;
    gap: 5px;
}
.li_flex_btn_organization a{
    width: 100%;
}

.li_flex_btn_organization a{
font-weight: 400;
font-style: Regular;
        gap: 10px;

font-size: 13px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
text-align: center;
padding: 10px;
vertical-align: middle;

}

.text_start{
    text-align: start;
}

.form_login .grid_btn button,.form_login_2 .grid_btn button{
    max-width: 100%;
}


.li_flex_icon_organization{
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.li_flex_icon_organization img{
    width: 36px;
    height: 28px;
}
.open_children_cats_icon{
    width: 15px;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
    margin-left: auto;
}
.active_icon_open_children_cats{
    transform: rotate(180deg);
}

.active_filter{
    background: #0080D7 !important;
    color: white !important;
}
.content_product .blue_btn{
    margin-top: 10px;
}

.title_product_content{
    
font-size: 32px;
font-weight: 600;
line-height: 42px;
text-align: left;

}
.content_product .title_product_content{
    margin-bottom: 12px;
}
.title_parameters{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    
font-size: 22px;
font-weight: 400;
line-height: 33px;

    text-align: center;
}
.line_black_param{
    max-width: 80px;
    width: 100%;
    height: 2px;
    background: #181C21;
}
.content_product.text_center ul{
    max-width: 450px;
margin: 0 auto;
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    
}

.mobile_btn_li_organization_provider{
    display: none;
}

.filter_block_organization label{
    display: none;
}
.filter_block_organization label.active_label_select{
    display: block;
}

.gos_block{
    padding: 30px;
    display: flex;
    gap: 20px;
    background: #F7F7F8;
}
.gos_block img{
    max-width: 290px;
    width: 100%;
}
.content_gos_block{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.gos_block_1 img{
    max-width: 130px;
    max-height: 130px;
}
.href_video_news{
    position: relative;
    overflow: hidden;

}
.open_video{
    position: absolute;
    width: 80px  !important;
    height: 80px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%,-50%);
}

.open_all_reviews_organization{
    cursor: pointer;
}

.to_top,.cart_icon{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items:center ;
    justify-content: center;
    background: #0080D7;
    position: fixed;
    transition: all ease-in-out 0.2s;
    bottom: 30px;
    left: 30px;
    z-index: 10;
    cursor: pointer;
}
.open_contact_form {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0080D7 0%, #0069B3 100%);
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(0, 128, 215, 0.4);
    border: 3px solid rgba(255, 255, 255, 0.2);
    animation: floatAnimation 3s ease-in-out infinite;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.open_contact_form:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(0, 128, 215, 0.6);
    background: linear-gradient(135deg, #0090F0 0%, #0079D9 100%);
    animation-play-state: paused;
}

.open_contact_form:active {
    transform: scale(0.95);
    box-shadow: 0 4px 15px rgba(0, 128, 215, 0.3);
}

/* Анимация плавания */
@keyframes floatAnimation {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}

/* Пульсация для привлечения внимания */
.open_contact_form.pulse {
    animation: pulseAnimation 2s ease-in-out infinite;
}

@keyframes pulseAnimation {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 128, 215, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(0, 128, 215, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 128, 215, 0);
    }
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .open_contact_form {
        width: 60px;
        height: 60px;
        bottom: 20px;
        right: 20px;
    }
    
    @keyframes floatAnimation {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-8px);
        }
        100% {
            transform: translateY(0px);
        }
    }
}

/* Таймер обратного отсчета */
.countdown-notification {
    position: fixed;
    bottom: 110px;
    right: 30px;
    background: #0080D7;
    color: white;
    padding: 10px 15px;
    border-radius: 20px;
    font-size: 14px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    animation: slideIn 0.5s ease-out;
    z-index: 999;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}




#organizationFilterModal .modal-content{
    padding: 20px;
}

#organizationFilterModal .block_input{
    margin: 10px 0px;
}

.open_contact_form svg{
    width: 40px;
    height: 40px;
}
.chat-widget {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
}

.chat-button {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #0097FE, #0080D7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(0, 151, 254, 0.3);
    transition: all 0.3s ease;
    border: none;
}

.chat-button:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 25px rgba(0, 151, 254, 0.4);
}

.chat-button svg {
    width: 25px;
    height: 25px;
    fill: white;
}

.chat-container {
    position: absolute;
    bottom: 80px;
    right: 0;
    width: 350px;
    height: auto;
    background: #f8f9fa;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    display: none;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    /* Убираем фиксированную высоту, она будет управляться через JS */
}

.chat-header {
    background: linear-gradient(135deg, #0097FE, #0080D7);
    color: white;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.btn_fixed{
    display: none;
}


.chat-avatar {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
}

.chat-info h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px;
}

.chat-info p {
    font-size: 12px;
    opacity: 0.9;
}

.chat-close {
    margin-left: auto;
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    padding: 5px;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.chat-close:hover {
    opacity: 1;
}

.chat-messages {
    flex: 1;
    padding: 20px;
    overflow-y: auto; /* Всегда включаем скролл */
    background: #f8f9fa;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.chat-messages::-webkit-scrollbar {
    width: 6px;
}

.chat-messages::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.chat-messages::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.chat-messages::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.message_ai {
    max-width: 80%;
    padding: 12px 16px;
    margin-bottom: 15px;
    border-radius: 18px;
    font-size: 14px;
    line-height: 1.4;
    animation: fadeIn 0.3s ease;
    word-wrap: break-word;
    flex-shrink: 0;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.message-bot {
    background: white;
    border: 1px solid #e0e0e0;
    border-bottom-left-radius: 4px;
    align-self: flex-start;
}

.message-user {
    background: linear-gradient(135deg, #0097FE, #0080D7);
    color: white;
    border-bottom-right-radius: 4px;
    align-self: flex-end;
    margin-left: auto;
}

.chat-input-container {
    padding: 15px 20px;
    background: white;
    border-top: 1px solid #e0e0e0;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-shrink: 0;
}

.chat-input {
    flex: 1;
    padding: 12px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 24px;
    outline: none;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

.chat-input:focus {
    border-color: #0097FE;
}

.send-button {
    background: linear-gradient(135deg, #0097FE, #0080D7);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.send-button:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 151, 254, 0.3);
}

.send-button svg {
    width: 18px;
    height: 18px;
    fill: white;
}

.typing-indicator {
    display: none;
    padding: 12px 16px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 18px;
    border-bottom-left-radius: 4px;
    align-self: flex-start;
    margin-bottom: 15px;
    flex-shrink: 0;
}

.typing-dots {
    display: flex;
    gap: 4px;
}

.typing-dot {
    width: 6px;
    height: 6px;
    background: #999;
    border-radius: 50%;
    animation: typing 1.4s infinite;
}

.typing-dot:nth-child(2) { animation-delay: 0.2s; }
.typing-dot:nth-child(3) { animation-delay: 0.4s; }

@keyframes typing {
    0%, 60%, 100% { transform: translateY(0); }
    30% { transform: translateY(-3px); }
}

/* Адаптивность */
@media (max-width: 480px) {
    .chat-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        border-radius: 0;
        bottom: auto;
        right: auto;
        max-height: 100vh;
    }
    
    .chat-widget {
        bottom: 20px;
        right: 20px;
    }
    
    .chat-messages {
        flex: 1;
        padding: 15px;
        height: auto;
    }
    
    .message_ai {
        max-width: 90%;
    }
}

/* Дополнительные стили для улучшенного скролла */
.chat-messages {
    scroll-behavior: smooth;
    overscroll-behavior: contain;
}

/* Автопрокрутка к новым сообщениям */
.chat-messages .message:last-child {
    scroll-margin-bottom: 10px;
}

.to_top img,.cart_icon img,.cart_icon_choose img{
    width: 25px;
    height: 25px;
}

.open_cart_icon{
    display: block;
}
.close_cart_icon{
    display: none;
}

.children_icon_cart{
    display: none;
    gap: 8px;
    flex-direction: column;
    position: absolute;
    left: 0px;
    top: -50px;
}
.children_icon_cart_active{
    display: flex;
}
.cart_icon_choose{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items:center ;
    justify-content: center;
    background: #0080D7;
    transition: all ease-in-out 0.2s;
    z-index: 10;
    cursor: pointer;
}


.to_top:hover,.cart_icon:hover,.cart_icon_choose:hover{
    background: #0080FC;
}

.cart_icon{
    bottom: 80px;
}
.bac_black.city_question{
    display: none ;
}

.ul_objects{
    max-height: 400px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ul_objects_children{
    margin-top: 10px;
    display: none;
}
.active_ul_objects_children{
    display: flex;
}
.li_object{
    width: 100%;
}
.active_title_object{
    color: #0080D7;
}
.li_organization_provider{
    padding: 30px;
    width: 100%; /* Ширина родительского блока */
    overflow: hidden; /* Скрывает любое переполнение родительского блока */
    position: relative; 
    transition: all ease-in-out 0.2s;
    box-shadow: 4px 4px 8px -3px rgba(34, 60, 80, 0.2);
    border: 1px solid #E9E8EA;
}

.li_organization_provider:hover{
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.li_provider_flex{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.li_provider_btn_flex{
    display: flex;
    margin-top:20px ;
    align-items: center;
    gap: 15px;
}
.li_provider_btn_flex .blue_btn,.li_provider_btn_flex .gray_btn{
    width: 100%;
    text-align: center;
}
.content_li_provider{
    display: flex;
    max-width: 460px;
    flex-direction: column;
    gap: 10px;
}
.content_li_provider .title_blue{
    padding: 0px;
}
.flex_awards{
    display: flex;
    align-items: center;
    gap: 10px;
}
.flex_awards img{
    width: 50px;
}


.icon_white{
    display: none;
}
.active_main_category .icon_white{
    display: inline;
}
.active_main_category .icon_black{
    display: none;
}

.btn_img_gos_block{
    margin-left: auto;
    cursor: pointer;
    width: 50px !important;
}

.filter_sort{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 0px ;
    outline: none;
    max-width: 25px !important;
position: relative;

}
.filter_sort img{
    width: 24px;
}

.ul_sort{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    width: 200px;
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border: 1px solid #F7F7F8;
    outline: none;
    background: #F7F7F8;
}
.active_ul_sort{
    display: flex;
    min-width: 230px;
}
.li_sort{
    
    font-size: 16px;
    width: 100%;
    transition: all ease-in-out 0.2s;
    padding: 12px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
}
.li_sort:hover{
    background: #0080D7;
    color: white;
}

.reviews_products .li_review_organization{
    min-height: 350px;
}

.marketplace_filters{
    display: none;
}
.marketplace_filters.active_filters{
    display: flex;
}


.header_big{
    position: fixed;
    z-index: 8;
    left: 0;
    width: 100%;
    top: -100%;
    transition: all ease-in-out 0.3s;
    background: #F7F7F8;
    padding: 30px 0px;

}

.modal {
    padding-right: 0px !important;
}
.active_big_header{
    top: 58px;
}
.ul_pages_header_big{
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    gap: 20px;
}
.block_pages_header_big{
    display: flex;
    flex-direction: column;
}

.block_pages_header_big ul{
    display: flex;
    padding-left: 10px;
    margin-top: 10px;
    flex-direction: column;
    gap: 10px;
}
.block_pages_header_big li{
    list-style: none;
}
.block_pages_header_big li a{
    text-decoration: none;
}

.open_big_header{
    width: 40px;
    cursor: pointer;
}



.header_decoder{
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 40px;
    background: #F7F7F8;
}
.item_decoder{
    display: flex;
    align-items: center;
    gap: 10px
}
.logo_decoder img{
    width: 55px;
    border-radius: 50%;
    height: 55px;
    object-fit: cover;
}
.open_form_call_organization{
    cursor: pointer;
}
.all_money_decoder{
    margin-left: auto;
    padding:3px 22px;
    border: 1px solid #E9E8EA;
    text-align: center;
    
    color: #0080D7;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    
}

.header_decoder .flex_icon_header .icon_header{
    background: #E9E8EA;
}

.header_decoder .flex_icon_header .logout{
    background: #F7F7F8;
    border: none;
}

.account_container .flex_account{
    display: flex;
    background: white;
    gap: 0px;
}

.mobile_recv{
    overflow: hidden;
    border-radius: 12px;
    
}

.mobile-phone{
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px !important;
    margin-bottom: 10px;
}

.li_recv{
    height: 68px;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    gap: 20px;
    border-bottom: 1px solid #737373;
}

.mobile_recv .li_recv:last-child{
    border-bottom: 0px;
}

.page_org_single .block_tags{
    margin-top: 30px;
}

.page_org_single form.our_products_single_organization{
    margin-top: 30px;
}

.li_recv .title_middle{
    min-width: 70px;
    max-width: 70px;
    height: 100%;
    display: flex;
font-weight: 700;
font-style: Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

    text-align: center;
    align-items: center;
    justify-content: center;
    background: #B9D7FE;
}
.li_recv .text_black{
font-weight: 400;
height: 100%;
display: flex;
align-items: center;
justify-content: start;
font-style: Regular;
width: 100%;
font-size: 14px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
vertical-align: middle;

}




.sidebar_account{
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 20px 0px;
    min-height: 100vh;
    min-width: 277px;
    max-width: 280px;
    background: #F7F7F8;
}

.item_page_sidebar{
    
}
.title_page_sidebar{
    padding: 0px 20px;
    display: flex;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    gap: 10px;
    width: 100%;
    color: #181C21;

font-size: 20px;
font-weight: 400;
line-height: 25px;
text-align: left;
transition: all ease-in-out 0.2s;

}
a.title_page_sidebar:hover{
    color: #0080D7;
}
.icon_page{
    max-width: 25px;
    width: 25px;
    max-height: 30px;
}
.pages_children_sidebar{
    display: none;
}
.open_children_pages_sidebar{
    width: 10px;
    margin-left: auto;
    transition: all ease-in-out 0.2s;
}
.active_open_children_pages_sidebar{
    transform:rotate(90deg);
}
.container_content_account{
    width: 100%;
    max-width: 900px;
    background: white;

    padding: 20px 0px;

}
 

.ul_training_materials{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin:20px 0px;
}
.li_training_materials{
    border: 1px solid #F1F1F1;
}
.title_training_materials{
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid #F1F1F1;
}
.grid_training_materials{
    display: grid;
    padding: 20px;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.content_training_materials{
    
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;

}
.video_training_materials video{
    width: 100%;
}
.pages_children_sidebar{
    padding-top: 10px;
}

.li_children_page_sidebar{
    transition: all ease-in-out 0.2s;
    padding: 10px;
    border-left: 5px solid #F7F7F8;
    
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    padding-left: 30px;
    display: block;
    text-decoration: none;
    color: #181C21;
    text-align: left;
    font-size: 20px;
}

.li_children_page_sidebar:hover,.li_children_page_sidebar_active{
    background: #F1F1F199;
    border-left: 5px solid #0080D7;

}



.text_black_big,.text_black_big_bold{
    
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    
}
.text_black_big_bold{
    font-weight: 600;
}

.ul_payments_decoder{
    display: flex;
    margin: 20px 0px;
    flex-direction: column;
    gap: 20px;
}
.li_payment_decoder{
    padding: 30px;
    border: 1px solid #E9E8EA;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}


.block_edit_burial_decoder{
    display: grid;
    
    grid-template-columns: 1fr 4fr 2fr;
}


.box_blue{
    width: 37px;
    height: 37px;
    background: #0097FE;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box_blue img{
    width: 17px;
    height: 17px;
}
.item_1_decoder{
    display: flex;
    align-items: start;
    gap: 10px;
    padding: 20px;
}


.item_2_decoder{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.img_burial_edit_decoder{
    position: relative;
}
.img_burial_edit_decoder img{
    width: 100%;
}

.ul_info_edit_burial{
    display: flex;
    padding-bottom: 20px;
    flex-direction: column;
    gap: 15px;
}
.li_info_edit_burial{
    display: flex;
    align-items: center;
    gap: 10px;
}


.statistics_sessions{
    padding: 20px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.block_statistics_session{
    max-width: 200px;
    background: white;
    width: 100%;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    padding: 20px;
    min-height: 92px;
}
.count_sessions{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
}
.procent_sessions{
    
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 150%;
display: flex;
letter-spacing: 0%;
gap: 5px;
text-align: right;
}
.procent_sessions.up{
    color: #579C00;
}
.procent_sessions.down{
    color: #D72700;
}

.procent_sessions img{
    display: none;
}

.procent_sessions.up img.up{
    display: block;
}
.procent_sessions.down img.down{
    display: block;
}
 .chart-container {
            position: relative;
            height: 400px;
            margin-bottom: 20px;
        }

        .stats {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-top: 30px;
        }

        .stat-card {
            background: #f8f9fa;
            padding: 20px;
            border-radius: 10px;
            border-left: 4px solid;
        }

        .products-stat {
            border-left-color: #28a745;
        }

        .services-stat {
            border-left-color: #dc3545;
        }

        .stat-value {
            font-size: 2em;
            font-weight: bold;
            margin: 10px 0;
        }

        .products-value {
            color: #28a745;
        }

        .services-value {
            color: #dc3545;
        }

        .tooltip {
            background: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 10px 15px;
            border-radius: 8px;
            font-size: 14px;
            pointer-events: none;
            position: absolute;
            z-index: 1000;
            transform: translate(-50%, -100%);
            margin-top: -10px;
        }

        .tooltip::after {
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            border: 6px solid transparent;
            border-top-color: rgba(0, 0, 0, 0.8);
        }
.no_have_burial{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 60px 0px;
}

.item_3_decoder{
    min-height: 100%;
    background-color: #F1F1F1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.update_burial_decoder{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.flex_input_decoder{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.flex_input_decoder .block_input{
    width: 100%;
}
.flex_input_decoder .text_black{
    text-align: right;
}

.img_burial_edit_decoder .blue_btn{
    position: absolute;
    right: 40px;
    min-width: 180px;
    top: 0;
    cursor: pointer;
    z-index: 3;
}

.comments_burial{
    position: absolute;
    right: 0;
    padding-bottom: 10px;
    top: 100%;
    min-width: 464px;
    display: none;
    background: white;
}
.comment_burial:hover{
    color: #0080D7;
}
.comment_burial{
    
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-align: left;
    display: block;
    color: #181C21;
    padding: 10px;
    text-decoration: none;
    border-bottom: 1px solid #F7F7F8;
    padding-bottom: 5px;
    padding-top: 10px;
}

#zoomC {
    /* (A) DIMENSIONS */
    width: 100%;
    height: 600px;
}

.item_1_decoder .blue_btn{
    width: 100%;
}



.ul_places{
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    gap: 20px;
}
.li_place{
    flex-direction: column;
    display: flex;
    transition: all ease-in-out 0.2s;
    gap: 10px;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: white;
    align-items: start;
    border: 1px solid #E9E8EA;
}
.li_place .action_buttons{
    margin-top: auto !important;
}

.action_buttons .blue_btn,.action_buttons .blue_light_btn{
    width: 100%;
    height: 36px;
}
.title_adv_big{
font-weight: 700;
font-style: Bold;
font-size: 25px;
leading-trim: NONE;
line-height: 30px;
letter-spacing: 0%;
vertical-align: middle;
color: #000000;
}
.li_advantage_service_center{
   justify-content: center;
   align-items: center;
}
.li_place:hover{
    box-shadow: 4px 4px 8px -3px rgba(34, 60, 80, 0.2);
}
.img_place{
    width: 100%;
}
.img_place img{
width: 100%;
height: 190px;
object-fit: cover;

}

.small.text-muted{
    display: none;
}

.justify-content-sm-between{
    margin: 30px 0px;
    justify-content: center !important;
}


.content_place_mini{
    padding: 0px 10px;
    width: 100%;
    padding-bottom: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.li_place .title_cart{
    color: #181C21;
    margin: 0px;
    padding: 0px;
    min-height: auto;
    line-height: 1.5;
}


/* --- Глобальная обертка карты --- */
.map-fullscreen-wrapper {
    border-top: 1px solid #737373;
    position: fixed; 
    top: 105px; /* Отступ под шапку */
    left: 0;
    width: 100vw;
    height: calc(100vh - 95px); /* Вычитаем высоту шапки */
    overflow: hidden;
    background: #e5e3df;
    z-index: 9999;
}

/* Карта на весь фон обертки */
.map-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Кнопка закрытия ВНУТРИ обертки */
.btn-close-map {
    position: absolute;
    top: 20px;
    right: 390px; /* Сдвигаем левее правого сайдбара */
    background: #0080D7;
    color: #fff;
    font-family: Century Gothic;
font-weight: 400;
text-decoration: none;
color: white;
font-style: Regular;
font-size: 14.4px;
leading-trim: NONE;
line-height: 17.72px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    z-index: 20;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.btn-close-map:hover{
        color: #fff;

}

.li_organization .js-universal-swiper{
    margin-top: 0px;
}

.li_organization .swiper-button-next,.li_organization .swiper-button-prev{
    padding: 10px 24px;
    border-radius: 50%;
    background: white;
    right: -8px !important;

}

.js-open-map-btn{
    display: flex;
    align-items: center;
    gap: 10px;
font-weight: 400;
outline: none;
background: #0080D7 !important;
border: 0px;
background: none;
font-style: Regular;
font-size: 13px;
min-width: 140px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;

text-align: center;
vertical-align: middle;

}

/* --- Левый плавающий сайдбар --- */
.map-sidebar-left {
    position: absolute;
    top: 20px;
    padding: 20px;
    background: #F2F1F0;
    border-radius: 12px;
    left: 20px;
    bottom: 20px;
    width: 410px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    pointer-events: none; 
}

.map-sidebar-left > * { pointer-events: auto; }

.map-filters {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    padding: 10px;
    border: 0px;
    border-radius: 12px;
}
.form-select {
    border: none;
}

.viewed-item-burial .viewed-item-title{
    color: #181C21;
}


/* --- Правый плавающий сайдбар --- */
.map-sidebar-right {
   position: absolute;
    top: 20px;
    overflow-y: auto;
    right: 40px;
    gap: 20px;
    bottom: 20px;
    width: 320px;
    z-index: 10;
    display: flex;
    flex-direction: column;
}

.viewed-item-burial .viewed-meta .viewed-city{
    margin-top: 5px;
}


.more_viewed{
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Century Gothic;
font-weight: 400;
font-style: Regular;
color: #0080D7;
text-decoration: none;
font-size: 13px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}

.map-sidebar-right::-webkit-scrollbar { display: none; } /* Скрываем скроллбар для красоты */

.map-sidebar-right  .viewed-list{
    gap: 10px;
}

.map-sidebar-right  .viewed-list .viewed-item{
    border: 0px;
    background: white;
}
.map-sidebar-right  .banner_index{
    min-height: 572px;
}
.map-sidebar-left .share_btn{
     top: 32px;
    right: -4px;
}

/* --- Универсальный список и карточки на карте --- */
.map-list-scroll {
    flex: 1;
    overflow-y: auto;
    padding-right: 5px;
}
.map-list-scroll::-webkit-scrollbar-track {
    background: #B9D7FE; /* Цвет фона дорожки */
    border-radius: 10px; /* Скругление (по желанию) */
}
.map-list-scroll::-webkit-scrollbar { width: 15px; }
.map-list-scroll::-webkit-scrollbar-thumb { background: #007bff; border-radius: 10px; }

.map-card {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 15px;
    border: 3px solid #FFFFFF;
    position: relative;
    transition: 0.2s;
    cursor: pointer;
}
.map-card:hover { border-color: #0080D7; }
.map-card.active { border-color: #0080D7;  }

.map-card-actions {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}
.action-icon {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex_filters_products  .js-open-map-btn{
    background: none !important;
}
.title_cart {
    display: block;
    color: #0073e6;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 10px;
    padding-right: 40px;
    line-height: 1.3;
      display: -webkit-box;
    -webkit-line-clamp: 2; /* Количество строк (можно поставить 1, 2 или 3) */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Добавляет троеточие в конце */
    word-break: break-word;
    min-height: 3em; /* Высота под 2 строки (1.5em * 2) */
    line-height: 1.5; /* Фиксированная высота строки */
}


.content_place_mini .text_black{
     display: -webkit-box;
    -webkit-line-clamp: 2; /* Количество строк (можно поставить 1, 2 или 3) */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Добавляет троеточие в конце */
    word-break: break-word;
}


.info_li_organization .text_gray{
     display: -webkit-box;
    -webkit-line-clamp: 1; /* Количество строк (можно поставить 1, 2 или 3) */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Добавляет троеточие в конце */
    word-break: break-word;
   
}

.more_search_form {
    display: none;
}

.more_search_form.active {
    display: flex;
}

.ul_icons_search_form{
    margin-top: 20px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.ul_icons_search_form img{
    width: 50px;
    height: 50px;
}


.map-card-rating-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}
.flex_stars { display: flex; gap: 4px; }
.rating-number { font-size: 16px; font-weight: 600; color: #555; }

.info-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-items: center;
    margin-bottom: 12px;
}
.info-icon { width: 20px; height: 20px; flex-shrink: 0; }

.map-card-stat {
    font-weight: 700;
    font-size: 16px;
    color: #000;
    margin-top: 15px;
    margin-bottom: 20px;
}

.map-card-buttons { display: flex; gap: 10px; width: 100%; }
.btn-half {
    flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 12px 0; border-radius: 12px; font-size: 14px; font-weight: 500; text-decoration: none; cursor: pointer;
}


.user_settings .settings_margin_form{
    margin-top: 20px;
}
.sidebar_place{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
    border: 1px solid #E9E8EA;
}
.li_place .btn_border_gray{
    margin-left: auto;
}
.li_place .title_blue{
    margin-bottom: 10px;
    text-decoration: none;

}
.table_rating_block {
    width: 100%;
    margin-top: 20px;
    border-radius: 12px;
    overflow-x: auto; /* Прокрутка работает, появляется при необходимости */
    overflow-y: hidden;
    scrollbar-width: none; /* Убираем скроллбар в Firefox */
    -ms-overflow-style: none; /* Убираем скроллбар в IE/Edge */
}

/* Убираем скроллбар в Chrome, Safari, Opera */
.table_rating_block::-webkit-scrollbar {
    display: none;
}
.table_rating_block td,.table_rating_block th{
    min-width: 150px;
font-weight: 700;
font-style: Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

}

.swiper-slide {
    height: auto !important; /* отключаем фиксированную высоту, чтобы слайд растягивался по содержимому */
   
}

.li_product .flex_monuments_grave{
    margin-top: auto;
}

.table_rating_block .raiting_table tbody .name_organization {
    min-width: 300px;
}

.li_review_organization .name_organization{
    align-items: start;
}

.block_info_place{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
}
.content_place_mini .blue_light_btn{
    margin-top: auto;
    width: 100%;
}

.block_info_place .title_middle{
    text-align: center;
}

.block_cities_places{
    margin: 40px 0px;
}

.ul_cities_places{
    margin: 20px 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.li_city_place{
    border: 1px solid #E9E8EA;
    padding: 20px;
    display: flex;
    align-items: center;
    
    transition: all ease-in-out 0.1s;
font-size: 20px;
font-weight: 600;
text-decoration: none;
color: #181C21;
line-height: 24px;
position: relative;
text-align: left;

    gap: 10px;

}

.line_blue_place{
    display: none;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    background: #0080D7;
    transition: all ease-in-out 0.1s;
    height: 5px;
}

.li_city_place:hover{
    color: #0080D7;
    border-color: #0080D7;
}

.li_city_place:hover .line_blue_place{
    display: block;

}
.blue_icon_city_place{
    display: none;
}

.li_city_place:hover .white_icon_city_place{
    display: none;
}

.li_city_place:hover .blue_icon_city_place{
    display: block;
}


.ul_products_three{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin: 20px 0px;
}

.sidebar_place .blue_btn{
    width: 100%;
    margin-bottom: 40px;
}
.ul_products_sidebar_places .blue_btn{
width: auto;
}
.ul_products_sidebar_places{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.page_org_single .block_menu_single_organization,.block_menu_single_organization_custom{
    margin-bottom: 20px ;
    justify-content: center;
}

.page_org_single .flex_block_single_organization{
        margin-bottom: 20px ;

}

.img_org_cart_sidebar{
    position: relative;
}

.img_org_cart_sidebar img{
    width: 100%;
    height: 212px;
    object-fit: cover;
    border-radius: 12px;
}

.block_organization_products_filters{
    background: none;
    padding: 0px;
}

.img_block_our_product{
    position: relative;
    margin-bottom: 15px;
}

.block_organization_products_filters select{
    background: white;
}


.img_org_cart_sidebar .blue_light_btn{
    position: absolute;
    top: 0px;
    max-width: 123px;
    z-index: 1;
    left: 0px;
    border-radius: 12px  0px 12px 0px;
}

.img_org_cart_sidebar .img_logo_organization{
    width: 100%;
    height: 212px;
    border-radius: 12px;
    object-fit: cover;
}

.block_content_first .img_org_cart_sidebar .img_logo_organization{
    height: 306px;
}

.withdraw_decoder{
    display: flex;
    gap: 20px;
    align-items: center;
}

.flex_info_hall img{
    max-width: 70px;
    width: 100%;
}

.default_admin_form{
    padding: 20px;
    border: 1px solid #CACACA;
    margin: 30px 0px;
    border-radius: 10px;
}


.navigation_pages{
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 400;
    color: #737373;
    line-height: 24px;
    text-align: left;
}

.navigation_pages a{
  font-family: Century Gothic;
font-weight: 400;
font-style: Regular;
text-decoration: none;
font-size: 14px;
leading-trim: NONE;
color: #737373;
line-height: 18px;
letter-spacing: 0%;
vertical-align: middle;

    text-align: left;
}

.navigation_pages a:hover{
    color: #0080D7;
    transition: all ease-in-out 0.2s;
}

.navigation_pages span{
    color: #181C21;
font-family: Century Gothic;
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
text-align: start;
vertical-align: middle;


}
.open_working_times{
    width: 15px;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
    margin-left: 0px;
}
.block_time_working{
    position: relative;
}
.ul_working_days{
    position: absolute;
    top: 120%;
    z-index: 2;
    left: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    background: white;
    border-radius: 5px;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    
}
.rotate_arrow_open{
    transform: rotate(180deg);
}
.li_working_day{
    padding: 10px;
    border-left: 5px solid white;
    transition: all ease-in-out 0.2s;
}
.li_working_day_active,.li_working_day:hover{
    color: #0080D7;
    background: #F1F1F199;
    border-left: 5px solid #0080D7;
}

.li_product_monuments_grave .flex_monuments_grave{
    margin-top: auto;
}

.admin_table{ 
    margin: 40px 0px;
}
.admin_table td{
    font-size: 16px;
    font-weight: 400;
}

.admin_table th{
    font-size: 18px;
    font-weight: 500;
}

.update_settings_organization{
    margin: 40px 0px;
    display: flex;
    max-width: 600px;
    flex-direction: column;
    gap: 40px;

}

.update_settings_organization .block_input label{
font-weight: 600;
}

.update_settings_organization .blue_btn{
    max-width: 300px;
}


.add_cat_to_organization{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    gap: 40px;
}

.ul_info_settings_organization{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.info_contacts_settings_organization{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.time_flex{
    margin-left: auto;
}


.choose_organization_block{
    margin-right: auto;
    display: flex;
gap: 40px;
position: relative;
    align-items: center;
}
.open_ul_agency_organizations{
    cursor: pointer;
}
.flex_logo_choose_organization{
    display: flex;
    width: 80px;
    align-items: center;
}
.flex_logo_choose_organization img{
    width: 80px;
    height: 50px;
}
.flex_logo_choose_organization img:nth-child(2){
    transform: translateX(-30px);
}
.info_selected_organization{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
}
.aplication_active{
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.aplication_active .text_black,.aplication_active .text_blue{
    text-align: center;
}

.info_selected_organization .text_blue{
    text-decoration: none;
    align-items: center;
    display: flex;
    gap: 20px;
}
.info_selected_organization img{
    width: 20px;
    height: 25px;
}
.info_selected_organization a,.info_selected_organization div{
    display: flex;
    align-items: center;
    gap: 10px;
}
.text_middle_blue{
color: #0080D7;
    
font-size: 20px;
font-weight: 400;
line-height: 30px;
text-decoration: none;
text-align: left;

}

.info_selected_organization a img{
    width: 18px;
    height: 22px;
}

.ul_agency_organizations{
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;

    background: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 4px 4px 8px -2px rgba(34, 60, 80, 0.2);
}
.ul_agency_organizations a{
    display: flex;
    margin: 10px 0px;
    justify-content: space-between;
    gap: 20px;
    text-decoration: none;
}

.li_agency_organization .blue_btn{
    padding:7px  12px;
    border-radius: 5px;
}


.coordinates_organization{
    display: none;
}


.ul_search_add_organizations{
    margin: 40px 0px;
    display: flex;
    flex-direction: column;
    gap: 25px;

}
.li_search_add_organization{
    display: flex;
    width: 100%;
    padding: 20px;
    gap: 20px;
}
.img_logo_organization{
    width: 174px;
    height: 163px;
    border-radius: 12px;
    object-fit: cover;
}
.info_li_search_add_organization{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.title_middle_black_bold{

font-size: 20px;
color: #181C21;
font-weight: 600;
transition: all ease-in-out;
text-decoration: none;
line-height: 30px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}

.title_middle_black_bold:hover{
    color: #0080D7;
}

.name_type_organization{
    margin-bottom: 10px;
}

.info_li_search_add_organization .blue_btn{
    width: 200px;
}


.block_search_organization_add .title_blue{
    padding: 0px;
    padding-top: 10px;
}
.block_search_organization_add .text_black{
    padding: 15px 0px;
}

.block_search_organization_add form{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.block_search_organization_add .blue_btn{
    width: 150px;
}
.search_organization_input{
    outline: none;
    
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #181C21;
padding: 10px;
border: none;
width: 100%;
max-width: 480px;
border-bottom: 1px solid #737373;
}
.search_organization_input::placeholder{
    color: #737373;
}
.select_city_form_add_organization{
    display: flex;
    align-items: center;
    gap: 5px;
}
.select_city_form_add_organization img{
    width: 15px;
}
.select_city_form_add_organization select{
    outline: none;
    max-width: 150px;
    background: white;
    border: 1px solid white;
    color: #737373;
}


.block_buy_aplication{
    display: flex;
    margin-top: 40px;
    flex-direction: column;
    gap:20px;
}


.li_buy_aplication{
    align-items: start;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.li_buy_aplication .block_input{
    max-width: 350px;
}
.li_buy_aplication .blue_btn{
    min-width: 200px;
}

.text_no_search_organizations{
    margin: 40px 0px;
    text-align: center;
}

.block_search_input_city,.block_ajax_input_search_cities{
    position: relative;
}

.abs_cities_input,.abs_cities_input_search{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 101%;
    z-index: 10;
    left: 0px;
    background-color: white;
    width: 100%;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    max-height: 200px;
    overflow-y: scroll;
}
.city_li_input,.city_li_input_seacrh{
    transition: all ease-in-out 0.2s;
    color: #181C21;
font-size: 16px;
font-weight: 400;
cursor: pointer;
border-top:1px solid #E9E8EA;
border-bottom: 1px solid #E9E8EA;

padding: 10px;
line-height: 24px;
text-align: left;
}
.city_li_input:hover{
    color: #0080D7;
    
}

.block_add_product{
    display: flex;
    margin: 20px 0px;
    flex-direction: column;
    gap: 20px;
}

.block_add_product .block_input select{
    max-width: none;
}

.flex_additional_product{
    display: flex;
    align-items: center;
    gap: 20px;
}

.remove_additional{
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.add_additional{
    font-weight: 400;
    cursor: pointer;
    font-size: 17px;
}

.ul_products_organizations{
    display: grid;
    grid-template-columns: 1fr  1fr;
    gap: 20px;
    margin: 20px 0px;
}

.li_product_organization{
    padding: 20px;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    border: 1px solid #F1F1F1;
}
.flex_product_organization{
    display: flex;
    gap: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom:1px solid #F1F1F1;

}
.delete_product_organization{
    min-width: 40px;
    height: 40px;
    display: flex;
    transition: all ease-in-out 0.2s;
    cursor: pointer;
    align-items: center;
    background: #FFEBEB;
    justify-content: center;
}

.delete_product_organization:hover{
    background-color: #f5cbcb;
}
.delete_product_organization img{
    width: 25px;
    height: 25px;
}

a.text_middle_index{
    transition: all ease-in-out 0.2s;
    color: #181C21;
}

a.text_middle_index:hover{
    color: #0080D7;
}
.ul_charasteristic_product{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 10px;
}
.li_charasteristic_product{
    display: flex;
    align-items: center;
    gap: 10px;
}
.li_charasteristic_product .green_btn{
    padding: 7px 15px;
}
.underline{
    text-decoration: underline;
}
.grid_two_btn{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.li_product_organization .grid_two_btn{
    margin-top: auto;   
}


.input_price_update_product_organization{
    padding: 5px 15px;
    border: 1px solid #F1F1F1;
    outline: none;
    
    font-size: 16px;
    color: #181C21;
    font-weight: 400;
    line-height: 24px;
    max-width: 130px;
    margin-left: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    
}
.filters_ritual_objects .js-open-map-btn{
    background: none !important;
}
.btn_update_product_organization{
    min-width:34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0097FE;
    cursor: pointer;

}
.btn_update_product_organization img{
    width: 17.3px;
height: 14.7px;


}

.rotate_block{
    animation-name: rotation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotation {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}

.flex_inputs_filters_organiaztions{
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 20px 0px;
}
.input_search_products_organizations {
    position: relative;
}
.input_search_products_organizations input{
    min-width: 220px;
    outline: none;
    padding: 5px 15px;

font-size: 16px;
font-weight: 400;
border: none;
line-height: 24px;
text-align: left;
border-bottom: 1px solid #737373;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color:#181C21;

}

.input_search_products_organizations input::placeholder{

font-size: 16px;
color:#181C21;
font-weight: 400;
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}







/* Контейнер основной контент + сайдбар */
.container.product_container {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    position: relative;
}

/* Основной контент */
.main-content-product-single {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 50%;
    min-width: 0; /* Предотвращает переполнение */
}

/* Сайдбар */
.sidebar_product_single {
    width: 30%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 120px; /* Отступ от верха при прокрутке */
    height: fit-content;
    align-self: flex-start;
    
    /* Эффект "висящего в воздухе" */
    background: white;
  
}
.title_medium{
    font-size: 22px;
    color: #181C21;
    text-decoration: none;
}
.banner{
    width: 20%;
    flex-shrink: 0;
    position: sticky;
    top: 20px; /* Отступ от верха при прокрутке */
    height: fit-content;
    align-self: flex-start;
    
}
.banner_index{
    width: 100%;
    padding: 40px 10px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30.94%, #181C21 100%);
    border-radius: 12px;
    height: 572px;
    position: relative;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    gap: 14px;
}
.banner_index_2{
        height: 482px;

}
.banner_index div{
    color: white;
    width: 100%;
    text-align: start;
}
.banner_index .blue_btn{
    width: 100%;
    max-width: 100%;
     padding-top: 0px;
     padding-bottom: 0px;
    height: 36px;
}
.banner_index .blue_light_btn{
     width: 100%;
     padding-top: 0px;
     padding-bottom: 0px;
    max-width: 100%;
    height: 36px;
}

.mobile_btn_place{
    display: none;
}
.banner_index .img_main_banner{
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
}
.text_banner{
font-weight: 400;
font-style: Regular;
font-size: 15px;
leading-trim: NONE;
line-height: 22px;
max-width: 280px;
letter-spacing: 0%;
color: #FFFFFF;
vertical-align: middle;

}
.tags{
    margin: 30px 0px;
}
.tags .title{
    margin-bottom: 20px;
}
.ul_tags{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.li_tag{
font-family: Century Gothic;
font-weight: 400;
font-style: Regular;
font-size: 13px;
text-decoration: none;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
text-decoration: none;
color: #181C21;
background: #FFFFFF;
text-align: center;
vertical-align: middle;
   padding: 15px 20px;
    border-radius: 20px;
    
    transition: all ease-in-out 0.2s;
}


.li_tag:hover{
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    transform: translateY(-5px);
}

.block_border_blue_content{
    border-radius: 20px;
    border: 2px solid #0080D7;
    overflow: hidden;
}
.title_block_mini{
    background: #DDEEFF;
    padding: 20px 15px;
}
.block_border_blue_content.accept_block_product{
    border-radius: 20px;
    border: 2px solid #0080D7;
    gap: 15px;
    display: flex;
    padding: 20px 15px;
}

.content_block_mini{
        padding: 20px 15px;

}

.black_img_org.logo_org_product_single{
    display: none;
}

.content_accept_block{
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: space-between;
}

.open_info_accept_block_product{
    margin-left: auto;
}

.input_search_products_organizations img{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 2;
}
.filters_ritual_objects{
    display: flex;
    margin-bottom: 30px ;
    align-items: center;
    gap: 20px;
}

.flex_inputs_filters_organiaztions .select  select{
padding: 5px 20px;
}

.flex_inputs_filters_organiaztions .select::before {
    position: absolute;
    top: 15px;
}

.block_add_image_product_organization{
    display: flex;
    gap: 20px;
}

.block_add_image_product_organization .input__wrapper{
    min-width:  190px;
    height: 190px;
}
.block_add_image_product_organization .input__wrapper img{
    width: 76px;
    height: 76px;
    
}


.ul_add_img_product{
    overflow-x: scroll;
    display: flex;
    gap: 20px;
}
.ul_add_img_product .li_img_product_organization .image_product_organization{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.li_img_product_organization{
    position: relative;
    background: #F7F7F8;
    min-width: 190px;
    max-width: 190px;
    height: 190px;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
}
.li_img_product_organization .delete_img_product_organization{
    z-index: 3;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    background-repeat: no-repeat !important;
    height: 34px;
    background-image: url("/storage/uploads/Min.svg");
    background-size: contain;
}


.newInputFile{
    display: none !important;
}

.fa-star-o:before{
    content: "";
       width: 20px;
       height: 20px;
       display: block;
       background-image: url("/storage/uploads/Frame 338.svg");
       background-repeat: no-repeat
 }
 .star-rating__ico{
    position: relative;
    width: 20px;
    height: 20px;
 }
 
.star-rating__ico:hover:before,
.star-rating__ico:hover ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before
{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("/storage/uploads/Frame 334.svg");
    background-repeat: no-repeat
}
.btn-sort-icon{
    border: 0px;
    outline: none;
    background: none;
}
.sort-wrapper {
    position: relative;
    display: inline-block;
}
.sort-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 1000;
    min-width: 170px;
}
.sort-dropdown button {
    display: block;
    width: 100%;
    padding: 8px 12px;
    text-align: left;
    border: none;
    background: none;
    cursor: pointer;
}
.sort-dropdown button:hover {
    background: #f5f5f5;
}
.checkbox::before{
    background-image: url("/storage/uploads/checkbox_no_choose.svg");
    background-repeat: no-repeat
}
.checkbox.active_checkbox::before{
    background-image: url("/storage/uploads/checked.svg");
    background-repeat: no-repeat
}
    
.select::before{
        background-image: url("/storage/uploads/Vector_select.svg");
       background-repeat: no-repeat
}
.margin_top_down_20{
    margin: 20px 0px;
}

.text_align_start{
    text-align: start;
}

.ul_reviews_organiaztions{
    display: flex;
    margin-top: 20px;
    flex-direction: column;
    gap: 20px;
}
.li_review_in_panel{
    padding: 20px;
    border: 1px solid #F1F1F1;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 15px;

}
.info_review{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.flex_info_review_in_panel{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.flex_info_review_in_panel .light_blue_btn,.flex_info_review_in_panel .green_btn{
    min-width: 220px;
}

.flex_info_review_in_panel{
    padding-bottom: 15px;
    border-bottom: 2px solid #737373 ;
}

.form_update_review textarea{
    min-height: 200px;
}

.form_sidebar .blue_btn{
    padding: 10px 0px;
}

.alert{
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
}

.flex_label{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.block_add_request_product_to_provider{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 30px 0px;
}

.max_width_200{
    max-width: 200px;
    width: auto;
}

.ul_request_to_provider{
    display: flex;
    flex-direction: column;
}
.li_request_to_provider{
    display: flex;
    align-items: center;
    gap: 20px;

}

.li_order .delete_order_user .btn_border_blue{
    max-width: 100%;
    width: 100%;
}

.delete_cart.delete_li_request_to_provider img{
    width: 65px;
}

.margin_top_20{
    margin-top: 20px;
}

.flex_align_start{
    align-items:normal;

}

.flex_btn  .img_width_50{
    width: 50px !important;
}


.ul_images_offers_to_provider{
    display: flex;
    margin: 20px 0px;
    gap: 20px;
    width: 100%;
    width: 100%; /* Ширина скроллируемого блока */
    overflow-x: auto; /* Позволяет горизонтальную прокрутку */
    white-space: nowrap; 
    overflow-x: scroll;
}
.li_image_to_provider{
    padding: 10px;
    background: #F7F7F8;
}
.li_image_to_provider img{
    width:  250px;
    height: 186px;
    object-fit: cover;

}

.li_request_created_to_provider{
    display: flex;
    align-items: start;
    gap: 20px;
}
.delete_offer button{
    background: none;
    border: none;
    outline: none;
}



.block_answer_from_provider{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    border: 1px solid #E9E8EA;


}
.block_answer_from_provider .item_answer_from_provider{
    border-left: 1px solid #E9E8EA;
}

.item_answer_from_provider{
    display: flex;
    padding: 10px;
    flex-direction: column;
    gap: 10px;
}
.flex_answer_from_provider{
    display: flex;
    gap: 15px;
}

.ul_btn_answer_from_provider{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table_answer_from_provider{
    width: 100%;   
    margin: 20px 0px;
}

.mobile_block_answer_from_provider{
    display: none;
}

.mobile_block_answer_from_provider .gray_block_answer{
    padding: 10px;
    background: #F7F7F8;
}

.mobile_block_answer_from_provider .text_black{
    padding: 10px;
    border-left: 1px solid #F7F7F8;
    border-right: 1px solid #F7F7F8;
}

.table_answer_from_provider th{
    padding: 10px;
    background: #F7F7F8;

}
.table_answer_from_provider td{
    padding: 5px;
    border: 1px solid #F7F7F8;
}

.ul_answer_product_request{
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 15px 0px;
}

.flex_gap_10_column{
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.flex_gap_5_column{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.li_bottom_gray_border{
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #F1F1F1;
}

.accept_order .green_btn,.accept_order .blue_btn{
    width: 100%;
    border: none;
    max-width: 100%;
    outline: none;
    cursor: pointer;
}

.li_order_additional{
    margin: 5x 0px;
    display: flex;
    margin-bottom: 10px;
    flex-direction: column;
    gap: 0px;
}

.box_width_border_gray{
    padding: 10px;
    border: 1px solid #E9E8EA;
}
.orders_organization{
    margin: 30px 0px;
}
.title_product_market{
    margin-top: 10px;
}

.created_offers{
    padding: 20px;
}
.created_offers .ul_answer_product_request{
    margin: 0px;
    margin-bottom: 10px;
}


.li_aplication{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    border: 1px solid #F1F1F1;

}

.border__bottom_aplication{
    padding-bottom: 10px;
    border-bottom: 1px solid #F1F1F1;
}

.aplication_flex{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.title_aplication{
    font-family: 'EB Garamond';
font-size: 22px;
font-weight: 700;
line-height: 26.4px;
text-align: left;
text-decoration-line: underline;
text-decoration-style: solid;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}


.aplication_flex .green_btn{
    max-width: 140px;
    padding: 8px 16px 8px 16px;
    gap: 10px;
    opacity: 0px;
    
font-size: 12px;
font-weight: 600;
line-height: 18px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}
.service_filter{
    max-width: 350px;
}

.li_aplication .blue_btn{
    margin-top: auto;
}


.margin_top_auto{
    margin-top: auto;
}

.reason_failure_btn{
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.li_order .reason_failure_btn{
    max-width: 100%  !important;

}

.open_reason_failure_btn{
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.open_reason_failure_btn img{
    width: 14px;
    transition: all ease-in-out 0.2s;
    height: 9px;
}
.reason_failure_btn .text_black{
    display: none;
}
.text_align_start{
    text-align: start;
}

.flex_direction_column{
    flex-direction: column;
    align-items: start;
}

.block_services_order .title_label.flex_direction_column{
    align-items: start;
}
.block_services_order{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 10px;
}

.img_text_block{
    width: 100%;
}

.mobile_header{
    position: fixed;
    z-index: 111;
    width: 100%;
    display: none;
    flex-direction: column;
    gap: 10px;
    background: white;
    top: 0px;
    height: 100%;
    right: 0px;
}




.avito_style {
    background: #ffffff;
    height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    overflow-y: auto;
}

/* Шапка */
.mobile_header_top {
    display: flex;
    align-items: center;
    padding: 20px 16px 16px;
    border-bottom: 1px solid #e8e8e8;
    background: linear-gradient(135deg, #0080D7 0%, #0080D7 100%);
    color: white;
}

.close_mobile_header {
    margin-right: 16px;
    cursor: pointer;
    font-size: 28px;
    font-weight: 300;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    transition: background 0.3s;
}

.close_mobile_header:hover {
    background: rgba(255,255,255,0.3);
}

.city_selector {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: rgba(255,255,255,0.15);
    border-radius: 25px;
    font-size: 16px;
    font-weight: 600;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2);
}

.city_arrow {
    font-size: 12px;
    opacity: 0.8;
    transition: transform 0.3s;
}

/* Основное меню */
.mobile_menu_content {
    padding: 8px 0;
    background: #fafafa;
}

.menu_section {
    margin-bottom: 2px;
    background: white;
}

.menu_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    text-decoration: none;
    color: #181C21;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    overflow: hidden;
}

.menu_item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: linear-gradient(135deg, #0080D7, #0080D7);
    transform: scaleY(0);
    transition: transform 0.3s;
}

.menu_item:hover::before {
    transform: scaleY(1);
}

.menu_item:hover {
    background: #f8f9ff;
    transform: translateX(4px);
}

.menu_text {
    display: flex;
    align-items: center;
    gap: 12px;
}

.menu_title {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.2px;
}

.menu_badge {
    background: linear-gradient(135deg, #0080D7, #0080D7);
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    min-width: 20px;
    text-align: center;
}

.menu_arrow {
    font-size: 20px;
    color: #666;
    transition: transform 0.3s;
    font-weight: 300;
}

.menu_item.active .menu_arrow {
    transform: rotate(90deg);
    color: #667eea;
}

/* Подменю */
.submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    background: #f8f9fa;
}

.submenu.expanded {
    max-height: 400px;
}

.submenu_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px 16px 52px;
    text-decoration: none;
    color: #666;
    font-size: 15px;
    border-left: 3px solid transparent;
    transition: all 0.3s;
    position: relative;
}

.submenu_item::before {
    content: '';
    position: absolute;
    left: 32px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: #667eea;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s;
}

.submenu_item:hover {
    background: #edf0ff;
    border-left-color: #667eea;
    color: #181C21;
    padding-left: 56px;
}

.submenu_item:hover::before {
    opacity: 1;
}

.submenu_item:hover .submenu_arrow {
    transform: translateX(3px);
    color: #667eea;
}

.submenu_arrow {
    font-size: 18px;
    color: #999;
    transition: all 0.3s;
    font-weight: 300;
}

/* Выйти */
.logout_section {
    margin-top: 20px;
    border-top: 1px solid #e8e8e8;
    background: white;
}

.logout_text {
    color: #dc3545;
    font-weight: 600;
}

.logout:hover {
    background: #fff5f5;
}

.logout:hover .logout_text {
    color: #c82333;
}

/* Анимации */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.submenu_item {
    animation: slideIn 0.3s ease-out;
}

/* Тень для глубины */
.menu_section {
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.menu_section:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.menu_section:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

/* Скроллбар */
.mobile_header::-webkit-scrollbar {
    width: 4px;
}

.mobile_header::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.mobile_header::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-radius: 2px;
}

.mobile_header_active{
    display: flex;
}

.mobile_header ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0px;
}

.form_admin_delete button{
    padding: 5px 10px;
}
.mobile_header li{
    list-style: none;
}
.mobile_title_organization {
    display: none;
}
.mobile_header  a{
    
    font-size: 16px;
    font-weight: 600;
    color: #181C21;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    gap: 10px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    transition: all ease-in-out 0.2s;
}

.close_mobile_header{
    position: absolute;
    z-index: 2;
    cursor: pointer;
    top: 20px;
    right: 20px;

}
.close_mobile_header img{
    width: 35px;
}

.mobile_header .city_selected{
    justify-content: start;
    margin-bottom: 20px;
}
.mobile_header  a:hover{
    color: #0080D7;
}

.mobile_header a img{
    width: 12px;
    height: 12px;
}

.mobile_header .city_selected img{
    width: 20px;
    height: 20px;
}

.mobile_header_mini_info,.header_user_mini_info{
    display: none;
    position: fixed;
    padding:10px 20px;
    width: 100%;
    gap: 20px;
    justify-content: space-between;
    top: 66px;
    background: white;
    border-top: 1px solid #E9E8EA;
    left: 0px;
    z-index: 100;
}

.header_agency .open_mobile_header,.header_decoder_account .open_mobile_header{
    display: none;
}
.mobile_choose_organiztion{
    display: none;
}

.mobile_info_about_decoder{
    display: none;
}
.mobile_header_mini_info .btn_border_blue{
    color: #0080D7;
    display: flex;
    align-items: center;
    gap: 10px;
}
.mobile_header_mini_info .btn_border_blue img{
    width: 24px;
    height: 24px;
}
.mobile_header .children_pages_mobile_header{
    padding-left:15px;  
    display: none;  
    max-height: 100%;
    overflow-y: visible;
    padding-top: 10px;
}

.open_form_with_email,.open_form_with_phone{
    cursor: pointer;
    border-radius: 12px;
}



.form_with_phone{
    display: flex;
}
.flex_btn_center{
    justify-content: center;
}

.mobile_header .children_pages_mobile_header.children_pages_mobile_header_active{
    display: flex;
}
.capture_container .reviews_organizations .li_review_organization{
    min-height: 380px;
}

.reviews_organizations .title{
    margin-bottom: 20px;
}

.capture_container video{
    width: 100%;
    height: 677px;
}
.capture_container .video_service{
    width: 100%;
}
.mobile_logo_organization{
    display: none;
}

.li_buy_aplication.simple-view{
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.block_buy_aplication .title_middle{
    margin-bottom: 20px;
}

.li_buy_aplication.simple-view .text_black{
    margin-right: auto;
}


.pricing-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}

.pricing-table th {
    background-color: #f8f9fa;
    padding: 16px 20px;
    text-align: left;
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #e0e0e0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pricing-table td {
    padding: 16px 20px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 15px;
}

.pricing-table tbody tr:hover {
    background-color: #f8f9fa;
}

.pricing-table tbody tr:last-child td {
    border-bottom: none;
}

.service-name {
    font-weight: 500;
    color: #333;
}

.standard-price {
    color: #0080D7;
    font-weight: 600;
}

.premium-price {
    color: #28a745;
    font-weight: 600;
}

.service-category {
    margin-bottom: 40px;
}

.service-category:last-child {
    margin-bottom: 0;
}
.service-name

.li_buy_aplication.simple-view

.gray_circle{
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #F7F7F8;
}
.gray_circle img{
    width: 18px;
}

.header_user_mini_info{
    position: relative;
    top: 0px;
}

.li_product_organization .li_charasteristic_product{
    margin-bottom: 20px;
}

.img_black_theme{
    display: none;
}


.accept_code_call_organization{
    display: none;
}

.flex_404_page{
    min-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.page_404 .container{
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}
.page_404 a{
    display: block;
}

.title_404{
    
font-weight: 700;
font-size: 128px;
line-height: 120%;
letter-spacing: 0%;
color: #050505;
}

.title_404_middle{
    
font-weight: 700;
font-size: 44px;
line-height: 120%;
letter-spacing: 0%;
color: #050505;


}
.page_404  img{
    width: 100%;
}
.logo_org_setting{
    width: 250px;
}
.input_file_setting_organization{
    display: none;
    margin-top: 20px ;
    margin-bottom: 10px ;
}
.active_input_file_setting_organization{
    display: block;
}

.grid_3{
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
    grid-gap: 20px;
}

.search_application .grid_3{
    margin: 20px 0px;
}
.search_application .grid_3 .blue_btn{
    width: 100%;
    max-width: 100%;
    height: 48px;
}

.block_search_ul_advantages{
    padding: 30px 0px;
}
.grid_4{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
}
.block_border_gray{
    border: 1px solid #E9E8EA;
    display: flex;
    transition: all ease-in-out 0.2s;
    align-items: center;
    text-decoration: none;
    color: #181C21;
    gap: 15px;
    padding: 20px;
}
.block_border_gray:hover{
    box-shadow: -1px 4px 13px 3px rgba(34, 60, 80, 0.2);
}
.block_border_gray img{
    max-height: 90px;
}
.block_border_gray .title_checkout_form{
    text-decoration: none;
    color: #181C21;
}
.burials_dead_in_day{
    padding: 40px 0px;
}


.password_reset .blue_btn{
    max-width: 100%;
}

.filter_update_organization{
    display: none;
}

.img_place .black_img_org{
    display: none;
}
 .img_place .white_img_org{
    display: block;
}


.logo_organization_single .black_img_org{
    display: none;
}
 .logo_organization_single .white_img_org{
    display: block;
}

.name_organization .black_img_org{
    display: none;
}
 .name_organization .white_img_org{
    display: block;
}


.img_logo_organization.white_img_org{
    display: block;
}
.img_logo_organization.black_img_org{
    display: none;
}



.logo_organization_similar.black_img_org{
    display: none;
}
 .logo_organization_similar.white_img_org{
    display: block;
}

.block_mini_info_about_org_product{
        border-radius: 20px;
    border: 2px solid #0080D7;
    overflow: hidden;
    gap: 15px;
}
.block_mini_info_about_org_product a{
    display: block;
}

.block_price_product_single{
    background: #DDEEFF;
    padding: 20px 15px;
}
.price_product_single{
    font-size: 25px;
}

.border_blue_block{
    padding: 20px 15px;
    border-radius: 20px;
    border: 2px solid #0080D7;
}
form.border_blue_block{
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.block_mini_info_org_product_single{
        padding: 15px 15px;

}
.logo_org_product_single{
    object-fit: cover;
    width: 94px;
    height: 94px;
    border-radius: 10px;
}
.flex_mini_info_org_product_single_2{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.flex_mini_info_org_product_single{
    display: flex;
    gap: 10px;
    margin-bottom: 15px ;
}

.flex_filters_organizaitons_mobile{
    display: none;
    flex-direction: column;
    gap: 2px;
}
.flex_filters_organizaitons_mobile .grid_two{
    gap: 2px;
}
.block_filter_mobile{
    position: relative;
    padding: 12px 10px;
    cursor: pointer;
    background: #F7F7F8;
   
}
.info_block{
    display: flex;
    gap: 5px;
}
.open_mobile_filter_select{
width: 15px;
height: 15px;
}

.mobile_filter_select{
    position: absolute;
    top: 105%;
    left: 0;
    z-index: 10;
    width: 100%;
    box-shadow: 4px 4px 8px -3px rgba(34, 60, 80, 0.2);
    display: none;
    flex-direction: column;
    gap: 0px;
}

.mobile_filter_option{
    padding: 5px ;
    color: #181C21;
    font-size: 16px;
    border-bottom: 1px solid #E9E8EA;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
    background: #F7F7F8;
}
.mobile_filter_option:hover{
color: #0080D7;
}

.block_filter_mobile .text_black_bold,.block_input .text_black_bold{
    text-align: start;
}

.header_admin .item_decoder{
    margin-left: auto;
}


.cookie_consent{
    position: fixed;
    box-shadow: 5px 10px 42px 21px rgba(34, 60, 80, 0.2);
    bottom: 0px;
    left: 0px;
    padding: 15px;
    width: 100%;
    display: flex;
    gap: 40px;
    z-index: 10;
    background: white;
}
.cookie_consent p{
    margin: 0px;
}
.cookie-buttons{
    gap: 10px;
    display: flex;
    align-items: center;
}

.cookie-buttons button{
    height: 48px;
    width: 100%;
    max-width: 200px;
}
.text-muted{
    margin: 0px;
}
.html_navigation{
    margin-top: 80px;
    margin-bottom: 30px;
}
.share_button{
    cursor: pointer;
}

.html_navigation_org .navigation_pages{
    padding-bottom: 0px;
}
.img_single_burial {
    position: relative;
}
.img_single_burial img{
    width: 340px;
    height: 340px;
    border-radius: 12px;
    object-fit: cover;
}
.burial-no-photo-placeholder {
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 340px;
    min-width: 340px;
    height: 340px;
    border-radius: 12px;
    color: #9ca3af;
    font-size: 14px;
}

.li_wallet{
    display: flex;
    align-items: center;
    gap: 15px;

    border: 3px solid #CACACA;
    padding: 10px;
}

.ul_wallets{
    margin:20px 0px ;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.li_wallet .block_input{
    max-width: 200px;
}

.header_main .btn_bac_gray{
    padding: 10px 12px;
    font-size: 16px;
}

.header_main .container{
    align-items: center;
    justify-content: start;
}


    .mgo-modal-overlay {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 9998;
      display: none;
    }
    .mgo-modal {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #fff;
      border-radius: 12px 12px 0 0;
      padding: 20px;
      box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
      z-index: 9999;
      transform: translateY(100%);
      transition: transform 0.3s ease;
      max-width: 500px;
      margin: 0 auto;
    }
    .mgo-modal.active {
      transform: translateY(0);
    }
    .mgo-modal-header {
      text-align: center;
      margin-bottom: 15px;
      font-weight: bold;
      font-size: 18px;
    }
    .mgo-modal-number {
      font-size: 24px;
      font-weight: bold;
      text-align: center;
      margin: 15px 0;
      color: #0080D7;
    }
    .mgo-modal-note {
      text-align: center;
      color: #666;
      font-size: 14px;
      margin-bottom: 20px;
    }
    .mgo-modal-button {
      display: block;
      width: 100%;
      padding: 12px;
      background-color: #0080D7;
      color: white;
      border: none;
      border-radius: 8px;
      font-size: 16px;
      cursor: pointer;
      text-align: center;
      margin-top: 10px;
    }
    .mgo-modal-close {
      position: absolute;
      top: 10px;
      right: 10px;
      background: none;
      border: none;
      font-size: 20px;
      cursor: pointer;
      color: #666;
    }


     .mgo-alternatives-modal {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #fff;
      border-radius: 12px 12px 0 0;
      padding: 20px;
      box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
      z-index: 9999;
      transform: translateY(100%);
      transition: transform 0.3s ease;
      max-width: 600px;
      margin: 0 auto;
      max-height: 80vh;
      overflow-y: auto;
    }
    .mgo-alternatives-modal.active {
      transform: translateY(0);
    }
    .mgo-alternatives-header {
      text-align: center;
      margin-bottom: 15px;
      font-weight: bold;
      font-size: 18px;
    }
    .mgo-alternatives-note {
      text-align: center;
      color: #666;
      font-size: 14px;
      margin-bottom: 20px;
    }
    .mgo-alternative-item {
      display: flex;
      align-items: center;
      padding: 15px;
      border-bottom: 1px solid #eee;
      gap: 15px;
    }
    .mgo-alternative-logo {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      object-fit: cover;
      flex-shrink: 0;
    }
    .mgo-alternative-info {
      flex-grow: 1;
    }
    .mgo-alternative-name {
        font-size: 15px;
      font-weight: bold;
      margin-bottom: 5px;
    }
    .mgo-alternative-actions {
      display: flex;
      gap: 10px;
    }
    .mgo-alternative-btn {
      padding: 8px 12px;
      border-radius: 6px;
      font-size: 14px;
      cursor: pointer;
      border: none;
    }
    .mgo-alternative-details {
      background-color: #f0f0f0;
      color: #333;
    }
    .mgo-alternative-call {
      background-color: #0080D7;
      color: white;
    }
    .mgo-alternatives-close {
      position: absolute;
      top: 10px;
      right: 10px;
      background: none;
      border: none;
      font-size: 20px;
      cursor: pointer;
      color: #666;
    }
    .img_index_service{
        max-width: 200px;
    }




.capture_page{
    position: relative;
    padding: 40px 0px;
}


.lily_left{
    position: absolute;
    z-index: 0;
    left: 0px;
    bottom: 0px;
    max-width: 800px;
    width: 100%;
}
.lily_right{
     position: absolute;
    z-index: 0;
    right: 0px;
    bottom: 0px;
       max-width: 800px;
    width: 100%;
}

.capture_page .content_order_page{
    margin: 0 auto;
    max-width: 1048px;
}

.capture_page .content_order_page .capture_form{
    max-width: 810px;
    margin: 0 auto;
    background: white;
    padding: 30px;
    margin-top: 20px;
}
.capture_page .text_page_marketplace{
    text-align: center;
}

.capture_page .content_order_page h1{
    text-align: center;
}   


.our_works_swiper .li_our_work{
    display: block;
}
.our_works_swiper .li_our_work img{
    height: 205px;
    object-fit: cover;
    border-radius: 12px;
    background: white;
    width: 100%;
}
.our_works_swiper .swiper_button_next_our_works{
    right: 15px;
}
.our_works_swiper .swiper_button_prev_our_works{
    left: 15px;
}

.capture_container{
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    gap: 50px;
    align-items: center;
    margin-top: 50px;
}
.capture_block section{
    padding-top: 0px;
    position: relative;
    width: 100%;
}

.capture_block .reviews_organizations{
    padding-bottom: 0px;
}

.capture_block .ul_advanyages_service,.capture_block .gos_block{
    width: 100%;
}

/* Основной бейдж для пунктов меню */
.notification-badge {
    background-color: #ff4444;
    color: white;
    border-radius: 50%;
    min-width: 23px;
    min-height: 20px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    font-weight: bold;
    position: relative;
}

/* Малый бейдж для подпунктов */
.notification-badge-small {
    background-color: #ff4444;
    color: white;
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 10px;
    margin-left: 8px;
    font-weight: bold;
    float: right;
}

.li_children_page_sidebar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
}

/* Если нужно, чтобы бейдж был рядом с текстом */
.li_children_page_sidebar span {
    margin-left: auto;
}

.mobile_filters_news{
    display: none;
}


/**
 * Theme Name: zahoron
 */



@media(max-width:1300px){
    .block_sidebar_second {
        display: none;
    }
    .block_sidebar_second.block_sidebar_org{
        display: flex;
    }

}

@media(max-width:1100px){



    .container.grid_two_page{
        display: flex;
        flex-direction: column;
    }
}

@media(max-width:1100px){
    .mobile_filters_news{
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .block_sidebar_form{
        display: none;
    }
    .margin_top_for_header{
    overflow: hidden;
    border-bottom: 1px solid transparent;
        margin-top: 132px ;
    }
    header .pages{
        display: none;
    }
    header .container{
        display: flex;
        justify-content: space-between;
    }
    .header_main .open_big_header,.header_main .icon_login{
        display: none;
    }

    .title_our_works{
font-weight: 700;
font-style: Bold;
font-size: 18px;
leading-trim: NONE;
line-height: 22px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .li_review_organization .content_block{
        max-width: 100%;
    }
    .flex_footer{
        flex-direction: column;
    }
    .mobile_header_mini_info{
        display: flex;
    }

  

    .block_search_ul_advantages .grid_4{
        grid-template-columns: 1fr 1fr;
    }
   

}


@media(max-width:960px){
    .header_user_mini_info.header_user_mini_info_2{
        display:flex;
    }
    .header_decoder.header_user .icon_header.icon_login,.header_decoder.header_user .no_bac_btn{
        display: none;
    }

    .blue_block_all_price{
        display: none;
    }
    .organization_marketplace .grid_product_two{
        display: flex;
        flex-direction: column-reverse;
    }
    .img_search_burial{
        display: none;
    }

    .index_block_grid{
        grid-template-columns: 1fr;
    }
    .blue_btn, .border_blue_btn,.green_btn,.red_btn,.gray_btn{
        font-size: 14px;
    }

    .swiper-button-next, .swiper-rtl .swiper-button-prev{
        right: 14px;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next{
        left: 14px;
    }





    .flex_footer .pages{
        width: 100%;
        flex-direction: column;
    }
    .flex_footer .pages .no_bac_btn{
        min-width: 100%;

    }
    .block_info_footer{
        text-align: center;
        font-size: 14px;
    }
    .li_review_organization{
        min-height: auto;
    }
    .li_news{
        min-height: 270px;
    }
    .ul_news{
        grid-template-columns: 1fr 1fr;
    }
    .text_li{
        font-size: 14px;
    }
    .title_news{
font-weight: 700;
font-style: Bold;
font-size: 15px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .li_memorial_hall .grid_two{
        grid-template-columns: 1fr;
    }
    .li_memorial_dinner{
        gap: 20px;
    }
    .title_li{
        font-size: 24px;
    }

    .main_index_block .grid_two{
        grid-template-columns: 1fr;
    }

    .flex_text_service_index img{
        max-height: 110px;
        max-width: 100px;
    }
    .ul_products{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .grid_organization_single{
        grid-template-columns: 1fr;
    }
    .map_single_organization img{
        object-fit: cover;
    }

    .blue_block_all_price{
        font-size: 20px;
    }

    .product_market .grid_product_two{
        display: flex;
        flex-direction: column-reverse;     
    }
    .ul_how_work_search{
        grid-template-columns: 1fr 1fr 1fr;
    }

   .ul_products_sidebar_places{
    grid-template-columns: 1fr 1fr;
    display: grid;
    gap: 12px;
   }
   .sidebar_place{
    align-items:normal;
   }
   .gray_index_block_service{
    min-height: 260px;
   }
   .text_middle_index{
    font-size: 20px;
   }
   .sidebar_account{
    display: none;
   }


   .header_agency .choose_organization_block{
    display: none;
   }

   .header_agency{
    padding: 20px;
    background: white;
    justify-content: space-between;
   }
   .header_agency .open_mobile_header{
        display: flex;
    }
   .header_agency .flex_icon_header .text_black_bold{
        display: none;
   }
   .mobile_choose_organiztion{
        display: flex;
        width: 100%;
        background: #F7F7F8;
        padding: 10px 0px;
   }
   .mobile_choose_organiztion .choose_organization_block{
        margin: 0px;
        width: 100%;
        position: relative;
        z-index: 99;
   }

   .mobile_recv{
    display: block;
   }.li_recv{
    background: white;
   }

   .header_decoder_account .open_mobile_header{
        display: flex;
    }

    .header_decoder_account .item_decoder,.header_decoder_account .all_money_decoder,.header_decoder_account .logout{
        display: none;
    }
    .header_decoder_account {
        background: white;
        justify-content: space-between;
        padding: 20px;
    }
    .mobile_info_about_decoder{
        display: flex;
        justify-content: space-between;
        gap: 15px;
        padding: 10px;
        background: #F7F7F8;
    }
    .title_memorial_dinner{
        font-size: 16px;
    }
    .all_money_decoder{
        font-size: 14px;
        white-space: nowrap;
        display: flex;
        align-items: center;
        padding: 10px;
    }
    .ul_variants{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .ul_advice{
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width:820px){
    .navigation {
        padding-bottom: 0px;
        padding-top: 45px;
    }
    .ul_cats_main{
        overflow-x: scroll;
     overflow-y: hidden;
    scrollbar-width: none; /* Убираем скроллбар в Firefox */
    -ms-overflow-style: none; /* Убираем скроллбар в IE/Edge */
}

/* Убираем скроллбар в Chrome, Safari, Opera */
.ul_cats_main::-webkit-scrollbar {
    display: none;
}
    
    

    .ul_burials{
        grid-template-columns: 1fr;
    }

    .block_two,.block_three{
        padding: 0px 10px;
    }

    .block_content_first .cart_organization_sidebar{
        margin-bottom: 20px;
    }
    .block_content_first .products_viewed_organizations .cart_organization_sidebar{
        margin-bottom: 0px;
    }

   
    .title{
        font-family: Century Gothic;
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

    }

        .main_index_block .title{
font-family: Century Gothic;
font-weight: 700;
font-style: Bold;
font-size: 25px;
leading-trim: NONE;
line-height: 30px;
letter-spacing: 0%;
vertical-align: middle;

    }

    

    .block_add_your_organization .title_middle{
        font-weight: 700;
        font-style: Bold;
        font-size: 18px;
        leading-trim: NONE;
        line-height: 22px;
        letter-spacing: 0%;
        vertical-align: middle;
    }

    .form_search_burial .title_middle{
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .block_search_burial{
        padding: 15px;
        margin-bottom: 30px;
        height: 238px;
    }


.ul_places{
    grid-template-columns: 1fr 1fr;
}
    .table_admin{
        overflow-x: scroll;
    }
    .header_admin {
        justify-content: space-between;
    }
    .header_admin .item_decoder,.header_admin .login_icon,.header_admin .logout{
        display: none;
    }
    .header_user_mini_info_2{
        display: flex;
    }
  
    .comments_burial{
        min-width: 0px;
    }
    .ul_info_edit_burial{
        padding: 10px;
    }
    .ul_info_edit_burial .text_black_big_bold{
        font-size: 18px;
    }
    .container{
        padding: 0px 10px;
    }
    .raiting_table th{
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

    }

    .grid_two_our_works,.block_our_works .ul_our_products{
        grid-template-columns: 1fr;
    }
    .ul_products,.ul_how_work_search{
        grid-template-columns: 1fr  1fr;
    }
    .price_product_market{
        font-size: 16px;
    }
    .flex_btn_li_product_market{
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }
    .li_product_market{
        min-height: 300px;
    }
    .img_market_product{
        padding-bottom: 0px;
    }
    .flex_btn_li_product_market .blue_btn{
        width: 100%;
    }
    .grid_two_single_product,.main_block_organization_single{
        grid-template-columns: 1fr;
    }
    .main_block_organization_single{
        gap: 10px;
    }
 
    .flex_info_main_single_organization{
        flex-wrap: wrap;
        gap: 10px;
    }
    .index_title{
        font-size: 35px;
    }
    .form_services_add label{
        flex-wrap: wrap;
    }
    .form_services_add label .title_middle{
        margin-left: 0px;
        text-align: start;
        width: 100%;
    }
    .product_single .grid_two_page{
        flex-direction: column-reverse;
        display: flex;
    }
    .withdraw_decoder{
        flex-wrap: wrap;
    }
    .li_payment_decoder{
        padding: 10px;
    }
    .text_black_big{
        font-size: 18px;
    }
    .li_payment_decoder{
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }
    .block_answer_from_provider{
        grid-template-columns: 1fr;
    }
    .ul_btn_answer_from_provider_mobile{
        flex-direction: row;
    }
    .block_edit_burial_decoder{
        grid-template-columns: 1fr;
    }
    .title_basket_burial{
        display: none;
    }
    .mobile_basket_burial,.checkout_table  .mobile_basket_burial .delete_cart{
        display: block  ;
    }
    .checkout_table .title_middle{
        white-space: nowrap;
        margin-bottom: 0px;
    }
}

@media(max-width:760px){

     .map-custom-controls{
        right: 10px !important;
        top: 50%;
        left: auto !important;
        transform: translateY(-50%) !important;
        flex-direction: column-reverse;
        justify-content: center;
    }
    .flex_btn_maps{
        height: 69px !important;
        flex-direction: column-reverse;
        border-radius: 12px !important;
    }

    .block_two,.block_three{
        overflow-x: hidden !important;
    }

    .mobile_icons_header{
        display: flex;
        align-items: center;
        gap: 10px;
        margin-left: auto;
    }
    .ul_places{
        grid-template-columns: 1fr;
    }
    .two_block_li_product{
        flex-direction: column;
        margin-bottom: 20px;
    }
.bac_black {
    padding: 10px;
}
    .img_single_burial img{
        width: 100%;
    }
    .burial-no-photo-placeholder {
        width: 100%;
        min-width: unset;
        height: 200px;
    }
    .ul_info_how_make_order_burial{
        grid-template-columns: 1fr;
    }
    .li_info_how_make_order_burial{
        display: flex;
        gap: 20px;
        align-items: center;
    }
    .cookie_consent{
        gap: 15px;
        flex-direction: column;
    }
    .cookie-buttons button{
        max-width: 100%;
    }
    .orders{
        padding: 20px 0px;
    }
    .ul_products_organizations{
        grid-template-columns: 1fr;
    }
    .text_black_middle{
font-weight: 700;
font-style: Bold;
font-size: 15px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;

    }
    
    .ul_products_three{
        grid-template-columns: 1fr 1fr;
    }
    .mobile_sidebar_ritual_object{
        display: block;
        margin-top: 20px;
    }
    .mobile_title_ritual_object{
        display: block;
        margin-bottom: 20px ;

    }
    .mobile_title_ritual_object .title_middle,.mobile_sidebar_ritual_object .title_middle{
        margin-bottom: 20px ;

    }
    .flex_inputs_filters_organiaztions{
        flex-direction: column;
        align-items: start;
    }
    .input_search_products_organizations ,.input_search_products_organizations  input{
        width: 100%;
    }
    .text_black_bold{
        font-size: 14px;
    }
    .dekstop_sidebar_ritual_object{
        display: none;
    }
    .block_ritual_objects{
        display: flex;
        flex-direction: column-reverse;
    }
    .ul_variants{
        grid-template-columns: 1fr 1fr ;
    }
    .table_busket_th_count,.table_busket_th_delete,.checkout_table .count_product_checkout,.checkout_table .delete_cart{
        display: none;
    }
    .form_login .flex_titles_account,.form_login_2 .flex_titles_account{
        flex-wrap: nowrap;
        flex-direction: row;
    }
    
    .change_count_busket,.checkout_table .delete_cart.mobile_delete_cart{
        display: block;
        margin: 10px 0px;
    }
    .price_cart_checkout .count_product_checkout{
        display: block;
    }

    .block_speczialist{
        gap: 30px;
        padding: 20px;
    }

    .img_speczialist {
        width: 120px;
        right: 5%;
    }
    .flex_btn_mobile_cart_org{
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .flex_btn_mobile_cart_org a{
        width: 100%;
    }

    .flex_btn_mobile_cart_org .blue_light_btn{
        display: flex;
        width: 100%;
    }
    .info_speczialist_1{
        display: none;
    }
    .info_speczialist_2{
        justify-content: start;
        gap: 10px;
    }
    .info_speczialist_2 .text_gray_speczialist{
        margin-top: 10px;
    }
    .checkout_table .delete_cart.mobile_delete_cart{
        color: #CACACA;
    }

    .checkout_table th, .checkout_table td{
        padding: 10px;
    }
    .our_works_slider{
        display: none;
    }
    .advantages_mobile_slider{
        padding-bottom: 10px !important;
    }


    .title_burial_basket{
        display: none;
    }

    .title_cart .grid_two_cart{
        flex-direction: column;
    }
    .table_answer_from_provider{
        display: none;
    }
    .mobile_block_answer_from_provider{
        display: flex;
        flex-direction: column;
    }
    .grid_training_materials{
        grid-template-columns: 1fr;
    }
    .ul_cities_places{
        grid-template-columns: 1fr 1fr;
    }
    .li_city_place{
        padding: 15px;
        font-size: 18px;
    }
    .li_organization_provider{
        padding: 15px;
    }
    .li_provider_flex{
        flex-direction: column;
    }
    .mobile_block_info_1_grid{
        grid-template-columns: 1fr;
    }
    footer .container{
        flex-direction: column;
    }
    .map-fullscreen-wrapper{
        height: 100vh;
        top: 0px;
    }
    .map-mobile-topbar select{
        width: auto;
    }
    .map-mobile-topbar .sort-wrapper{
        display: none;
    }
    .btn-close-map{
        top: 0;
        right: 0;
        position: relative;
    }

    .block_input label{
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .li_provider_btn_flex{
        display: grid;
        gap: 5px;
        grid-template-columns: 1fr 1fr;
    }
    .li_provider_btn_flex .blue_btn:last-child{
        display: none;
    }
    .li_organization_provider .mobile_btn_li_organization_provider{
        display: block;
        margin-top: 5px;
        width: 100%;
    }
    .li_flex_btn_organization a{
        min-width: auto;
        padding: 10px 15px;
    }
    .btn_fixed{
        position: fixed;
        bottom: 30px;
        display: block;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
    }
    .img_spec_main {
        height: 416px;
    }
    .ul_help_spec{
        grid-template-columns: 1fr 1fr;
    }
    .li_help_spec{
        padding: 10px;
    }
    .why_spec .li_advantage_service{
        width: auto;
    }
    .advantages_mobile_slider{
        margin: 0px;
    }
    .block_not_doing_spec{
        margin: 0px;
    }
    .block_not_doing_spec{
        overflow: hidden;
        height: auto;
    }
    .flex_not_doing{
        flex-direction: column;
        justify-content: center;
        gap: 20px;
        align-items: center;
    }
    .flex_not_doing .text_white{
        width: 216px;
    }
    .block_about_spec{
        height: 650px;
        padding: 10px;
    }
    .block_about_spec .block_conetnt_about_spec{
        margin: 10px 0px;
        gap: 10px;
    }
    .flex_spec_about{
        gap: 10px;
        flex-direction: column;
    }
    .img_about_spec{
        height: 355px;
    }
    .title_spec{
font-weight: 700;
font-style: Bold;
font-size: 18px;
leading-trim: NONE;
line-height: 22px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .title_middle_gray{
font-weight: 700;
font-style: Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .img_bac_form_consultation{
        display: none;
    }
    .form_consultation{
        padding: 10px;
    }
    .form_consultation .flex_input_form_contacts{
        flex-direction: row;
    }
    .aplication_active .text_black,.aplication_active a{
        text-align: start;
        font-family: Century Gothic;
font-weight: 400;
font-style: Regular;
font-size: 10px;
leading-trim: NONE;
line-height: 12px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .subcategories-grid.active{
        grid-template-columns: 1fr !important;
    }
    .subcategory-link{
        border: 0px;
        padding: 16px 15px;
    }
    .subcategories-container{
        max-width: 100%;
    }
    .li_not_doing{
        justify-content: center;
    }
    .flex_btn_fixed{
        position: fixed;
        bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;

    }
    .mobile_size_18{
        font-size: 18px !important;
    }

    .block_similar_product{
        display: none;
    }

     .mobile_size_20{
        font-size: 20px !important;
    }

     .mobile_size_16{
        font-size: 16px !important;
    }

    .li_organization .info_li_organization .text_black_bold{
        text-align: start;
    }
    .li_organization .title_li_organiaztion{
        font-size: 18px;
        width: 100%;
        line-height: 1.4;
    }
    .li_flex_icon_organization{
        flex-direction: column;
    }
    .li_flex_icon_organization img{
        width: 24px;
        height: 24px;
    }
    .img_logo_organization{
        width: 100px;
        height: 100px;
        object-fit: cover;
    }
    .li_org_mobile{
        display: block;
    }
    .info_li_org_mobile{
        display: flex;
        align-items: start;
        justify-content: space-between;
        gap: 10px;
    }
    .li_organization .info_li_org_mobile.li_org_mobile:first-child{
        justify-content: start;
    }
    .li_flex_btn_organization{
        flex-direction: row;
        gap: 15px;
    }
    .li_flex_btn_organization div{
        font-size: 18px;
    }
    .content_place_mini{
        padding-top: 10px;
    }
    .li_organization{
        padding: 15px;
    }
    .li_organization .js-universal-swiper{
        display: none;
    }

    .info_li_organization{
        max-width: 100%;
        width: 100%;
        gap: 12px;
    }
    .pagination{
        margin-bottom:  0px;
    }
    .ul-products-marketplace{
        margin-bottom: 10px;
    }

    .title_page,.flex_title_product_single .title{
        font-family: Century Gothic;
font-weight: 700;
font-style: Bold;
font-size: 25px;
leading-trim: NONE;
line-height: 30px;
letter-spacing: 0%;
vertical-align: middle;

    }
    
    .raiting_table .text_black a{
        color: #0080D7;
    }

    .flex_title_product_single .title:last-child{
        display: none;
    }

    

    .li_org_dekstop{
        display: none;
    }
    
    
    .img_memorial_hall{
        height: 250px;
    }
    .faq{
        padding: 30px 0px;
    }
    .flex_filters_organizaitons{
     flex-direction: row;  
    }
    .filter_sort{
        height: 49px;
    }
    .text_middle_index{
        font-size: 18px;
       }
    .text_page_marketplace{
        font-size: 22px;
    }

    .flex_contacts_icons{
        justify-content: center;
        padding: 10px 0px;
        gap: 20px;
        padding-bottom: 20px;
    }

    .flex_contacts_icons .text_blue{
        width: 52px;
        height: 52px;
        border-radius: 50%;
        background:white;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ritual_products,.ul_product_market{
        grid-template-columns: 1fr 1fr ;
    }
  .flex_select_products_organization select{
    min-width: 100%;
  }
  .flex_select_products_organization {
    gap: 5px;
  }
  #photos_custom .block_tags,#reviews_custom .block_tags{
    display: none;
  }
  #photos_custom .mobile_block{
    margin-top: 30px;
  }
  .main_block_spec{
    height: 648px;
  }
  
  .content_spec{
    height: 100%;
  }
 .content_spec .blue_btn{
    padding:10px 5px;
    margin-top: auto;
 }
 .content_spec .flex_icons_spec{
    justify-content: space-between;
 }
 .title_spec_big {
    font-family: Century Gothic;
font-weight: 700;
font-style: Bold;
font-size: 25px;
leading-trim: NONE;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

 }
    .li_cat_main_marketplace{
        padding: 10px ;
    }
    .form_search .container{
        padding:  20px;
    }
    .form_search form{
        flex-direction: column;
    }
    .ul_cats_product{
        grid-template-columns: 1fr;
        margin: 20px 0px;
    }
    .title_product_content{
        font-size: 28px;
        line-height: 1.4;
    }
    .galerey_swiper .img_market_product{
        min-height: 230px;
    }
    .block_content_organization_single{
        padding: 10px;
    }
    .title_li{
font-weight: 700;
font-style: Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .search{
        flex-direction: column;
    }
    .search .blue_btn{
        margin-top: 10px;
        font-size: 16px;
        padding: 10px 15px;
    }
    .block_input input, .block_input select, .block_input textarea,.block_input input::placeholder,  .block_input textarea::placeholder{
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
padding: 12px 20px;
padding-left: 5px;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

    }

    .content_block_content_first{
        height: 120px;
        padding: 20px;
    }

    .main_contacts{
        margin-top: 10px;
    }
    .contacts{
        padding-top: 10px;
        padding-bottom: 20px ;
    }

    .content_contacts{
        display: none;
    }
    .mobile_block_contact{
        margin: 10px 0px;
        background: white;
        display: flex;
        flex-direction: column;
        gap: 10px;
        border-radius: 12px;
        padding: 20px;
    }
    .mobile_block_contact_flex{
        margin: 10px 0px;
        background: white;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        padding: 20px;
    }

    .viewed_organizations_swiper  .img_org_cart_sidebar .img_logo_organization{
        height: 228px;
    }

    .viewed_organizations_swiper .flex_btn_mobile_cart_org,.viewed_organizations_swiper .blue_light_btn,.viewed_organizations_swiper .share_btn{
        display: none;
    }

    .speczialist{
        padding: 20px 0px;
    }
    .block_add_your_organization .text_black{
        max-width: 271px;
    }
    .block_add_your_organization{
        gap: 15px;
    }
    .img_add_your_organization{
        width: 70px;
    }
    
    .block_table_price_orgniaztions .main_table_price{
        display: none;
    }

    .flex_search_form .block_input{
        max-width: 100%;
    }

    .block_table_price_orgniaztions .title_blue{
        font-size: 16px;
        padding: 10px;
    }
    .block_table_price_orgniaztions td, .block_table_price_orgniaztions th{
        font-size: 16px;
        padding: 10px;
    }
    .text_middle_blue{
        font-size: 18px;
    }
    .li_memorial_dinner .grid_btn{
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .our_works .ul_our_products,.videos_products_price_list .ul_our_products{
        grid-template-columns: 1fr;
    }
    .search_application .grid_3{
        grid-template-columns: 1fr;
    }
    .flex_filters_organizaitons_mobile{
        display: flex;
    }

    .organization_marketplace .sidebar{
         display: none;
    }
    .filter_place{
        display: none;
    }
    .filter_sort,.filter_work {
        width: auto;
        justify-content: start;
        padding: 8px;
        font-size: 15px;
    }
    .form_sidebar .title_middle{
        font-size: 18px;
    }
    .filter_work{
        padding: 0px;
    }
    .flex_filters_organizaitons{
        gap: 10px;
        align-items: start;

    }
    .one_block_market .ul_organizaiotns{
        order: 3;
    }
    .one_block_market .block_table_price_orgniaztions{
        order: 1;
    }
    .black_header{
        display: none;
    }
    .header_main{
        top: 0px;

    }

    .header_main .main-search-container,.header_main .city_selected{
        display: none;
    }
    .margin_top_for_header{
    overflow: hidden;
    border-bottom: 1px solid transparent;
        margin-top: 0px !important;
    }
}

@media(max-width:560px){
        .mobile_block{
        display: block;
    }
    .ul_sort {
        left: -163px;
    }
    .ul_cats_main{
        margin-bottom: 30px;
    }
    .block_about_buy{
        padding: 10px !important;
    }
    .block_about_buy .content_block_about_company{
        max-width: 100% !important;
    }
    .li_product_monuments_grave .title_news{
        height: 92px;
    }

    .capture_container video{
        height: auto;
    }

    .mgo-alternative-item{
        flex-direction: column;
        align-items: start;
        gap: 8px;
    }

    .title_404_middle{
        font-size: 30px;
    }
    .page_404 a{
        width: 100%;
        min-width: 100%;
    }
        .how_work_dekstop{
        display: none;
    }
    .flex_404_page{
        min-width: 100%;
    }
/* Плавающая кнопка обратной связи */
.floating-feedback-btn {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
}

.floating-feedback-btn button {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0080D7 0%, #0056b3 100%);
    border: none;
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    color: white;
}

.floating-feedback-btn button:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
    background: linear-gradient(135deg, #0056b3 0%, #003d82 100%);
}

.floating-feedback-btn button:active {
    transform: scale(0.95);
}

.floating-feedback-btn svg {
    stroke: white;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {

    .ul_adv_org{
        display: none;
    }
  
    .floating-feedback-btn {
        right: 15px;
        bottom: 15px;
    }
    
    .floating-feedback-btn button {
        width: 50px;
        height: 50px;
    }
    
    .floating-feedback-btn svg {
        width: 20px;
        height: 20px;
    }
    
}

/* Стили для формы в модальном окне */
#feedback_modal .form_popup {
    padding: 10px 0;
}

#feedback_modal textarea {
    resize: vertical;
    min-height: 120px;
    max-height: 200px;
}

#feedback_modal .flex_btn {
    margin-top: 20px;
    justify-content: flex-end;
}
    .ul_variants{
        grid-template-columns:   1fr;
    }
    .content_main_block_organization_single .text_black.margin_top_single_organization{
        display: none;
    }

    .li_place .share_btn{
        display: none;
    }

    .marketplace_filters .filter_block, .marketplace_filters .filter_sort{
        max-width: 100%;
    }
    .li_review_organization{
        padding: 15px;
    }
    .reviews_organizations {
        padding: 0px;
    }
    .reviews_funeral_agencies_swiper {
        padding-bottom: 0px;
    }
    #map_mortuary,#map,#map_organization_single,.karta_contacts iframe,#map_cemetery_single,#map-cats{
        height: 400px !important;
    }
    
   .section_margin {
    margin: 20px 0px;
}



.navigation a,.navigation span{
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}


.product_have_ul{
    margin: 0px;
}

.li_product .img-skeleton-wrapper {

    height: 180px;
}

.li_place .img_place{
    display: none;
}

.map_placeholder{
    height: 300px;
}


    .li_memorial_dinner .flex_info_memorial_dinner{
        flex-direction: column;
    }
    .li_memorial_dinner{
        gap: 10px;
        padding: 10px;
    }
    .dekstop_index_block{
        display: none;
    }
    .main_index_block .container{
        padding: 20px 0px;
        gap: 20px;
    }
    .mobile_index_block{
        display: flex;
    }

    .main_index_block .mobile_index_block_grid  {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .mobile_grid_index .title_li,.mobile_grid_index .mini_text,.mobile_index_block_grid .title_li,.mobile_index_block_grid .mini_text{
        display: none;
    }
    .mobile_grid_index .title_li.title_li_mobile,.mobile_index_block_grid .title_li.title_li_mobile{
        line-height: normal;
        display: block;
        font-size: 13px;
    }
    .gray_index_block_service .blue_input{
        line-height: normal;
        padding: 8px 10px;
    }
    .gray_index_block_service .text_middle_index{
        line-height: normal;
    }

    .gray_index_block_service .index_search,.gray_index_block_service .grid_btn{
        gap: 10px;
    }
    .mobile_grid_index img, .mobile_index_block_grid img{
        width: 32px;
        height: 32px;
    }
    .main_index_block .grid_two.mobile_grid_index{
        grid-template-columns: 1fr 1fr;
    }

    .message .flex_btn{
        flex-direction: column;
        gap: 10px;
    }

    .content_li_provider .text_flex,.flex_answer_from_provider{
        flex-direction: column;
    }

    .content_li_provider .text_flex div{
        width: 100%;
    }
    .li_review_in_panel .flex_single_organization{
        flex-direction: column-reverse;
        align-items: start;
    }
    .li_review_in_panel .flex_single_organization .flex_btn{
        flex-direction: column;
        align-items: start;
        width: 100%;
    }
    .li_review_in_panel .flex_single_organization .flex_btn div,.li_review_in_panel .flex_single_organization .flex_btn a{
        width: 100%;
    }

    .block_about_search_filter{
        flex-direction: column-reverse;
    }

    .block_about_search_filter .title{
        display: none;
    }
    .block_about_search_filter .mobile_block .title{
        display: block;
        margin-bottom: 10px;
    }
    .img_info_about_search_filter img{
        width: 100%;
        max-width: 100%;
        height: 100%;
         min-width: 100%;
        border-radius: 12px;
        min-height: 331px;
    }
    .header_decoder_account {
        padding: 10px;
    }
    .block_inpit_form_search .flex_btn{
        flex-direction: column;
    }
    .block_inpit_form_search .flex_btn div{
        width: 100%;
        max-width: 100%;
    }
    .header_user_mini_info{
        display: flex;
    }
    .header_decoder{
        padding: 10px;
    }
    .header_user .open_big_header,.header_user .icon_login,.header_user .logout{
        display: none;
    }
   
    .marketplace_filters .filter_block{
        width: 100%;
        max-width: 100%;
    }
    .rating_prices{
        margin-bottom: 20px;
    }
    #filter_1 .filter_sort{
        width: 100%;
        max-width: 100%;
    }
    .flex_info_review_in_panel{
        flex-direction: column;
        align-items: start;
    }
    .li_request_created_to_provider{
        flex-direction: column;
    }
    .grid_mobile_1{
        grid-template-columns: 1fr;
    }

    .flex_titles_account div,.flex_titles_account a{
        width: 100%;
    }
    .ul_cities_places{
        grid-template-columns:  1fr;
    }
    .gos_block{
        padding: 15px;
    }
    .gos_block img{
        display: none;
    }
    .title_blue_big,.title_green_big{
        font-size: 22px;
    }
    .img_logo_organization{
        width: 76px;
        height: 70px;
    }
    .ul_advanyages_service{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }
    .li_tag {
        padding: 10px;
    }
    .tags .title{
        margin-bottom: 10px;
    }

    .content_block_about_company{
        max-width: 190px !important;
    }
    .js-universal-swiper{
        padding: 0px !important;
    }
    .swiper-button-next,.swiper-button-prev{
        display: none;
    }
    .raiting{
        padding: 20px 0px;
    }
    .text_block{
        line-height: normal;
    }
    .content_block_about_company .content_block{
        font-weight: 400;
        font-style: Regular;
        font-size: 10px;
        leading-trim: NONE;
        line-height: 12px;
        letter-spacing: 0%;
        vertical-align: middle;

    }
    .block_about_company{
        padding: 15px;
    }
    .block_about_buy{
        margin: 0px 0px !important;
    }
    .block_about_company img {
        right: -52px;
    }
    .page-link{
        width: 120px;

    }
    .ul_places{
        margin-bottom: 20px ;
    }

    .banner_index{
        height: 182px;
        padding: 20px;
    }

    .banner_index .img_main_banner {
    height: 377%;
    position: absolute;
    z-index: -1;
    width: 110%;
    left: 0px;
    object-fit: cover;
    bottom: -398px;
}
    .banner_index .blue_btn{
        min-height: 36px;
        width: 180px;
    }

    .faq{
        padding: 20px 0px;
    }

    .img_memorial_hall {
        height: 150px;
        object-fit: cover;
    }
    .li_memorial_hall{
        padding: 15px;
    }
    .ul_recv .title_middle{
    width: auto !important;
    padding-left: 20px;
    min-width: 160px;
    max-width: 50% !important;
    font-size: 14px !important;
}
    .ul_recv .text_black{
        font-size: 13px;
    }
    .ul_recv .li_recv{
        min-height: 130px;
    }
    .karta_contacts .container{
        padding: 0px;
    }
    .ul_news_page{
        grid-template-columns: 1fr;
    }
    .li_news{
        padding: 15px;
    }
    .form_popup .blue_btn,#beautification_form .blue_btn{
        max-width: none;
    }
    .block_checkout_form .checkbox {
        flex-direction: column;
        align-items: start;
    }
    .mobile_btn_place{
        display: flex;
    }
    .checkout_form .flex_checkout_form{
        flex-direction: column;
    }
    .title_checkout_form{
        font-size: 20px;
    }
    .ul_how_work_search{
        grid-template-columns: 1fr;
    }
    .modal  .flex_title_message .title_middle,.modal .flex_title_message .text_block{
        text-align: start;
    }
    .modal  .flex_title_message {
        align-items: start;
    }
    .reviews_products .li_review_organization{
        padding: 15px;
        min-height: 280px;
    }
    .text_page_marketplace{
        font-size: 20px;
    }
    .flex_btn_li_product_market .blue_btn{
        font-size: 14px;
        padding: 10px 15px;
    }


    .flex_btn.block_call_time{
        flex-wrap: wrap;
    }
    .flex_btn.block_call_time .btn_bac_gray ,.flex_btn.block_call_time .blue_btn{
        width: 100%;
        font-size: 15px;
    }
    .mobile_block_cart_org_product{
        display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }
    .call_time{
        top: -98%;
    }
    
    .block_content_organization_single .flex_center_single_organization{
        align-items: start;
    }

    .open_faq{
        width: 20px;
        height: 10px;
    }
    .li_faq{
        padding: 15px;
    }
    .li_faq .text_li{
        margin-top: 15px;
    }
    .text_gray{
        font-size: 14px;
    }
    .block_menu_single_organization,.block_menu_single_organization_custom{
        justify-content: space-between !important;
        overflow-x: visible;
        padding: 0px;
        border: none;

        gap: 10px;
    }
    .aplication {
        gap: 8px;
    }

    .li_organization {
        min-height: 280px;
    }
   

    .li_rating_price{
        padding: 10px;
        min-height: 80px;
        gap: 8px;
    }
    .content_order_page .title{
font-family: Century Gothic;
font-weight: 700;
font-style: Bold;
font-size: 25px;
leading-trim: NONE;
line-height: 30px;
letter-spacing: 0%;
vertical-align: middle;

    }

    .karta_all .js-open-map-btn{
        min-width: 186px;
        padding:5px 10px;
    }

    .rating_prices {
        gap: 10px;
    }
    .price_rating {
        padding: 10px;
    }
    .li_rating_price img,.li_rating_price .text_black{
        display: none;
    }


    .aplication p{
        font-size: 12px;
    }


    .ritual_products .li_our_product img{
        min-height: 110px;
    }

    .flex_raiting .flex_stars img{
        min-height: 13px;
    }
    .title_product_content{
        font-size: 24px;
    }


    .ul_products{
        grid-template-columns:   1fr;
    }
    .ul_products .img_market_product{
        height: 140px;
    }
    .ul_similar_graves .li_product{
        flex-direction: column;
    }
    .title_middle{
font-weight: 700;
font-style: Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;

    }


    .li_memory_words{
        flex-direction: column;
    }
    .form_words_memory{
        grid-template-columns: 1fr;
    }
    .flex_label_block{
        flex-direction: column;
        overflow-y: visible;

    }
    .blue_btn,.btn_border_blue, .border_blue_btn, .green_btn, .red_btn,.gray_btn{
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

    }
    .karta_all{
        padding: 20px 0px;
    }
    .karta_all .container{
        padding: 0px;
    }

    .main_index_block .blue_btn,.main_index_block .btn_border_blue, .main_index_block .border_blue_btn,.main_index_block .green_btn,.main_index_block .red_btn,.main_index_block .gray_btn{
        padding: 7px 10px;
        font-size: 12px;
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;

    }
    .flex_monuments_grave{
        flex-wrap: wrap;
    }
    .li_product_monuments_grave .add_to_cart_product,.li_product_monuments_grave .blue_btn{
        width: 100%;
        font-size: 14px;
        padding: 10px 15px;
    }
    .procent_sale_product{
        padding: 6px;
    }
    .price_product_monuments_grave{
        font-size: 15px;
    }
    .ul_cats_product{
        grid-template-columns: 1fr;
        margin: 20px 0px;
    }
    .gray_index_block_service{
        min-height: auto;
    }
    .text_middle_index{
        font-size: 18px;
    }
    .main_block_organization_single{
        flex-direction: column;
    }

    .logo_organization_single img{
        width: 100%;
    min-width: 100%;

    }
    .logo_organization_single_ritual_object{
        width: 100%;
    }

.html_navigation {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .ul_advice{
        grid-template-columns: 1fr ;
    }
    .li_variant img{
        height: 180px;
        object-fit: cover;
    }
    .videos_products_price_list .li_our_work{
        grid-template-columns: 1fr;
    }
    .videos_products_price_list .title_before_our_works{
        bottom: 51%;
    }
    .li_product{
        flex-direction: column;
    }
    .li_product .flex_btn_li_product{
        flex-wrap: wrap;
    }
    .logo_organization_single .blue_btn{
        display: none;
    }
    .mobile_title_organization {
        display: block;
    }
    .ul_news{
        grid-template-columns:  1fr;
    }
    .news,.cats_product,.products_monuments_grave,.block,.memorial_dinners,.rewies,.reviews_organizations{
        padding: 20px 0px;
    }
    .flex_block{
        flex-direction: column;
    }


    .order_page .container{
        padding: 40px 20px;
    }
    .rose_order_page {
        width: 271px;
    }
    .text_middle_index{
        font-size: 14px;
    }
   
    .ul_location{
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .flex_input_form_contacts{
        flex-direction: column;
    }

    .img_market_product{
        height: 110px;
    }
    .blue_input{
        font-size:12px ;
    }
    .gray_index_block_service .flex_btn{
        gap: 8px;
    }

    .content_block{
        font-size: 14px;
    }
    .open_video {
        width: 40px !important;
        height: 40px !important;
    }
    .flex_footer_2{
        flex-direction: column;
    }
    .block_single_product .img_single_product img {
        max-height: 320px;
    }

    .ul_similar_graves .li_product .flex_btn_li_product{
        flex-wrap: wrap;
    }
    .ul_similar_graves .li_product .flex_btn_li_product .blue_btn{
        width: 100%;
    }
    .btn_border_blue.img_mini_star{
        height: 40px;
    }
    .li_our_product .title_blue{
        font-size: 20px;
        padding: 10px 0px;
    }
    .logo_organization_single img{
        height: 125px;
    }
    .content_product {
        padding:10px;
    }
    .dekstop_index_block_gray,.main_block_organization_single .logo_organization_single,.content_main_block_organization_single .flex_single_organization .title_li{
        display: none;
    }
    .mobile_title_organization{
        display: block;
        line-height: 1.4;
        margin-bottom: 10px;
    }
    .mobile_logo_organization{
        display: block;
        margin-bottom: 20px;
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

    .mobile_logo_organization.white_img_org{
        display: block;
    }
    .mobile_logo_organization.black_img_org{
        display: none;
    }
    .mobile_padding_top_0{
        padding-top: 0px;
    }
    .main_block_organization_single .logo_organization_single.logo_organization_single_ritual_object{
        display: block;
    }

    .block_search_organization_add form{
        flex-direction: column;
    }
    .search_organization_input{
        max-width: 100%;
    }
    .block_search_organization_add form .blue_btn{
        width: 100%;
    }
    .block_search_ul_advantages .grid_4{
        grid-template-columns:  1fr;
    }
    .html_navigation_org .navigation_pages{
        padding-bottom: 20px;
    }   
    .li_place{
        flex-direction: column;
    }
    .li_place .btn_border_gray{
        margin: 0px;
    }
 
  
  

     .mobile_margin_top{
        margin-top: 60px !important;
    }

    #map_mortuary, #map, #map_organization_single, .karta_contacts iframe, #map_cemetery_single, #map-cats{
        height: 163px !important;
    }

    .block_content_first .form_sidebar{
        margin-bottom: 30px;
    }


    
    .margin_mobile_cemetery{
        margin-top: 50px !important;
    }

    .cemetery .title{
        padding-bottom: 10px;
    }
    .margin_mobile_cemetery_2{
        margin-top: 10px !important;
    }

    .li_place .white_img_org{
        display: none;
    }
    .li_place{
        min-height: 173px;
    }
    .img_burial_no_search_2,.img_burial_no_search_1{
        height: 174px;
    }
    .block_content_no_search{
        padding: 0px 20px;

    }
    .block_content_no_search .blue_btn{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .block_content_no_search .btn_red{
        display: none;
    }

     .img_speczialist {
        width: 110px;
        right: 3%;
    }

}


/* Стили для поиска */
.organization-search-container {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
}

.search-input-wrapper {
    position: relative;
}

.search-input-inner {
    position: relative;
    display: flex;
    align-items: center;
}

.search-input {
    width: 100%;
    padding: 12px 45px 12px 45px;
    font-size: 16px;
    border: 2px solid #c1c1c1;
    border-radius: 8px;
    background: white;
    transition: all 0.3s ease;
    outline: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.search-input:focus {
    border-color: #0079D9;
    box-shadow: 0 0 0 3px rgba(0, 121, 217, 0.1);
}

.search-icon {
    position: absolute;
    left: 15px;
    color: #c1c1c1;
    pointer-events: none;
}

.clear-button, .loading-button {
    position: absolute;
    right: 15px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #c1c1c1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clear-button:hover {
    color: #666;
}

.loading-button {
    cursor: default;
}

.spinner-input {
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #0079D9;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Результаты поиска */
.search-results-container {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    margin-top: 8px;
    z-index: 1000;
    max-height: 500px;
    overflow-y: auto;
    border: 1px solid #e1e1e1;
}

.results-header {
    padding: 12px 16px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.results-title {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.results-count {
    font-size: 12px;
    color: #0079D9;
    background: rgba(0, 121, 217, 0.1);
    padding: 4px 8px;
    border-radius: 12px;
}

.no-results {
    padding: 20px;
    text-align: center;
    color: #666;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.query-text {
    font-weight: 600;
    color: #333;
}

.organizations-list {
    padding: 8px 0;
}

/* Карточка организации */
.organization-card {
    display: flex;
    padding: 12px 16px;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s;
    border-bottom: 1px solid #f5f5f5;
    align-items: center;
}

.organization-card:hover {
    background-color: #f8f9fa;
}

.organization-card:last-child {
    border-bottom: none;
}

.org-image-container {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 12px;
    background: #f5f5f5;
}

.org-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.org-info {
    flex: 1;
    min-width: 0;
}

.org-name {
    margin: 0 0 4px 0;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.org-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 4px;
}

.stars {
    display: flex;
    gap: 2px;
}

.star-filled {
    color: #FFB800;
}

.star-empty {
    color: #e0e0e0;
}

.rating-value {
    font-size: 12px;
    color: #666;
    margin-left: 4px;
}

.org-address {
    font-size: 13px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.org-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #888;
    margin-top: 4px;
}

.org-status {
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 500;
}

.status-open {
    background: rgba(0, 200, 83, 0.1);
    color: #00C853;
}

.status-closed {
    background: rgba(244, 67, 54, 0.1);
    color: #F44336;
}

/* Анимация появления */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.search-results-container[style*="display: block"] {
    animation: fadeInUp 0.2s ease-out;
}



/* ── МОБИЛЬНАЯ ВЕРСИЯ КАРТЫ (≤768px) ── */
@media (max-width: 768px) {

    
    /* Скрываем правую панель */
     .map-sidebar-right {
        display: none !important;
    }

    /* Скрываем список, но оставляем в DOM для данных */
     .map-list-scroll {
        display: none !important;
    }

    /* Левая панель — убираем позиционирование */
     .map-sidebar-left {
        position: static;
        width: auto;
        background: none;
        padding: 0;
        overflow: visible;
    }
    

    /* Карта — на весь экран */
     .map-background {
        position: absolute;
        inset: 0;
        width: 100% !important;
        height: 100% !important;
        z-index: 1;
    }

    /* ── ВЕРХНЯЯ ПАНЕЛЬ (мобайл) ── */
     .map-mobile-topbar {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
        display: flex !important;
        align-items: center;
        gap: 8px;
        padding: 10px 12px 16px;
        background: linear-gradient(to bottom, rgba(0,0,0,.42) 0%, transparent 100%);
        pointer-events: none;
    }

     .map-mobile-topbar > * {
        pointer-events: all;
    }

    /* Кнопка «Показать списком» */
     .btn-close-map {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 8px 14px;
        background: #fff;
        border: none;
        border-radius: 50px;
        font-size: 13px;
        font-weight: 600;
        color: #333;
        box-shadow: 0 2px 10px rgba(0,0,0,.18);
        cursor: pointer;
        white-space: nowrap;
        flex-shrink: 0;
        transition: background .15s;
    }

     .btn-close-map img {
        width: 16px;
        height: 16px;
    }

    /* Фильтры */
     .map-filters {
        display: flex;
        align-items: center;
        gap: 8px;
        flex: 1;
        margin: 0px;
        min-width: 0;
    }
    .filters_ritual_objects {
        margin-bottom: 10px;
    }

     .map-filters .form-select {
        flex: 1;
        min-width: 0;
        height: 36px;
        padding: 0 32px 0 12px;
        border: none;
        border-radius: 50px;
        font-size: 13px;
        font-weight: 500;
        color: #333;
        box-shadow: 0 2px 10px rgba(0,0,0,.18);
        appearance: none;
        -webkit-appearance: none;
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 12px center;
        cursor: pointer;
    }

     .sort-wrapper {
        position: relative;
        flex-shrink: 0;
    }

     .btn-sort-icon {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: #fff;
        border: none;
        box-shadow: 0 2px 10px rgba(0,0,0,.18);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 0;
    }

     .sort-dropdown {
        position: absolute;
        top: calc(100% + 6px);
        right: 0;
        background: #fff;
        border-radius: 14px;
        box-shadow: 0 6px 24px rgba(0,0,0,.18);
        overflow: hidden;
        z-index: 20;
        min-width: 180px;
    }

     .sort-option {
        display: block;
        width: 100%;
        padding: 13px 18px;
        background: none;
        border: none;
        border-bottom: 1px solid #f0f0f0;
        text-align: left;
        font-size: 14px;
        color: #333;
        cursor: pointer;
    }

     .sort-option:last-child {
        border-bottom: none;
    }

    /* ── BOTTOM SHEET ── */
     .map-bottom-sheet {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 20;
        background: #fff;
        border-radius: 20px 20px 0 0;
        box-shadow: 0 -4px 30px rgba(0,0,0,.18);
        padding: 8px 16px 32px;
        transform: translateY(100%);
        transition: transform .35s cubic-bezier(.34,1.28,.64,1);
        will-change: transform;
        max-height: 72vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

     .map-bottom-sheet.is-open {
        transform: translateY(0);
    }

     .map-bottom-sheet__handle {
        width: 36px;
        height: 4px;
        background: #ddd;
        border-radius: 99px;
        margin: 0 auto 14px;
    }
.margin_top_form_auth{
    margin-top: 60px !important;
}
     .map-bottom-sheet__close {
        position: absolute;
        top: 14px;
        right: 16px;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: #f0f0f0;
        border: none;
        font-size: 14px;
        color: #666;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 0;
        z-index: 1;
    }

    /* Карточка внутри шита */
     .map-bottom-sheet .map-card {
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        background: none !important;
        cursor: default !important;
    }

.block_three .form_sidebar .flex_input_form_contacts select, .block_three .form_sidebar .flex_input_form_contacts input{
    max-width: 100%;
}

}

/* На десктопе мобильные элементы скрыты */
@media (min-width: 769px) {
     .map-mobile-topbar {
        display: none !important;
    }
     .map-bottom-sheet {
        display: none !important;
    }
}

.drevo-banner-mobile { display: block; }
.drevo-banner-desktop { display: none; }
.drevo-banner-mobile-img { display: block; }
.drevo-banner-desktop-img { display: none; }
.drevo-result-mobile-banner { display: block; margin: 16px 0; }
@media (min-width: 768px) {
    .drevo-banner-desktop { display: block; }
    .drevo-banner-mobile { display: none; }
    .drevo-banner-desktop-img { display: block; }
    .drevo-banner-mobile-img { display: none; }
    .drevo-result-mobile-banner { display: none; }
}
/* Unified spacing for index pages — national and city */
.block_two.index_margin { margin-top: 20px !important; }


/* Fix: product card images overflow — forced containment */
.li_product .img-skeleton-wrapper {
    height: 180px !important;
    max-height: 180px !important;
    overflow: hidden !important;
}
.li_product .img_market_product {
    width: 100% !important;
    height: 100% !important;
    max-height: 180px !important;
    object-fit: contain !important;
}

/* Mobile: tighter product card images */
@media (max-width: 768px) {
    .li_product .img-skeleton-wrapper {
        height: 140px !important;
        max-height: 140px !important;
    }
    .li_product .img_market_product {
        max-height: 140px !important;
    }
}

/* Mobile product cards: compact for 2-2.5 per screen */
@media (max-width: 768px) {
    .li_product .img-skeleton-wrapper {
        height: 120px !important;
        max-height: 120px !important;
        overflow: hidden !important;
    }
    .li_product .img_market_product {
        max-height: 120px !important;
        object-fit: contain !important;
    }
    .li_product {
        gap: 6px !important;
    }
    .li_product .title_news {
        font-size: 12px !important;
        line-height: 15px !important;
        margin: 4px 0 !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .li_product .organization_product {
        font-size: 11px !important;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .li_product .price_product {
        font-size: 13px !important;
    }
    .li_product .flex_stars {
        display: none !important;
    }
}

/* Mobile product catalog: horizontal swipe instead of grid */
@media (max-width: 768px) {
    .ul_product_market {
        display: flex !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 10px !important;
        padding-bottom: 8px;
    }
    .ul_product_market::-webkit-scrollbar { display: none; }
    .ul_product_market { scrollbar-width: none; }
    .ul_product_market .li_product {
        min-width: 44% !important;
        max-width: 44% !important;
        flex-shrink: 0 !important;
        scroll-snap-align: start;
    }
}

/* Video blog: fix stretched previews */
.href_video_news {
    aspect-ratio: 16/9;
    display: block;
    overflow: hidden;
}
.href_video_news img:not(.open_video) {
    width: 100%;
    height: 100%;
    object-fit: cover;
}