﻿.wc-block-cart-items__row.wooco-component .wc-block-cart-item__remove-link {
    display: none !important;
}

.wc-block-cart-items__row.wooco-component .wc-block-cart-item__quantity {
    pointer-events: none !important;
}

.wc-block-cart-items__row.wooco-component.wooco-hide-component {
    display: none !important;
}

.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em;
}

.wp-block-file__button {
    background: #32373c;
    color: #fff;
    text-decoration: none;
}

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #fff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,#7adcb4 0%,#00d082 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,#eee 0%,#a9b8c3 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,#ffceec 0%,#9896f0 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,#caf880 0%,#71ce7e 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,#020381 0%,#2874fc 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: .44rem;
    --wp--preset--spacing--30: .67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0,0,0,.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0,0,0,.4);
    --wp--preset--shadow--sharp: 6px 6px 0 rgba(0,0,0,.2);
    --wp--preset--shadow--outlined: 6px 6px 0 -3px rgba(255,255,255,1), 6px 6px rgba(0,0,0,1);
    --wp--preset--shadow--crisp: 6px 6px 0 rgba(0,0,0,1)
}

:where(.is-layout-flex) {
    gap: .5em
}

:where(.is-layout-grid) {
    gap: .5em
}

body .is-layout-flex {
    display: flex
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center
}

    .is-layout-flex > :is(*, div) {
        margin: 0
    }

body .is-layout-grid {
    display: grid
}

.is-layout-grid > :is(*, div) {
    margin: 0
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em
}

.has-black-color {
    color: var(--wp--preset--color--black) !important
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important
}

.has-white-color {
    color: var(--wp--preset--color--white) !important
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em
}

:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6
}
.woocommerce form .form-row .required {
    visibility: visible;
}

.icon-sub-menu {
    width: 100% !important;
}

.icon-sub-menu:after {
    float: right;
    margin-right: 20px
}

.icon-sub-menu.up-icon, .widget_product_tag_cloud {
    background-color: rgba(0,0,0,.0) !important
}

    .icon-sub-menu.up-icon:after {
        color: #000;
        float: right;
        margin-right: 20px
    }

#wd-68aeb7625e3f4 .banner-title {
    color: #fff;
}

.accordion1 {
    background-color: #fff;
    color: #333;
    cursor: pointer;
    padding: 18px;
    font-weight: 400;
    width: 100%;
    border-bottom: 1px solid #a4917b;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: .4s;
    margin-bottom: 10px;
    font-display: swap;
}

.active, .accordion1:hover {
}

    .accordion1:after {
        content: '\002B';
        color: #a4917b;
        font-size: 20px;
        font-weight: bold;
        margin-left: 5px;
        float: right;
    }

.active:after {
    content: "\2212"
}

.panel {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out
}
.vc_custom_1673663001088 {
    margin-top: 20px !important;
}

.vc_custom_1617267234586 {
    margin-top: 30px !important
}

.vc_custom_1613375397342 {
    margin-top: 30px !important
}

.vc_custom_1613375397342 {
    margin-top: 30px !important
}

.vc_custom_1613376114041 {
    margin-top: 80px !important;
    margin-right: 0 !important;
    margin-bottom: -50px !important;
    margin-left: 0 !important;
    background-image: url(../images/banner.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important
}

.vc_custom_1631540789368 {
    padding-top: 15px !important;
    padding-left: 10px !important
}

.vc_custom_1756294604677 {
    margin-bottom: 0 !important
}

.vc_custom_1756286436128 {
    margin-bottom: 0 !important
}

.vc_custom_1631540638472 {
    padding-top: 15px !important;
    padding-left: 10px !important
}

.vc_custom_1651178992389 {
    padding-top: 15px !important;
    padding-left: 10px !important
}

.vc_custom_1756286151847 {
    margin-bottom: 0 !important
}

.vc_custom_1614978441343 {
    padding-top: 15px !important;
    padding-left: 10px !important
}

.vc_custom_1756286194792 {
    margin-bottom: 0 !important
}

.vc_custom_1631542050047 {
    padding-top: 15px !important;
    padding-left: 10px !important
}

.vc_custom_1756286412648 {
    margin-bottom: 0 !important
}

.vc_custom_1674537714586 {
    padding-top: 15px !important;
    padding-left: 10px !important
}

.vc_custom_1756286280863 {
    margin-bottom: 0 !important
}

.vc_custom_1631542406985 {
    padding-top: 15px !important;
    padding-left: 10px !important
}

.vc_custom_1756286393986 {
    margin-bottom: 0 !important
}

.vc_custom_1631542351889 {
    padding-top: 15px !important;
    padding-left: 10px !important
}

.vc_custom_1756286377395 {
    margin-bottom: 0 !important
}

.vc_custom_1674537827924 {
    padding-top: 15px !important;
    padding-left: 10px !important
}
.wpb_animate_when_almost_visible {
    opacity: 1
}
/* --- 1. ПОВЕРТАЄМО СТИЛІ МЕНЮ (Великі і жирні) --- */
#menu-main-menu-uk .woodmart-nav-link span {
    font-size: 18px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
}
/* Окремо для SALE - червоний колір */
#menu-main-menu-uk li:nth-child(4) .woodmart-nav-link span {
    color: #d32f2f !important;
}

/* --- 2. ЕФЕКТ ТЬМЯНОСТІ ПРИ НАВЕДЕННІ --- */
/* Робимо перехід плавним */
a, svg, .woodmart-burger-icon, .language-switcher span {
    transition: opacity 0.3s ease;
}

    /* При наведенні елементи стають напівпрозорими */
    a:hover,
    .woodmart-burger-icon:hover,
    .whb-col-right a:hover svg,
    .language-switcher a:hover,
    .language-switcher span:hover {
        opacity: 0.6 !important;
    }

/* --- 3. ВИНЯТОК: ЛОГОТИП --- */
/* Логотип залишається яскравим завжди */
.whb-col-center a:hover {
    opacity: 1 !important;
}
/* Спеціальне правило для слів меню при наведенні */
#menu-main-menu-uk .woodmart-nav-link:hover span {
    opacity: 0.5 !important;
}
/* --- АНІМАЦІЯ КАРТИНОК --- */

/* 1. Скасовуємо тьмяніння для картинок при наведенні */
a:hover img {
    opacity: 1 !important; /* Картинка залишається яскравою */
}

/* 2. Налаштування плавності для всіх картинок */
img {
    transition: transform 0.5s ease; /* Плавний рух за 0.5 сек */
}

/* 3. Ефект ЗУМУ (наближення) при наведенні */
a:hover img {
    transform: scale(1.03); /* Збільшуємо на 3% */
}

/* 4. ВИНЯТОК: Логотип не повинен збільшуватися */
.whb-col-center a:hover img, .footer-container img {
    transform: none !important;
}
/* --- ВИПРАВЛЕННЯ: ЗАБОРОНЯЄМО ТЬМЯНІТИ КАРТИНКАМ --- */

/* 1. Для головного банера */
.main-banner-link:hover {
    opacity: 1 !important;
}

/* 2. Для карток товарів */
.product-card a:hover {
    opacity: 1 !important;
}

/* 3. Для категорій (сітка картинок) */
.container .col-md-4 a:hover {
    opacity: 1 !important;
}

/* Гарантія, що сама картинка всередині не зникне */
.container img:hover {
    opacity: 1 !important;
}
/* === СТИЛІ БОКОВОГО МЕНЮ === */

/* 1. Затемнення фону */
.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

    .mobile-menu-overlay.active {
        opacity: 1;
        visibility: visible;
    }

/* 2. Сама панель меню */
.mobile-menu-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px; /* Ширина меню */
    height: 100%;
    background: #fff;
    z-index: 9999;
    transform: translateX(-100%); /* Ховаємо за лівий край */
    transition: transform 0.3s ease;
    box-shadow: 2px 0 10px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
}

    .mobile-menu-sidebar.active {
        transform: translateX(0); /* Виїжджає */
    }

/* 3. Шапка меню (Меню + Хрестик) */
.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #eee;
}

/* 4. Список посилань */
.mobile-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: auto;
}

    .mobile-menu-list li {
        border: none; /* Рисочок більше немає */
        margin-bottom: 5px; /* Маленький відступ, щоб не злипалися */
    }

    .mobile-menu-list a {
        display: flex;
        justify-content: space-between;
        padding: 15px 20px;
        color: #333;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        transition: background 0.2s;
    }

        .mobile-menu-list a:hover {
            background-color: #f9f9f9;
            color: #000;
        }

/* Стрілочка справа (>) */
.arrow {
    color: #ccc;
    font-weight: normal;
}
/* Стиль для слова МЕНЮ в боковій панелі */
.mobile-menu-header span {
    font-size: 30px !important; /* Великий шрифт */
    font-weight: 900 !important; /* Дуже жирний */
    text-transform: uppercase; /* Великі літери */
    letter-spacing: 2px; /* Розтягнуті літери */
    font-family: sans-serif; /* Рівний шрифт без зарубок */
}


