.elementor-3230 .elementor-element.elementor-element-d55fb7a{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#7C7C7C33;--border-color:#7C7C7C33;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-3230 .elementor-element.elementor-element-1fd7710{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3230 .elementor-element.elementor-element-ebd0284 .title{font-family:"Montserrat";font-size:36px;font-weight:600;text-transform:uppercase;line-height:46px;}.elementor-3230 .elementor-element.elementor-element-24f3d7a :is(.wd-breadcrumbs,.yoast-breadcrumb,.rank-math-breadcrumb,.aioseo-breadcrumbs,.breadcrumb){font-family:"Montserrat";font-size:16px;font-weight:400;line-height:20px;}.elementor-3230 .elementor-element.elementor-element-3f19317{--display:flex;}.elementor-3230 .elementor-element.elementor-element-94cb3dd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3230 .elementor-element.elementor-element-94cb3dd .wd-action-text{font-family:var( --e-global-typography-secondary-font-family );font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-3230 .elementor-element.elementor-element-40d28c1 div.product-category .wd-entities-title, .elementor-3230 .elementor-element.elementor-element-40d28c1 .wd-nav-product-cat>li>a{font-family:"Montserrat";font-size:14px;font-weight:500;line-height:16px;}.elementor-3230 .elementor-element.elementor-element-7c3fe43{--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:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-3230 .elementor-element.elementor-element-ac184f2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--wd-side-hidden-w:300px;}.elementor-3230 .elementor-element.elementor-element-b97fb9e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3230 .elementor-element.elementor-element-faa4c54{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3230 .elementor-element.elementor-element-40e95a9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:20px 30px;--row-gap:20px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3230 .elementor-element.elementor-element-b4ff40a > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-3230 .elementor-element.elementor-element-d55fb7a{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-3230 .elementor-element.elementor-element-ebd0284 .title{font-size:24px;line-height:24px;}.elementor-3230 .elementor-element.elementor-element-24f3d7a{width:auto;max-width:auto;}.elementor-3230 .elementor-element.elementor-element-24f3d7a :is(.wd-breadcrumbs,.yoast-breadcrumb,.rank-math-breadcrumb,.aioseo-breadcrumbs,.breadcrumb){font-size:16px;line-height:16px;}.elementor-3230 .elementor-element.elementor-element-3f19317{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3230 .elementor-element.elementor-element-94cb3dd .wd-action-text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-3230 .elementor-element.elementor-element-ac184f2{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-3230 .elementor-element.elementor-element-40e95a9{--justify-content:flex-end;}}@media(max-width:767px){.elementor-3230 .elementor-element.elementor-element-d55fb7a{--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-3230 .elementor-element.elementor-element-1fd7710{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-3230 .elementor-element.elementor-element-ebd0284 .title{font-size:20px;line-height:24px;}.elementor-3230 .elementor-element.elementor-element-24f3d7a :is(.wd-breadcrumbs,.yoast-breadcrumb,.rank-math-breadcrumb,.aioseo-breadcrumbs,.breadcrumb){font-size:16px;line-height:20px;}.elementor-3230 .elementor-element.elementor-element-3f19317{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-3230 .elementor-element.elementor-element-94cb3dd{width:100%;max-width:100%;}.elementor-3230 .elementor-element.elementor-element-94cb3dd .wd-action-text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-3230 .elementor-element.elementor-element-40d28c1 div.product-category .wd-entities-title, .elementor-3230 .elementor-element.elementor-element-40d28c1 .wd-nav-product-cat>li>a{font-size:14px;}.elementor-3230 .elementor-element.elementor-element-7c3fe43{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-3230 .elementor-element.elementor-element-ac184f2{--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;--flex-wrap:wrap;--wd-side-hidden-w:75%;}.elementor-3230 .elementor-element.elementor-element-faa4c54{--flex-wrap:nowrap;}.elementor-3230 .elementor-element.elementor-element-40e95a9{--width:100%;}.elementor-3230 .elementor-element.elementor-element-b4ff40a.elementor-element{--align-self:flex-end;}}@media(min-width:768px){.elementor-3230 .elementor-element.elementor-element-ac184f2{--width:25%;}.elementor-3230 .elementor-element.elementor-element-b97fb9e{--width:75%;}.elementor-3230 .elementor-element.elementor-element-40e95a9{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3230 .elementor-element.elementor-element-b97fb9e{--width:100%;}.elementor-3230 .elementor-element.elementor-element-40e95a9{--width:100%;}}/* Start custom CSS for wd_builder_off_canvas_column_btn, class: .elementor-element-94cb3dd *//* Робимо сам контейнер Woodmart на всю ширину */
.elementor-3230 .elementor-element.elementor-element-94cb3dd .wd-off-canvas-btn {
    width: 100% !important;
}

/* 1. Стилізуємо кнопку під активну зелену таблетку (тепер на всю ширину) */
.elementor-3230 .elementor-element.elementor-element-94cb3dd .wd-off-canvas-btn a {
    display: flex !important; /* Змінено з inline-flex на flex */
    width: 100% !important;   /* Розтягуємо на 100% */
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 20px !important;
    
    /* Скидання висоти та інтервалів Woodmart */
    height: auto !important;
    min-height: auto !important;
    line-height: 1 !important;
    
    /* Твій фірмовий зелений колір (Активний стан) */
    background-color: #36573D !important;
    border: 1px solid #36573D !important;
    border-radius: 30px !important;
    
    /* Оформлення тексту та тіней */
    text-decoration: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

/* 2. Примусово фарбуємо внутрішній текст Woodmart у білий колір */
.elementor-3230 .elementor-element.elementor-element-94cb3dd .wd-off-canvas-btn a .wd-action-text {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* 3. Ефект при наведенні (Hover) — робимо колір трішки темнішим */
.elementor-3230 .elementor-element.elementor-element-94cb3dd .wd-off-canvas-btn a:hover {
    background-color: #2b422e !important;
    border-color: #2b422e !important;
}
.elementor-3230 .elementor-element.elementor-element-94cb3dd .wd-off-canvas-btn a:hover .wd-action-text {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for wd_product_categories, class: .elementor-element-40d28c1 *//* 1. Робимо список горизонтальним зі скролом */
.elementor-3230 .elementor-element.elementor-element-40d28c1 ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    padding: 0 0 0px 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* 2. Ховаємо системний скролбар */
.elementor-3230 .elementor-element.elementor-element-40d28c1 ul::-webkit-scrollbar {
    display: none;
}
.elementor-3230 .elementor-element.elementor-element-40d28c1 ul {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 3. Налаштовуємо самі кнопки (таблетки) */
.elementor-3230 .elementor-element.elementor-element-40d28c1 li {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3230 .elementor-element.elementor-element-40d28c1 li a {
    display: flex;
    align-items: center;
    padding: 8px 20px;
    background-color: #ffffff !important;
    color: #36573D !important;
    border: 1px solid #36573D !important;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
    white-space: nowrap;
}

/* Прибираємо зайві іконки WoodMart, якщо вони є */
.elementor-3230 .elementor-element.elementor-element-40d28c1 li a:before,
.elementor-3230 .elementor-element.elementor-element-40d28c1 li a:after {
    display: none !important;
}

/* 4. Активний пункт та ховер */
.elementor-3230 .elementor-element.elementor-element-40d28c1 li.current-cat a,
.elementor-3230 .elementor-element.elementor-element-40d28c1 li.wd-active a,
.elementor-3230 .elementor-element.elementor-element-40d28c1 li.current-menu-item a,
.elementor-3230 .elementor-element.elementor-element-40d28c1 li.current-cat-parent a,
.elementor-3230 .elementor-element.elementor-element-40d28c1 li a:hover {
    background-color: #36573D !important;
    color: #ffffff !important;
    border-color: #36573D !important;
}

/* Приховуємо WoodMart-івську лінію (псевдоелементи) */
.elementor-3230 .elementor-element.elementor-element-40d28c1 li a::after,
.elementor-3230 .elementor-element.elementor-element-40d28c1 li a .nav-link-text::after,
.elementor-3230 .elementor-element.elementor-element-40d28c1 li a .category-name::after {
    display: none !important;
    content: none !important;
}/* End custom CSS */