.elementor-27106 .elementor-element.elementor-element-cb22c6d{--display:flex;--min-height:345px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:25px 25px 25px 25px;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-27106 .elementor-element.elementor-element-cb22c6d:not(.elementor-motion-effects-element-type-background), .elementor-27106 .elementor-element.elementor-element-cb22c6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-kadence9 );}.elementor-27106 .elementor-element.elementor-element-cb22c6d.e-con:hover{--e-con-transform-translateY:-10px;}.elementor-27106 .elementor-element.elementor-element-291014e{--display:flex;--min-height:200px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-27106 .elementor-element.elementor-element-4502627 img{width:100%;max-width:100%;height:250px;object-fit:cover;object-position:top center;border-radius:15px 15px 15px 15px;}.elementor-27106 .elementor-element.elementor-element-74f0b3d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;}.elementor-27106 .elementor-element.elementor-element-74f0b3d:not(.elementor-motion-effects-element-type-background), .elementor-27106 .elementor-element.elementor-element-74f0b3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-kadence7 );}.elementor-27106 .elementor-element.elementor-element-730fe8c .jet-listing-dynamic-field__content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-align:left;}.elementor-27106 .elementor-element.elementor-element-730fe8c .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-27106 .elementor-element.elementor-element-730fe8c .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-27106 .elementor-element.elementor-element-730fe8c .jet-listing-dynamic-field{justify-content:flex-start;}.jet-listing-item.single-jet-engine.elementor-page-27106 > .elementor{width:359px;margin-left:auto;margin-right:auto;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27106 .elementor-element.elementor-element-730fe8c .jet-listing-dynamic-field__content{font-size:var( --e-global-typography-accent-font-size );}}@media(min-width:768px){.elementor-27106 .elementor-element.elementor-element-cb22c6d{--width:100%;}.elementor-27106 .elementor-element.elementor-element-291014e{--width:100%;}.elementor-27106 .elementor-element.elementor-element-74f0b3d{--width:100%;}}@media(max-width:767px){.elementor-27106 .elementor-element.elementor-element-cb22c6d{--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-27106 .elementor-element.elementor-element-291014e{--width:30%;--min-height:100px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27106 .elementor-element.elementor-element-4502627{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-27106 .elementor-element.elementor-element-4502627.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-27106 .elementor-element.elementor-element-4502627 img{width:100%;max-width:100%;height:100%;}.elementor-27106 .elementor-element.elementor-element-74f0b3d{--width:65%;--justify-content:center;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-27106 .elementor-element.elementor-element-730fe8c .jet-listing-dynamic-field__content{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-730fe8c */.elementor-27106 .elementor-element.elementor-element-730fe8c .jet-listing-dynamic-field__content {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    word-break: break-word !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb22c6d *//* ===================================================================
   ПРЕМИАЛЬНЫЙ ХОВЕР-ЭФФЕКТ ДЛЯ КАРТОЧКИ ВРАЧА (3D ПАРЕНИЕ + БЛИК + СТЕКЛО)
   ===================================================================
   Инструкция: Просто вставьте этот код в поле "Custom CSS" контейнера 
   карточки в Elementor. Код автоматически применится к блоку.
*/

.elementor-27106 .elementor-element.elementor-element-cb22c6d {
    position: relative;
    overflow: hidden !important; /* Обязательно, чтобы блик не вылетал за пределы скругления */
    border-radius: 24px !important; /* Поддерживает аккуратное скругление вашей карточки */
    box-shadow: 0 10px 30px rgba(1, 40, 64, 0.05) !important; /* Мягкая базовая тень */
    background: #ffffff !important;
    z-index: 1;
    
    /* Ультра-плавный переход для "жидкого" отклика при наведении */
    transition: 
        transform 0.8s cubic-bezier(0.15, 1, 0.2, 1), 
        box-shadow 0.8s cubic-bezier(0.15, 1, 0.2, 1) !important;
}

/* 1. ЭФФЕКТ ЖИДКОГО ГРАДИЕНТА (Тонкая переливающаяся рамка при наведении) */
.elementor-27106 .elementor-element.elementor-element-cb22c6d::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border-radius: inherit !important;
    padding: 2px !important; /* Толщина светящейся рамки */
    
    /* Цветовая палитра градиента (в стиле вашего сайта) */
    background: linear-gradient(135deg, #012840, #19547d, #00b4db, #00f2fe) !important;
    background-size: 300% 300% !important;
    
    /* Магия CSS для создания эффекта "только рамка", не перекрывая контент */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    
    opacity: 0 !important; /* Изначально скрыта */
    transition: opacity 0.8s cubic-bezier(0.15, 1, 0.2, 1) !important;
    animation: borderGradientShift 6s ease infinite !important; /* Плавное переливание рамки */
    z-index: 2 !important;
}

/* 2. ЭФФЕКТ ГЛЯНЦЕВОГО БЛИКА (Световая волна по диагонали карточки) */
.elementor-27106 .elementor-element.elementor-element-cb22c6d::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -150% !important; /* Прячем блик далеко слева */
    width: 80% !important;
    height: 100% !important;
    
    /* Мягкий белый полупрозрачный градиент */
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.35) 50%,
        rgba(255, 255, 255, 0) 100%
    ) !important;
    
    transform: skewX(-25deg) !important; /* Наклон блика */
    transition: none !important;
    z-index: 3 !important;
    pointer-events: none !important;
}

/* 3. НАСТРОЙКИ ПРИ НАВЕДЕНИИ КУРСИРА (HOVER) */
.elementor-27106 .elementor-element.elementor-element-cb22c6d:hover {
    /* Легкий подъем карточки вверх и мизерное масштабирование для объема */
    transform: translateY(-8px) scale(1.01) !important;
    
    /* Глубокая интерактивная тень в тонах вашего бренда */
    box-shadow: 
        0 25px 50px rgba(1, 40, 64, 0.18), 
        0 10px 20px rgba(25, 84, 125, 0.08) !important;
}

/* Проявление градиентной рамки при наведении */
.elementor-27106 .elementor-element.elementor-element-cb22c6d:hover::before {
    opacity: 1 !important;
}

/* Запуск блика слева направо при наведении */
.elementor-27106 .elementor-element.elementor-element-cb22c6d:hover::after {
    left: 150% !important;
    transition: left 1.2s cubic-bezier(0.15, 1, 0.2, 1) !important;
}

/* 4. ПЛАВНОЕ ПРИБЛИЖЕНИЕ ФОТОГРАФИИ ВРАЧА */


/* 5. АНИМАЦИЯ ПЕРЕЛИВАНИЯ ГРАДИЕНТА В РАМКЕ */
@keyframes borderGradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */