.elementor-8017 .elementor-element.elementor-element-68cff1c{--display:flex;}.elementor-8017 .elementor-element.elementor-element-4faa0e6{--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-8017 .elementor-element.elementor-element-709c260{width:var( --container-widget-width, 140px );max-width:140px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;--container-widget-width:140px;--container-widget-flex-grow:0;}.elementor-8017 .elementor-element.elementor-element-709c260.elementor-element{--align-self:flex-start;}.elementor-8017 .elementor-element.elementor-element-709c260 .woocommerce-breadcrumb{color:#666666;}.elementor-8017 .elementor-element.elementor-element-709c260 .woocommerce-breadcrumb > a{color:#666666;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8017 .elementor-element.elementor-element-a12fc63{width:var( --container-widget-width, 1200px );max-width:1200px;margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:1200px;--container-widget-flex-grow:0;text-align:center;}.elementor-8017 .elementor-element.elementor-element-a12fc63 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:700;}.elementor-8017 .elementor-element.elementor-element-8a5aebb{--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;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8017 .elementor-element.elementor-element-1243dea{--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;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#232323;--border-color:#232323;--border-radius:12px 12px 12px 12px;}.elementor-8017 .elementor-element.elementor-element-1243dea:not(.elementor-motion-effects-element-type-background), .elementor-8017 .elementor-element.elementor-element-1243dea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101010;}.elementor-8017 .elementor-element.elementor-element-7cb245f{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 13px;}.elementor-8017 .elementor-element.elementor-element-7cb245f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;color:#F5F5F5;}.elementor-8017 .elementor-element.elementor-element-6541738{--e-filter-direction:column;--e-filter-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 13px;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-space-between:19px;--e-filter-normal-text-color:#D3D3D3;--e-filter-hover-text-color:#D3D3D3;--e-filter-active-text-color:#D3D3D3;}.elementor-8017 .elementor-element.elementor-element-6541738 .e-filter-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;padding:0px 0px 0px 0px;}.elementor-8017 .elementor-element.elementor-element-719be6f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#232323;--border-color:#232323;--border-radius:12px 12px 12px 12px;}.elementor-8017 .elementor-element.elementor-element-719be6f:not(.elementor-motion-effects-element-type-background), .elementor-8017 .elementor-element.elementor-element-719be6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101010;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8017 .elementor-element.elementor-element-fe4379f{--grid-columns:2;--load-more-button-align:center;--grid-column-gap:10px;}.elementor-8017 .elementor-element.elementor-element-fe4379f .elementor-repeater-item-ec40f48{grid-column:span min( 1, var(--grid-columns) );}.elementor-8017 .elementor-element.elementor-element-fe4379f .elementor-button{background-color:#DC262600;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;fill:#D3D3D3;color:#D3D3D3;border-style:none;padding:0px 0px 0px 0px;}.elementor-8017 .elementor-element.elementor-element-fe4379f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body.elementor-page-8017:not(.elementor-motion-effects-element-type-background), body.elementor-page-8017 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dragontea.com.ua/wp-content/uploads/2025/11/frame-12-e1770137222280.png");background-position:top center;background-repeat:no-repeat;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-8017 .elementor-element.elementor-element-68cff1c{--content-width:1200px;}.elementor-8017 .elementor-element.elementor-element-4faa0e6{--width:1200%;}.elementor-8017 .elementor-element.elementor-element-8a5aebb{--content-width:1200px;}.elementor-8017 .elementor-element.elementor-element-1243dea{--width:20%;}.elementor-8017 .elementor-element.elementor-element-719be6f{--width:70%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-8017 .elementor-element.elementor-element-fe4379f{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-8017 .elementor-element.elementor-element-fe4379f{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-6541738 *//* 1. Підготовка елемента фільтра (посилання) */
.elementor-8017 .elementor-element.elementor-element-6541738 .e-filter-item {
    position: relative !important; 
    display: inline-block !important; 
    text-decoration: none !important;
    padding-bottom: 4px !important; /* Відступ від тексту до лінії */
}

/* 2. Анімована лінія (спочатку невидима, ширина 0) */
.elementor-8017 .elementor-element.elementor-element-6541738 .e-filter-item::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 2px !important; /* Товщина лінії */
    width: 0% !important; /* Початкова ширина */
    background-color: #dc2323 !important; /* Червоний колір лінії */
    transition: width 0.4s ease !important; /* Плавність анімації лінії */
}

/* 3. При наведенні (Hover) -> Лінія розтягується */
.elementor-8017 .elementor-element.elementor-element-6541738 .e-filter-item:hover::after {
    width: 100% !important;
}

/* 4. Активний стан (Active) -> Лінія залишається розтягнутою */
.elementor-8017 .elementor-element.elementor-element-6541738 .e-filter-item.e-active::after {
    width: 100% !important;
}

/* 5. Вимкнення лінії на мобільних пристроях */
@media (max-width: 767px) {
    .elementor-8017 .elementor-element.elementor-element-6541738 .e-filter-item::after {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fe4379f *//* Розтягуємо першу картку на 2 рядки сітки */
.elementor-8017 .elementor-element.elementor-element-fe4379f .elementor-loop-container > div.e-loop-item:first-of-type {
    grid-row: span 2 !important;
}

/* Змушуємо внутрішній контейнер заповнити всю висоту і правильно розподілити контент */
.elementor-8017 .elementor-element.elementor-element-fe4379f .elementor-loop-container > div.e-loop-item:first-of-type > .e-con {
    height: 100% !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}
.elementor-widget-loop-grid .elementor-grid {
grid-column-gap: var(--grid-column-gap,10px);
grid-row-gap: var(--grid-row-gap,10px);
}/* End custom CSS */
/* Start custom CSS */@media(max-width:767px){
.elementor-8017 .elementor-element.elementor-element-719be6f {
   border-style: none !important;
   border:none !important;
   background: transparent!important;
   
}
.elementor-8017 .elementor-element.elementor-element-7cb245f{
    margin-left: 0 !important;
}
}
@media (max-width: 767px) {
    /* 1. Жорстко шикуємо контейнер в один горизонтальний ряд */
    .elementor-element-6541738 .e-filter {
        display: flex !important;
        flex-direction: row !important; /* ПРИМУСОВО в рядок, ламаємо колонку Elementor */
        flex-wrap: nowrap !important; /* ЗАБОРОНЯЄМО переносити на новий рядок */
        overflow-x: auto !important; /* Вмикаємо горизонтальний скрол */
        overflow-y: hidden !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        padding-bottom: 0px !important; /* Відступ знизу для зручності */
        -webkit-overflow-scrolling: touch !important; /* Плавний свайп на iOS */
        scrollbar-width: none !important; /* Ховаємо скролбар (Firefox) */
        width: 100% !important; 
    }

    /* Ховаємо системний скролбар (Chrome/Safari) */
    .elementor-element-6541738 .e-filter::-webkit-scrollbar {
        display: none !important;
    }

    /* 2. Захищаємо самі кнопки від стискання/розтягування */
    .elementor-element-6541738 .e-filter-item {
        flex: 0 0 auto !important; /* Критично важливо: забороняє кнопці змінювати свій розмір */
        width: auto !important; /* Збиваємо 100% ширину, яку міг задати Elementor */
        
        /* Ваші стилі бульбашок залишаються: */
        background-color: #121212 !important; 
        color: #f5f5f5 !important; 
        border: 1px solid #232323 !important; 
        border-radius: 50px !important; 
        padding: 5px 10px !important; 
        font-size: 14px !important;
        line-height: 1.5 !important;
        white-space: nowrap !important; /* Текст тільки в один рядок */
    }

    /* Активний стан */
    .elementor-element-6541738 .e-filter-item[aria-pressed="true"],
    .elementor-element-6541738 .e-filter-item:active {
        background-color: #232323 !important; 
    }
    .elementor-8017 .elementor-element.elementor-element-1243dea{
        border:none!important;
        background: transparent !important;
        padding: auto !important;
    }
    .elementor-8017 .elementor-element.elementor-element-6541738{
        margin: auto !important;
    }
    .foto-popi{
        width:100% !important;
    }
    .elementor-8240 .elementor-element.elementor-element-ab3ad8b{
        font-size: 14px !important;
        font-weight: 400 !important;
    }
    .elementor-8240 .elementor-element.elementor-element-d81e59d{
        --flex-wrap-mobile: nowrap !important;
        --margin-top: 0px !important;
        padding: 0px;
    }
    .elementor-8240 .elementor-element.elementor-element-39caf22{
        padding: 0!important;
    }
    .elementor-8240 .elementor-element.elementor-element-719ef06{
        margin: 10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;!important;
    }
    
}/* End custom CSS */