.elementor-9956 .elementor-element.elementor-element-f66aabb{--display:flex;--min-height:700px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-9956 .elementor-element.elementor-element-f66aabb:not(.elementor-motion-effects-element-type-background), .elementor-9956 .elementor-element.elementor-element-f66aabb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f570b66 );}.elementor-9956 .elementor-element.elementor-element-31e1819{width:100%;max-width:100%;}@media(max-width:1024px){.elementor-9956 .elementor-element.elementor-element-f66aabb{--padding-top:75px;--padding-bottom:75px;--padding-left:20px;--padding-right:20px;}.elementor-9956 .elementor-element.elementor-element-31e1819{width:100%;max-width:100%;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-31e1819 *//* Контейнер-обертка */
#planity-wrapper {
    position: relative;
    width: 100%;
    min-height: 500px;
    overflow: hidden;
}

/* Слой прелоадера */
#planity-loader {
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    background: #ffffff;
    display: flex; 
    flex-direction: column;
    align-items: center; 
    justify-content: center;
    z-index: 100;
    transition: opacity 0.6s ease;
}

/* Спиннер в фирменном цвете Suprun Cosmetics */
.sprn-spinner {
    width: 45px;
    height: 45px;
    border: 3px solid rgba(213, 186, 191, 0.1); /* Твой RGBA */
    border-left-color: #d5babf;
    border-radius: 50%;
    animation: sprn-spin 1s linear infinite;
}

@keyframes sprn-spin {
    to { transform: rotate(360deg); }
}

/* Текст под спиннером */
.planity-loading-text {
    font-family: 'Montserrat', sans-serif !important; 
    color: #d5babf; 
    margin-top: 20px; 
    letter-spacing: 1px; 
    text-transform: uppercase; 
    font-size: 12px; 
    font-weight: 500;
}

/* Типографика внутри виджета */
#planity-booking-widget, 
#planity-booking-widget * {
    font-family: 'Montserrat', sans-serif !important;
}

#planity-booking-widget h1, 
#planity-booking-widget h2, 
#planity-booking-widget h3 {
    font-family: 'Playfair Display', serif !important;
}

/* Стили для всего виджета: шрифты, цвета и пр. */
.service_set-module_description-Wxxd8 {
    padding-left: 20px!important;
}
.planity_appointment_step_wrapper {
    border-radius: 0px!important;
}
.css-8xz9l5 {
    min-width: 100% !important;
}

/* --- 1. ГЛАВНЫЙ ЗАГОЛОВОК --- */
#planity-wrapper .css-1u1908p, 
#planity-wrapper h1:first-of-type {
    font-family: 'Playfair Display', serif !important;
    font-size: 40px !important;
    font-weight: 600 !important;
    color: #59595B !important;
    text-align: center !important;
    width: 100% !important;
    margin-bottom: 0px !important;
}

/* --- 2. НАЗВАНИЯ УСЛУГ (SERVICE NAMES) --- */
#planity-wrapper .service-module_name-EScCA {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #59595B !important;
}

/* --- 3. ЦЕНА, ВРЕМЯ И РАЗДЕЛИТЕЛЬ --- */
/* Контейнер для цены и времени */
#planity-wrapper .service-module_info-IrDr5 {
    background-color: #f9fbff !important; /* Светлый фон */
    padding: 6px 12px !important;
    border-radius: 6px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: fit-content !important; 
}

/* Цена */
#planity-wrapper .service-module_price-pLu8r span,
#planity-wrapper .service-module_price-pLu8r {
    font-weight: 700 !important;
    color: #000000 !important;
    font-size: 15px !important;
}

/* Время */
#planity-wrapper .service-module_duration-TnTnA {
    font-weight: 400 !important;
    color: #59595B !important;
}

/* Точка-разделитель (круглая форма) */
#planity-wrapper .service-module_separator-G4LJU {
    background-color: #d5babf !important;
    margin: 0 8px !important;
    width: 4px !important; /* Задаем размеры для круга */
    height: 4px !important;
    border-radius: 50% !important; /* Скругление 100% для идеального круга */
}

/* --- 4. КНОПКИ (ВЫБОР УСЛУГИ) --- */
#planity-wrapper .button-module_button-9td2v {
    background-color: #d5babf !important;
    border: 1px solid #d5babf !important;
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
    transition: all 0.3s ease !important;
    padding: 8px 20px !important; /* Новые отступы */
}

#planity-wrapper .button-module_button-9td2v span {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important; 
    text-transform: none !important; 
    letter-spacing: 0.5px !important;
    color: #5c5c61 !important; /* Цвет текста в покое */
    transition: color 0.3s ease !important;
}

#planity-wrapper .button-module_button-9td2v:hover {
    background-color: #B59E9E !important;
    border-color: #B59E9E !important;
}

/* Белый текст при наведении */
#planity-wrapper .button-module_button-9td2v:hover span {
    color: #ffffff !important; 
}

/* --- 5. АККОРДЕОН (КАТЕГОРИИ УСЛУГ) --- */
/* Заголовок категории (Светлый фон, блокировка ховера) */
#planity-wrapper .service_set-module_title-kIcbL {
    font-family: 'Playfair Display', serif !important;
    background-color: #fff !important; 
    padding: 15px 20px !important;
    border-radius: 5px !important;
    margin-bottom: 5px !important;
    color: #59595B !important;
}

#planity-wrapper .service_set-module_title-kIcbL {
    font-weight: 600!important;
}
/* Принудительно отменяем реакцию на наведение */
#planity-wrapper .service_set-module_title-kIcbL:hover {
    background-color: #fff !important; 
    color: #59595B !important;
}

/* Основное состояние кнопки аккордеона (добавляем transition именно сюда) */
#planity-wrapper .service-module_toggle-MAAsH {
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    color: #D5BABF !important; /* Исходный цвет текста */
    border-radius: 3px !important;
    /* Указываем, какие свойства анимировать и время (0.3 секунды) */
    transition: color 0.3s ease, box-shadow 0.3s ease !important; 
}

/* Состояние при наведении */
#planity-wrapper .service-module_toggle-MAAsH:hover {
    background: #ffffff !important;
    box-shadow: 0px 4px 6px -2px #E0E6E9 !important; 
    color: #B59E9E !important; /* Цвет, к которому идет плавный переход */
}

/* --- 6. КНОПКА "ПОКАЗАТЬ ЕЩЕ" (SHOW MORE) --- */
#planity-wrapper .service_set-module_showMore-G1Ra5 {
    background-color: #E0E6E9 !important;
    border: 1px solid #E0E6E9 !important;
    border-radius: 4px !important;
    box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    padding: 10px 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#planity-wrapper .service_set-module_showMore-G1Ra5:hover {
    background-color: #d5babf !important;
    border-color: #d5babf !important;
}

#planity-wrapper .service_set-module_showMore-G1Ra5 .button-module_label-PH+kE {
    color: #59595B !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none !important;
    transition: color 0.3s ease !important;
}

#planity-wrapper .button-module_button-9td2v span::after {
    content: none !important;
    display: none !important;
}

/* Белый цвет текста при наведении для консистентности с остальными кнопками */
#planity-wrapper .service_set-module_showMore-G1Ra5:hover .button-module_label-PH+kE {
    color: #ffffff !important;
}

.authentication-module_reset-doHy6 button#login-comp__inline-link {
    background-image: none!important;
}

/* --- 7. АДАПТИВНОСТЬ (МОБИЛЬНЫЕ) --- */

@media (max-width: 480px) {
    #planity-wrapper .service-module_info-IrDr5 {
        flex-direction: row !important; 
        align-items: center !important;
        gap: 5px !important;
    }
    
    #planity-wrapper .service-module_price-pLu8r {
        margin-left: 0 !important;
    }
    .services-module_servicesContainer-F92bt {
        padding: 20px!important;
    }
    .modal-module_modal-6PrcL.modal-module_isFullHeight-qK73t .modal-module_container-6wpCw {
        height: auto!important;
    }
    .modal-module_modal-6PrcL {
        z-index: 9999!important;
    }
    #planity-wrapper .booking_service-module_title-gaToA {
            font-size: 20px!important;
    font-weight: 600!important;
    }
    #planity-wrapper .css-1u1908p {
        font-size: 30px!important;
    }
    #login-comp h1.booking_auth-module_title-ur9zg {
        font-family: 'Montserrat', serif !important;
    font-size: 16px !important;
    margin-bottom: 10px!important;
    }
}
.icon-module_icon-UEcuk {
    color: #D5BABF!important;
}
    .modal-module_modal-6PrcL .modal-module_top-35sRX {
        display: flex!important;
        justify-content: flex-end!important;
    }
    .modal-module_top-35sRX button.modal-module_close-iDrn- span.icon-module_icon-UEcuk {
        color: #000!important;
    }
.select-module_field-ej1pC {
    background-color: #fff!important;
        color: #323232!important;
        border: none!important;
}
button.planity_appointment_choose_with .icon-module_icon-UEcuk {
    color: #323232!important;
}
button.planity_appointment_choose_with {
    padding: 0!important;
}

.select-module_container-73bMD:hover .select-module_field-ej1pC {
    background-color: #B59E9E!important;
    color: #323232!important;
}

@media (max-width: 1024px) {
.css-d3rpho {
    margin-top: 0px!important;
}
}/* End custom CSS */