.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: url(https://ua-force.keis.ua/wp-content/uploads/2021/09/shoes-promo-popup.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.header-banner{
	background-color:rgb(167,109,80);
	background-image: none;
}

.page-title-default{
	background-color:#0a0a0a;
	background-image: url(https://ua-force.keis.ua/wp-content/uploads/2021/09/shoes-page-title.jpg);
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
	background-image: none;
}

:root{
--wd-text-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-title-font-weight:700;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:400;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Montserrat", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:400;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(255,22,31);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:rgb(255,255,255);
--wd-link-color-hover:rgb(255,255,255);
}
.page .main-page-wrapper{
	background-color:rgba(0,0,0,0);
	background-image: url(https://ua-force.keis.ua/wp-content/uploads/2025/08/texture-scaled.jpg);
	background-repeat:repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position:center top;
}

.woodmart-archive-shop .main-page-wrapper{
	background-image: url(https://ua-force.keis.ua/wp-content/uploads/2025/08/texture-scaled.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center top;
}

.woodmart-archive-blog .main-page-wrapper{
	background-color:rgb(0,0,0);
	background-image: none;
}

:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-shop-bgcolor:rgb(255,22,31);
}
:root{
--btn-shop-bgcolor-hover:rgb(255,22,31);
}
:root{
--btn-accent-bgcolor:rgb(127,96,81);
}
:root{
--btn-accent-bgcolor-hover:rgb(107,79,65);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
							--wd-form-brd-radius: 5px;
			
					
					--wd-form-brd-width: 1px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-shop-color: #fff;
		
					--btn-shop-color-hover: #fff;
		
					--btn-accent-color: #fff;
		
					--btn-accent-color-hover: #fff;
		
									--btn-default-brd-radius: 0px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
				--btn-default-box-shadow-active: none;
				--btn-default-bottom: 0px;
			
			
			
					
									--btn-shop-brd-radius: 0.001px;
				--btn-shop-box-shadow: none;
				--btn-shop-box-shadow-hover: none;
				--btn-shop-box-shadow-active: none;
				--btn-shop-bottom: 0px;
			
			
			
					
									--btn-accent-brd-radius: 0px;
				--btn-accent-box-shadow: none;
				--btn-accent-box-shadow-hover: none;
				--btn-accent-box-shadow-active: none;
				--btn-accent-bottom: 0px;
			
			
			
					
							
					--wd-brd-radius: 12px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1370px;
			}
		}

		.container {
			max-width: 1400px;
		}

		:root{
			--wd-container-width: 1400px;
		}
	
			.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1370px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1380px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1390px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1400px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1410px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1430px;
		}
		@media (min-width: 1417px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1400px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
	
	
	body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {

									--wd-form-color: rgb(255,255,255);
					
									--wd-form-placeholder-color: rgb(255,255,255);
					
									--wd-form-brd-color: rgb(255,255,255);
					
									--wd-form-brd-color-focus: rgb(255,255,255);
					
								}
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//ua-force.keis.ua/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=7.0.4") format("woff2");
}

.elementor-element-cb00e58 .woocommerce-Price-amount,
.elementor-element-cb00e58 .woocommerce-Price-amount * {
    color: #FFFFFF !important; /* Білий колір для ціни та символу валюти */
}

/* Стилі для акційної ціни */
.custom-price-stock ins .woocommerce-Price-amount bdi {
    color: #FFFFFF !important; /* Білий колір для числа та символу валюти в акційній ціні */
}

/* Кнопка "Додати в кошик" */
.single_add_to_cart_button {
    min-width: 220px;
    height: 60px;
    background-color: #FF161F !important;
    color: #fff !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 600;
    text-transform: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: none;
    border-radius: 12px;
    transition: background-color 0.3s ease;
    white-space: nowrap;
    padding: 0 20px;
    line-height: 1 !important;
}

.single_add_to_cart_button::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url("https://cdn-icons-png.flaticon.com/512/1170/1170678.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.single_add_to_cart_button:hover {
    background-color: #cc1117 !important;
}

/* Приховати блок кількості */
form.cart .quantity {
    display: none !important;
}

/* Порядок: стара ціна → нова */
.woocommerce div.product p.price,
.woocommerce ul.products li.product .price {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
}

/* Поточна ціна (акційна) */
.woocommerce div.product p.price ins,
.woocommerce ul.products li.product .price ins {
    font-size: 36px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Цифри акційної ціни */
.woocommerce div.product p.price ins bdi,
.woocommerce ul.products li.product .price ins bdi {
    color: #ffffff !important;
}

/* Валюта акційної ціни */
.woocommerce div.product p.price ins .woocommerce-Price-currencySymbol,
.woocommerce ul.products li.product .price ins .woocommerce-Price-currencySymbol {
    color: #cccccc !important;
}

/* Стара ціна (перекреслена) */
.woocommerce div.product p.price del,
.woocommerce ul.products li.product .price del {
    color: #999 !important;
    font-size: 20px !important;
    font-weight: 400;
    position: relative;
    opacity: 1 !important;
}

/* Червона перекреслена лінія */
.woocommerce div.product p.price del::after,
.woocommerce ul.products li.product .price del::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    background-color: red;
    transform: translateY(-50%);
}

/* Кнопка швидкого замовлення */
.awooc-custom-order-button {
    background-color: #36342D !important;
    border-radius: 8px !important;
    color: #FFBC3F !important;
    font-size: 25px !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none !important;
}

.awooc-custom-order-button::first-letter {
    text-transform: uppercase !important;
}

/* Медіа-запит для мобільних пристроїв (екрани до 767px) */
@media (max-width: 767px) {
    /* Кнопка "Додати в кошик" */
    .single_add_to_cart_button,
    .single_add_to_cart_button.button.alt,
    .single_add_to_cart_button.button.alt.disabled,
    .single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
        height: 44px;
        width: 100%;
        font-size: 18px !important; /* Примусово встановлюємо розмір шрифту */
        min-width: unset; /* Скидаємо min-width для повної ширини */
    }

    /* Кнопка швидкого замовлення */
    .awooc-custom-order-button {
        height: 44px;
        width: 100%;
        font-size: 18px !important;
    }

    /* Адаптація розміру іконки перед кнопкою "Додати в кошик" */
    .single_add_to_cart_button::before {
        width: 20px;
        height: 20px;
    }

    /* Зменшення розміру шрифту для цін */
    .woocommerce div.product p.price ins,
    .woocommerce ul.products li.product .price ins {
        font-size: 24px !important; /* Зменшуємо розмір акційної ціни */
    }

    .woocommerce div.product p.price del,
    .woocommerce ul.products li.product .price del {
        font-size: 16px !important; /* Зменшуємо розмір старої ціни */
    }
}
/* ПОПАП */
/* ПОПАП */
/* ПОПАП */
/* Стилі для модального вікна */
.blockMsgAwooc {
    background-color: #000000 !important; /* Чорний фон */
    border: none !important; /* Прибираємо рамку, якщо не потрібна */
    border-radius: 4px !important; /* Зберігаємо заокруглення */
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) !important; /* Тінь для контрасту */
}

/* Стилі для всіх текстових елементів у модальному вікні */
#awooc-form-custom-order,
#awooc-form-custom-order * {
    color: #FFFFFF !important; /* Білий колір для всіх текстів */
    font-family: 'Montserrat', sans-serif !important; /* Шрифт Montserrat */
}

/* Стилі для кнопок кількості (+/-) */
.awooc-popup-input-qty--minus,
.awooc-popup-input-qty--plus {
    background-color: #36342D !important; /* Темний фон для кнопок, щоб відповідати стилю попередньої кнопки */
    color: #FFBC3F !important; /* Колір тексту кнопок, як у попередній кнопці */
    border: none !important;
    border-radius: 4px !important;
}

/* Стилі для поля вводу кількості */
#awooc-form-custom-order .awooc-popup-input-qty {
    background-color: #333333 !important; /* Темний фон для поля вводу */
    color: #FFFFFF !important; /* Білий текст */
    border: 1px solid #FFFFFF !important; /* Біла рамка для контрасту */
}

/* Стилі для форми (поля вводу) */
#awooc-form-custom-order .wpcf7-form-control {
    background-color: #333333 !important; /* Темний фон для полів вводу */
    color: #FFFFFF !important; /* Білий текст */
    border: 1px solid #FFFFFF !important; /* Біла рамка */
    border-radius: 4px !important;
}

/* Стилі для кнопки "Відправити" */
#awooc-form-custom-order .wpcf7-submit {
    background-color: #36342D !important; /* Темний фон, як у попередньої кнопки */
    color: #FFBC3F !important; /* Колір тексту, як у попередньої кнопки */
    border-radius: 4px !important;
    font-size: 25px !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none !important;
}

#awooc-form-custom-order .wpcf7-submit::first-letter {
    text-transform: uppercase !important; /* Перша літера кнопки "Відправити" велика */
}

/* Стилі для кнопки закриття (×) */
.awooc-close {
    color: #FFFFFF !important; /* Білий колір для хрестика */
    font-size: 24px !important; /* Розмір для видимості */
}

/* Плейсхолдери для полів вводу */
#awooc-form-custom-order .wpcf7-form-control::placeholder {
    color: #BBBBBB !important; /* Сірий колір для плейсхолдерів, щоб відрізняти від тексту */
}

/* Герб архів */
.product-grid-item .product-element-top {
    position: relative; /* Додаємо позиціонування для псевдоелемента */
}

.product-grid-item .product-element-top::before {
    content: '';
    position: absolute;
    top: 10px; /* Відступ від верхнього краю */
    left: 10px; /* Відступ від лівого краю */
    width: 40px; /* Ширина іконки (налаштуйте за потребою) */
    height: 40px; /* Висота іконки (налаштуйте за потребою) */
    background-image: url('https://ua-force.keis.ua/wp-content/uploads/2025/07/archive-foto-ua.svg');
    background-size: contain; /* Масштабуємо іконку, щоб вона вмістилася */
    background-repeat: no-repeat;
    z-index: 10; /* Іконка буде поверх зображення */
}

/* РЕВЕРС ЛЕЙБЛА */
.product-grid-item.sale .product-labels.labels-rounded {
    position: absolute;
    top: 10px; /* Відступ від верхнього краю */
    right: 10px; /* Переміщення вправо */
    left: auto; /* Скасовуємо позиціонування зліва */
}
}
/* ГЕРБ КАРТКА ТОВАРУ */
.product.type-product .woocommerce-product-gallery__wrapper {
    position: relative;
}

.product.type-product .woocommerce-product-gallery__wrapper::before {
    content: '';
    position: absolute;
    top: 10px; /* Відступ зверху */
    left: 20px; /* Відступ зліва */
    width: 244px; /* Ширина іконки для десктопу */
    height: 90px; /* Висота іконки для десктопу */
    background-image: url('https://ua-force.keis.ua/wp-content/uploads/2025/07/cart-foto-ua.svg');
    background-size: contain; /* Масштабуємо іконку */
    background-repeat: no-repeat;
    z-index: 10; /* Іконка поверх зображення */
}

/* Медіа-запит для мобільних пристроїв (наприклад, екрани до 767px) */
@media (max-width: 767px) {
    .product.type-product .woocommerce-product-gallery__wrapper::before {
        width: 95px; /* Ширина іконки для мобільних */
        height: 35px; /* Висота іконки для мобільних */
    }
}

/* Загальне оформлення меню */

/* Загальне оформлення меню */

/* Загальне оформлення меню */
/* Загальне оформлення меню */
.mobile-nav.wd-opened {
    background-color: #000; /* чорне тло */
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding: 20px;
}

/* Кнопка закриття */
.mobile-nav .close-side-widget a {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

/* Мова перемикач */
.wd-lang-switcher {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

.wd-lang-switcher a {
    background: #FFC72C;
    color: #000;
    padding: 6px 16px;
    border-radius: 30px;
    font-weight: 600;
    text-transform: uppercase;
}

.wd-lang-switcher a.active {
    background: #fff;
    color: #000;
}

/* Меню */
#menu-mobile-navigation li a {
    color: #fff;
    font-size: 18px;
    padding: 12px 0;
    display: block;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* Активний пункт */
#menu-mobile-navigation li.current_page_parent a {
    color: #FFC72C;
    font-weight: bold;
}

/* Авторизація з іконкою */
.mobile-nav .authorization-link {
    display: flex;
    align-items: center;
    color: #fff;
    margin-top: 20px;
    font-size: 18px;
}

.mobile-nav .authorization-link i {
    margin-right: 8px;
}

/* Телефон з іконкою */
.mobile-nav .phone-link {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
}

.mobile-nav .phone-link i {
    color: #FFC72C;
    margin-right: 10px;
    font-size: 22px;
}



/* АТРИБУТИ!!!!!*/

/* Стилі для активного атрибуту (наприклад, розміру) */
.wd-swatch.wd-active {
    border: 2px solid #FFBC3F !important; /* Рамка 2 пікселі кольору #FFBC3F */
}

.wd-swatch.wd-active .wd-swatch-text {
    color: #FFBC3F !important; /* Колір тексту #FFBC3F для активного атрибуту */
}

/* Медіа-запит для мобільних пристроїв (екрани до 767px) */
@media (max-width: 767px) {
    .wd-swatch.wd-active {
        border: 2px solid #FFBC3F !important; /* Зберігаємо рамку */
    }

    .wd-swatch.wd-active .wd-swatch-text {
        color: #FFBC3F !important; /* Зберігаємо колір тексту */
    }
}

/* КАРУСЕЛЬ КАРТКИ ТОВАРІВ */

/* Стилі для контейнера мініатюр */
.product-image-thumbnail {
    padding: 3px; /* Внутрішній відступ 3 пікселі */
    border: 2px solid #36342D; /* Рамка 2 пікселі кольору #36342D */
    border-radius: 8px; /* Радіус рамки 8 пікселів */
    box-sizing: border-box; /* Включаємо padding і border у розміри */
    width: 100px; /* Фіксована ширина 100 пікселів */
    height: 100px; /* Фіксована висота 100 пікселів */
}

/* Стилі для активного зображення */
.product-image-thumbnail.active-thumb {
    border: 2px solid #FFBC3F; /* Рамка 2 пікселі кольору #FFBC3F для активного */
}

/* Стилі для зображень */
.product-image-thumbnail img {
    width: 100%; /* Зображення займає всю ширину контейнера */
    height: 100%; /* Зображення займає всю висоту контейнера */
    aspect-ratio: 1 / 1; /* Забезпечуємо співвідношення 1:1 */
    object-fit: cover; /* Зображення заповнює контейнер, обрізаючи зайве */
    display: block; /* Усуваємо зайві відступи */
}

/* Відступи між зображеннями в каруселі */
.thumbnails .owl-item {
    margin-right: 10px !important; /* Відступ між зображеннями 10 пікселів */
    margin-left: 0 !important; /* Скидаємо лівий відступ */
    padding: 0 !important; /* Скидаємо padding */
    width: 100px !important; /* Відповідність розміру мініатюр на десктопі */
}

/* Вирівнювання по лівому краю та один ряд */
.thumbnails {
    display: flex;
    flex-wrap: nowrap; /* Забороняємо перенесення на наступний ряд */
    overflow-x: auto; /* Горизонтальна прокрутка */
    justify-content: flex-start; /* Вирівнювання по лівому краю */
    margin: 0 !important; /* Скидаємо зовнішні відступи контейнера */
    padding: 0 !important; /* Скидаємо внутрішні відступи контейнера */
}

/* Відключаємо стандартну поведінку Owl Carousel для двох рядів */
.thumbnails .owl-stage {
    display: flex;
    flex-wrap: nowrap; /* Забороняємо перенесення */
    justify-content: flex-start; /* Вирівнювання по лівому краю */
    margin: 0 !important; /* Скидаємо відступи */
    padding: 0 !important; /* Скидаємо padding */
}

/* Медіа-запит для мобільних пристроїв (екрани до 767px) */
@media (max-width: 767px) {
    .product-image-thumbnail {
        padding: 3px; /* Зберігаємо внутрішній відступ */
        border: 2px solid #36342D; /* Зберігаємо рамку */
        border-radius: 8px; /* Зберігаємо радіус */
        width: 50px; /* Фіксована ширина 50 пікселів */
        height: 50px; /* Фіксована висота 50 пікселів */
    }

    .product-image-thumbnail.active-thumb {
        border: 2px solid #FFBC3F; /* Зберігаємо рамку для активного */
    }

    .product-image-thumbnail img {
        width: 100%;
        height: 100%;
        aspect-ratio: 1 / 1; /* Зберігаємо співвідношення 1:1 */
        object-fit: cover;
    }

    .thumbnails .owl-item {
        margin-right: 10px !important; /* Відступ між зображеннями 10 пікселів */
        margin-left: 0 !important; /* Скидаємо лівий відступ */
        padding: 0 !important; /* Скидаємо padding */
        width: 50px !important; /* Відповідність розміру мініатюр на мобільних */
    }

    .thumbnails {
        display: flex;
        flex-wrap: nowrap; /* Забороняємо перенесення на мобільних */
        overflow-x: auto; /* Горизонтальна прокрутка */
        justify-content: flex-start; /* Вирівнювання по лівому краю */
        margin: 0 !important; /* Скидаємо відступи */
        padding: 0 !important; /* Скидаємо padding */
    }

    .thumbnails .owl-stage {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start; /* Вирівнювання по лівому краю */
        margin: 0 !important; /* Скидаємо відступи */
        padding: 0 !important; /* Скидаємо padding */
    }
}




/* Стилі для нективних сторінок у пагінації */
.woocommerce-pagination .page-numbers a.page-numbers {
    border: 2px solid #FFFFFF !important; /* Біла рамка 2 пікселі */
    box-sizing: border-box; /* Включаємо border у розміри */
}

/* Стилі для кнопки "Далі" */
.woocommerce-pagination .page-numbers a.next.page-numbers {
    border: 2px solid #FFFFFF !important; /* Біла рамка 2 пікселі */
    box-sizing: border-box; /* Включаємо border у розміри */
}

/* Медіа-запит для мобільних пристроїв (екрани до 767px) */
@media (max-width: 767px) {
    .woocommerce-pagination .page-numbers a.page-numbers {
        border: 2px solid #FFFFFF !important; /* Зберігаємо білу рамку */
    }

    .woocommerce-pagination .page-numbers a.next.page-numbers {
        border: 2px solid #FFFFFF !important; /* Зберігаємо білу рамку */
    }
}


/* Стилі для каруселі товарів */
.wd-carousel-container .product-grid-item {
    composes: wd-hover-standard !important; /* Використовуємо стандартний ховер, як у прикладі */
}

/* Колір ціни та валюти */
.wd-carousel-container .woocommerce-Price-amount,
.wd-carousel-container .woocommerce-Price-amount * {
    color: #FFFFFF !important; /* Білий колір для ціни та символу валюти */
}

/* Стилі для акційної ціни */
.wd-carousel-container .custom-price-stock ins .woocommerce-Price-amount bdi {
    color: #FFFFFF !important; /* Білий колір для числа та символу валюти */
}

/* Стилі для старої ціни (перекреслена) */
.wd-carousel-container .custom-price-stock .price del {
    color: #999 !important; /* Сірий колір для старої ціни */
    font-size: 20px !important; /* Розмір шрифту */
    position: relative;
    opacity: 1 !important;
}

.wd-carousel-container .custom-price-stock .price del::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    background-color: red; /* Червона перекреслена лінія */
    transform: translateY(-50%);
}

/* Стилі для акційної ціни (нова) */
.wd-carousel-container .custom-price-stock .price ins {
    font-size: 36px !important; /* Великий розмір шрифту */
    font-weight: 700 !important; /* Жирний шрифт */
    text-decoration: none !important; /* Без підкреслення */
}

.wd-carousel-container .custom-price-stock .price ins bdi {
    color: #FFFFFF !important; /* Білий колір для числа */
}

.wd-carousel-container .custom-price-stock .price ins .woocommerce-Price-currencySymbol {
    color: #CCCCCC !important; /* Сірий колір для символу валюти */
}

/* Порядок цін: стара → нова */
.wd-carousel-container .custom-price-stock .price {
    display: flex;
    flex-direction: row-reverse; /* Реверс порядку */
    align-items: center;
    gap: 10px;
}

/* Стилі для кнопки "Оберіть опції" */
.wd-carousel-container .wd-add-btn a.button {
    min-width: 220px;
    height: 60px;
    background-color: #FF161F !important; /* Червоний фон */
    color: #FFFFFF !important; /* Білий текст */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: none !important;
    border-radius: 12px !important;
    transition: background-color 0.3s ease !important;
    white-space: nowrap;
    padding: 0 20px;
    line-height: 1 !important;
}

.wd-carousel-container .wd-add-btn a.button::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url("https://cdn-icons-png.flaticon.com/512/1170/1170678.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.wd-carousel-container .wd-add-btn a.button:hover {
    background-color: #CC1117 !important; /* Темніший червоний при ховері */
}

/* Приховати блок кількості */
.wd-carousel-container form.cart .quantity {
    display: none !important;
}

/* Герб у каруселі */
.wd-carousel-container .product-grid-item .product-element-top {
    position: relative;
}

.wd-carousel-container .product-grid-item .product-element-top::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background-image: url('https://ua-force.keis.ua/wp-content/uploads/2025/07/archive-foto-ua.svg');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}

/* Мітка Sale (переміщення вправо) */
.wd-carousel-container .product-grid-item.sale .product-labels.labels-rounded {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
}

/* Стилі для пагінації каруселі */
.wd-carousel-container .owl-dots .owl-dot span {
    border: 2px solid #FFFFFF !important; /* Біла рамка для точок */
    box-sizing: border-box;
}

.wd-carousel-container .owl-dots .owl-dot.active span {
    background-color: #FFFFFF !important; /* Білий фон для активної точки */
}

/* Медіа-запит для мобільних пристроїв (екрани до 767px) */
@media (max-width: 767px) {
    /* Зменшення розміру кнопки */
    .wd-carousel-container .wd-add-btn a.button {
        height: 44px;
        width: 100%;
        font-size: 18px !important;
        min-width: unset;
    }

    .wd-carousel-container .wd-add-btn a.button::before {
        width: 20px;
        height: 20px;
    }

    /* Зменшення розміру цін */
    .wd-carousel-container .custom-price-stock .price ins {
        font-size: 24px !important;
    }

    .wd-carousel-container .custom-price-stock .price del {
        font-size: 16px !important;
    }

    /* Герб для мобільних */
    .wd-carousel-container .product-grid-item .product-element-top::before {
        width: 30px; /* Менший розмір герба */
        height: 30px;
    }

    /* Пагінація для мобільних */
    .wd-carousel-container .owl-dots .owl-dot span {
        border: 2px solid #FFFFFF !important;
    }
}

/* Стилі для каруселі товарів */
.wd-carousel-container .product-grid-item {
    composes: wd-hover-standard !important; /* Використовуємо стандартний ховер */
}

/* Колір ціни та валюти */
.wd-carousel-container .woocommerce-Price-amount,
.wd-carousel-container .woocommerce-Price-amount * {
    color: #FFFFFF !important; /* Білий колір для ціни та символу валюти */
}

/* Стилі для акційної ціни */
.wd-carousel-container .custom-price-stock ins .woocommerce-Price-amount bdi {
    color: #FFFFFF !important; /* Білий колір для числа та символу валюти */
}

/* Стилі для старої ціни (перекреслена) */
.wd-carousel-container .custom-price-stock .price del {
    color: #999 !important; /* Сірий колір для старої ціни */
    font-size: 20px !important; /* Розмір шрифту */
    position: relative;
    opacity: 1 !important;
}

.wd-carousel-container .custom-price-stock .price del::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    background-color: red; /* Червона перекреслена лінія */
    transform: translateY(-50%);
}

/* Стилі для акційної ціни (нова) */
.wd-carousel-container .custom-price-stock .price ins {
    font-size: 36px !important; /* Великий розмір шрифту */
    font-weight: 700 !important; /* Жирний шрифт */
    text-decoration: none !important; /* Без підкреслення */
}

.wd-carousel-container .custom-price-stock .price ins bdi {
    color: #FFFFFF !important; /* Білий колір для числа */
}

.wd-carousel-container .custom-price-stock .price ins .woocommerce-Price-currencySymbol {
    color: #CCCCCC !important; /* Сірий колір для символу валюти */
}

/* Порядок цін: стара → нова */
.wd-carousel-container .custom-price-stock .price {
    display: flex;
    flex-direction: row-reverse; /* Реверс порядку */
    align-items: center;
    gap: 10px;
}

/* Обмеження опису до 3 рядків */
.wd-carousel-container .product-short-description {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Обмеження до 3 рядків */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Стилі для кнопки "Оберіть опції" */
.wd-carousel-container .wd-add-btn a.button {
    min-width: 220px;
    height: 60px;
    background-color: #FF161F !important; /* Червоний фон */
    color: #FFFFFF !important; /* Білий текст */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: none !important;
    border-radius: 12px !important;
    transition: background-color 0.3s ease !important;
    white-space: nowrap;
    padding: 0 20px;
    line-height: 1 !important;
}

.wd-carousel-container .wd-add-btn a.button::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url("https://cdn-icons-png.flaticon.com/512/1170/1170678.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1); /* Робимо іконку білою */
}

.wd-carousel-container .wd-add-btn a.button:hover {
    background-color: #CC1117 !important; /* Темніший червоний при ховері */
}

/* Приховати блок кількості */
.wd-carousel-container form.cart .quantity {
    display: none !important;
}

/* Герб у каруселі */
.wd-carousel-container .product-grid-item .product-element-top {
    position: relative;
}

.wd-carousel-container .product-grid-item .product-element-top::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background-image: url('https://ua-force.keis.ua/wp-content/uploads/2025/07/archive-foto-ua.svg');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}

/* Мітка Sale (переміщення вправо) */
.wd-carousel-container .product-grid-item.sale .product-labels.labels-rounded {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
}

/* Стилі для пагінації каруселі */
.wd-carousel-container .owl-dots .owl-dot span {
    border: 2px solid #FFFFFF !important; /* Біла рамка для точок */
    box-sizing: border-box;
}

.wd-carousel-container .owl-dots .owl-dot.active span {
    background-color: #FFFFFF !important; /* Білий фон для активної точки */
}

/* Медіа-запит для мобільних пристроїв (екрани до 767px) */
@media (max-width: 767px) {
    /* Зменшення розміру кнопки */
    .wd-carousel-container .wd-add-btn a.button {
        height: 44px;
        width: 100%;
        font-size: 18px !important;
        min-width: unset;
    }

    .wd-carousel-container .wd-add-btn a.button::before {
        width: 20px;
        height: 20px;
        filter: brightness(0) invert(1); /* Зберігаємо білу іконку */
    }

    /* Зменшення розміру цін */
    .wd-carousel-container .custom-price-stock .price ins {
        font-size: 24px !important;
    }

    .wd-carousel-container .custom-price-stock .price del {
        font-size: 16px !important;
    }

    /* Герб для мобільних */
    .wd-carousel-container .product-grid-item .product-element-top::before {
        width: 30px; /* Менший розмір герба */
        height: 30px;
    }

    /* Пагінація для мобільних */
    .wd-carousel-container .owl-dots .owl-dot span {
        border: 2px solid #FFFFFF !important;
    }

    /* Обмеження опису до 3 рядків на мобільних */
    .wd-carousel-container .product-short-description {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* Обмеження опису до 3 рядків у каруселі */
.wd-carousel-container .product-grid-item .product-short-description {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Обмеження до 3 рядків */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Стилі для ціни */
.wd-carousel-container .product-grid-item .custom-price-stock .price {
    display: flex !important;
    flex-direction: row-reverse !important; /* Реверс порядку: стара → нова */
    align-items: center !important;
    gap: 10px !important;
}

.wd-carousel-container .product-grid-item .custom-price-stock .price .woocommerce-Price-amount,
.wd-carousel-container .product-grid-item .custom-price-stock .price .woocommerce-Price-amount * {
    color: #FFFFFF !important; /* Білий колір для ціни та валюти */
}

.wd-carousel-container .product-grid-item .custom-price-stock .price ins .woocommerce-Price-amount bdi {
    color: #FFFFFF !important; /* Білий колір для акційної ціни */
}

.wd-carousel-container .product-grid-item .custom-price-stock .price ins {
    font-size: 36px !important; /* Великий розмір шрифту */
    font-weight: 700 !important; /* Жирний шрифт */
    text-decoration: none !important; /* Без підкреслення */
}

.wd-carousel-container .product-grid-item .custom-price-stock .price ins .woocommerce-Price-currencySymbol {
    color: #CCCCCC !important; /* Сірий колір для символу валюти */
}

.wd-carousel-container .product-grid-item .custom-price-stock .price del {
    color: #999 !important; /* Сірий колір для старої ціни */
    font-size: 20px !important; /* Розмір шрифту */
    position: relative !important;
    opacity: 1 !important;
}

.wd-carousel-container .product-grid-item .custom-price-stock .price del::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    background-color: red !important; /* Червона перекреслена лінія */
    transform: translateY(-50%) !important;
}

/* Іконка для кнопки "Оберіть опції" в каруселі */
.wd-carousel-container .wd-add-btn a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    position: relative !important; /* Для позиціонування іконки */
}

.wd-carousel-container .wd-add-btn a.button::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url("https://cdn-icons-png.flaticon.com/512/1170/1170678.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    filter: brightness(0) invert(1) !important; /* Біла іконка */
}

/* Іконка для кнопки "Додати в кошик" */
.single_add_to_cart_button,
.single_add_to_cart_button.button.alt,
.single_add_to_cart_button.button.alt.disabled,
.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    position: relative !important; /* Для позиціонування іконки */
}

.single_add_to_cart_button::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url("https://cdn-icons-png.flaticon.com/512/1170/1170678.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    filter: brightness(0) invert(1) !important; /* Біла іконка */
}

/* Медіа-запит для мобільних пристроїв (екрани до 767px) */
@media (max-width: 767px) {
    /* Обмеження опису до 3 рядків на мобільних */
    .wd-carousel-container .product-grid-item .product-short-description {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Зменшення розміру іконки для кнопки "Оберіть опції" */
    .wd-carousel-container .wd-add-btn a.button::before {
        width: 20px;
        height: 20px;
        filter: brightness(0) invert(1) !important; /* Біла іконка */
    }

    /* Зменшення розміру іконки для кнопки "Додати в кошик" */
    .single_add_to_cart_button::before {
        width: 20px;
        height: 20px;
        filter: brightness(0) invert(1) !important; /* Біла іконка */
    }

    /* Зменшення розміру цін */
    .wd-carousel-container .product-grid-item .custom-price-stock .price ins {
        font-size: 24px !important;
    }

    .wd-carousel-container .product-grid-item .custom-price-stock .price del {
        font-size: 16px !important;
    }
}


/* Стилі тільки для полів Ім'я, Прізвище, Телефон, E-mail адреса */
.woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
}

#billing_first_name_field,
#billing_last_name_field,
#billing_phone_field,
#billing_email_field {
    width: 25% !important;
    padding-right: 10px !important;
    box-sizing: border-box;
}

#billing_first_name_field label,
#billing_last_name_field label,
#billing_phone_field label,
#billing_email_field label,
#billing_first_name_field input,
#billing_last_name_field input,
#billing_phone_field input,
#billing_email_field input {
    color: #ffffff;
}

/* Приховуємо поле Country / Region */
#billing_country_field {
    display: none !important;
}

/* Стилі для секції оплати */
.wc_payment_methods .wc_payment_method label,
.wc_payment_methods .payment_box p {
    color: #ffffff; /* Білий текст для міток і опису */
}

/* Стилі для радіокнопок */
.wc_payment_methods input[type="radio"] {
    appearance: none; /* Прибираємо стандартний стиль */
    width: 16px;
    height: 16px;
    border: 2px solid #ffffff; /* Білий круг, коли не активний */
    border-radius: 50%; /* Робимо круглим */
    outline: none;
    cursor: pointer;
    position: relative;
    margin-right: 8px; /* Відступ від тексту */
    vertical-align: middle;
}

.wc_payment_methods input[type="radio"]:checked {
    border-color: #FFBC3F; /* Жовтий бордер при активації */
}

.wc_payment_methods input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: #FFBC3F; /* Жовта цятка в центрі */
    border-radius: 50%;
}

/* Стилі для полів Регіон, Місто, Відділення */
#billing_nova_poshta_region_field,
#billing_nova_poshta_city_field,
#billing_nova_poshta_warehouse_field {
    width: 25% !important;
    padding-right: 10px !important;
    box-sizing: border-box;
    margin-bottom: 10px; /* Відступ знизу для кращого відображення */
}

#billing_nova_poshta_region_field label,
#billing_nova_poshta_city_field label,
#billing_nova_poshta_warehouse_field label {
    color: #ffffff !important; /* Білий текст для міток */
}

/* Стилі для Select2 (Регіон, Місто, Відділення) */
#billing_nova_poshta_region_field .select2-container--default .select2-selection--single,
#billing_nova_poshta_city_field .select2-container--default .select2-selection--single,
#billing_nova_poshta_warehouse_field .select2-container--default .select2-selection--single {
    width: 100% !important;
    box-sizing: border-box;
    padding-right: 10px !important; /* Відступ праворуч */
}

#billing_nova_poshta_region_field .select2-container--default .select2-selection__rendered,
#billing_nova_poshta_city_field .select2-container--default .select2-selection__rendered,
#billing_nova_poshta_warehouse_field .select2-container--default .select2-selection__rendered {
    color: #ffffff !important; /* Білий текст для плейсхолдера і обраних опцій */
    background: transparent !important; /* Прозорий фон */
}

#billing_nova_poshta_region_field .select2-container--default .select2-selection__arrow b,
#billing_nova_poshta_city_field .select2-container--default .select2-selection__arrow b,
#billing_nova_poshta_warehouse_field .select2-container--default .select2-selection__arrow b {
    border-color: #ffffff transparent transparent transparent !important; /* Біла стрілка */
}

/* Стилі для опцій у выпадаючому списку Select2 */
#billing_nova_poshta_region_field .select2-container .select2-dropdown .select2-results__option,
#billing_nova_poshta_city_field .select2-container .select2-dropdown .select2-results__option,
#billing_nova_poshta_warehouse_field .select2-container .select2-dropdown .select2-results__option {
    color: #ffffff !important; /* Білий текст для опцій у списку */
}

/* Стилі для фону выпадаючого списку */
#billing_nova_poshta_region_field .select2-container .select2-dropdown,
#billing_nova_poshta_city_field .select2-container .select2-dropdown,
#billing_nova_poshta_warehouse_field .select2-container .select2-dropdown {
    background-color: #000000 !important; /* Чорний фон для выпадаючого списку */
    border: none !important;
}

/* Адаптивність для всіх полів */
@media (max-width: 768px) {
    #billing_first_name_field,
    #billing_last_name_field,
    #billing_phone_field,
    #billing_email_field,
    #billing_nova_poshta_region_field,
    #billing_nova_poshta_city_field,
    #billing_nova_poshta_warehouse_field {
        width: 100% !important;
        padding-right: 0 !important;
    }
    #billing_nova_poshta_region_field .select2-container--default .select2-selection--single,
    #billing_nova_poshta_city_field .select2-container--default .select2-selection--single,
    #billing_nova_poshta_warehouse_field .select2-container--default .select2-selection--single {
        width: 100% !important;
        padding-right: 0 !important;
    }
}

#billing_nova_poshta_warehouse_field .select2-container {
    width: 200% !important;
}

#billing_mrkvnp_street_field, #billing_mrkvnp_house_field {
    margin-top: 28px; /* Вирівнювання з іншими полями */
    margin-bottom: 10px; /* Відступ між полями */
    margin-left: 10px; /* Відступ між полями */
}

#billing_mrkvnp_street_field .woocommerce-input-wrapper,
#billing_mrkvnp_house_field .woocommerce-input-wrapper {
    display: block;
}

#billing_mrkvnp_street_field .input-text,
#billing_mrkvnp_house_field .input-text {
    background-color: #000000 !important; /* Чорний фон */
    color: #ffffff !important; /* Білий текст */
    height: 40px; /* Висота поля, щоб відповідати іншим */
    line-height: 40px; /* Вирівнювання тексту */
}

/* Стилі для автозаповнення */
#billing_mrkvnp_street_field .input-text:-webkit-autofill,
#billing_mrkvnp_house_field .input-text:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #000000 inset !important; /* Чорний фон для автозаповнення */
    -webkit-text-fill-color: #ffffff !important; /* Білий текст для автозаповнення */
}