.elementor-widget-container .pafe-woocommerce-sales-funnels-add-to-cart-message--success{color:var( --e-global-color-primary );}.elementor-widget-container .pafe-woocommerce-sales-funnels-add-to-cart-message--out-of-stock{color:var( --e-global-color-primary );}.elementor-widget-container .pafe-woocommerce-sales-funnels-add-to-cart-message{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-289 .elementor-element.elementor-element-e47a38f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-289 .elementor-element.elementor-element-71a1e9ad{--display:flex;--min-height:360px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:20px 20px 20px 20px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-289 .elementor-element.elementor-element-71a1e9ad:not(.elementor-motion-effects-element-type-background), .elementor-289 .elementor-element.elementor-element-71a1e9ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://peatfine.com/wp-content/uploads/2025/08/fon1ekran-blog.webp");background-position:center center;background-size:cover;}.elementor-widget-heading .pafe-woocommerce-sales-funnels-add-to-cart-message--success{color:var( --e-global-color-primary );}.elementor-widget-heading .pafe-woocommerce-sales-funnels-add-to-cart-message--out-of-stock{color:var( --e-global-color-primary );}.elementor-widget-heading .pafe-woocommerce-sales-funnels-add-to-cart-message{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-289 .elementor-element.elementor-element-55a88869 .elementor-heading-title{font-family:"Days One", Sans-serif;font-size:45px;line-height:1.3em;color:var( --e-global-color-a6b575a );}.elementor-widget-text-editor .pafe-woocommerce-sales-funnels-add-to-cart-message--success{color:var( --e-global-color-primary );}.elementor-widget-text-editor .pafe-woocommerce-sales-funnels-add-to-cart-message--out-of-stock{color:var( --e-global-color-primary );}.elementor-widget-text-editor .pafe-woocommerce-sales-funnels-add-to-cart-message{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-289 .elementor-element.elementor-element-2f7b61c3{width:var( --container-widget-width, 69.583% );max-width:69.583%;--container-widget-width:69.583%;--container-widget-flex-grow:0;font-family:"Nunito", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-a6b575a );}.elementor-289 .elementor-element.elementor-element-2f7b61c3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-289 .elementor-element.elementor-element-2461f4a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-289 .elementor-element.elementor-element-67d0063 .elementor-heading-title{font-family:"Days One", Sans-serif;font-size:30px;text-transform:uppercase;line-height:1.3em;}.elementor-widget-dce-dynamicposts-v2 .pafe-woocommerce-sales-funnels-add-to-cart-message--success{color:var( --e-global-color-primary );}.elementor-widget-dce-dynamicposts-v2 .pafe-woocommerce-sales-funnels-add-to-cart-message--out-of-stock{color:var( --e-global-color-primary );}.elementor-widget-dce-dynamicposts-v2 .pafe-woocommerce-sales-funnels-add-to-cart-message{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-289 .elementor-element.elementor-element-2d58461 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 2);flex:0 1 calc( 100% / 2 );flex-grow:1;padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );}.elementor-289 .elementor-element.elementor-element-2d58461 .elementor-repeater-item-3bb1f15 > *{display:inline-block;}.elementor-289 .elementor-element.elementor-element-2d58461 .elementor-repeater-item-01e651c.dce-item_image{justify-content:top;}.elementor-289 .elementor-element.elementor-element-2d58461 .dce-posts-fallback{text-align:left;}.elementor-289 .elementor-element.elementor-element-2d58461 .dce-posts-container.dce-skin-grid .dce-posts-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );}.elementor-289 .elementor-element.elementor-element-2d58461 .dce-post-item{padding-bottom:20px;}.elementor-289 .elementor-element.elementor-element-2d58461 .dce-filters .filters-item a{color:var( --e-global-color-a6b575a );}.elementor-289 .elementor-element.elementor-element-2d58461 .dce-filters .filters-item a:hover{color:var( --e-global-color-text );}.elementor-289 .elementor-element.elementor-element-2d58461 .dce-filters .filters-item.filter-active a{color:var( --e-global-color-text );}.elementor-289 .elementor-element.elementor-element-2d58461 .dce-filters{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );padding:0px 0px 0px 0px;margin:0px 0px 20px 0px;}.elementor-289 .elementor-element.elementor-element-2d58461 .dce-filters .filters-separator{padding-left:20px;padding-right:20px;top:0px;position:relative;}.elementor-289 .elementor-element.elementor-element-8a42ab6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-289 .elementor-element.elementor-element-e47a38f{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-289 .elementor-element.elementor-element-71a1e9ad{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-289 .elementor-element.elementor-element-2461f4a1{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-289 .elementor-element.elementor-element-2d58461 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 1);flex:0 1 calc( 100% / 1 );padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );}.elementor-289 .elementor-element.elementor-element-2d58461 .dce-posts-container.dce-skin-grid .dce-posts-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );}.elementor-289 .elementor-element.elementor-element-2d58461 .dce-post-item{padding-bottom:20px;}}@media(max-width:767px){.elementor-289 .elementor-element.elementor-element-71a1e9ad:not(.elementor-motion-effects-element-type-background), .elementor-289 .elementor-element.elementor-element-71a1e9ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://peatfine.com/wp-content/uploads/2025/08/fonmobajl.webp");}.elementor-289 .elementor-element.elementor-element-71a1e9ad{--min-height:340px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-289 .elementor-element.elementor-element-55a88869 .elementor-heading-title{font-size:35px;}.elementor-289 .elementor-element.elementor-element-2f7b61c3{width:100%;max-width:100%;}.elementor-289 .elementor-element.elementor-element-2461f4a1{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-289 .elementor-element.elementor-element-67d0063 .elementor-heading-title{font-size:18px;}.elementor-289 .elementor-element.elementor-element-2d58461 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 1);flex:0 1 calc( 100% / 1 );}}




/* Start custom CSS for dce-dynamicposts-v2, class: .elementor-element-2d58461 *//* =========================================
   1. БАЗОВІ СТИЛІ (Кольори та Вигляд)
   ========================================= */

/* Контейнер фільтрів */
.elementor-289 .elementor-element.elementor-element-2d58461 .dce-filters {
    display: flex;
    flex-wrap: wrap; /* На комп'ютері кнопки переносяться на новий рядок */
    gap: 10px;
    margin-bottom: 20px;
}

/* Ховаємо зайві символи-розділювачі */
.elementor-289 .elementor-element.elementor-element-2d58461 .filters-separator { 
    display: none !important; 
}

/* --- НЕАКТИВНІ КНОПКИ (Світло-зелені) --- */
.elementor-289 .elementor-element.elementor-element-2d58461 .filters-item a {
    background-color: #B0D2B9 !important;
    color: #000000 !important;
    padding: 10px 30px !important;
    border-radius: 50px !important;
    display: inline-block !important;
    text-decoration: none !important;
    border: none !important;
    transition: all 0.3s ease;
    white-space: nowrap !important; /* Текст в один рядок */
}

/* --- АКТИВНА КНОПКА (Темно-зелена) --- */
.elementor-289 .elementor-element.elementor-element-2d58461 .filters-item.filter-active {
    background-color: #365B16 !important;
    color: #ffffff !important;
    padding: 10px 30px !important;
    border-radius: 50px !important;
    display: inline-block !important;
}

/* "Чистимо" текст всередині активної кнопки, щоб він був білим */
.elementor-289 .elementor-element.elementor-element-2d58461 .filters-item.filter-active span, 
.elementor-289 .elementor-element.elementor-element-2d58461 .filters-item.filter-active a {
    background: transparent !important;
    color: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* --- ХОВЕР (При наведенні) --- */
.elementor-289 .elementor-element.elementor-element-2d58461 .filters-item a:hover {
    background-color: #365B16 !important;
    color: #ffffff !important;
}

/* =========================================
   2. МОБІЛЬНА ВЕРСІЯ (Тільки для телефонів)
   ========================================= */
@media (max-width: 767px) {
    .elementor-289 .elementor-element.elementor-element-2d58461 .dce-filters {
        display: flex;
        flex-wrap: nowrap !important; /* Забороняємо перенос рядків */
        overflow-x: auto !important;  /* Вмикаємо прокрутку пальцем */
        -webkit-overflow-scrolling: touch; /* Плавність для iPhone */
        padding-bottom: 5px; /* Місце для скролу */
    }

    /* Прибираємо візуальну смугу прокрутки (щоб було красиво) */
    .elementor-289 .elementor-element.elementor-element-2d58461 .dce-filters::-webkit-scrollbar { 
        display: none; 
    }

    /* Фіксуємо кнопки, щоб вони не стискалися в гармошку */
    .elementor-289 .elementor-element.elementor-element-2d58461 .filters-item, 
    .elementor-289 .elementor-element.elementor-element-2d58461 .filters-item.filter-active {
        flex: 0 0 auto !important;
    }
}/* End custom CSS */



