.elementor-1539 .elementor-element.elementor-element-5fcdab17{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1539 .elementor-element.elementor-element-5fcdab17:not(.elementor-motion-effects-element-type-background), .elementor-1539 .elementor-element.elementor-element-5fcdab17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5e76860 );}.elementor-1539 .elementor-element.elementor-element-470ac582{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1539 .elementor-element.elementor-element-5aae0db7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-5aae0db7 img{width:35%;}.elementor-1539 .elementor-element.elementor-element-43b109fc{--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;}.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 );color:var( --e-global-color-primary );}.elementor-1539 .elementor-element.elementor-element-4ba88fa0 > .elementor-widget-container{margin:40px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-4ba88fa0.elementor-element{--align-self:flex-start;}.elementor-1539 .elementor-element.elementor-element-4ba88fa0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:29px;font-weight:600;color:#FFFFFF;}.elementor-1539 .elementor-element.elementor-element-00cf946{--display:flex;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-1539 .elementor-element.elementor-element-10a2f8c{--display:flex;}.elementor-widget-eael-filterable-gallery .fg-caption-head .fg-item-price{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-filterable-gallery .fg-caption-head .fg-item-ratings{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-filterable-gallery .fg-item-category span{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-filterable-gallery .fg-filter-trigger > span{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-filterable-gallery .fg-layout-3-filter-controls li.control{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-filterable-gallery .eael-gallery-load-more .eael-filterable-gallery-load-more-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item .gallery-item-thumbnail-wrap, 
                    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .eael-grid-fg-box .eael-grid-fg-img,
                    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img .grid__cell-img-inner{height:300px;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li.control{padding:10px 10px 10px 10px;color:#444;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul > li.control{border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li.active{color:#fff;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li.control.active{background:#333;border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item,
                    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{margin:5px 15px 20px 15px;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item, 
                    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item, 
                .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{box-shadow:0px 0px 12px -4px rgba(0,0,0,0.5);}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-caption-wrap.card-hover-bg{background-color:rgba(0,0,0,0.7);}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .video-popup-bg{background-color:rgba(0, 0, 0, .7);transition:0ms;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .video-popup > img{width:70px;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .video-popup:hover > img{transform:scale(1.1);}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap.caption-style-card{background-color:#FFFFFF;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .fg-layout-3-item-content{background-color:#FFFFFF;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-caption-wrap.caption-style-card .fg-item-title{color:#113D78;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-caption-wrap.caption-style-card .fg-item-content{color:#444;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-caption-wrap.caption-style-card .fg-item-content, .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .fg-layout-3-item-content .fg-item-content p{font-size:14px;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-caption-wrap .gallery-item-buttons > a span{background:#ff622a;color:#fff;border-radius:100px;transition:300ms;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-caption-wrap .gallery-item-buttons > a span:hover{background:#ff622a;color:#fff;border-radius:100px;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 #eael-fg-no-items-found{text-align:center;color:#858e9a;border-radius:0px;}.elementor-1539 .elementor-element.elementor-element-227d3ef{--display:flex;}.elementor-1539 .elementor-element.elementor-element-452c7f1 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item .gallery-item-thumbnail-wrap, 
                    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .eael-grid-fg-box .eael-grid-fg-img,
                    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img .grid__cell-img-inner{height:300px;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul{margin:0px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li.control{padding:10px 10px 10px 10px;margin:10px 10px 10px 10px;color:#444;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul > li.control{border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li.active{color:#fff;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li.control.active{background:#333;border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item,
                    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{margin:5px 15px 20px 15px;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item, 
                    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item, 
                .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{box-shadow:0px 0px 12px -4px rgba(0,0,0,0.5);}.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-caption-wrap.card-hover-bg{background-color:rgba(0,0,0,0.7);}.elementor-1539 .elementor-element.elementor-element-452c7f1 .video-popup-bg{background-color:rgba(0, 0, 0, .7);transition:0ms;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .video-popup > img{width:70px;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .video-popup:hover > img{transform:scale(1.1);}.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap.caption-style-card{background-color:#FFFFFF;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .fg-layout-3-item-content{background-color:#FFFFFF;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-caption-wrap.caption-style-card .fg-item-title{color:#113D78;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-caption-wrap.caption-style-card .fg-item-content{color:#444;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-caption-wrap.caption-style-card .fg-item-content, .elementor-1539 .elementor-element.elementor-element-452c7f1 .fg-layout-3-item-content .fg-item-content p{font-size:14px;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-caption-wrap .gallery-item-buttons > a span{background:#ff622a;color:#fff;border-radius:100px;transition:300ms;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-caption-wrap .gallery-item-buttons > a span:hover{background:#ff622a;color:#fff;border-radius:100px;}.elementor-1539 .elementor-element.elementor-element-452c7f1 #eael-fg-no-items-found{text-align:center;color:#858e9a;border-radius:0px;}.elementor-1539 .elementor-element.elementor-element-91d624f{--display:flex;}.elementor-1539 .elementor-element.elementor-element-07c9fcb > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .eael-gallery-grid-item .gallery-item-thumbnail-wrap, 
                    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .eael-grid-fg-box .eael-grid-fg-img,
                    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img .grid__cell-img-inner{height:300px;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li.control{padding:10px 10px 10px 10px;color:#444;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul > li.control{border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li.active{color:#fff;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li.control.active{background:#333;border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .eael-gallery-grid-item,
                    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{margin:5px 15px 20px 15px;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .eael-gallery-grid-item, 
                    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .eael-gallery-grid-item, 
                .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{box-shadow:0px 0px 12px -4px rgba(0,0,0,0.5);}.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-caption-wrap.card-hover-bg{background-color:rgba(0,0,0,0.7);}.elementor-1539 .elementor-element.elementor-element-07c9fcb .video-popup-bg{background-color:rgba(0, 0, 0, .7);transition:0ms;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .video-popup > img{width:70px;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .video-popup:hover > img{transform:scale(1.1);}.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap.caption-style-card{background-color:#FFFFFF;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .fg-layout-3-item-content{background-color:#FFFFFF;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-caption-wrap.caption-style-card .fg-item-title{color:#113D78;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-caption-wrap.caption-style-card .fg-item-content{color:#444;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-caption-wrap.caption-style-card .fg-item-content, .elementor-1539 .elementor-element.elementor-element-07c9fcb .fg-layout-3-item-content .fg-item-content p{font-size:14px;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-caption-wrap .gallery-item-buttons > a span{background:#ff622a;color:#fff;border-radius:100px;transition:300ms;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-caption-wrap .gallery-item-buttons > a span:hover{background:#ff622a;color:#fff;border-radius:100px;}.elementor-1539 .elementor-element.elementor-element-07c9fcb #eael-fg-no-items-found{text-align:center;color:#858e9a;border-radius:0px;}.elementor-1539 .elementor-element.elementor-element-761a618{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#113D78;--n-accordion-title-hover-color:#113D78;--n-accordion-title-active-color:#113D78;--n-accordion-icon-size:15px;}.elementor-1539 .elementor-element.elementor-element-761a618 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-1539 .elementor-element.elementor-element-761a618 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Roboto", Sans-serif;font-weight:700;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1539 .elementor-element.elementor-element-9f43ee2{--display:flex;}.elementor-1539 .elementor-element.elementor-element-9f43ee2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1539 .elementor-element.elementor-element-2d445d0 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item .gallery-item-thumbnail-wrap, 
                    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .eael-grid-fg-box .eael-grid-fg-img,
                    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img .grid__cell-img-inner{height:300px;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li.control{padding:10px 10px 10px 10px;color:#444;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul > li.control{border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li.active{color:#fff;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li.control.active{background:#333;border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item,
                    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{margin:5px 15px 20px 15px;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item, 
                    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item, 
                .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{box-shadow:0px 0px 12px -4px rgba(0,0,0,0.5);}.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-caption-wrap.card-hover-bg{background-color:rgba(0,0,0,0.7);}.elementor-1539 .elementor-element.elementor-element-2d445d0 .video-popup-bg{background-color:rgba(0, 0, 0, .7);transition:0ms;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .video-popup > img{width:70px;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .video-popup:hover > img{transform:scale(1.1);}.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap.caption-style-card{background-color:#FFFFFF;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .fg-layout-3-item-content{background-color:#FFFFFF;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-caption-wrap.caption-style-card .fg-item-title{color:#113D78;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-caption-wrap.caption-style-card .fg-item-content{color:#444;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-caption-wrap.caption-style-card .fg-item-content, .elementor-1539 .elementor-element.elementor-element-2d445d0 .fg-layout-3-item-content .fg-item-content p{font-size:14px;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-caption-wrap .gallery-item-buttons > a span{background:#ff622a;color:#fff;border-radius:100px;transition:300ms;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-caption-wrap .gallery-item-buttons > a span:hover{background:#ff622a;color:#fff;border-radius:100px;}.elementor-1539 .elementor-element.elementor-element-2d445d0 #eael-fg-no-items-found{text-align:center;color:#858e9a;border-radius:0px;}.elementor-1539 .elementor-element.elementor-element-bb7fc2d{--display:flex;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .eael-gallery-grid-item .gallery-item-thumbnail-wrap, 
                    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .eael-grid-fg-box .eael-grid-fg-img,
                    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img .grid__cell-img-inner{height:300px;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul{margin:0px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li.control{padding:10px 10px 10px 10px;margin:10px 10px 10px 10px;color:#444;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul > li.control{border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li.active{color:#fff;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li.control.active{background:#333;border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .eael-gallery-grid-item,
                    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{margin:5px 15px 20px 15px;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .eael-gallery-grid-item, 
                    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .eael-gallery-grid-item, 
                .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{box-shadow:0px 0px 12px -4px rgba(0,0,0,0.5);}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-caption-wrap.card-hover-bg{background-color:rgba(0,0,0,0.7);}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .video-popup-bg{background-color:rgba(0, 0, 0, .7);transition:0ms;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .video-popup > img{width:70px;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .video-popup:hover > img{transform:scale(1.1);}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap.caption-style-card{background-color:#FFFFFF;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .fg-layout-3-item-content{background-color:#FFFFFF;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-caption-wrap.caption-style-card .fg-item-title{color:#113D78;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-caption-wrap.caption-style-card .fg-item-content{color:#444;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-caption-wrap.caption-style-card .fg-item-content, .elementor-1539 .elementor-element.elementor-element-7ad6bdd .fg-layout-3-item-content .fg-item-content p{font-size:14px;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-caption-wrap .gallery-item-buttons > a span{background:#ff622a;color:#fff;border-radius:100px;transition:300ms;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-caption-wrap .gallery-item-buttons > a span:hover{background:#ff622a;color:#fff;border-radius:100px;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd #eael-fg-no-items-found{text-align:center;color:#858e9a;border-radius:0px;}.elementor-1539 .elementor-element.elementor-element-17fb21f{--display:flex;}.elementor-1539 .elementor-element.elementor-element-ae215df > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .eael-gallery-grid-item .gallery-item-thumbnail-wrap, 
                    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .eael-grid-fg-box .eael-grid-fg-img,
                    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img .grid__cell-img-inner{height:300px;}.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li.control{padding:10px 10px 10px 10px;color:#444;}.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul > li.control{border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li.active{color:#fff;}.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li.control.active{background:#333;border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .eael-gallery-grid-item,
                    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{margin:5px 15px 20px 15px;}.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .eael-gallery-grid-item, 
                    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{border-radius:10px;}.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .eael-gallery-grid-item, 
                .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{box-shadow:0px 0px 12px -4px rgba(0,0,0,0.5);}.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-caption-wrap.card-hover-bg{background-color:rgba(0,0,0,0.7);}.elementor-1539 .elementor-element.elementor-element-ae215df .video-popup-bg{background-color:rgba(0, 0, 0, .7);transition:0ms;}.elementor-1539 .elementor-element.elementor-element-ae215df .video-popup > img{width:70px;}.elementor-1539 .elementor-element.elementor-element-ae215df .video-popup:hover > img{transform:scale(1.1);}.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap.caption-style-card{background-color:#FFFFFF;}.elementor-1539 .elementor-element.elementor-element-ae215df .fg-layout-3-item-content{background-color:#FFFFFF;}.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-caption-wrap.caption-style-card .fg-item-title{color:#113D78;}.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-caption-wrap.caption-style-card .fg-item-content{color:#444;}.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-caption-wrap.caption-style-card .fg-item-content, .elementor-1539 .elementor-element.elementor-element-ae215df .fg-layout-3-item-content .fg-item-content p{font-size:14px;}.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-caption-wrap .gallery-item-buttons > a span{background:#ff622a;color:#fff;border-radius:100px;transition:300ms;}.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-caption-wrap .gallery-item-buttons > a span:hover{background:#ff622a;color:#fff;border-radius:100px;}.elementor-1539 .elementor-element.elementor-element-ae215df #eael-fg-no-items-found{text-align:center;color:#858e9a;border-radius:0px;}.elementor-1539 .elementor-element.elementor-element-71ffa88{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:20px;--n-tabs-title-color:#113D78;--n-tabs-title-color-active:#113D78;}.elementor-1539 .elementor-element.elementor-element-71ffa88 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-1539 .elementor-element.elementor-element-71ffa88.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;}.elementor-1539 .elementor-element.elementor-element-71ffa88.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1539 .elementor-element.elementor-element-71ffa88.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;}.elementor-1539 .elementor-element.elementor-element-71ffa88 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-71ffa88.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:700;text-decoration:underline;}.elementor-1539 .elementor-element.elementor-element-71ffa88 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#113D78;}.elementor-1539 .elementor-element.elementor-element-71ffa88.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"] :is( span, a, i ), .elementor-1539 .elementor-element.elementor-element-71ffa88.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover :is( span, a, i ){-webkit-text-stroke-color:#000;stroke:#000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1539 .elementor-element.elementor-element-470ac582{--width:20%;}.elementor-1539 .elementor-element.elementor-element-43b109fc{--width:66.6666%;}}@media(min-width:2400px){.elementor-1539 .elementor-element.elementor-element-4ba88fa0 > .elementor-widget-container{margin:60px 0px 0px 0px;}}@media(max-width:1366px){.elementor-1539 .elementor-element.elementor-element-4ba88fa0 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-00cf946{--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul{margin:0px 0px 15px 0px;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li.control{margin:10px 10px 10px 10px;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul{margin:0px 0px 15px 0px;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li.control{margin:10px 10px 10px 10px;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul{margin:0px 0px 15px 0px;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li.control{margin:10px 10px 10px 10px;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul{margin:0px 0px 15px 0px;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li.control{margin:10px 10px 10px 10px;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul{margin:0px 0px 15px 0px;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li.control{margin:10px 10px 10px 10px;}.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul{margin:0px 0px 15px 0px;}.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li.control{margin:10px 10px 10px 10px;}}@media(max-width:1200px){.elementor-1539 .elementor-element.elementor-element-4ba88fa0 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-00cf946{--margin-top:0px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;}}@media(max-width:1024px){.elementor-1539 .elementor-element.elementor-element-4ba88fa0 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-00cf946{--margin-top:0px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;}}@media(max-width:880px){.elementor-1539 .elementor-element.elementor-element-4ba88fa0 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-00cf946{--margin-top:0px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-1539 .elementor-element.elementor-element-470ac582{--width:25%;}.elementor-1539 .elementor-element.elementor-element-43b109fc{--width:100%;}.elementor-1539 .elementor-element.elementor-element-4ba88fa0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-4ba88fa0.elementor-element{--align-self:center;}.elementor-1539 .elementor-element.elementor-element-4ba88fa0{text-align:center;}.elementor-1539 .elementor-element.elementor-element-00cf946{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-wrapper{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item,
                    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item,
                    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{margin:0px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .eael-gallery-grid-item,
                    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{margin:0px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-761a618 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-761a618{--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-title-font-size:20px;}.elementor-1539 .elementor-element.elementor-element-9f43ee2{--width:100%;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-wrapper{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item,
                    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .eael-gallery-grid-item,
                    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{margin:0px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-17fb21f{--width:100%;}.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .eael-gallery-grid-item,
                    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{margin:0px 0px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-71ffa88{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}}/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-e4ff9d7 *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 


/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-452c7f1 *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #92FA87 !important; /* Синій текст */
    border: 2px solid #92FA87 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #92FA87 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #0F0F0F !important; /* Синій текст */
    border: 2px solid #0F0F0F !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #0F0F0F !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(9) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(9):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(9).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(10) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(10):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(10).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-07c9fcb *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-e4ff9d7 *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 


/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-452c7f1 *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #92FA87 !important; /* Синій текст */
    border: 2px solid #92FA87 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #92FA87 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #0F0F0F !important; /* Синій текст */
    border: 2px solid #0F0F0F !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #0F0F0F !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(9) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(9):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(9).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(10) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(10):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(10).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-07c9fcb *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-e4ff9d7 *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 


/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-452c7f1 *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #92FA87 !important; /* Синій текст */
    border: 2px solid #92FA87 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #92FA87 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #0F0F0F !important; /* Синій текст */
    border: 2px solid #0F0F0F !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #0F0F0F !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(9) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(9):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(9).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(10) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(10):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(10).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-07c9fcb *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-e4ff9d7 *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 


/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-e4ff9d7 .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-e4ff9d7 .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-452c7f1 *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #92FA87 !important; /* Синій текст */
    border: 2px solid #92FA87 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #92FA87 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #0F0F0F !important; /* Синій текст */
    border: 2px solid #0F0F0F !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #0F0F0F !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(9) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(9):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(9).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(10) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(10):hover,
.elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li:nth-child(10).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-452c7f1 .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-452c7f1 .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-07c9fcb *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-07c9fcb .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-07c9fcb .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-761a618 *//* 1. Прибираємо стандартне підкреслення тексту */
.elementor-1539 .elementor-element.elementor-element-761a618 .e-n-accordion-item-title,
.elementor-1539 .elementor-element.elementor-element-761a618 .e-n-accordion-item-title-text {
    text-decoration: none !important;
}

/* 2. Налаштовуємо базовий стан заголовка (з невидимою лінією) */
.elementor-1539 .elementor-element.elementor-element-761a618 .e-n-accordion-item-title {
    background-color: transparent !important; /* Прибираємо фон */
    border: none !important; /* Прибираємо стандартні рамки */
    border-radius: 0 !important; /* Скасовуємо закруглення */
    border-bottom: 2px solid transparent !important; /* Прозора лінія знизу */
    padding-bottom: 6px !important; /* Відступ від тексту до лінії */
    transition: all 0.3s ease !important; /* Плавна зміна */
}

/* 3. Стан Активний (відкритий) та при наведенні (hover) */
.elementor-1539 .elementor-element.elementor-element-761a618 .e-n-accordion-item-title[aria-expanded="true"],
.elementor-1539 .elementor-element.elementor-element-761a618 .e-n-accordion-item-title:hover {
    border-bottom: 2px solid #113D78 !important; /* Вкажи тут свій колір замість #000000, якщо потрібно */
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-2d445d0 *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 


/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-7ad6bdd *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #92FA87 !important; /* Синій текст */
    border: 2px solid #92FA87 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #92FA87 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #0F0F0F !important; /* Синій текст */
    border: 2px solid #0F0F0F !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #0F0F0F !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(9) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(9):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(9).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(10) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(10):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(10).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-ae215df *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-2d445d0 *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 


/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-7ad6bdd *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #92FA87 !important; /* Синій текст */
    border: 2px solid #92FA87 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #92FA87 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #0F0F0F !important; /* Синій текст */
    border: 2px solid #0F0F0F !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #0F0F0F !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(9) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(9):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(9).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(10) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(10):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(10).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-ae215df *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-2d445d0 *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 


/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-7ad6bdd *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #92FA87 !important; /* Синій текст */
    border: 2px solid #92FA87 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #92FA87 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #0F0F0F !important; /* Синій текст */
    border: 2px solid #0F0F0F !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #0F0F0F !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(9) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(9):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(9).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(10) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(10):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(10).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-ae215df *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-2d445d0 *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 


/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-2d445d0 .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-2d445d0 .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-7ad6bdd *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Techniques) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #92FA87 !important; /* Синій текст */
    border: 2px solid #92FA87 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #92FA87 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #0F0F0F !important; /* Синій текст */
    border: 2px solid #0F0F0F !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #0F0F0F !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(9) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(9):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(9).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(10) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(10):hover,
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li:nth-child(10).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

/* 1. Задаємо жорсткі пропорції 16:9 для обгортки мініатюри */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

/* 2. Застосовуємо стилі ТІЛЬКИ до головної картинки (знак ">" означає прямого нащадка) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-7ad6bdd .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-7ad6bdd .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-ae215df *//* Перший фільтр (Tout) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(1) {
    background-color: transparent !important; /* Прозорий фон */
    color: #333333 !important;
    border: 2px solid #333333 !important;
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(1):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(1).active {
    background-color: #333333 !important; /* Синя заливка */
    color: #ffffff !important;
}

/* Другий фільтр (Sommeil) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(2) {
    background-color: transparent !important; /* Прозорий фон */
    color: #20448B !important; /* Синій текст */
    border: 2px solid #20448B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(2):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(2).active {
    background-color: #20448B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}


.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(3) {
    background-color: transparent !important; /* Прозорий фон */
    color: #29BCB8 !important; /* Синій текст */
    border: 2px solid #29BCB8 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(3):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(3).active {
    background-color: #29BCB8 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(4) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C74C2B !important; /* Синій текст */
    border: 2px solid #C74C2B !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(4):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(4).active {
    background-color: #C74C2B !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(5) {
    background-color: transparent !important; /* Прозорий фон */
    color: #F8CBAD !important; /* Синій текст */
    border: 2px solid #F8CBAD !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(5):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(5).active {
    background-color: #F8CBAD !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(6) {
    background-color: transparent !important; /* Прозорий фон */
    color: #007bff !important; /* Синій текст */
    border: 2px solid #007bff !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

/* 2. АКТИВНИЙ СТАН та НАВЕДЕННЯ (hover) */
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(6):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(6).active {
    background-color: #007bff !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(7) {
    background-color: transparent !important; /* Прозорий фон */
    color: #4B0082 !important; /* Синій текст */
    border: 2px solid #4B0082 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(7):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(7).active {
    background-color: #4B0082 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(8) {
    background-color: transparent !important; /* Прозорий фон */
    color: #C6E0B4 !important; /* Синій текст */
    border: 2px solid #C6E0B4 !important; /* Синя рамка, товщину 2px можете змінити */
    transition: all 0.3s ease; /* Плавна зміна кольору */
}

.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(8):hover,
.elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li:nth-child(8).active {
    background-color: #C6E0B4 !important; /* Синя заливка */
    color: #ffffff !important; /* Білий текст */
} 

/* 1. ДЕСКТОП (за замовчуванням) */
.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap {
    aspect-ratio: 16 / 9 !important; /* Твоя поточна пропорція */
    /* АБО якщо хочеш фіксовану висоту в пікселях, видали рядок вище і розкоментуй нижчий: */
    /* height: 300px !important; */
    
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. ПЛАНШЕТИ (екрани до 1024px) */
@media (max-width: 1024px) {
    .elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap {
        aspect-ratio: 4 / 3 !important; /* Наприклад, робимо їх менш широкими, більш класичними */
        /* height: 250px !important; */
    }
}

/* 3. МОБІЛЬНІ (екрани до 767px) */
@media (max-width: 767px) {
    .elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap {
        height: 200px !important; /* Наприклад, робимо квадратними для телефону */
        /* height: 200px !important; */
    }
}

.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap > img {
    filter: brightness(65%) !important; /* 100% - оригінал. 65% зробить її достатньо темною для іконки */
    transition: filter 0.3s ease !important; /* Плавний перехід */
}

/* 2. Стан при наведенні (Hover): робимо її ще темнішою (або навпаки світлішою) */
.elementor-1539 .elementor-element.elementor-element-ae215df .gallery-item-thumbnail-wrap:hover > img {
    filter: brightness(60%) !important; /* При наведенні стає ще темнішою, щоб акцентувати увагу на Play */
}

/* --- СУЧАСНІ ФІЛЬТРИ ДЛЯ МОБІЛЬНИХ (ГОРИЗОНТАЛЬНИЙ СВАЙП) --- */
@media (max-width: 1024px) {
    /* Робимо контейнер гнучким і дозволяємо скрол */
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul {
        display: flex !important;
        flex-wrap: nowrap !important; /* Забороняємо перенесення на новий рядок */
        overflow-x: auto !important;  /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important; /* Вирівнюємо по лівому краю */
        gap: 10px !important; /* Відстань між кнопками */
        padding-bottom: 15px !important; /* Відступ знизу, щоб не обрізало тіні */
        -webkit-overflow-scrolling: touch !important; /* Плавний скрол на iOS */
    }

    /* Налаштовуємо самі кнопки */
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul li {
        flex: 0 0 auto !important; /* Забороняємо кнопкам стискатися */
        white-space: nowrap !important; /* Забороняємо тексту розриватися на два рядки */
        margin: 0 !important; /* Прибираємо стандартні відступи */
    }

    /* Ховаємо саму полосу прокрутки (щоб було естетично) */
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul::-webkit-scrollbar {
        display: none !important;
    }
    .elementor-1539 .elementor-element.elementor-element-ae215df .eael-filter-gallery-control ul {
        -ms-overflow-style: none !important;  /* IE та Edge */
        scrollbar-width: none !important;  /* Firefox */
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-71ffa88 *//* 1. Прибираємо стандартне прилипле підкреслення тексту */
.elementor-1539 .elementor-element.elementor-element-71ffa88 .e-n-tab-title,
.elementor-1539 .elementor-element.elementor-element-71ffa88 .e-n-tab-title-text {
    text-decoration: none !important;
}

/* 2. Налаштовуємо базовий стан кнопки (з невидимою лінією) */
.elementor-1539 .elementor-element.elementor-element-71ffa88 .e-n-tab-title {
    background-color: transparent !important; /* Прибираємо фон */
    border: none !important; /* Прибираємо стандартні рамки */
    border-radius: 0 !important; /* Скасовуємо закруглення, якщо воно є */
    border-bottom: 2px solid transparent !important; /* Прозора лінія знизу */
    padding-bottom: 6px !important; /* Відступ від тексту до лінії (можете змінювати) */
    transition: all 0.3s ease; /* Плавна зміна */
}

/* 3. Стан Активний (aria-selected="true") та при наведенні (hover) */
.elementor-1539 .elementor-element.elementor-element-71ffa88 .e-n-tab-title[aria-selected="true"],
.elementor-1539 .elementor-element.elementor-element-71ffa88 .e-n-tab-title:hover {
    border-bottom: 2px solid !important;
}/* End custom CSS */