.elementor-60 .elementor-element.elementor-element-07ec975{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--margin-top:225px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-60 .elementor-element.elementor-element-07ec975, .elementor-60 .elementor-element.elementor-element-07ec975::before{--border-transition:0.3s;}.elementor-60 .elementor-element.elementor-element-a311674{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D5D7D6;--border-color:#D5D7D6;--border-radius:25px 25px 25px 25px;--padding-top:35px;--padding-bottom:35px;--padding-left:40px;--padding-right:40px;}.elementor-60 .elementor-element.elementor-element-a311674:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-a311674 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-60 .elementor-element.elementor-element-a311674, .elementor-60 .elementor-element.elementor-element-a311674::before{--border-transition:0.3s;}.elementor-60 .elementor-element.elementor-element-f4d4c0a{font-family:"Roboto", Sans-serif;font-size:14px;}@media(max-width:1366px){.elementor-60 .elementor-element.elementor-element-07ec975{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:1200px){.elementor-60 .elementor-element.elementor-element-07ec975{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-60 .elementor-element.elementor-element-a311674{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-60 .elementor-element.elementor-element-f4d4c0a{text-align:left;}}@media(max-width:1024px){.elementor-60 .elementor-element.elementor-element-07ec975{--margin-top:100px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}}@media(max-width:880px){.elementor-60 .elementor-element.elementor-element-07ec975{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}}@media(max-width:767px){.elementor-60 .elementor-element.elementor-element-07ec975{--padding-top:0px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-60 .elementor-element.elementor-element-07ec975{--content-width:1140px;}}/* Start custom CSS for text-editor, class: .elementor-element-f4d4c0a */body a {
    color: #EBA00F;
}


body .woocommerce-MyAccount-navigation ul li.is-active>a {
    background-color: rgb(235 160 15 / 100%);
    cursor: no-drop;
    border-radius: 8px;
    color: #ffffff;
}



body .woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--color-gray-900);
    background-color: rgb(235 160 15 / 15%);
    text-decoration: none;
    border-radius: 8px
}


.products-bordered-grid-ins .product-wrapper {
    border: 1px solid var(--brdcolor-gray-300);
    border-radius: 10px; /* Базовий радіус бордера, змініть за потреби */
    transition: border-color 0.3s ease, border-width 0.1s ease, border-radius 0.1s ease; /* Додаємо анімацію для бордера та радіусу */
}

.products-bordered-grid-ins .product-wrapper:hover {
    border-color: #ffa200; /* Колір бордера при наведені */
    border-width: 3px; /* Товщина бордера при наведені */
    border-radius: 10px; /* Радіус бордера при наведені */
}



/* Стилі для кнопок за замовчуванням */
.wd-swatch {
    border: 1px solid #d1d1d1; /* Легкий сірий бордер */
    background-color: #f8f8f8; /* Легка сірість для заливки */
    border-radius: 20px; /* Радіус бордера */
    outline: none; /* Прибирає рамку при фокусі */
    padding: 8px 10px; /* Внутрішні відступи для кнопки */
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease; /* Плавна анімація для зміни кольорів */
    color: #000000; /* Чорний текст за замовчуванням */
}

/* Стилі для кнопок при наведенні */
.wd-swatch:hover {
    background-color: #ffa200; /* Жовта заливка при наведенні */
    border-color: #ffa200; /* Жовтий бордер при наведенні */
    color: #ffffff; /* Білий текст при наведенні */
}

/* Стилі для кнопок при активному стані */
.wd-swatch.wd-active,
.wd-swatch:focus {
    background-color: #ffa200; /* Жовта заливка при активному стані */
    border: none; /* Без бордера при активному стані */
    color: #ffffff; /* Білий текст при натисканні */
}

/* Стилі для select за замовчуванням */
#pa_quantity {
    border: 1px solid #d1d1d1; /* Легкий сірий бордер */
    background-color: #f8f8f8; /* Легка сірість для заливки */
    border-radius: 20px; /* Радіус бордера */
    outline: none; /* Прибирає рамку при фокусі */
    padding: 6px 12px; /* Внутрішні відступи для select */
    transition: background-color 0.3s ease, border-color 0.3s ease; /* Плавна анімація для зміни кольорів */
    color: #000000; /* Чорний текст за замовчуванням */
}

/* Стилі для select при наведенні */
#pa_quantity:hover {
    background-color: #ffa200; /* Жовта заливка при наведенні */
    border-color: #ffa200; /* Жовтий бордер при наведенні */
    color: #ffffff; /* Білий текст при наведенні */
}

/* Стилі для select при активному стані */
#pa_quantity:focus {
    background-color: #ffa200; /* Жовта заливка при активному стані */
    border: none; /* Без бордера при активному стані */
    color: #ffffff; /* Білий текст при активному стані */
}


body .products-bordered-grid-ins .product-wrapper {
border: 3px solid #f7f7f7;
}



[class*="wd-swatches"].wd-bg-style-1 .wd-swatch.wd-bg:is(.wd-active,:hover:not(.wd-disabled)):after, [class*="wd-swatches"].wd-bg-style-1 :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-bg:after, [class*="wd-swatches"].wd-text-style-1 .wd-swatch.wd-text:is(.wd-active,:hover:not(.wd-disabled)):after, [class*="wd-swatches"].wd-text-style-1 :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-text:after {
    opacity: 0 !important;
}


@media (max-width: 1024px) {
   body .wd-product.wd-hover-quick .wd-add-btn .add-to-cart-loop {
        width: 100%;
        height: 40px;
    }
}

body .wd-product.wd-hover-quick .wd-add-btn>a {
    display: block;
    border-radius: 5px !important;}

@media (max-width: 1024px) {
body .wd-product.wd-hover-quick .wd-add-btn {
    position: relative;}}/* End custom CSS */
/* Start custom CSS */html .wd-nav.wd-nav-main > li > a {
    color: rgb(0 0 0) !important;
}

html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
    color: #ffa200 !important; 
}

.wd-tools-element>a {
    color: #000000 !important;
}

.wd-action-btn.wd-style-text>a:before {
    top: 6px;
    position: relative;
}

.wd-action-btn>a:after {
    top: 11px;
}

[class*="wd-swatches"].wd-text-style-1 .wd-swatch.wd-text .wd-swatch-text br {
    display: none;
}

[class*="wd-swatches"].wd-text-style-1.wd-swatches-grid {
    margin-bottom: 15px;
}/* End custom CSS */