.elementor-917 .elementor-element.elementor-element-5f0bc2e{--display:flex;}.elementor-917 .elementor-element.elementor-element-e977936{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:36px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-917 .elementor-element.elementor-element-7219e3e{padding:10px 0px 0px 0px;top:0px;z-index:0;text-align:end;--flx-min:40;--flx-max:90;}.elementor-917 .elementor-element.elementor-element-7219e3e.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-917 .elementor-element.elementor-element-7219e3e{left:0px;}body.rtl .elementor-917 .elementor-element.elementor-element-7219e3e{right:0px;}.elementor-917 .elementor-element.elementor-element-7219e3e .elementor-heading-title{font-family:"TT Norms Pro Expanded", Sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#F9F9F9;font-size:clamp(calc(var(--flx-min) * 1px), calc(calc(var(--flx-min) * 1px) + (var(--flx-max) - var(--flx-min)) * ((100vw - calc(var(--flx-min-vw, 320) * 1px)) / (var(--flx-max-vw, 1200) - var(--flx-min-vw, 320)))), calc(var(--flx-max) * 1px)) !important;}.elementor-917 .elementor-element.elementor-element-d959819{padding:10px 0px 0px 0px;top:0px;z-index:0;text-align:end;--flx-min:40;--flx-max:90;}.elementor-917 .elementor-element.elementor-element-d959819.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-917 .elementor-element.elementor-element-d959819{right:0px;}body.rtl .elementor-917 .elementor-element.elementor-element-d959819{left:0px;}.elementor-917 .elementor-element.elementor-element-d959819 .elementor-heading-title{font-family:"TT Norms Pro Expanded", Sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#F9F9F9;font-size:clamp(calc(var(--flx-min) * 1px), calc(calc(var(--flx-min) * 1px) + (var(--flx-max) - var(--flx-min)) * ((100vw - calc(var(--flx-min-vw, 320) * 1px)) / (var(--flx-max-vw, 1200) - var(--flx-min-vw, 320)))), calc(var(--flx-max) * 1px)) !important;}.elementor-917 .elementor-element.elementor-element-02a5316.elementor-element{--align-self:flex-start;}.elementor-917 .elementor-element.elementor-element-02a5316 .elementor-heading-title{font-family:"TT Norms Pro Expanded", Sans-serif;font-weight:600;text-transform:uppercase;color:#C2ACB6;font-size:clamp(calc(var(--flx-min) * 1px), calc(calc(var(--flx-min) * 1px) + (var(--flx-max) - var(--flx-min)) * ((100vw - calc(var(--flx-min-vw, 320) * 1px)) / (var(--flx-max-vw, 1200) - var(--flx-min-vw, 320)))), calc(var(--flx-max) * 1px)) !important;}.elementor-917 .elementor-element.elementor-element-02a5316{--flx-min:26;--flx-max:36;}.elementor-917 .elementor-element.elementor-element-911bf52{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;color:#C2ACB6;--flx-min:14;--flx-max:18;}.elementor-917 .elementor-element.elementor-element-911bf52, .elementor-917 .elementor-element.elementor-element-911bf52 p, .elementor-917 .elementor-element.elementor-element-911bf52 .elementor-widget-container, .elementor-917 .elementor-element.elementor-element-911bf52 .elementor-widget-container p{font-size:clamp(calc(var(--flx-min) * 1px), calc(calc(var(--flx-min) * 1px) + (var(--flx-max) - var(--flx-min)) * ((100vw - calc(var(--flx-min-vw, 320) * 1px)) / (var(--flx-max-vw, 1200) - var(--flx-min-vw, 320)))), calc(var(--flx-max) * 1px)) !important;}.elementor-917 .elementor-element.elementor-element-5725fdd{--display:flex;--margin-top:60px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-917 .elementor-element.elementor-element-14298aa{--display:flex;}.elementor-917 .elementor-element.elementor-element-e83c476{--grid-columns:4;--grid-row-gap:15px;--grid-column-gap:15px;}.elementor-917 .elementor-element.elementor-element-e83c476 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-917 .elementor-element.elementor-element-e83c476 .e-loop-item > .elementor-section, .elementor-917 .elementor-element.elementor-element-e83c476 .e-loop-item > .elementor-section > .elementor-container, .elementor-917 .elementor-element.elementor-element-e83c476 .e-loop-item > .e-con, .elementor-917 .elementor-element.elementor-element-e83c476 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination{text-align:center;margin-top:50px;}body:not(.rtl) .elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-917 .elementor-element.elementor-element-51078f0{--display:flex;}.elementor-917 .elementor-element.elementor-element-3e351b9{--grid-columns:4;--grid-row-gap:15px;--grid-column-gap:15px;}.elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-917 .elementor-element.elementor-element-3e351b9 .e-loop-item > .elementor-section, .elementor-917 .elementor-element.elementor-element-3e351b9 .e-loop-item > .elementor-section > .elementor-container, .elementor-917 .elementor-element.elementor-element-3e351b9 .e-loop-item > .e-con, .elementor-917 .elementor-element.elementor-element-3e351b9 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination{text-align:center;margin-top:50px;}body:not(.rtl) .elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-917 .elementor-element.elementor-element-6bed88f{--display:flex;}.elementor-917 .elementor-element.elementor-element-8ac4d9b{--grid-columns:4;--grid-row-gap:15px;--grid-column-gap:15px;}.elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-loop-container{grid-auto-rows:1fr;}.elementor-917 .elementor-element.elementor-element-8ac4d9b .e-loop-item > .elementor-section, .elementor-917 .elementor-element.elementor-element-8ac4d9b .e-loop-item > .elementor-section > .elementor-container, .elementor-917 .elementor-element.elementor-element-8ac4d9b .e-loop-item > .e-con, .elementor-917 .elementor-element.elementor-element-8ac4d9b .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination{text-align:center;margin-top:50px;}body:not(.rtl) .elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-917 .elementor-element.elementor-element-cfa3f4e{--display:flex;}.elementor-917 .elementor-element.elementor-element-9d12374{--grid-columns:4;--grid-row-gap:15px;--grid-column-gap:15px;}.elementor-917 .elementor-element.elementor-element-9d12374 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-917 .elementor-element.elementor-element-9d12374 .e-loop-item > .elementor-section, .elementor-917 .elementor-element.elementor-element-9d12374 .e-loop-item > .elementor-section > .elementor-container, .elementor-917 .elementor-element.elementor-element-9d12374 .e-loop-item > .e-con, .elementor-917 .elementor-element.elementor-element-9d12374 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination{text-align:center;margin-top:50px;}body:not(.rtl) .elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-917 .elementor-element.elementor-element-bee0fbd{--display:flex;}.elementor-917 .elementor-element.elementor-element-1f72734{--grid-columns:4;--grid-row-gap:15px;--grid-column-gap:15px;}.elementor-917 .elementor-element.elementor-element-1f72734 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-917 .elementor-element.elementor-element-1f72734 .e-loop-item > .elementor-section, .elementor-917 .elementor-element.elementor-element-1f72734 .e-loop-item > .elementor-section > .elementor-container, .elementor-917 .elementor-element.elementor-element-1f72734 .e-loop-item > .e-con, .elementor-917 .elementor-element.elementor-element-1f72734 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination{text-align:center;margin-top:50px;}body:not(.rtl) .elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-917 .elementor-element.elementor-element-594ef8e{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:5px;--n-tabs-gap:55px;--n-tabs-title-border-radius:30px 30px 30px 30px;}.elementor-917 .elementor-element.elementor-element-594ef8e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){text-transform:none;line-height:0.8em;}@media(max-width:1366px){.elementor-917 .elementor-element.elementor-element-7219e3e{padding:5px 0px 0px 0px;}.elementor-917 .elementor-element.elementor-element-d959819{padding:5px 0px 0px 0px;}}@media(max-width:1024px){.elementor-917 .elementor-element.elementor-element-e977936{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-917 .elementor-element.elementor-element-7219e3e .elementor-heading-title{line-height:1.1em;}.elementor-917 .elementor-element.elementor-element-d959819{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-917 .elementor-element.elementor-element-d959819 .elementor-heading-title{line-height:1.1em;}.elementor-917 .elementor-element.elementor-element-02a5316{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-917 .elementor-element.elementor-element-5725fdd{--margin-top:36px;--margin-bottom:32px;--margin-left:0px;--margin-right:0px;}.elementor-917 .elementor-element.elementor-element-e83c476{--grid-columns:3;--grid-row-gap:12px;--grid-column-gap:12px;}.elementor-917 .elementor-element.elementor-element-3e351b9{--grid-columns:3;--grid-row-gap:12px;--grid-column-gap:12px;}.elementor-917 .elementor-element.elementor-element-8ac4d9b{--grid-columns:3;--grid-row-gap:12px;--grid-column-gap:12px;}.elementor-917 .elementor-element.elementor-element-9d12374{--grid-columns:3;--grid-row-gap:12px;--grid-column-gap:12px;}.elementor-917 .elementor-element.elementor-element-1f72734{--grid-columns:3;--grid-row-gap:12px;--grid-column-gap:12px;}.elementor-917 .elementor-element.elementor-element-594ef8e{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-gap:32px;}}@media(max-width:767px){.elementor-917 .elementor-element.elementor-element-d959819{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-917 .elementor-element.elementor-element-02a5316{width:var( --container-widget-width, 55% );max-width:55%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-917 .elementor-element.elementor-element-911bf52{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-917 .elementor-element.elementor-element-5725fdd{--margin-top:44px;--margin-bottom:32px;--margin-left:0px;--margin-right:0px;}.elementor-917 .elementor-element.elementor-element-e83c476{--grid-columns:2;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-917 .elementor-element.elementor-element-3e351b9{--grid-columns:2;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-917 .elementor-element.elementor-element-8ac4d9b{--grid-columns:2;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-917 .elementor-element.elementor-element-9d12374{--grid-columns:2;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-917 .elementor-element.elementor-element-1f72734{--grid-columns:2;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-917 .elementor-element.elementor-element-594ef8e{--n-tabs-gap:40px;}}/* Start custom CSS for loop-grid, class: .elementor-element-e83c476 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 44px;
    border-radius: 30px;
    font-family: 'Gotham Pro', sans-serif;
    font-weight: 500;
    font-size: 18px; /* Адаптуй розмір тексту за потреби */
    color: #BFBFBF;
    text-decoration: none;
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers:not(.current):not(.prev):not(.next) {
    background:#F9F9F9;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.current {
    background: #F9F9F9;
    color: #E19E88;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 48px; /* Ширина іконки */
    height: 44px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev {
    left: 0;
    background-image: url('https://www.emmiliss-beauty.com/wp-content/uploads/2026/06/left-arrow.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
    right: 0;
    background-image: url('https://www.emmiliss-beauty.com/wp-content/uploads/2026/06/right-arrow.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3e351b9 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8ac4d9b *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-9d12374 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1f72734 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e83c476 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 44px;
    border-radius: 30px;
    font-family: 'Gotham Pro', sans-serif;
    font-weight: 500;
    font-size: 18px; /* Адаптуй розмір тексту за потреби */
    color: #BFBFBF;
    text-decoration: none;
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers:not(.current):not(.prev):not(.next) {
    background:#F9F9F9;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.current {
    background: #F9F9F9;
    color: #E19E88;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 48px; /* Ширина іконки */
    height: 44px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev {
    left: 0;
    background-image: url('https://www.emmiliss-beauty.com/wp-content/uploads/2026/06/left-arrow.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
    right: 0;
    background-image: url('https://www.emmiliss-beauty.com/wp-content/uploads/2026/06/right-arrow.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3e351b9 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8ac4d9b *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-9d12374 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1f72734 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e83c476 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 44px;
    border-radius: 30px;
    font-family: 'Gotham Pro', sans-serif;
    font-weight: 500;
    font-size: 18px; /* Адаптуй розмір тексту за потреби */
    color: #BFBFBF;
    text-decoration: none;
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers:not(.current):not(.prev):not(.next) {
    background:#F9F9F9;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.current {
    background: #F9F9F9;
    color: #E19E88;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 48px; /* Ширина іконки */
    height: 44px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev {
    left: 0;
    background-image: url('https://www.emmiliss-beauty.com/wp-content/uploads/2026/06/left-arrow.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
    right: 0;
    background-image: url('https://www.emmiliss-beauty.com/wp-content/uploads/2026/06/right-arrow.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3e351b9 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8ac4d9b *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-9d12374 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1f72734 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e83c476 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 44px;
    border-radius: 30px;
    font-family: 'Gotham Pro', sans-serif;
    font-weight: 500;
    font-size: 18px; /* Адаптуй розмір тексту за потреби */
    color: #BFBFBF;
    text-decoration: none;
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers:not(.current):not(.prev):not(.next) {
    background:#F9F9F9;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.current {
    background: #F9F9F9;
    color: #E19E88;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 48px; /* Ширина іконки */
    height: 44px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev {
    left: 0;
    background-image: url('https://www.emmiliss-beauty.com/wp-content/uploads/2026/06/left-arrow.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
    right: 0;
    background-image: url('https://www.emmiliss-beauty.com/wp-content/uploads/2026/06/right-arrow.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3e351b9 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8ac4d9b *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-9d12374 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1f72734 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e83c476 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 44px;
    border-radius: 30px;
    font-family: 'Gotham Pro', sans-serif;
    font-weight: 500;
    font-size: 18px; /* Адаптуй розмір тексту за потреби */
    color: #BFBFBF;
    text-decoration: none;
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers:not(.current):not(.prev):not(.next) {
    background:#F9F9F9;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.current {
    background: #F9F9F9;
    color: #E19E88;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 48px; /* Ширина іконки */
    height: 44px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev {
    left: 0;
    background-image: url('https://www.emmiliss-beauty.com/wp-content/uploads/2026/06/left-arrow.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
    right: 0;
    background-image: url('https://www.emmiliss-beauty.com/wp-content/uploads/2026/06/right-arrow.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3e351b9 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8ac4d9b *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-9d12374 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1f72734 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e83c476 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 44px;
    border-radius: 30px;
    font-family: 'Gotham Pro', sans-serif;
    font-weight: 500;
    font-size: 18px; /* Адаптуй розмір тексту за потреби */
    color: #BFBFBF;
    text-decoration: none;
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers:not(.current):not(.prev):not(.next) {
    background:#F9F9F9;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.current {
    background: #F9F9F9;
    color: #E19E88;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 48px; /* Ширина іконки */
    height: 44px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev {
    left: 0;
    background-image: url('https://www.emmiliss-beauty.com/wp-content/uploads/2026/06/left-arrow.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
    right: 0;
    background-image: url('https://www.emmiliss-beauty.com/wp-content/uploads/2026/06/right-arrow.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-e83c476 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-e83c476 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3e351b9 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-3e351b9 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-3e351b9 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8ac4d9b *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-8ac4d9b .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-9d12374 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-9d12374 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-9d12374 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1f72734 *//* =========================================
   1. КОНТЕЙНЕР ПАГІНАЦІЇ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Відстань між цифрами */
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* =========================================
   2. СПІЛЬНІ СТИЛІ ДЛЯ ЦИФР ТА КРАПОК
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 40px;
    border-radius: 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px; /* Адаптуй розмір тексту за потреби */
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 10px 10px 0px rgba(106, 141, 255, 0.25);
    transition: all 0.3s ease;
    padding: 0; /* Видаляємо стандартні відступи Elementor */
}

/* =========================================
   3. НЕАКТИВНА СТОРІНКА (та крапки)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers:not(.current):not(.prev):not(.next) {
    border: 2px solid transparent;
    /* Трюк для градієнтного бордера із заокругленням */
    background: 
        linear-gradient(90deg, #BDCCFF 0%, #97B0FF 47.6%, #BDCCFF 100%) padding-box,
        linear-gradient(180deg, #97B0FF 0%, #DFE7FF 49.04%, #97B0FF 100%) border-box;
}

/* Hover-ефект для неактивних сторінок (опціонально) */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers:not(.current):not(.prev):not(.next):hover {
    opacity: 0.8;
}

/* =========================================
   4. АКТИВНА СТОРІНКА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.current {
    background: linear-gradient(265.91deg, #D09AFF 0%, #FF97EE 53.85%, #D09AFF 100%);
    border: 2px solid #EEBDFE;
}

/* =========================================
   5. СТРІЛКИ (Заміна тексту на SVG)
   ========================================= */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev,
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
    position: absolute; /* Притискаємо до країв контейнера */
    width: 40px; /* Ширина іконки */
    height: 40px; /* Висота іконки */
    border-radius: 50%;
    
    /* Ховаємо текст "Попередній / Наступна" */
    font-size: 0; 
    color: transparent; 
    
    /* Скидаємо стилі кнопок */
    border: none;
    box-shadow: none;
    background-color: transparent;
    
    /* Налаштування картинки */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Стрілка вліво */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev {
    left: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/left.svg');
}

/* Стрілка вправо */
.elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
    right: 0;
    background-image: url('https://omg-my-darling.sadov-it.work/wp-content/uploads/2026/05/right.svg');
}

/* =========================================
   6. АДАПТИВ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ
   ========================================= */
@media (max-width: 767px) {
    .elementor-917 .elementor-element.elementor-element-1f72734 .elementor-pagination {
        /* Залишаємо цифри по центру */
        justify-content: center; 
        gap: 6px; /* Відстань між цифрами */
        /* Додаємо бокові відступи, щоб цифри не перекривалися стрілками */
        padding-left: 45px; 
        padding-right: 45px;
    }
    
    /* Трохи зменшуємо розмір кнопок (цифр і стрілок), щоб вони помістилися на вузьких екранах */
    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px; /* Трохи менший шрифт */
    }

    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.prev,
    .elementor-917 .elementor-element.elementor-element-1f72734 .page-numbers.next {
        width: 36px;
        height: 36px;
        /* position: absolute; залишається з десктопної версії, тому стрілки будуть по краях */
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-594ef8e *//* =========================================
   1. ДЕСКТОПНІ ТА ЗАГАЛЬНІ СТИЛІ КОНТЕЙНЕРА
   ========================================= */
.elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tabs-heading {
    background: #E19E881A;
    border-radius: 50px;
    padding: 6px; /* Відступ для ефекту "пігулки" */
    display: flex;
    gap: 8px; /* Відстань між вкладками */
    align-items: center;
    border: none;
}

/* =========================================
   2. СТИЛІ НЕАКТИВНОЇ ВКЛАДКИ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tab-title {
    background: #E19E881A;
    border-radius: 50px;
    border: none;
    padding: clamp(8px, calc(6.545px + 0.455vw), 12px) clamp(10px, calc(4.909px + 1.591vw), 24px);
    transition: all 0.3s ease;
    justify-content: center;
    white-space: nowrap;
    flex: 1; /* Робить вкладки однакової ширини, за потреби можна видалити */
}

/* =========================================
   2.1. СТИЛІ ПРИ НАВЕДЕННІ (HOVER) ДЛЯ НЕАКТИВНИХ ВКЛАДОК
   ========================================= */

/* 1. Змінюємо фон самої вкладки при наведенні (робимо його синім, як активна) */
.elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tab-title:not([aria-selected="true"]):hover {
    background: #c2acb6;
}

/* 2. Змінюємо текст всередині вкладки при наведенні (робимо його білим та читабельним) */
.elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tab-title:not([aria-selected="true"]):hover .e-n-tab-title-text {
    color: #FFFFFF;
    -webkit-text-fill-color: #FFFFFF; /* Обов'язково скидаємо градієнт тексту */
    background: none; /* Скидаємо фон градієнта */
}

/* Текст неактивної вкладки (Градієнт) */
.elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tab-title[aria-selected="false"] .e-n-tab-title-text {
    font-family: 'TT Norms Pro Expanded', sans-serif;
    font-weight: 500;
    font-size: clamp(14px, 13.6296px + 0.1235vw, 16px);
    line-height: 20px;
    background: #E19E88;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* =========================================
   3. СТИЛІ АКТИВНОЇ ВКЛАДКИ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tab-title[aria-selected="true"] {
    background: #E19E88;
}

/* Текст активної вкладки (Білий) */
.elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
    font-family: 'TT Norms Pro Expanded', sans-serif;
    font-weight: 500;
    font-size: clamp(14px, 13.6296px + 0.1235vw, 16px);
    line-height: 20px;
    color: #FFFFFF;
    background: none;
    -webkit-text-fill-color: #FFFFFF;
}


@media (max-width: 1024px) {
    /* =========================================
   2. СТИЛІ НЕАКТИВНОЇ ВКЛАДКИ
   ========================================= */
.elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tab-title {
    white-space: nowrap;
    }
}

/* =========================================
   4. МОБІЛЬНА ВЕРСІЯ (ВИПАДАЮЧЕ МЕНЮ)
   ========================================= */
@media (max-width: 767px) {
    /* Контейнер у закритому стані (виглядає як синя кнопка зі скріншоту) */
    .elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tabs-heading {
        flex-direction: column;
        background: #E19E881A;
        border-radius: 30px;
        padding: 0;
        cursor: pointer;
        position: relative;
        z-index: 10;
        gap: 5px !important;
    }

    /* Ховаємо неактивні вкладки */
    .elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tab-title:not([aria-selected="true"]) {
        display: none;
    }

    /* Активна вкладка стає "шапкою" випадаючого меню */
    .elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tab-title[aria-selected="true"] {
        background: transparent;
        box-shadow: none;
        width: 100%;
        padding: 16px 24px;
    }

    /* Додаємо білу стрілочку (SVG) */
    .elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tab-title[aria-selected="true"]::after {
        content: '';
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
        width: 14px;
        height: 8px;
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        transition: transform 0.3s ease;
    }

    /* --- СТИЛІ ПРИ ВІДКРИТОМУ МЕНЮ (клас .dropdown-open додається через JS) --- */
    .elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tabs-heading.dropdown-open {
        background: #F7F9FC;
        padding: 6px;
    }

    .elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tabs-heading.dropdown-open .e-n-tab-title:not([aria-selected="true"]) {
        display: flex;
        background: #FFFFFF; 
        margin-top: 4px;
        width: 100%;
        padding: 16px 24px;
    }

    .elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tabs-heading.dropdown-open .e-n-tab-title[aria-selected="true"] {
        background: #e19e88;
    }

    /* Перевертаємо стрілочку при відкритті */
    .elementor-917 .elementor-element.elementor-element-594ef8e .e-n-tabs-heading.dropdown-open .e-n-tab-title[aria-selected="true"]::after {
        transform: translateY(-50%) rotate(180deg);
    }
}/* End custom CSS */