.elementor-1222 .elementor-element.elementor-element-4f2695d{--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;}.elementor-1222 .elementor-element.elementor-element-4f2695d:not(.elementor-motion-effects-element-type-background), .elementor-1222 .elementor-element.elementor-element-4f2695d > .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;}.elementor-1222 .elementor-element.elementor-element-2798a05{--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:00px 00px 00px 00px;--border-top-width:00px;--border-right-width:00px;--border-bottom-width:00px;--border-left-width:00px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:-8px;--margin-right:0px;--z-index:9;}.elementor-1222 .elementor-element.elementor-element-2798a05.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1222 .elementor-element.elementor-element-e92a548{--display:flex;}.elementor-1222 .elementor-element.elementor-element-96e6eac{--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:space-between;}.elementor-1222 .elementor-element.elementor-element-472f8c0{width:var( --container-widget-width, 300px );max-width:300px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -9px;--container-widget-width:300px;--container-widget-flex-grow:0;}.elementor-1222 .elementor-element.elementor-element-472f8c0.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-1222 .elementor-element.elementor-element-472f8c0 .woocommerce-breadcrumb{color:#666666;}.elementor-1222 .elementor-element.elementor-element-472f8c0 .woocommerce-breadcrumb > a{color:#666666;}.elementor-1222 .elementor-element.elementor-element-f1955f0 > .elementor-widget-container{background-color:#02010100;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__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 );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );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 );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{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 );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {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 );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{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-woocommerce-products.elementor-wc-products .added_to_cart{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-1222 .elementor-element.elementor-element-d42d4e5.elementor-wc-products ul.products li.product{text-align:left;--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-style:solid;border-width:2px 2px 2px 2px;border-radius:16px;padding:23px 23px 23px 23px;background-color:#101010;border-color:#232323;}.elementor-1222 .elementor-element.elementor-element-d42d4e5.elementor-wc-products  ul.products{grid-column-gap:12px;grid-row-gap:18px;}.elementor-1222 .elementor-element.elementor-element-d42d4e5.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;}.elementor-1222 .elementor-element.elementor-element-d42d4e5.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#F5F5F5;}.elementor-1222 .elementor-element.elementor-element-d42d4e5.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#F5F5F5;}.elementor-1222 .elementor-element.elementor-element-d42d4e5.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1222 .elementor-element.elementor-element-d42d4e5.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;}.elementor-1222 .elementor-element.elementor-element-d42d4e5.elementor-wc-products ul.products li.product .star-rating{color:#FC8906;font-size:1em;margin-bottom:11px;}.elementor-1222 .elementor-element.elementor-element-d42d4e5.elementor-wc-products ul.products li.product .star-rating::before{color:#02010100;}.elementor-1222 .elementor-element.elementor-element-d42d4e5.elementor-wc-products ul.products li.product .price{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;}.elementor-1222 .elementor-element.elementor-element-d42d4e5.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-primary );background-color:var( --e-global-color-accent );font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;border-radius:12px 12px 12px 12px;padding:08px 16px 8px 16px;}.elementor-1222 .elementor-element.elementor-element-d42d4e5.elementor-wc-products .added_to_cart{color:#C7C7C7;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;margin-inline-start:7px;}.elementor-1222 .elementor-element.elementor-element-d42d4e5 nav.woocommerce-pagination{margin-top:0px;}.elementor-1222 .elementor-element.elementor-element-d42d4e5 nav.woocommerce-pagination ul li a, .elementor-1222 .elementor-element.elementor-element-d42d4e5 nav.woocommerce-pagination ul li span{padding:0px;}.elementor-1222 .elementor-element.elementor-element-d42d4e5 nav.woocommerce-pagination ul li a{color:#02010100;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1222 .elementor-element.elementor-element-4f2695d{--content-width:1200px;}.elementor-1222 .elementor-element.elementor-element-2798a05{--width:200px;}.elementor-1222 .elementor-element.elementor-element-e92a548{--content-width:1000px;}.elementor-1222 .elementor-element.elementor-element-96e6eac{--width:100%;}}@media(max-width:1024px){.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}.elementor-1222 .elementor-element.elementor-element-d42d4e5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}.elementor-1222 .elementor-element.elementor-element-d42d4e5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-2798a05 *//* --- DRAGON TEA: СТИЛІ ФІЛЬТРІВ (YITH NEW) --- */

/* 1. ЗАГАЛЬНИЙ БЛОК (ОБГОРТКА) */
.yith-wcan-filter {
    background-color: #101010 !important; /* Темний фон */
    padding: 20px 20px 10px 20px !important;
    border: 2px solid #232323 !important;
    border-radius: 15px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* 2. ЗАГОЛОВОК (За ефектом, За видом) */
.yith-wcan-filter .filter-title {
    font-family: roboto;
    color: #f5f5f5 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    
}

/* 3. СПИСОК ЕЛЕМЕНТІВ */
.yith-wcan-filter .filter-items {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* 4. ОКРЕМИЙ РЯДОК ФІЛЬТРА */
.yith-wcan-filter .filter-item {
    margin-bottom: 0 !important;
    padding: 2px 0 !important;
    list-style: none !important;
}

.yith-wcan-filter .filter-item:last-child {
    border-bottom: none !important; /* Прибрати лінію в останнього */
}

/* 5. ПОСИЛАННЯ (ТЕКСТ + КНОПКА) */
.yith-wcan-filter .filter-item a,
.yith-wcan-filter .filter-item .term-label {
    color: #d3d3d3 !important; /* Світло-сірий текст */
    font-size: 14px !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center;
    transition: all 0.3s ease;
    cursor: pointer !important;
}

/* 6. ЕФЕКТ ПРИ НАВЕДЕННІ (HOVER) */
.yith-wcan-filter .filter-item a:hover,
.yith-wcan-filter .filter-item .term-label:hover {
    color: #f5f5f5 !important; /* Червоний колір */
    
}

/* 4. Активний стан (Active/Chosen) -> Лінія залишається */
/* Класи .active або .chosen додаються YITH до <li>, коли фільтр увімкнено */
.yith-wcan-filter .filter-item.active a::after,
.yith-wcan-filter .filter-item.chosen a::after,
.yith-wcan-filter .filter-item.active .term-label::after,
.yith-wcan-filter .filter-item.chosen .term-label::after {
    width: 100% !important;
}

/* 5. Додатково: колір тексту активного елемента */
/* Щоб текст теж світився, коли лінія активна */
.yith-wcan-filter .filter-item.active a,
.yith-wcan-filter .filter-item.chosen a {
    color: #f5f5f5 !important; /* Білий текст для активного */
}

/* --- DRAGON TEA: АНІМОВАНА ЧЕРВОНА ЛІНІЯ ФІЛЬТРІВ --- */

/* 1. Підготовка батьківського елемента (посилання) */
.yith-wcan-filter .filter-item a,
.yith-wcan-filter .filter-item .term-label {
    position: relative !important; /* Щоб лінія "знала" межі тексту */
    display: inline-block !important; /* Лінія буде шириною по тексту, а не на весь блок */
    text-decoration: none !important;
    padding-bottom: 4px !important; /* Відступ від тексту до лінії */
    transition: color 0.4s ease !important;
}

/* 2. Сама лінія (спочатку невидима/ширина 0) */
.yith-wcan-filter .filter-item a::after,
.yith-wcan-filter .filter-item .term-label::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    margin-bottom: 4px !important ;/* Притискаємо до низу */
    
    height: 2px !important;          /* ТОВЩИНА */
    width: 0% !important;            /* Початкова ширина */
    background-color: #dc2323 !important; /* КОЛІР */
    
    transition: width 0.4s ease !important; /* ЧАС АНІМАЦІЇ */
}

/* 3. При наведенні (Hover) -> Лінія розтягується */
.yith-wcan-filter .filter-item a:hover::after,
.yith-wcan-filter .filter-item .term-label:hover::after {
    width: 100% !important;
}

.filters-container{
    background: #101010 !important;
}/* End custom CSS */
/* Start custom CSS for yith_wcan_reset_button, class: .elementor-element-f1955f0 */.yith-wcan-reset-filters{
    background: transparent !important;
    border: none !important;
    color: #d3d3d3 !important;
}
.yith-wcan-reset-filters:hover{
    color: #f5f5f5 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-d42d4e5 */.added_to_cart {
    display: none !important ;
}

.add_to_cart_button{
    width: 100%;
    display: block;
    text-align: center;
    box-sizing: border-box;
}


.price{
    margin-top: .5rem;
}

/* --- DRAGON TEA: КАРТКИ ПІД ЛІНІЙКУ (V3 - FINAL) --- */

/* 1. Налаштування контейнера картки */
ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

ul.products li.product > a.woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* 2. НАЗВА: Фіксована висота + РЕАЛЬНИЙ відступ знизу */
h2.woocommerce-loop-product__title {
    font-size: 16px !important;
    line-height: 1.35 !important;
    height: 50px !important;       /* Висота рівно під 2 рядки */
    overflow: hidden !important;   /* Обрізаємо 3-й рядок, якщо він є */
    
    margin-bottom: 20px !important; /* ВАЖЛИВО: Цей відступ резервує місце під рейтинг */
    
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Прибираємо попередній хак, він заважав */
h2.woocommerce-loop-product__title::after {
    display: none !important;
}

/* 3. РЕЙТИНГ: Математичне вирівнювання */
.star-rating {
    /* Тягнемо рейтинг вгору, у вільне місце (margin-bottom заголовка) */
    margin-top: -20px !important; 
    
    height: 20px !important;       /* Фіксуємо висоту зірок */
    margin-bottom: 1px !important; /* Відступ до опису */
    
    align-self: flex-start;        /* Вирівнювання зліва */
    width: 100%;                   /* На всяк випадок */
    line-height: 1 !important;
    overflow: hidden;              /* Щоб нічого зайвого не вилазило */
}

/* 4. ОПИС: Фіксована висота */
.custom-product-excerpt {
    font-size: 14px !important;
    line-height: 1.5 !important;
    height: 42px !important;       /* Висота рівно під 3 рядки */
    overflow: hidden !important;
    
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    
    margin-bottom: 1px !important;
    color: #D2D2D2;
}

/* 5. ЦІНА: Притискаємо до низу */
.price {
    margin-top: auto !important;   /* Відштовхується від опису до самого низу */
    margin-bottom: 15px !important;
    display: block !important;
    height: 25px !important;
}

/* 6. КНОПКА */
.woocommerce-loop-product__buttons {
    margin-top: 0 !important;
}/* End custom CSS */