/*
Theme Name:  Dony Cosmetics
Theme URI:   https://dayawebstudio.com/
Description: Daya Web Studio custom theme by Dobrina Ivanova
Author:      Dobrina Ivanova
Author URI:  https://dayawebstudio.com/
Template:    Divi
Version: 1.0
------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* -----------------------------------------------------------------------------   
    TABLE OF CONTENTS
-------------------------------------------------------------------------------

01. Header Section CSS
02. Single Product Page CSS
    02.1 Product Gallery (Vertical with arrows)
    02.2 Add to Cart Section (Quantity & Buttons)
    02.3 Add product image on mobile version in cart
03. Wishlist icon (TI Wishlist) — само в listing страниците
04. Dony Carousel Fix
05. Equal Product Cards
06. Additional CSS (от отделен файл)
    06.01  r-accents / r-title-accents ............. редица с акцентни иконки
    06.02  two-col-mob .............................. двуколонно оформление мобилно
    06.03  b-accent ................................. блурб акцентни иконки
    06.04  r-wootabs / woo tabs ..................... табове за WooCommerce продукти
    06.05  s-product ................................ секция продукт
    06.06  ul-rose .................................. списък с листа вместо bullet
    06.07  strong-color ............................. оцветяване на bold в розово
    06.08  faq ...................................... акордеон с въпроси и отговори
    06.09  s-intro .................................. уводна секция с розов фон
    06.10  daya-intro ............................... бяла уводна секция
    06.11  h-title / p-title / et_pb_wc_title ...... заглавия на секции
    06.12  r-nacc / r-nacc-1~4 ..................... зиг-заг редове с акценти
    06.13  b-bacc ................................... балон с номер към r-nacc
    06.14  b-sacc ................................... малки иконки с hover tooltip
    06.15  t-intro .................................. уводен текст с декоративна линия
    06.16  s-about .................................. секция "За нас"
    06.17  t-about .................................. типография в "За нас"
    06.18  link ..................................... линкове с анимирана underline
    06.19  s-reviews ................................ секция с отзиви
    06.20  r-rew .................................... ред в секция отзиви
    06.21  i-elrose ................................. изображение с отрицателен margin
    06.22  sl-reviews ............................... слайдер с отзиви
    06.23  s-cta .................................... секция с призив за действие
    06.24  r-cta .................................... ред в CTA секцията
    06.25  b-cta .................................... блок с CTA съдържание
    06.26  i-pg ..................................... декоративно изображение продукт
    06.27  Scroll top ............................... бутон "Нагоре"
    06.28  ETmodules font ........................... глобална настройка за иконки
    06.29  s-pink ................................... розова секция с градиент
    06.30  s-pink2 .................................. втора розова секция
    06.31  bl-polzi ................................. блок с ползи/предимства
    06.32  r-zig .................................... зиг-заг секция
    06.33  r-border ................................. ред с горна граница
    06.34  b-ingr ................................... блок съставка с hover/active
    06.35  v-puregold ............................... разделител Pure Gold серия
    06.36  i-r ...................................... изображение вдясно
    06.37  Fullwidth Header ......................... пълноширочно хедър изображение
    06.38  Глобални Divi overrides .................. общи override-и за b-insrev
    06.39  b-insrev ................................. статичен блок с отзив
    06.40  wp-pagenavi .............................. пагинация на блога

----------------------------------------------------------------------------- */


/* Фикс за стрелките на dropdown в категорийни страници */
.et_pb_menu .et-menu .menu-item-has-children > a:first-child:after,
.et-menu-nav .menu-item-has-children > a:first-child:after {
    top: 50% !important;
    transform: translateY(-50%) !important;
    position: absolute !important;
}


/* Фикс за стрелките на dropdown в категорийни страници */
.et_pb_menu .et-menu .menu-item-has-children > a:first-child:after,
.et-menu-nav .menu-item-has-children > a:first-child:after {
    top: 50% !important;
    transform: translateY(-50%) !important;
    position: absolute !important;
}

.et_pb_menu .et-menu li > a {
    position: relative !important;
}



/* ========================================================================== 
  02.1 Product Gallery (Vertical with arrows) starts here

Галерия със стрелки и вертикален скрол за настолна версия
   ========================================================================== */

/* Основен контейнер за галерията с уникален class */
.dony-gallery .woocommerce-product-gallery {
    padding-left: 115px !important; /* Място за колоната с миниатюри */
    position: relative !important;
    display: block !important;
}

/* Малките снимки + стрелки */
.dony-gallery .dony-arrows-wrapper {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100px !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 45px 0 !important;
    z-index: 5 !important;
}

/* Малките снимки (thumbnail list) */
.dony-gallery .flex-control-nav {
    width: 100% !important;
    height: 100% !important;
    overflow-y: auto !important;
    display: block !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    scrollbar-width: none !important;
}

/* Скриване на скролбара за Chrome/Safari */
.dony-gallery .flex-control-nav::-webkit-scrollbar {
    display: none !important;
}

.dony-gallery .flex-control-nav li {
    width: 100% !important;
    margin-bottom: 10px !important;
    list-style: none !important;
}

.dony-gallery .flex-control-nav li img {
    width: 100% !important;
    height: auto !important;
    border: 1px solid #f0f0f0;
    transition: 0.3s;
}

.dony-gallery .flex-control-nav li img.flex-active {
    border-color: #ed6fa6 !important;
    opacity: 1 !important;
}

/* Стрелки */
.dony-gallery .dony-arrow {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    background: #ffffff !important;
    border: 1px solid #ed6fa6 !important;
    border-radius: 50% !important;
    z-index: 10 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ed6fa6 !important;
    padding: 0 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
}

.dony-gallery .dony-arrow span {
    font-size: 20px !important;
    line-height: 1 !important;
}

.dony-gallery .dony-up { top: 5px !important; }
.dony-gallery .dony-down { bottom: 5px !important; }

/* ===== ONSALE BADGE — унифициран за всички контексти ===== */
.woocommerce span.onsale,
.woocommerce-page span.onsale {
    font-weight: 600 !important;
    background: #a07f59 !important;
    background: linear-gradient(30deg, #a07f59 0%, #efcfa5 80%, #a18c7a 100%) !important;
    border-radius: 50% !important;
    height: 65px !important;
    width: 65px !important;
    font-size: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: -10px !important;
    left: -10px !important;
    right: auto !important;
    margin: 0 !important;
    z-index: 10 !important;
    line-height: 1 !important;
}

.woocommerce span.onsale:after,
.woocommerce-page span.onsale:after {
    content: "Акция";
    font-size: 15px;
    font-weight: 700;
    color: white;
    text-transform: none;
    line-height: 1.2em;
    text-align: center;
}

/* Single product page — бaджът да е върху снимката */
.woocommerce div.product .woocommerce-product-gallery span.onsale,
.dony-gallery span.onsale {
    top: 10px !important;
    left: 10px !important;
}

@media only screen and (max-width: 767px) {
    .woocommerce span.onsale,
    .woocommerce-page span.onsale {
        height: 50px !important;
        width: 50px !important;
        top: -5px !important;
        left: -5px !important;
    }
    .woocommerce span.onsale:after,
    .woocommerce-page span.onsale:after {
        font-size: 12px;
    }
}

/* Голямата снимка */
.dony-gallery .flex-viewport {
    width: 100% !important;
    float: none !important;
    border: 1px solid #f0f0f0;
}

/* Мобилна версия */
@media (max-width: 767px) {
    .dony-gallery .woocommerce-product-gallery {
        padding-left: 0 !important;
    }
    .dony-gallery .dony-arrows-wrapper {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        flex-direction: row !important;
        padding: 0 40px !important;
        margin-top: 15px;
    }
    .dony-gallery .dony-arrow {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
    .dony-gallery .dony-up {
        left: 0 !important;
        transform: translateY(-50%) rotate(-90deg) !important;
    }
    .dony-gallery .dony-down {
        right: 0 !important;
        left: auto !important;
        transform: translateY(-50%) rotate(-90deg) !important;
    }
    .dony-gallery .woocommerce span.onsale {
        left: 15px !important;
    }
}

/* ===== ONSALE BADGE — унифициран за всички контексти ===== */
.woocommerce span.onsale,
.woocommerce-page span.onsale {
    font-weight: 600 !important;
    background: #a07f59 !important;
    background: linear-gradient(30deg, #a07f59 0%, #efcfa5 80%, #a18c7a 100%) !important;
    border-radius: 50% !important;
    height: 65px !important;
    width: 65px !important;
    font-size: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: -5px !important;
    left: -5px !important;
    right: auto !important;
    margin: 0 !important;
    z-index: 10 !important;
    line-height: 1 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}

.woocommerce span.onsale:after,
.woocommerce-page span.onsale:after {
    content: "Акция";
    font-size: 15px !important;
    font-weight: 700;
    color: white;
    text-transform: none;
    line-height: 1.2em;
    text-align: center;
    text-indent: 0 !important;
}

/* Скриване на Divi дублирания badge */
.woocommerce .product .et_pb_wc_images_0 span.onsale:not(:first-of-type) {
    display: none !important;
}

/* Category/listing страница */
.woocommerce ul.products li.product span.onsale {
    top: -5px !important;
    left: -5px !important;
}

@media only screen and (max-width: 767px) {
    .woocommerce span.onsale,
    .woocommerce-page span.onsale {
        height: 50px !important;
        width: 50px !important;
        top: -5px !important;
        left: -5px !important;
    }
    .woocommerce span.onsale:after,
    .woocommerce-page span.onsale:after {
        font-size: 12px !important;
    }
}

/* Позициониране на контейнера за badge на single product */
.woocommerce div.product div.images,
.woocommerce div.product .woocommerce-product-gallery {
    position: relative !important;
    overflow: visible !important;
}

/* Badge на single product */
.woocommerce div.product .woocommerce-product-gallery span.onsale,
.dony-gallery span.onsale {
    top: 10px !important;
    left: 120px !important;
}

/* Скриване на Разпродажба в carousel модула */
.dony-carousel span.onsale {
    display: none !important;
}

   /* ========================================================================== 
02.2 Add to Cart Section (Quantity & Buttons ends here

Галерия със стрелки и вертикален скрол
   ========================================================================== */
   

/* 02.2. Add to Cart Section (Quantity & Buttons) - Mobile Fix */

@media (max-width: 767px) {
    /* Казваме на цялата форма да подреди елементите един под друг */
    .woocommerce div.product form.cart, 
    .woocommerce-page div.product form.cart {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* Центрира ги, за да не бягат вляво */
    }

    /* Добавяме разстояние САМО под кутията за количество */
    .woocommerce div.product form.cart div.quantity {
        margin-bottom: 25px !important; /* Това прави дупката между тях */
        margin-right: 0 !important; /* Махаме страничното разстояние, за да не се криви */
    }

    /* Бутонът "Добавяне в количката" */
    .woocommerce div.product form.cart .button {
        margin-top: 0 !important;
        width: 100% !important; /* Правим го на цял ред, за да е по-удобно за палеца */
        max-width: 300px; /* Ограничаваме го, за да не е прекалено огромен */
    }
}


/* ========================================================================== 
   03. Wishlist icon (TI Wishlist)
   Само в shop / category / archive, не single product
   ========================================================================== */

/* Wishlist иконата само в product listing страниците */
.woocommerce.archive ul.products li.product {
    position: relative;
}

.woocommerce.archive ul.products li.product .tinv-wraper,
.woocommerce.archive ul.products li.product .tinvwl_add_to_wishlist_button {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    z-index: 999;
}

/* Да не се реже иконата в listing-а */
.woocommerce.archive ul.products li.product,
.woocommerce.archive ul.products li.product .product-wrapper,
.woocommerce.archive ul.products li.product .product-inner,
.woocommerce.archive ul.products li.product .thumbnail,
.woocommerce.archive ul.products li.product .product-thumbnail,
.woocommerce.archive ul.products li.product .woocommerce-loop-product__link {
    overflow: visible;
}


/* ===== 04. DONY CAROUSEL FIX ===== */

.dony-carousel ul.products {
    display: flex;
    align-items: stretch;
}

.dony-carousel ul.products li.product {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

/* прави съдържанието да се разтяга */
.dony-carousel ul.products li.product .woocommerce-loop-product__title,
.dony-carousel ul.products li.product .price {
    flex-grow: 0;
}

/* бутонът винаги долу */
.dony-carousel ul.products li.product .button {
    margin-top: auto;
    width: 100%;
}

/* фиксирана височина на заглавията (за да не местят бутона) */
.dony-carousel .woocommerce-loop-product__title {
    min-height: 60px;
}

/* ===== СЪРЦЕТО ВДЯСНО (леко надолу) ===== */
.dony-carousel .yith-wcwl-add-to-wishlist,
.dony-carousel .tinv-wraper,
.dony-carousel .woosw-btn,
.dony-carousel .wishlist-button,
.dony-carousel .add_to_wishlist {
    position: absolute !important;
    top: 20px;/* ⬅️ променено от 12px → 20px */
    right: 12px;
    left: auto !important;
    z-index: 10;
}


/* ===== 05. Equal Product Cards ===== */

/* Изравняване само на заглавие, цена и бутон */
.equal-product-cards ul.products li.product {
	display: flex !important;
	flex-direction: column !important;
}

/* Заглавията заемат еднакво място */
.equal-product-cards ul.products li.product .woocommerce-loop-product__title {
	min-height: 70px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Цените на една линия */
.equal-product-cards ul.products li.product .price {
	min-height: 28px !important;
	margin-top: 0 !important;
	margin-bottom: 18px !important;
	display: block !important;
}

/* Бутоните на една линия */
.equal-product-cards ul.products li.product .button {
	margin-top: 0 !important;
}


/* От addition css */

/* ============================================================
   TABLE OF CONTENTS
   ============================================================

    1.  r-accents / r-title-accents ............. редица с акцентни иконки
    2.  two-col-mob .............................. двуколонно оформление мобилно
    3.  b-accent ................................. блурб акцентни иконки
    4.  r-wootabs / woo tabs ..................... табове за WooCommerce продукти
    5.  s-product ................................ секция продукт
    6.  ul-rose .................................. списък с листа вместо bullet
    7.  strong-color ............................. оцветяване на bold в розово
    8.  faq ...................................... акордеон с въпроси и отговори
    9.  s-intro .................................. уводна секция с розов фон
   10.  daya-intro ............................... бяла уводна секция
   11.  h-title / p-title / et_pb_wc_title ...... заглавия на секции
   12.  r-nacc / r-nacc-1~4 ..................... зиг-заг редове с акценти
   13.  b-bacc ................................... балон с номер към r-nacc
   14.  b-sacc ................................... малки иконки с hover tooltip
   15.  t-intro .................................. уводен текст с декоративна линия
   16.  s-about .................................. секция "За нас"
   17.  t-about .................................. типография в "За нас"
   18.  link ..................................... линкове с анимирана underline
   19.  s-reviews ................................ секция с отзиви
   20.  r-rew .................................... ред в секция отзиви
   21.  i-elrose ................................. изображение с отрицателен margin
   22.  sl-reviews ............................... слайдер с отзиви
   23.  s-cta .................................... секция с призив за действие
   24.  r-cta .................................... ред в CTA секцията
   25.  b-cta .................................... блок с CTA съдържание
   26.  i-pg ..................................... декоративно изображение продукт
   27.  Scroll top ............................... бутон "Нагоре"
   28.  ETmodules font ........................... глобална настройка за иконки
   29.  s-pink ................................... розова секция с градиент
   30.  s-pink2 .................................. втора розова секция
   31.  bl-polzi ................................. блок с ползи/предимства
   32.  r-zig .................................... зиг-заг секция
   33.  r-border ................................. ред с горна граница
   34.  b-ingr ................................... блок съставка с hover/active
   35.  v-puregold ............................... разделител Pure Gold серия
   36.  i-r ...................................... изображение вдясно
   37.  Fullwidth Header ......................... пълноширочно хедър изображение
   38.  Глобални Divi overrides .................. общи override-и за b-insrev
   39.  b-insrev ................................. статичен блок с отзив
   40.  wp-pagenavi .............................. пагинация на блога

   ============================================================ */


/* ============================================================
   1. r-accents / r-title-accents
   ============================================================ */

.r-accents {
    padding-top: 35px !important;
}

.r-title-accents {
    border-top: 1px solid #efd3dd;
    padding: 35px 0 !important;
    padding-bottom: 10px !important;
}

.r-accents .et_pb_column {
    padding: 0px 10px;
    padding-top: 0 !important;
}

.r-accents .et_pb_column + .et_pb_column {
    border-left: 1px solid #efd3dd;
}

/* --- Медия заявки: r-accents --- */

@media only screen and (max-width: 980px) {
    .r-accents .et_pb_column + .et_pb_column { border-left: 0px solid #efd3dd; }
    .r-accents .et_pb_column { padding: 10px 10px; }
}

@media only screen and (max-width: 479px) {
    .r-accents .et_pb_column {
        padding-bottom: 20px;
        width: 50% !important;
    }
    .r-accents .et_pb_column:nth-child(2n+1) { clear: left; }
}


/* ============================================================
   2. two-col-mob — двуколонно оформление на мобилни устройства
   ============================================================ */

@media all and (max-width: 767px) {
    .two-col-mob.et_pb_row {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .two-col-mob .et_pb_column {
        width: 48% !important;
        flex: 0 0 48% !important;
        margin-bottom: 10px !important;
    }
    .two-col-mob .et_pb_column:nth-child(odd) {
        margin-right: 4% !important;
    }
    .two-col-mob .et_pb_column:nth-child(even) {
        margin-right: 0 !important;
    }
}


/* ============================================================
   3. b-accent — блурб акцентни иконки
   ============================================================ */

.b-accent .et_pb_main_blurb_image {
    max-width: 80px;
    margin: auto;
}

.b-accent img {
    border: 0px solid #ee6fa640;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50% !important;
    background: white;
    -webkit-box-shadow: 0 7px 40px -10px rgba(175, 71, 116, 0.26);
    box-shadow: 0 7px 40px -10px rgba(175, 71, 116, 0.26);
    width: 80px;
}

.b-accent h4 {
    font-family: inherit !important;
    margin-top: 17px;
    font-weight: 400;
    font-size: 16px;
    color: #2f2d26 !important;
    line-height: 1.3em;
}

.b-accent:hover h4 {
    color: #ee6fa6 !important;
}

/* --- Медия заявки: b-accent --- */

@media only screen and (min-width: 1020px) and (max-width: 1099px) {
    .b-accent h4 { font-size: 14px; }
}

@media only screen and (min-width: 981px) and (max-width: 1019px) {
    .b-accent h4 { font-size: 14px; }
}

@media only screen and (max-width: 980px) {
    .b-accent h4 { font-size: 14px; }
}

@media only screen and (max-width: 767px) {
    .b-accent .et_pb_main_blurb_image { max-width: 60px; }
}


/* ============================================================
   4. r-wootabs / woo tabs — табове за WooCommerce продукти
   ============================================================ */

.r-wootabs {
    padding-bottom: 0 !important;
}

.woo .et_pb_all_tabs {
    background-color: transparent;
}

.et_pb_tabs.woo {
    margin-top: 30px;
    border: 0;
    background: transparent;
    text-align: center;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.woo .et_pb_tabs_controls li {
    border-right: 0px solid transparent;
    margin-right: 2px;
    margin-left: 2px;
    background-color: #efd3dd;
}

.woo .et_pb_tabs_controls li.et_pb_tab_active {
    background-color: #ffffff;
}

.et_pb_tabs.woo .et_pb_tabs_controls li a {
    text-decoration: none !important;
    color: #2f2d26 !important;
    padding: 16px 30px !important;
    line-height: 1em !important;
    text-transform: uppercase;
    font-weight: 400;
}

.et_pb_tabs.woo ul.et_pb_tabs_controls:after {
    border-top: 0px solid #d9d9d9;
}

.et_pb_tabs.woo ul.et_pb_tabs_controls {
    background-color: transparent;
}

.et_pb_tabs.woo .et_pb_tab {
    padding: 35px 35px;
    border: 0px solid #efd3dd;
    background: white;
}

.woo .et_pb_tabs_controls {
    display: table;
    margin: auto;
}

/* --- Медия заявки: woo tabs --- */

@media only screen and (max-width: 767px) {
    .et_pb_tabs.woo .et_pb_tabs_controls li a {
        padding: 16px 14px !important;
        width: 100% !important;
        text-align: center;
        display: block !important;
    }
    .woo .et_pb_tabs_controls li {
        border-bottom: 1px solid rgb(255 255 255 / 57%) !important;
        border-right: 0px solid transparent;
        margin-right: 0;
        margin-left: 0;
        width: 100% !important;
        background-color: #efd3dd;
        text-align: center;
    }
    .woo .et_pb_tabs_controls {
        display: block;
        margin: auto;
        text-align: center;
    }
    .et_pb_tabs.woo .et_pb_tab {
        padding: 20px 10px;
    }
}

@media only screen and (max-width: 479px) {
    .et_pb_tabs.woo .et_pb_tabs_controls li a {
        padding: 16px 7px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
    }
}


/* ============================================================
   5. s-product — секция продукт
   ============================================================ */

#s-product > .et_pb_row { width: 95% !important; }

/* --- Медия заявки: s-product --- */

@media only screen and (max-width: 980px) {
    #s-product > .et_pb_row { width: 90% !important; }
}


/* ============================================================
   6. ul-rose — списък с листа/иконка вместо bullet
   ============================================================ */

.ul-rose ul {
    padding-left: 0 !important;
    list-style-type: none;
    line-height: inherit;
}

.ul-rose li {
    display: block;
    margin-bottom: 0px;
    padding: 5px 0px 5px 35px;
    line-height: 1.5em;
    position: relative;
}

.ul-rose.left li {
    padding: 5px 35px 5px 0px;
}

.ul-rose {
    margin-bottom: 0px !important;
}

.ul-rose li:before {
    content: "";
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 4px;
    display: block;
    background: url(https://donycosmetics.bg/wp-content/uploads/2020/02/leaf.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ul-rose.left li:before {
    right: 4px;
    left: auto;
}

.et_pb_wc_description.ul-rose ul {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding-bottom: 0 !important;
}

.et_pb_wc_description.ul-rose ul li {
    text-align: left;
    padding-top: 0;
}

.ul-rose.b-ingr.inside ul {
    padding-bottom: 0;
    padding-left: 0;
}

/* --- Медия заявки: ul-rose --- */

@media only screen and (max-width: 980px) {
    .ul-rose ul { padding-left: 0 !important; }
    .ul-rose.left li:before {
        right: auto;
        left: 4px;
    }
    .ul-rose.left li {
        padding: 5px 0px 5px 35px;
    }
    .faq.ul-rose ul {
        padding-left: 0;
    }
}


/* ============================================================
   7. strong-color — оцветяване на bold текст в розово
   ============================================================ */

.strong-color strong {
    color: #ee6fa6;
}


/* ============================================================
   8. faq — акордеон с въпроси и отговори
   ============================================================ */

.faq .et_pb_toggle {
    border: 1px solid #eac1d0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    background: transparent;
    margin-bottom: 20px !important;
}

.faq .et_pb_toggle_open {
    background: white;
    border-color: white;
    -webkit-box-shadow: 0 7px 40px -10px rgba(175, 71, 116, 0.26);
    box-shadow: 0 7px 40px -10px rgba(175, 71, 116, 0.26);
}

.faq .et_pb_toggle_title:before {
    content: "L";
    right: 0;
    font-size: 25px;
    color: #ee6fa6;
    top: 50%;
}


/* ============================================================
   9. s-intro — уводна секция с розов фон
   ============================================================ */

.s-intro {
    padding-bottom: 60px;
    background: rgb(250, 225, 236);
}

/* Декоративен кръг с лого в долната част на секцията */
.s-intro:after {
    content: "";
    background: url(https://donycosmetics.bg/wp-content/uploads/2020/02/D.png) #ffffff;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    margin: auto;
    bottom: -41px;
    -webkit-box-shadow: inset 0 14px 7px -7px rgba(204, 159, 178, 0.51);
    -moz-box-shadow: inset 0 14px 7px -7px rgba(204, 159, 178, 0.51);
    box-shadow: inset 0 14px 7px -7px rgba(204, 159, 178, 0.51);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-size: 61px;
    background-repeat: no-repeat;
    background-position: center;
    border: 5px solid #f7cada;
}


/* ============================================================
   10. daya-intro — бяла уводна секция с декоративна линия отгоре
   ============================================================ */

.daya-intro {
    position: relative;
    padding-bottom: 60px;
    background: #ffffff;
}

.daya-intro .t-intro:before {
    content: "";
    display: block;
    margin-bottom: 30px;
    height: 1px;
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    background: #f7cada;
}

/* Декоративен кръг с лого в долната част на секцията */
.daya-intro:after {
    content: "";
    background: url(https://donycosmetics.bg/wp-content/uploads/2020/02/D.png) #ffffff;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    margin: auto;
    bottom: -41px;
    border: 3px solid #f7cada;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-size: 61px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}


/* ============================================================
   11. h-title / p-title / et_pb_wc_title — заглавия на секции
   ============================================================ */

.h-title h2,
.p-title h1,
.et_pb_wc_title h1,
.h-title.home h2 {
    position: relative;
    text-transform: uppercase;
    font-size: 40px;
    color: #ad8d74;
    padding-bottom: 35px;
}

.h-title h2:last-child,
.p-title h1 {
    padding-bottom: 0px;
}

/* Декоративна линия под заглавието */
.h-title h2:after,
.p-title h1:after,
.et_pb_wc_title h1:after {
    content: "";
    display: block;
    height: 1px;
    width: 80px;
    margin-top: 23px;
    background: #a07f59;
    background: -webkit-linear-gradient(60deg, #a07f59 0%, #efcfa5 80%, #a18c7a 100%);
    background: linear-gradient(30deg, #a07f59 0%, #efcfa5 80%, #a18c7a 100%);
}

/* Вариант за начална страница */
.h-title.home h2 {
    margin-bottom: 10px;
    font-size: 28px;
    padding-bottom: 10px;
}

.h-title.home h2:after {
    position: absolute;
    left: 0;
    bottom: 0px;
}

.h-title.home.left h2:after {
    left: auto;
    right: 0;
}

.h-title.home .t-set h4 {
    font-size: 16px;
}

/* Центриране на декоративната линия */
.h-title.et_pb_text_align_center h2:after,
.p-title.et_pb_text_align_center h1:after,
.et_pb_wc_title h1:after {
    margin-left: auto;
    margin-right: auto;
}

/* Подзаглавие h2 */
.p-title h2,
.et_pb_contact_main_title,
.pr-title h2 {
    position: relative;
    text-transform: uppercase;
    font-size: 35px;
    color: #ad8d74;
    padding-bottom: 13px;
    padding-top: 15px;
}

/* Подзаглавие h3 — курсив в розово */
.p-title h3 {
    color: #ee6fa6;
    font-style: italic;
    font-size: 28px;
}

.p-title.et_pb_text_align_center h1:after {
    margin-left: auto;
    margin-right: auto;
}

/* --- Медия заявки: h-title / p-title --- */

@media only screen and (max-width: 980px) {
    .h-title h2, .p-title h1, .et_pb_wc_title h1 { font-size: 30px; }
    .p-title h2, .et_pb_contact_main_title, .pr-title h2 { font-size: 27px; }
}

@media only screen and (min-width: 1100px) and (max-width: 1199px) {
    .h-title h2, .p-title h1, .et_pb_wc_title h1 { font-size: 35px; }
    .p-title h2, .et_pb_contact_main_title, .pr-title h2 { font-size: 30px; }
}

@media only screen and (min-width: 1020px) and (max-width: 1099px) {
    .h-title h2, .p-title h1, .et_pb_wc_title h1 { font-size: 35px; }
    .p-title h2, .et_pb_contact_main_title, .pr-title h2 { font-size: 30px; }
}

@media only screen and (min-width: 981px) and (max-width: 1019px) {
    .h-title h2, .p-title h1, .et_pb_wc_title h1 { font-size: 31px; }
    .p-title h2, .et_pb_contact_main_title, .pr-title h2 { font-size: 27px; }
}

@media only screen and (max-width: 479px) {
    .h-title h2, .p-title h1, .et_pb_wc_title h1 { font-size: 27px; }
}


/* ============================================================
   12. r-nacc / r-nacc-1 / r-nacc-2 / r-nacc-3 / r-nacc-4
   Зиг-заг редове с номерирани акценти
   ============================================================ */

.r-nacc {
    position: relative;
    padding-top: 0;
    padding-bottom: 28px;
}

.r-nacc:hover {
    z-index: 11;
}

/* Пунктирана хоризонтална линия между иконката и текста */
.r-nacc:before {
    position: absolute;
    content: "";
    height: 0px;
    right: 0;
    left: 15%;
    border-bottom: 1px dotted #e6afc3;
    top: 47px;
}

.r-nacc-2:before,
.r-nacc-4:before {
    left: 0;
    right: 15%;
}

.r-nacc .et_pb_column_1_4 {
    width: 15% !important;
}

.r-nacc .et_pb_column_3_4 {
    width: 85% !important;
}

/* Иконката вдясно за четни редове */
.r-nacc-2 .et_pb_column_1_4,
.r-nacc-4 .et_pb_column_1_4 {
    float: right;
}

/* --- Медия заявки: r-nacc --- */

@media only screen and (min-width: 981px) {
    .r-nacc-1, .r-nacc-3 { padding-right: 100px; }
    .r-nacc.r-nacc-1:before, .r-nacc.r-nacc-3:before { right: 16.666%; }
    .r-nacc-2, .r-nacc-4 { padding-left: 100px; }
    .r-nacc.r-nacc-2:before, .r-nacc.r-nacc-4:before { left: 16.666%; }
}

@media only screen and (min-width: 1100px) and (max-width: 1199px) {
    .r-nacc-1, .r-nacc-3 { padding-right: 50px; }
    .r-nacc-2, .r-nacc-4 { padding-left: 50px; }
}

@media only screen and (min-width: 1020px) and (max-width: 1099px) {
    .r-nacc-1, .r-nacc-3 { padding-right: 50px; }
    .r-nacc-2, .r-nacc-4 { padding-left: 50px; }
    .r-nacc:before { margin-right: -30px; }
    .r-nacc.r-nacc-2:before, .r-nacc.r-nacc-4:before { margin-left: -30px; }
}

@media only screen and (min-width: 981px) and (max-width: 1019px) {
    .r-nacc-1, .r-nacc-3 { padding-right: 20px; }
    .r-nacc-2, .r-nacc-4 { padding-left: 20px; }
    .r-nacc:before { margin-right: -30px; }
    .r-nacc.r-nacc-2:before, .r-nacc.r-nacc-4:before { margin-left: -30px; }
}

@media only screen and (max-width: 980px) {
    .r-nacc .et_pb_column_1_4,
    .et_pb_gutters1.et_pb_row.r-nacc .et_pb_column.et_pb_column_1_4 {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    .r-nacc .et_pb_column_3_4 { width: 100% !important; }
    .r-nacc:before { display: none; }
    .r-nacc-1, .r-nacc-3 { padding-right: 20px; }
    .r-nacc-2, .r-nacc-4 { padding-left: 20px; }
    .r-nacc-4 .b-bacc h4 { font-size: 22px; }
}


/* ============================================================
   13. b-bacc — балон с номер/етикет към r-nacc редовете
   ============================================================ */

/* Розов балон (r-nacc-1 по подразбиране) */
.b-bacc h4 {
    position: relative;
    text-align: center;
    padding-right: 0;
    text-transform: uppercase;
    margin-top: 46px;
    font-size: 22px;
    color: white;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    background: #f3a9c9;
    padding: 6px 5px !important;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    -ms-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

/* Златист балон за r-nacc-2 */
.r-nacc-2 .b-bacc h4 {
    background: #c79f6c;
}

/* Оранжев балон за r-nacc-4 */
.r-nacc-4 .b-bacc h4 {
    background: #f4957e;
    font-size: 19px;
}

/* Наситено розово за r-nacc-3 */
.r-nacc-3 .b-bacc h4 {
    background: #ee6fa6;
}

/* Стрелка вдясно на балона (r-nacc-1 по подразбиране) */
.b-bacc h4:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent transparent transparent #f3a9c9;
    left: 100%;
    top: 50%;
    border-width: 10px;
    margin-top: -10px;
    margin-left: -4px;
}

/* Стрелка вляво за четните редове */
.r-nacc-2 .b-bacc h4:before,
.r-nacc-4 .b-bacc h4:before {
    border-color: transparent #c79f6c transparent transparent;
    right: 100%;
    left: auto;
    margin-right: -4px;
}

.r-nacc-4 .b-bacc h4:before {
    border-color: transparent #f4957e transparent transparent;
}

.r-nacc-3 .b-bacc h4:before {
    border-color: transparent transparent transparent #ee6fa6;
}

.b-bacc .et_pb_main_blurb_image {
    width: 130px;
}

.b-bacc .et_pb_blurb_container {
    vertical-align: top;
    width: 100%;
    display: block;
    padding-left: 0;
}

.b-bacc .et_pb_image_wrap {
    margin-top: -10px;
}

/* --- Медия заявки: b-bacc --- */

/* На мобилни — стрелката се насочва надолу */
@media only screen and (max-width: 980px) {
    .b-bacc h4:before {
        border-color: #f3a9c9 transparent transparent transparent;
        left: 0 !important;
        right: 0 !important;
        top: 100%;
        margin: auto !important;
    }
    .r-nacc-2 .b-bacc h4:before {
        border-color: #c79f6c transparent transparent transparent;
    }
    .r-nacc-4 .b-bacc h4:before {
        border-color: #f4957e transparent transparent transparent;
    }
    .r-nacc-3 .b-bacc h4:before {
        border-color: #ee6fa6 transparent transparent transparent;
    }
    .r-nacc-4 .b-bacc h4 { font-size: 22px; }
}


/* ============================================================
   14. b-sacc — малки акцентни иконки с hover tooltip
   ============================================================ */

.b-sacc {
    display: inline-block;
    float: left;
    width: 20%;
    padding: 10px 5px;
    position: relative;
}

.b-sacc:hover {
    z-index: 1;
}

.b-sacc .et_pb_main_blurb_image {
    max-width: 75px;
    margin: 0 auto 10px;
}

/* Tooltip описание — появява се при hover */
.b-sacc .et_pb_blurb_description {
    font-size: 12px;
    background: #ffe9ed;
    padding: 5px;
    position: absolute;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 6px;
    line-height: 1.5em;
    left: 0;
    right: 0;
    top: 75px;
    margin-top: 1px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: Grow .4s ease-in-out;
    animation: Grow .4s ease-in-out;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-box-shadow: 0 7px 18px rgba(177, 83, 123, 0.21);
    box-shadow: 0 2px 2px rgba(132, 57, 89, 0.24);
    display: none;
}

.b-sacc:hover .et_pb_blurb_description {
    display: block;
}

.b-sacc .home_cosm_qu {
    padding-bottom: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 400;
}

/* Триъгълник над tooltip-а */
.b-sacc .et_pb_blurb_description:before {
    content: "";
    position: absolute;
    bottom: 100%;
    border-style: solid;
    border-color: transparent transparent #ffe9ed transparent;
    left: 0;
    right: 0;
    border-width: 8px;
    height: 0;
    width: 0;
    margin: auto;
}

.b-sacc strong {
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #ee6fa6;
}

.b-sacc img {
    background: #fcf7f9;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #ee6fa6;
}

.b-sacc:hover img {
    -webkit-box-shadow: 0 7px 18px rgba(177, 83, 123, 0.21);
    box-shadow: 0 7px 18px rgba(177, 83, 123, 0.21);
    background: white;
    border-color: transparent;
}

/* --- Медия заявки: b-sacc --- */

@media only screen and (min-width: 981px) and (max-width: 1019px) {
    .b-sacc h4 { font-size: 13px; }
}

@media only screen and (max-width: 980px) {
    .b-sacc h4 { font-size: 13px; }
}

@media only screen and (max-width: 767px) {
    .b-sacc {
        width: 33.333%;
    }
    .b-sacc:nth-child(4) {
        clear: left;
        margin-left: 16.666%;
    }
}

@media only screen and (max-width: 479px) {
    .b-sacc .et_pb_main_blurb_image { max-width: 60px; }
    .b-sacc { padding: 10px 1px; }
    .b-sacc .et_pb_blurb_description {
        font-size: 10px;
        margin-top: -13px;
        margin-left: -10px;
        margin-right: -10px;
        padding: 8px 3px;
    }
    .b-sacc h4 {
        font-size: 10px;
        font-weight: 500;
    }
}


/* ============================================================
   15. t-intro — уводен текст с декоративна линия отгоре
   ============================================================ */

.t-intro {
    position: relative;
    font-size: 18px;
    line-height: 1.5em;
    max-width: 710px;
    margin-left: auto;
    margin-right: auto;
}

/* Градиентна декоративна линия */
.t-intro:before {
    content: "";
    display: block;
    margin-bottom: 30px;
    height: 1px;
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    background: #a07f59;
    background: -webkit-linear-gradient(60deg, #a07f59 0%, #efcfa5 80%, #a18c7a 100%);
    background: linear-gradient(30deg, #a07f59 0%, #efcfa5 80%, #a18c7a 100%);
}

/* --- Медия заявки: t-intro --- */

@media only screen and (max-width: 980px) {
    .t-intro { font-size: 16px; }
}


/* ============================================================
   16. s-about — секция "За нас" с фоново изображение
   ============================================================ */

/* --- Медия заявки: s-about --- */

@media only screen and (max-width: 980px) {
    .s-about {
        padding: 0;
        background-position: 72% center !important;
    }
    /* Полупрозрачен overlay за четимост на текста */
    .s-about:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(247, 238, 243, 0.77);
    }
}


/* ============================================================
   17. t-about — типография в секция "За нас"
   ============================================================ */

/* Декоративна голяма начална буква */
.t-about h2 + p::first-letter {
    font-family: 'Cormorant Garamond', Georgia, "Times New Roman", serif;
    position: relative;
    text-transform: uppercase;
    font-size: 38px;
    color: #ee6fa6;
    padding-bottom: 35px;
}

/* --- Медия заявки: t-about --- */

@media only screen and (max-width: 980px) {
    .t-about { font-size: 15px; line-height: 1.5em; }
}


/* ============================================================
   18. link — стилизирани линкове с анимирана underline линия
   ============================================================ */

.link a,
.et_pb_posts a.more-link,
.et_pb_blog_grid a.more-link {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
}

/* Анимирана линия под линка при hover */
.link a:after,
.et_pb_posts a.more-link:after,
.et_pb_blog_grid a.more-link:after {
    content: "";
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    display: block;
    width: 10px;
    background: #efd3dd;
    height: 1px;
}

.link a:hover:after,
.et_pb_posts a.more-link:hover:after,
.et_pb_blog_grid a.more-link:hover:after {
    width: 100%;
}


/* ============================================================
   19. s-reviews — секция с отзиви, розов градиентен фон
   ============================================================ */

.s-reviews {
    padding-top: 0;
    background: #fdeff5;
    background: -moz-linear-gradient(0deg, #fbf4f7, #f9e1eb);
    background: -webkit-linear-gradient(90deg, #fbf4f7, #f9e1eb);
    background: linear-gradient(0deg, #fbf4f7, #f9e1eb);
}


/* ============================================================
   20. r-rew — ред вътре в секция отзиви
   ============================================================ */

.r-rew {
    padding-top: 0;
}


/* ============================================================
   21. i-elrose — изображение с отрицателен margin отдолу
   ============================================================ */

.i-elrose {
    margin-bottom: -50px !important;
}


/* ============================================================
   22. sl-reviews — слайдер с отзиви
   ============================================================ */

/* Стрелки за навигация */
.sl-reviews .et-pb-arrow-next,
.sl-reviews .et-pb-arrow-prev {
    border: 1px solid rgba(238, 111, 166, 0.36);
    background-color: rgba(255, 255, 255, 0.16);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ee6fa6 !important;
    font-size: 42px !important;
    background: rgba(255, 255, 255, 0.15);
    padding: 10px;
}

.sl-reviews {
    margin-top: 60px;
    margin-bottom: 45px !important;
}

/* Контролери (точки/черти) */
.sl-reviews.et_pb_bg_layout_light .et-pb-controllers a {
    background-color: rgba(241, 136, 182, 0.45);
}

.sl-reviews.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control {
    background-color: #a07f59;
}

.sl-reviews .et-pb-controllers a {
    border-radius: 0;
    width: 54px;
    height: 5px;
    margin-right: 3px;
    padding: 0;
    opacity: .5;
}

.sl-reviews .et-pb-controllers {
    line-height: 0;
    position: relative;
    bottom: 0;
    margin-top: 80px;
}

/* Слайд съдържание */
.sl-reviews .et_pb_slide {
    padding: 0 120px;
}

.sl-reviews .et_pb_slide_image {
    width: 27.25%;
    margin-right: 5.5%;
}

/* Кръгло изображение на рецензента */
.sl-reviews .et_pb_slide_image img {
    -moz-border-radius: 50%;
    border-radius: 50%;
    max-width: 280px;
    display: inline-block;
    -webkit-box-shadow: inset 0 -17px 33px rgba(177, 83, 123, 0.21);
    box-shadow: inset 0 -17px 33px rgba(177, 83, 123, 0.21);
    border: 1px solid rgba(255, 255, 255, 0.55);
    background-color: rgba(255, 255, 255, 0);
    padding: 12px;
    width: 100%;
}

.sl-reviews .et_pb_slide_with_image .et_pb_slide_description {
    position: relative;
    width: 67.25%;
    padding: 1% 0%;
}

.sl-reviews .et_pb_slide_content {
    position: relative;
    padding-top: 40px;
}

/* Декоративни кавички пред цитата */
.sl-reviews .et_pb_slide_content:before {
    content: "\201C";
    font-size: 69px;
    position: absolute;
    color: #ee6fa6eb;
    display: block;
    top: -15px;
    left: -37px;
    z-index: -1;
}

/* Автор на отзива */
.sl-reviews .et_pb_slide_with_image .et_pb_slide_description em {
    color: #ee6fa6;
    font-weight: bold;
    font-style: normal;
    padding-top: 18px;
    display: inline-block;
    position: relative;
    padding-left: 40px;
}

/* Декоративна линия преди името на автора */
.sl-reviews .et_pb_slide_with_image .et_pb_slide_description em:before {
    content: "";
    height: 1px;
    width: 22px;
    background: rgba(238, 112, 166, 0.9);
    display: block;
    left: 7px;
    position: absolute;
    top: 29px;
}

/* --- Медия заявки: sl-reviews --- */

@media only screen and (max-width: 980px) {
    .sl-reviews .et-pb-arrow-next, .sl-reviews .et-pb-arrow-prev {
        font-size: 30px !important;
        padding: 5px;
    }
    .sl-reviews .et_pb_slide { padding: 0 50px; }
    .sl-reviews .et_pb_slide_content {
        font-size: 15px;
        line-height: 1.5em;
    }
    .sl-reviews .et-pb-controllers { margin-top: 30px; }
    .sl-reviews {
        margin-top: 30px;
        margin-bottom: 0px !important;
    }
}

@media only screen and (max-width: 767px) {
    .sl-reviews .et_pb_slides .et_pb_slider_container_inner { display: block; }
    .sl-reviews .et_pb_slide_with_image .et_pb_slide_description {
        width: 100%;
        padding: 0;
    }
    .sl-reviews .et_pb_slides .et_pb_container {
        display: block;
        height: auto !important;
    }
    .sl-reviews .et_pb_slide_content:before {
        font-size: 53px;
        top: -7px;
        left: 0;
        right: 0;
    }
    .sl-reviews .et_pb_slide_image {
        width: 150px;
        margin-right: auto;
        display: block !important;
        margin-left: auto;
        margin-top: 0 !important;
    }
    .sl-reviews .et_pb_slide_image img { padding: 8px; }
    .sl-reviews .et_pb_slide { padding: 0 0px; }
    .sl-reviews .et-pb-arrow-next, .sl-reviews .et-pb-arrow-prev { top: 78px; }
    .sl-reviews .et_pb_slide_content {
        font-size: 13px !important;
        line-height: 1.5em;
    }
}

@media only screen and (max-width: 479px) {
    .sl-reviews .et-pb-controllers a { width: 37px; }
    .sl-reviews .et_pb_slide { padding: 0 0px; }
}

@media only screen and (min-width: 480px) and (max-width: 532px) {
    .sl-reviews .et-pb-controllers a { width: 37px; }
}


/* Fix за показване на снимката в sl-reviews */

.sl-reviews.et_pb_slider .et_pb_slide_with_image .et_pb_container {
    display: table !important;
    width: 100% !important;
    height: auto !important;
}

.sl-reviews .et_pb_slide_image {
    display: table-cell !important;
    width: 27.25% !important;
    margin-right: 5.5% !important;
    vertical-align: middle !important;
}

.sl-reviews .et_pb_slide_with_image .et_pb_slide_description {
    display: table-cell !important;
    vertical-align: middle !important;
    width: 67.25% !important;
}

.sl-reviews .et_pb_slide_image img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================================
   23. s-cta — секция с призив за действие (CTA)
   ============================================================ */

.s-cta {
    padding: 0;
}

/* Горен вълнообразен разделител */
.s-cta.inside:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 39px;
    background: url(https://donycosmetics.bg/wp-content/uploads/2020/02/divier3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 4;
    top: -1px;
}

/* Декоративен кръг с лого в средата */
.s-cta.inside:after {
    content: "";
    background: url(https://donycosmetics.bg/wp-content/uploads/2020/02/D.png) #fce8f1;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-box-shadow: inset -5px 0px 4px rgba(204, 159, 178, 0.51);
    -moz-box-shadow: inset -5px 0px 4px rgba(204, 159, 178, 0.51);
    box-shadow: inset -5px 0px 4px rgba(204, 159, 178, 0.51);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-size: 61px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
    top: 50%;
    margin-top: -25px;
    border: 5px solid #ffffff;
}

/* --- Медия заявки: s-cta --- */

@media only screen and (max-width: 980px) {
    .s-cta.inside:after { display: none; }
    .s-cta.inside .r-cta .et_pb_column {
        position: relative;
        padding: 45px 20px;
    }
    .s-cta.inside .r-cta .et_pb_column:first-child {
        padding-top: 80px;
    }
}


/* ============================================================
   24. r-cta — ред вътре в CTA секцията
   ============================================================ */

.r-cta {
    padding: 0;
}

.r-cta .et_pb_column {
    position: relative;
    padding: 55px 40px;
}

/* Розов overlay върху лявата колона */
.r-cta .et_pb_column:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(238, 111, 166, 0.48);
}

/* --- Медия заявки: r-cta --- */

@media only screen and (max-width: 479px) {
    .r-cta .et_pb_column {
        padding: 30px 25px;
    }
}


/* ============================================================
   25. b-cta — блок с CTA съдържание, центриран с max-width
   ============================================================ */

.b-cta {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
}


/* ============================================================
   26. i-pg — декоративно изображение на продукт/персонаж
   ============================================================ */

.i-pg {
    max-width: 50%;
    max-width: 500px;
    margin-bottom: -12px !important;
    margin-top: -30px;
    z-index: -2;
    position: relative;
    width: 90%;
}

/* --- Медия заявки: i-pg --- */

@media only screen and (min-width: 480px) and (max-width: 532px) {
    .i-pg {
        max-width: 300px;
        margin-bottom: -5px !important;
        margin-top: 7px;
    }
}

@media only screen and (max-width: 479px) {
    .i-pg {
        max-width: 300px;
        margin-bottom: -5px !important;
        margin-top: 7px;
    }
}


/* ============================================================
   27. Бутон "Нагоре" (scroll top)
   ============================================================ */

.et_pb_scroll_top.et-pb-icon {
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 28px;
    padding: 10px;
    background: rgba(213, 183, 145, 0.6);
    -webkit-border-top-left-radius: 33px;
    -webkit-border-bottom-left-radius: 33px;
    -moz-border-radius-topleft: 33px;
    -moz-border-radius-bottomleft: 33px;
    border-top-left-radius: 33px;
    border-bottom-left-radius: 33px;
}

.et_pb_scroll_top.et-pb-icon:hover {
    background: rgba(213, 183, 145, 0.8);
}


/* ============================================================
   28. ETmodules font — глобална настройка за иконки
   ============================================================ */

.menu-icon,
.et-icon,
.ico-cont:before,
.icon-scroll,
.sl-reviews .et_pb_slide_content:before,
.b-insrev .et_pb_blurb_description:before {
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1em;
    text-transform: none;
    speak: none;
    position: relative;
    margin-right: 6px;
    font-size: 13px;
    display: inline-block;
}


/* ============================================================
   29. s-pink — розова секция с градиент
   ============================================================ */

.s-pink {
    padding-bottom: 0;
    background: rgb(251, 236, 242);
    background: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(251, 236, 242, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(251, 236, 242) 100%);
    background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(251, 236, 242) 100%);
}


/* ============================================================
   30. s-pink2 — втора розова секция с обратен градиент
   ============================================================ */

.s-pink2 {
    padding-top: 0;
    padding-bottom: 20px;
    background: #fad7e6;
    background: -moz-linear-gradient(180deg, #ffffff, #fad7e6);
    background: -webkit-linear-gradient(-90deg, #ffffff, #fad7e6);
}


/* ============================================================
   31. bl-polzi — блок с ползи/предимства
   ============================================================ */

.bl-polzi h4 {
    position: relative;
    text-transform: uppercase;
    font-size: 35px;
    color: #ad8d74;
    padding-bottom: 35px;
    text-align: center;
    margin-top: 20px;
}

/* Декоративна линия под заглавието */
.bl-polzi h4:after {
    content: "";
    display: block;
    height: 1px;
    width: 80px;
    margin-top: 23px;
    background: #a07f59;
    background: -webkit-linear-gradient(60deg, #a07f59 0%, #efcfa5 80%, #a18c7a 100%);
    background: linear-gradient(30deg, #a07f59 0%, #efcfa5 80%, #a18c7a 100%);
    left: auto;
    right: auto;
    margin-left: auto;
    margin-right: auto;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/* Разширяване на линията при hover */
.bl-polzi:hover h4:after {
    width: 50%;
}


/* ============================================================
   32. r-zig — зиг-заг секция
   ============================================================ */

/* --- Медия заявки: r-zig --- */

@media only screen and (max-width: 980px) {
    .r-zig {
        padding-bottom: 0;
    }
}


/* ============================================================
   33. r-border — ред с горна граница
   ============================================================ */

.r-border {
    border-top: 1px solid #efd3dd;
    padding-top: 30px !important;
    margin-top: 30px;
}


/* ============================================================
   34. b-ingr — блок съставка с интерактивен hover/active
   ============================================================ */

.b-ingr {
    cursor: pointer;
    width: 40%;
}

.b-ingr .et_pb_blurb_container,
.b-ingr .et_pb_blurb_content {
    position: static;
}

.b-ingr strong {
    color: #ee6fa6;
}

/* Златист вариант на съставките */
.b-ingr.gold strong {
    color: #c4a384;
}

.b-ingr:not(:last-child) {
    margin-bottom: 20px !important;
}

.b-ingr .et_pb_main_blurb_image {
    width: 115px;
    display: table-cell;
    line-height: 0;
}

/* Кръгла рамка около изображението на съставката */
.b-ingr .et_pb_image_wrap {
    border: 1px solid rgb(239, 211, 221);
    background-color: rgba(255, 255, 255, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.b-ingr img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
}

/* Леко уголемяване при hover */
.b-ingr:hover .et_pb_image_wrap {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
}

/* Активна съставка — сянка без рамка */
.b-ingr.active .et_pb_image_wrap {
    border-color: transparent;
    -webkit-box-shadow: 0 8px 14px rgba(177, 83, 123, 0.21);
    box-shadow: 0 8px 14px rgba(177, 83, 123, 0.21);
    background: white;
}

.b-ingr h4 {
    position: relative;
    font-size: 21px;
    font-family: inherit;
    padding-right: 10px;
    text-transform: uppercase;
    max-width: 130px;
}

/* Стрелка вдясно на активната съставка */
.b-ingr.active h4:after {
    content: "";
    width: 30px;
    height: 92px;
    background: url(https://donycosmetics.bg/wp-content/uploads/2020/02/arr.png);
    position: absolute;
    right: -20px;
    top: -50%;
}

.b-ingr.active h4,
.b-ingr:hover h4 {
    color: #ee6fa6;
}

/* Описанието е скрито по подразбиране, позиционирано абсолютно */
.b-ingr .et_pb_blurb_description {
    top: 50%;
    position: absolute;
    left: 40%;
    width: 60%;
    -ms-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    border-left: 1px solid #efd3dd;
    padding-left: 20px;
    display: none;
}

/* Само активната съставка показва описанието */
.b-ingr.active .et_pb_blurb_description {
    display: block;
}

/* Вариант "вътре" — статично позициониран, за мобилно изглеждане */
.b-ingr.inside {
    cursor: auto;
    width: 100%;
}

.b-ingr.inside .et_pb_blurb_container,
.b-ingr.inside .et_pb_blurb_content {
    position: relative;
}

.b-ingr.inside h4 {
    padding-right: 0;
    max-width: 100%;
    text-align: center;
    margin-top: 20px;
    padding-bottom: 15px;
}

.b-ingr.inside .et_pb_main_blurb_image {
    width: 115px;
    display: block;
    margin: auto;
}

.b-ingr.inside .et_pb_blurb_description {
    top: 0;
    position: relative;
    left: 0;
    width: 100%;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    border-left: 0px solid #efd3dd;
    padding-left: 0;
    display: block;
}

/* --- Медия заявки: b-ingr --- */

@media only screen and (max-width: 980px) {
    .b-ingr.inside .et_pb_main_blurb_image { width: 80px; }
}


/* ============================================================
   35. v-puregold — разделител Pure Gold серия
   ============================================================ */

.v-puregold {
    margin-top: 32px !important;
    border-top: 3px solid #c4a384;
}


/* ============================================================
   36. i-r — изображение вдясно, центрирано на мобилни
   ============================================================ */

/* --- Медия заявки: i-r --- */

@media only screen and (max-width: 980px) {
    .i-r {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }
}


/* ============================================================
   37. Fullwidth Header — пълноширочно хедър изображение
   ============================================================ */

.et_pb_fullwidth_header {
    padding: 14% 0 !important;
    height: 0;
    background-size: cover !important;
    background-position: center !important;
}

/* По-нисък хедър за блог и WooCommerce */
.s-header-blog .et_pb_fullwidth_header,
.s-header-woo .et_pb_fullwidth_header {
    padding: 0 !important;
    height: 110px;
    background-position: top center !important;
}

/* Долен вълнообразен разделител на хедъра */
.et_pb_fullwidth_header:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 39px;
    background: url(https://donycosmetics.bg/wp-content/uploads/2020/02/divider1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

/* --- Медия заявки: Fullwidth Header --- */

@media only screen and (max-width: 980px) {
    .s-header-blog .et_pb_fullwidth_header,
    .s-header-woo .et_pb_fullwidth_header {
        height: 70px;
    }
}


/* ============================================================
   38. Глобални класове влияещи на b-insrev (и общи Divi overrides)
   ============================================================ */

/* Вертикално центриране на блурб контейнера */
.et_pb_blurb_position_left .et_pb_blurb_container,
.et_pb_blurb_position_right .et_pb_blurb_container {
    vertical-align: middle;
}

.et_pb_main_blurb_image {
    line-height: 0;
    margin-bottom: 0px;
}

.et_pb_blurb_content {
    width: 100%;
    max-width: 100%;
}

/* Пълна ширина на изображенията в блурбовете */
.et_pb_blurb_position_left .et_pb_main_blurb_image img,
.et_pb_blurb_position_right .et_pb_main_blurb_image img {
    width: 100% !important;
}

.et_pb_text,
.et_pb_text_inner,
.et_pb_blurb_content {
    width: 100%;
}

.et_pb_image img,
.et_pb_main_blurb_image img {
    width: inherit;
    max-width: 100%;
}


/* ============================================================
   39. b-insrev — блок с отзив (статичен, не-слайдър вариант)
   ============================================================ */

.b-insrev {
    border-bottom: 1px solid #efd3dd;
    padding-bottom: 30px !important;
    margin-bottom: 30px !important;
}

.b-insrev .et_pb_main_blurb_image {
    width: 200px;
}

/* Кръгло изображение на рецензента */
.b-insrev img {
    -moz-border-radius: 50%;
    border-radius: 50%;
    max-width: 280px;
    display: inline-block;
    -webkit-box-shadow: inset 0 -17px 33px rgba(177, 83, 123, 0.21);
    box-shadow: inset 0 -17px 33px rgba(177, 83, 123, 0.21);
    border: 1px solid rgba(255, 255, 255, 0.55);
    background-color: rgba(255, 255, 255, 0);
    padding: 12px;
    width: 100%;
}

.b-insrev .et_pb_blurb_container {
    padding-left: 35px;
}

/* Автор на отзива */
.b-insrev em {
    color: #ee6fa6;
    font-weight: bold;
    font-style: normal;
    padding-top: 18px;
    display: inline-block;
    position: relative;
    padding-left: 40px;
}

/* Декоративна линия преди името */
.b-insrev em:before {
    content: "";
    height: 1px;
    width: 22px;
    background: rgba(238, 112, 166, 0.9);
    display: block;
    left: 7px;
    position: absolute;
    top: 29px;
}

.b-insrev .et_pb_blurb_description {
    position: relative;
    padding-top: 40px;
}

/* Декоративни кавички (ETmodules символ) */
.b-insrev .et_pb_blurb_description:before {
    content: "{";
    font-size: 69px;
    position: absolute;
    color: #ee6fa6eb;
    display: block;
    top: -15px;
    left: -37px;
    z-index: -1;
}

/* --- Медия заявки: b-insrev --- */

@media only screen and (max-width: 767px) {
    .b-insrev .et_pb_main_blurb_image {
        width: 200px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 150px;
    }
    .b-insrev .et_pb_blurb_container {
        display: block !important;
    }
}


/* ============================================================
   40. wp-pagenavi — пагинация на блога
   ============================================================ */

.wp-pagenavi {
    text-align: center;
    border-top: 1px dotted #efd3dd;
    padding-top: 13px;
    clear: both;
    margin-bottom: 30px;
}

/* Страница бутони */
.wp-pagenavi a.page,
.wp-pagenavi span.current {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid rgb(239, 211, 221) !important;
    width: 2.5em !important;
    display: inline-block;
    height: 2.5em;
    padding: 1px;
    text-align: center;
    line-height: 2.5em;
    color: #ee6fa6 !important;
}

/* Активна страница и hover */
.wp-pagenavi a.page:hover,
.wp-pagenavi span.current {
    background: #ee6fa6 !important;
    color: white !important;
    border-color: #ee6fa6 !important;
}

/* Текст "Страница X от Y" */
.wp-pagenavi span.pages {
    font-size: 14px !important;
    color: #f783a6 !important;
}








/* ============================================================
   Стандартна WordPress пагинация
   ============================================================ */

.woocommerce-pagination,
.woocommerce nav.woocommerce-pagination ul,
.et_pb_posts_nav {
    text-align: center;
    border-top: 1px dotted #efd3dd;
    padding-top: 13px;
    clear: both;
    margin-bottom: 30px;
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span,
.et_pb_posts_nav a,
.page-numbers a,
.page-numbers span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgb(239, 211, 221) !important;
    width: 2.5em !important;
    height: 2.5em !important;
    padding: 0 !important;
    text-align: center !important;
    line-height: 2.5em !important;
    color: #ee6fa6 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
}

.woocommerce-pagination ul li a:hover,
.woocommerce-pagination ul li span.current,
.page-numbers a:hover,
.page-numbers span.current {
    background: #ee6fa6 !important;
    color: white !important;
    border-color: #ee6fa6 !important;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
    padding: 0 !important;
    margin: 0 2px !important;
    display: inline-block !important;
}

.woocommerce nav.woocommerce-pagination ul {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
    padding: 0 !important;
    margin: 0 2px !important;
    display: inline-block !important;
    background: transparent !important;
}

.woocommerce nav.woocommerce-pagination {
    border: none !important;
    box-shadow: none !important;
}
















/* Меню с снимки на категориите*/
.et_pb_menu .et-menu .sub-menu li a,
.et-menu-nav .sub-menu li a,
#top-menu .sub-menu li a {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    gap: 8px !important;
    padding: 8px 15px !important;
    min-height: 45px !important;
    line-height: 1.2em !important;
}

.et_pb_menu .et-menu .sub-menu li a img,
.et-menu-nav .sub-menu li a img,
#top-menu .sub-menu li a img {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    object-fit: cover !important;
    display: inline-block !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    float: none !important;
    margin: 0 !important;
}









.ambisn-outer-container,
.ambisn-outer-container #wc-ambisn-container {
    background-color: #fbe1ec !important;
    padding: 20px !important;
    border-radius: 10px !important;
    border: none !important;
}

.ambisn-outer-container .inner-content {
    padding: 10px !important;
}

.ambisn-outer-container .subscription-form input[name="ambisn_email"] {
    width: 100% !important;
    padding: 10px !important;
    margin: 10px 0 !important;
    border-radius: 5px !important;
    border: 1px solid #e0e0e0 !important;
    background-color: #ffffff !important;
}

.ambisn-outer-container .subscription-form button[name="ambisn-submit"] {
    background-color: #666666 !important;
    color: white !important;
    padding: 10px 20px !important;
    border: none !important;
    border-radius: 5px !important;
    cursor: pointer !important;
}

.ambisn-outer-container .subscription-form button[name="ambisn-submit"]:hover {
    background-color: #444444 !important;
}







.woocommerce-checkout h3 {
    font-size: 24px;
    color: #ee6fa6;
    text-transform: uppercase;
}


.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border-width: 0 !important;
    background-color: #efefef !important;
    padding: 16px;
    border-radius: 4px;
}


#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #fbecf2;
}




/* Промо код лента */
.woocommerce-checkout .woocommerce-info,
.checkout_coupon,
.woocommerce-checkout-payment .woocommerce-info {
    background: #fbe1ec !important;
    color: #2f2d26 !important;
    border-color: #ee6fa6 !important;
}

/* No payment methods съобщение */
.woocommerce-no-payment-methods-available {
    background: #fbe1ec !important;
    color: #2f2d26 !important;
    border: none !important;
}

/* Всички info блокове */
.woocommerce-info {
    background: #fbe1ec !important;
    color: #2f2d26 !important;
    border-top-color: #ee6fa6 !important;
}

/* Линкът в промо лентата - син */
.woocommerce-info a {
    color: #4a90d9 !important;
    text-decoration: underline !important;
}