@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//hulklaptops.com.ua/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//hulklaptops.com.ua/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//hulklaptops.com.ua/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//hulklaptops.com.ua/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//hulklaptops.com.ua/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//hulklaptops.com.ua/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//hulklaptops.com.ua/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//hulklaptops.com.ua/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//hulklaptops.com.ua/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(106,106,106);
	--wd-text-font-size: 16px;
	--wd-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: rgb(27,27,27);
	--wd-entities-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(27,27,27);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: rgb(27,27,27);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 13px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(60,163,10);
	--wd-alternative-color: rgba(209,235,199,0.5);
	--btn-default-bgcolor: rgb(225,235,255);
	--btn-default-bgcolor-hover: rgb(219,227,249);
	--btn-default-color: rgb(28,97,231);
	--btn-default-color-hover: rgb(28,97,231);
	--btn-accented-bgcolor: rgb(28,97,231);
	--btn-accented-bgcolor-hover: rgb(28,97,231);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgba(209,235,199,0.5);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	background: rgb(107,163,49);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(95,158,44);
}
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-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1400px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(28,97,231);
}

.wd-sticky-nav > a,
.wd-sticky-nav .wd-sticky-nav-title {
	cursor: pointer;
}

.wd-sticky-nav .wd-sticky-nav-title:before {
	content: '';
	width: 20px;
	height: 20px;
	background-image: url('/wp-content/uploads/2026/07/Sidebar-Icon.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.wd-footer {
	padding-top: 68px;
	padding-bottom: 40px;
}

.wd-copyrights {
	display: none;
}

.osh-square {
	line-height: 0;
}

body .wd-loop-prod-btn.wd-add-btn-replace>a {
	background-color: transparent;
	border: 1px solid #3CA30A;
	color: #3CA30A;
}

body .wd-loop-prod-btn.wd-add-btn-replace>a:hover {
	background-color: #3CA30A;
	border: 1px solid #3CA30A;
	color: #fff;
}

/* Slider Card */
.osh-slider {
	height: 100%;
}

.osh-slider > div > div {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.osh-slider .wd-nav-pagin-wrap {
	    margin-top: auto;
    justify-content: flex-start;
}

.osh-slider .wd-nav-pagin-wrap ul {
	gap: 4px;
}

.osh-slider .wd-nav-pagin-wrap ul li {
	width: 12px;
	height: 12px;
}

.osh-slider .wd-nav-pagin-wrap ul li span {
margin: 0;
	width: 100%;
	height: 100%;
	border-width: 1px;
}

.osh-slider .wd-loop-prod-btn.wd-add-btn-replace>a {
	border-color: #1b1b1b;
	color: #1b1b1b;
	font-size: 16px;
	font-weight: 600;
}

.osh-slider .wd-loop-prod-btn.wd-add-btn-replace>a>span {
	font-size: 16px;
	font-weight: 600;
	min-height: 50px;
}

/* Shop sidebar */
/* Основной фон и обертка сайдбара */
.osh-shop-sidebar .elementor-widget-container {
    background-color: #F6F6F6 !important;
    border-radius: 16px;
    padding: 24px;
}

/* Линии-разделители между виджетами */
.osh-shop-sidebar .sidebar-widget {
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: 24px;
    margin-bottom: 24px;
}
.osh-shop-sidebar .sidebar-widget:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* Заголовки */
.osh-shop-sidebar .widget-title {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 22.4px !important;
    color: #6A6A6A !important;
    text-transform: capitalize !important;
    margin-bottom: 12px;
    border: none !important;
    padding: 0 !important;
    pointer-events: none !important; /* Блокирует любые нажатия */
    cursor: default !important; /* Убирает курсор в виде руки */
}

.osh-shop-sidebar .widget-title::after {
	display: none !important;
}

/* Принудительно держим контент аккордеона открытым */
.osh-shop-sidebar .wd-scroll {
    margin-top: 0 !important;
}

.osh-shop-sidebar .wd-widget-collapse .wd-scroll {
    display: block !important;
    margin-top: 0 !important;
}


/* Скрываем миниатюры брендов, чтобы оставить только текст */
.osh-shop-sidebar .wd-swatch,
.osh-shop-sidebar .wd-swatch-bg {
    display: none !important;
}

/* Расположение элементов списка (раскидываем лейбл и цифру по краям) */
.osh-shop-sidebar .wd-scroll-content li {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    margin-bottom: 0 !important;
    padding: 8px 0;
}

/* Стили для лейблов */
.osh-shop-sidebar .wd-scroll-content a {
    display: flex;
    align-items: center !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 100% !important;
    color: #6A6A6A !important;
    text-decoration: none !important;
    padding: 0 !important;
    transition: color 0.2s ease;
}

.osh-shop-sidebar .wd-scroll-content a .wd-swatch+.wd-filter-lable {
    margin: 0;
}

.osh-shop-sidebar .wd-scroll-content a:hover + .count,
.osh-shop-sidebar .wd-scroll-content li.wd-active a + .count {
    background-color: transparent !important;
}

/* Ховер эффект для текста лейблов и активного состояния */
.osh-shop-sidebar .wd-scroll-content a:hover,
.osh-shop-sidebar .wd-scroll-content a:hover .wd-filter-lable,
.osh-shop-sidebar .wd-checkboxes-on a.chosen,
.osh-shop-sidebar .wd-checkboxes-on a.chosen .wd-filter-lable,
.osh-shop-sidebar .wd-checkboxes-on li.wd-active a,
.osh-shop-sidebar .wd-checkboxes-on li.wd-active a .wd-filter-lable {
    color: #3CA30A !important;
}

/* Квадратики (чекбоксы) */
.osh-shop-sidebar .wd-checkboxes-on a:before {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid rgb(106 106 106 / 30%) !important;
    border-radius: 2px !important;
    background-color: transparent !important;
    margin-right: 9px !important;
    box-sizing: border-box;
    flex-shrink: 0 !important;
    transition: all 0.2s ease;
}

/* Состояние выбранного чекбокса (зеленый фон + белая галочка) */
.osh-shop-sidebar .wd-checkboxes-on a.chosen:before,
.osh-shop-sidebar .wd-checkboxes-on li.wd-active a:before {
    background-color: #3CA30A !important;
    border-color: #3CA30A !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: 12px 12px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Цифры (счетчики) */
.osh-shop-sidebar .count {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 100% !important;
    color: #6A6A6A !important;
    text-align: center !important;
    background-color: transparent;
    border: 1px solid #E4E4E4 !important;
    border-radius: 2px !important;
    padding: 0;
    width: 34px;
    height: 18px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

/* Блок с кнопкой и ценой (кнопка справа) */
.osh-shop-sidebar .price_slider_amount {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

/* Стили кнопки фильтра */
.osh-shop-sidebar .price_slider_amount .button {
    background-color: #E6F0E3 !important;
    color: #333333 !important;
    border-radius: 16px !important;
    padding: 6px 16px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    border: none !important;
    text-transform: none !important;
}

/* Стили для селекта сортировки */
.osh-sotring select.orderby,
.osh-sorting select.orderby {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: #6A6A6A !important;
    background-color: #ffffff !important;
    border: 1px solid #DADADA !important;
    height: 42px !important;
    border-radius: 42px !important; /* Делаем закругление как на макете */
    padding: 0 40px 0 20px !important;
    vertical-align: middle !important;
    
    /* Убираем системный стиль */
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    
    /* Добавляем свою серую стрелочку */
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 12px !important;
}

/* Убираем стандартную иконку темы, чтобы стрелки не двоились */
.osh-sotring .woocommerce-ordering::after,
.osh-sorting .woocommerce-ordering::after {
    display: none !important;
}

html .btn.wd-buy-now-btn {
	background-color: #fff;
}

html .btn.wd-buy-now-btn:hover {
	background-color: #3CA30A;
}

/* Главная (большая) картинка */
/* .osh-gallery .wd-gallery-images .woocommerce-product-gallery__image {
    background-color: #F6F6F6 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
} */

/* Скругление для самого тега img главной картинки (на всякий случай) */
/* .osh-gallery .wd-gallery-images .woocommerce-product-gallery__image img {
    border-radius: 20px !important;
} */

/* Блоки миниатюр (маленькие картинки снизу) */
/* .osh-gallery .wd-gallery-thumb .wd-carousel-item {
    background-color: #F6F6F6 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
} */

/* Скругление для самих миниатюр */
/* .osh-gallery .wd-gallery-thumb .wd-carousel-item img {
    border-radius: 12px !important;
} */

/* Cart and checkout */
/* Основные блоки-карточки (таблица слева и итоги справа) */
.osh-cart .elementor-widget-wd_cart_table > .elementor-widget-container,
.osh-cart .wd-sticky-container-lg {
    background-color: #F6F6F6 !important;
    border-radius: 20px !important;
    padding: 24px !important;
}

.osh-cart .wd-sticky-container-lg > div {
	background: transparent !important;
	padding: 0 !important;
}

/* Очистка стандартных рамок таблицы */
.osh-cart table.shop_table,
.osh-cart table.shop_table th,
.osh-cart table.shop_table td {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* Заголовки таблицы товаров */
.osh-cart .elementor-widget-wd_cart_table table.shop_table th {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #6A6A6A !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #EBEBEB !important;
    text-transform: capitalize !important;
}

/* Ячейки с товарами */
.osh-cart .elementor-widget-wd_cart_table table.shop_table td {
    padding: 20px 0 !important;
    border-bottom: 1px solid #EBEBEB !important;
    vertical-align: middle !important;
}

/* Убираем линию под последним товаром */
.osh-cart .elementor-widget-wd_cart_table table.shop_table tr.cart_item:last-child td {
    border-bottom: none !important;
}

/* Картинка товара */
.osh-cart .product-thumbnail img,
.osh-cart .shop-table-with-img td.product-thumbnail img {
    border-radius: 12px !important;
    border: none !important;
    background: transparent !important;
    width: 80px !important;
    height: auto !important;
		min-width: 100%;
    min-height: 100%;
}

/* Название товара */
.osh-cart .product-name a {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #333333 !important;
    text-decoration: none !important;
		padding-left: 8px;
}

/* Кнопка удаления товара (крестик) */
.osh-cart .product-remove a.remove {
    color: #333 !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    background: transparent !important;
}
.osh-cart .product-remove a.remove:hover {
    color: #E00000 !important;
}

.osh-cart .product-remove a.remove::before {
	display: none !important;
}

/* Зеленые цены (Промежуточный итог и Загалом) */
.osh-cart .product-subtotal .amount,
.osh-cart .order-total .amount {
    color: #3CA30A !important;
    font-weight: 700 !important;
}
.osh-cart .order-total .amount {
    font-size: 20px !important;
}

/* Блок купона */
.osh-cart .wd-cart-action-row td {
    padding-top: 24px !important;
}
.osh-cart .coupon {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.osh-cart .coupon .input-text {
    background-color: #ffffff !important;
    border: 1px solid #DADADA !important;
    border-radius: 12px !important;
    height: 42px !important;
    padding: 0 16px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    color: #333 !important;
}

/* Зеленые кнопки (Купон и Оформление) в форме таблетки */
.osh-cart .coupon .button,
.osh-cart .checkout-button {
    background-color: #3CA30A !important;
    color: #ffffff !important;
    border-radius: 42px !important; /* Форма таблетки как на макете */
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    border: none !important;
    text-transform: none !important;
    transition: opacity 0.2s ease !important;
}
.osh-cart .coupon .button:hover,
.osh-cart .checkout-button:hover {
    opacity: 0.9 !important;
}
.osh-cart .coupon .button {
    height: 42px !important;
    padding: 0 24px !important;
}
.osh-cart .checkout-button {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    padding: 14px 24px !important;
    font-size: 16px !important;
    margin-top: 24px !important;
}

/* --- ПРАВЫЙ БЛОК (Итоги) --- */

/* Кастомный заголовок "Твій кошик" от Elementor */
.osh-cart .woodmart-title-container {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    color: #333333 !important;
    border: none !important;
    margin-bottom: 24px !important;
}

/* Скрываем стандартный заголовок итогов Woodmart */
.osh-cart .cart-totals-inner > h2 {
    display: none !important;
}

/* Таблица итогов */
.osh-cart .cart_totals table th {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    color: #333333 !important;
    text-align: left !important;
    padding: 16px 0 !important;
}
.osh-cart .cart_totals table td {
    text-align: right !important;
    padding: 16px 0 !important;
}
.osh-cart .cart-subtotal th,
.osh-cart .cart-subtotal td {
    border-bottom: 1px solid #EBEBEB !important;
}
.osh-cart .order-total th {
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Инпуты количества (плюс/минус) */
.osh-cart .quantity {
    display: inline-flex !important;
    align-items: center !important;
    background-color: #ffffff !important;
    border: 1px solid #DADADA !important;
    border-radius: 8px !important;
    height: 36px !important;
    overflow: hidden !important;
}
.osh-cart .quantity input.qty {
    border: none !important;
    background: transparent !important;
    width: 36px !important;
    height: 34px !important;
    padding: 0 !important;
    text-align: center !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    color: #333 !important;
    -moz-appearance: textfield !important;
}
.osh-cart .quantity input.qty::-webkit-outer-spin-button,
.osh-cart .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.osh-cart .quantity .btn {
    background: transparent !important;
    border: none !important;
    color: #6A6A6A !important;
    width: 28px !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    cursor: pointer !important;
}
.osh-cart .quantity .btn:hover {
    color: #333 !important;
}

/* Основні блоки-карточки (Форми зліва та Ітоги справа) */
.osh-checkout .elementor-element-9d6f1a7,
.osh-checkout .elementor-element-695ea74,
.osh-checkout .elementor-element-f57a155 {
    background-color: #F6F6F6 !important;
    border-radius: 20px !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
}

/* Заголовки від Elementor */
.osh-checkout .woodmart-title-container {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    color: #333333 !important;
    border: none !important;
    margin-bottom: 24px !important;
}

/* Приховуємо стандартні заголовки WooCommerce */
.osh-checkout h3 {
    display: none !important;
}

/* --- СІТКА ФОРМИ (Grid - 2 колонки) --- */
.osh-checkout .woocommerce-billing-fields__field-wrapper,
.osh-checkout .woocommerce-additional-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px 20px !important;
}

.osh-checkout .form-row {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-column: span 1 !important; /* По замовчуванню всі поля займають 1 колонку (50%) */
    float: none !important;
}

/* Поля, які мають бути на 100% ширини (2 колонки) */
.osh-checkout .form-row.notes,
.osh-checkout #billing_company_field {
    grid-column: 1 / -1 !important;
}

/* Тексти лейблів */
.osh-checkout label {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #333333 !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.osh-checkout label .optional {
    color: #999 !important;
    font-weight: 400 !important;
}

/* Стилі інпутів */
.osh-checkout .input-text {
    background-color: #ffffff !important;
    border: 1px solid #DADADA !important;
    border-radius: 12px !important;
    height: 42px !important;
    padding: 0 16px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    color: #333333 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Текстареа для нотаток */
.osh-checkout textarea.input-text {
    height: auto !important;
    min-height: 80px !important;
    padding: 12px 16px !important;
}

/* Стилізація випадаючих списків Select2 */
.osh-checkout .select2-container--default .select2-selection--single {
    background-color: #ffffff !important;
    border: 1px solid #DADADA !important;
    border-radius: 12px !important;
    height: 42px !important;
    outline: none !important;
}
.osh-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
    padding-left: 16px !important;
    color: #333333 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
}
.osh-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
    right: 10px !important;
}

/* --- БЛОК ОПЛАТИ ТА КНОПКА --- */
.osh-checkout #payment {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.osh-checkout #payment ul.payment_methods {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 24px !important;
}

.osh-checkout .woocommerce-privacy-policy-text {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    color: #6A6A6A !important;
    margin-bottom: 20px !important;
}

.osh-checkout .button#place_order {
    background-color: #3CA30A !important;
    color: #ffffff !important;
    border-radius: 42px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    border: none !important;
    padding: 14px 32px !important;
    text-transform: none !important;
    transition: opacity 0.2s ease !important;
    display: inline-block !important;
}

.osh-checkout .button#place_order:hover {
    opacity: 0.9 !important;
}

/* --- ПРАВИЙ БЛОК (Замовлення) --- */
.osh-checkout .shop_table.woocommerce-checkout-review-order-table {
    border: none !important;
    margin: 0 !important;
}

.osh-checkout .shop_table.woocommerce-checkout-review-order-table thead {
    display: none !important;
}

.osh-checkout .shop_table.woocommerce-checkout-review-order-table th,
.osh-checkout .shop_table.woocommerce-checkout-review-order-table td {
    border: none !important;
    padding: 16px 0 !important;
    background: transparent !important;
}

/* Товар в списку */
.osh-checkout .wd-checkout-prod {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    border-bottom: 1px solid #EBEBEB !important;
    padding-bottom: 16px !important;
    position: relative;
}

/* Зображення товару */
.osh-checkout .wd-checkout-prod-img img {
    border-radius: 12px !important;
    width: 80px !important;
    height: auto !important;
    border: none !important;
}

/* Контейнер для назви, ціни та кількості */
.osh-checkout .wd-checkout-prod-cont {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding-right: 32px !important; /* Відступ, щоб ціна не налізала на хрестик */
}

/* Назва та кількість вистроєні в стовпець */
.osh-checkout .wd-checkout-prod-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

.osh-checkout .cart-product-label {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #333333 !important;
    display: block;
}

.osh-checkout .wd-checkout-prod-total .amount {
    color: #3CA30A !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

/* Фікс хрестика */
.osh-checkout .wd-checkout-remove-btn-wrapp {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 10;
}

.osh-checkout .wd-checkout-remove-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px;
    height: 24px;
}

.osh-checkout .wd-checkout-remove-btn::after {
	display: none !important;
}

.osh-checkout .wd-checkout-remove-btn:before {
    content: "×" !important;
    font-size: 24px !important;
    color: #333333 !important;
    font-weight: 300 !important;
    transition: color 0.2s ease;
}

.osh-checkout .wd-checkout-remove-btn:hover:before {
    color: #E00000 !important;
}

/* Жорстка фіксація ширини кнопок кількості (+/-) */
.osh-checkout .quantity {
    display: inline-flex !important;
    align-items: center !important;
    background-color: #ffffff !important;
    border: 1px solid #DADADA !important;
    border-radius: 8px !important;
    height: 36px !important;
    width: 100px !important;
    flex: 0 0 100px !important; /* Забороняємо розтягуватись */
    overflow: hidden !important;
	display: none !important;
}
.osh-checkout .quantity input.qty {
    border: none !important;
    background: transparent !important;
    width: 36px !important;
    height: 34px !important;
    padding: 0 !important;
    text-align: center !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    color: #333 !important;
    -moz-appearance: textfield !important;
}
.osh-checkout .quantity input.qty::-webkit-outer-spin-button,
.osh-checkout .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.osh-checkout .quantity .btn {
    background: transparent !important;
    border: none !important;
    color: #6A6A6A !important;
    width: 28px !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    cursor: pointer !important;
}
.osh-checkout .quantity .btn:hover {
    color: #333 !important;
}

/* Підсумкові рядки */
.osh-checkout tfoot tr {
    border-bottom: 1px solid #EBEBEB !important;
}
.osh-checkout tfoot tr:last-child {
    border-bottom: none !important;
}

.osh-checkout .cart-subtotal th,
.osh-checkout .order-total th {
    font-family: 'Roboto', sans-serif !important;
    color: #333333 !important;
    text-align: left !important;
}
.osh-checkout .cart-subtotal td,
.osh-checkout .order-total td {
    text-align: right !important;
}

.osh-checkout .cart-subtotal th {
    font-weight: 500 !important;
}
.osh-checkout .cart-subtotal td .amount {
    font-weight: 500 !important;
    color: #333333 !important;
}

.osh-checkout .order-total th {
    font-weight: 700 !important;
    font-size: 16px !important;
}
.osh-checkout .order-total td .amount {
    color: #3CA30A !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}

/* ==========================================
   НОВА ПОШТА ТА ДОДАТКОВІ ПОЛЯ ЧЕКАУТУ
   ========================================== */

/* 1. Повертаємо видимість "По-батькові" */
.osh-checkout #wcus_billing_middlename_field,
.osh-checkout #wcus_shipping_middlename_field {
    display: block !important;
}

/* 2. Повертаємо чекбокс "Доставити на іншу адресу?" */
.osh-checkout h3#ship-to-different-address {
    display: block !important;
    margin-bottom: 20px !important;
}
.osh-checkout h3#ship-to-different-address label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    cursor: pointer !important;
}
.osh-checkout h3#ship-to-different-address input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
}

/* 3. Приховуємо заголовок блоку самої Нової Пошти */
.osh-checkout .wcus-checkout-np-fields h3 {
    display: none !important;
}

/* 4. Інтеграція полів Нової Пошти у нашу сітку */
.osh-checkout .wcus-checkout-np-fields {
    width: 100% !important;
    margin-top: 20px !important;
		margin-bottom: 20px !important;
}

.osh-checkout .wcus-checkout-np-fields .form-row {
    margin: 0 !important;
}

/* Поле "Тип доставки (У відділення)" розтягуємо на 100% ширини */
.osh-checkout .wcus-checkout-np-fields > div > p.form-row {
    width: 100% !important;
    margin-bottom: 20px !important;
}

/* Контейнер для "Місто" та "Відділення" робимо грід-сіткою в 2 колонки */
.osh-checkout .wcus-checkout-np-fields > div > div {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    width: 100% !important;
}

/* 5. Стилізація кастомних випадаючих списків Нової Пошти (zen-ui-select) */
.osh-checkout .zen-ui-select {
    background-color: #ffffff !important;
    border: 1px solid #DADADA !important;
    border-radius: 12px !important;
    height: 42px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.osh-checkout .zen-ui-select__value {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
	    padding: 0 !important;
    height: 100% !important;
    border: unset !important;
		background: transparent !important;
}

.osh-checkout .zen-ui-select__value-text {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    color: #333333 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-right: 10px !important;
}

/* Стрілочка в селекті НП */
.osh-checkout .zen-ui-select svg {
    width: 12px !important;
    height: 12px !important;
    fill: #999999 !important;
    flex-shrink: 0 !important;
}

/* Адаптив під мобільні екрани */
@media (max-width: 768px) {
	
	
    /* Уменьшаем отступы внутри карточек для мобилок (чтобы было больше места контенту) */
    .osh-cart .elementor-widget-wd_cart_table > .elementor-widget-container,
    .osh-cart .wd-sticky-container-lg,
    .osh-checkout .elementor-element-9d6f1a7,
    .osh-checkout .elementor-element-695ea74,
    .osh-checkout .elementor-element-f57a155 {
        padding: 20px !important;
    }

    /* --- ФИКС ТАБЛИЦЫ КОРЗИНЫ --- */
    .osh-cart table.shop_table_responsive tr.cart_item {
        position: relative !important;
        padding: 16px 0 16px 96px !important; /* Освобождаем 96px слева под картинку (80px + 16px отступ) */
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        border-bottom: 1px solid #EBEBEB !important;
        min-height: 112px !important; /* Чтобы строка не была меньше картинки (80px + 16+16 padding) */
    }

    .osh-cart table.shop_table_responsive tr.cart_item td {
        display: block !important;
        padding: 0 !important;
        border: none !important;
        text-align: left !important;
				margin-left: 0 !important;
    }

    /* Скрываем авто-подписи колонок от WooCommerce */
    .osh-cart table.shop_table_responsive tr.cart_item td::before {
        display: none !important;
    }

    /* 1. Картинка (абсолютно слева) */
    .osh-cart table.shop_table_responsive td.product-thumbnail {
        position: absolute !important;
        left: 0 !important;
        top: 16px !important;
        width: 80px !important;
        height: auto !important;
        margin: 0 !important;
    }

    /* 2. Название товара (занимает всю доступную ширину и переносит остальное вниз) */
    .osh-cart table.shop_table_responsive td.product-name {
        width: 100% !important;
        padding-right: 30px !important; /* Отступ под крестик */
        margin-bottom: 12px !important; /* Отступ вниз до цены и счетчика */
    }

    /* Прячем дубль цены возле названия (фишка Woodmart на мобилках) */
    .osh-cart table.shop_table_responsive td.product-name .amount,
    .osh-cart table.shop_table_responsive td.product-name .wd-mobile-price {
        display: none !important;
    }

    /* 3. Крестик удаления (абсолютно справа сверху) */
    .osh-cart table.shop_table_responsive td.product-remove {
        position: absolute !important;
        top: 16px !important;
        right: 0 !important;
        width: 24px !important;
        height: 24px !important;
    }

    /* 4. Скрываем отдельную ячейку базовой цены (оставляем только итог) */
    .osh-cart table.shop_table_responsive td.product-price {
        display: none !important;
    }

    /* 5. Количество и Итог (встают в один ряд) */
    .osh-cart table.shop_table_responsive td.product-quantity {
        width: auto !important;
        margin: 0 !important;
    }

    .osh-cart table.shop_table_responsive td.product-subtotal {
        width: auto !important;
        margin: 0 0 0 16px !important; /* Отступ слева от счетчика */
        display: flex !important;
        align-items: center !important;
    }

    /* --- ФИКС ЧЕКАУТА --- */
		.osh-checkout > div {
				flex-direction: column-reverse;
		}
	
    /* Сетка формы чекаута в 1 колонку */
    .osh-checkout .woocommerce-billing-fields__field-wrapper,
    .osh-checkout .woocommerce-additional-fields__field-wrapper {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .osh-checkout .form-row {
        grid-column: 1 / -1 !important;
    }

    /* Товар в правом блоке чекаута (как на скрине) */
    .osh-checkout .wd-checkout-prod {
        align-items: flex-start !important; /* Прижимаем контент к верху */
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    
    .osh-checkout .wd-checkout-prod-img img {
        width: 64px !important; /* Делаем картинку чуть компактнее */
    }

    /* Выстраиваем название и цену друг под другом */
    .osh-checkout .wd-checkout-prod-cont {
        flex-direction: column !important; 
        align-items: flex-start !important;
        padding-right: 28px !important; /* Место под крестик */
        gap: 6px !important;
    }

    /* Крестик в чекауте переносим из центра в правый верхний угол */
    .osh-checkout .wd-checkout-remove-btn-wrapp {
        top: 16px !important; /* Выравниваем по линии начала названия товара */
        transform: none !important;
    }

    /* Кнопка "Підтвердити замовлення" на всю ширину мобильного экрана */
    .osh-checkout .button#place_order {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
    }
	
	.osh-cart table.shop_table_responsive .wd-cart-action-row {
		display: none;
	}
	/* Мобільна сітка для полів Нової Пошти */
    .osh-checkout .wcus-checkout-np-fields > div > div {
        grid-template-columns: 1fr !important;
    }
}

/* CF7 */
/* Обгортка всієї форми (використовуємо flex + gap для ідеальних відступів тільки між рядками) */
.osh-contact-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

/* Сітка для перших двох полів (2 колонки) */
.osh-contact-form .osh-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px; /* Відступ між колонками */
}

/* Обгортка кожного поля */
.osh-contact-form .osh-form-group {
    display: flex;
    flex-direction: column;
    margin: 0 !important; /* Прибираємо всі внутрішні відступи, gap все зробить сам */
}

/* Лейбли */
.osh-contact-form label {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #333333 !important;
    margin-bottom: 8px !important;
}

/* Стилі інпутів та текстареа */
.osh-contact-form .osh-input,
.osh-contact-form .osh-textarea {
    background-color: #ffffff !important;
    border: 1px solid #DADADA !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    color: #333333 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Форма таблетки для інпутів (повністю круглі кути) */
.osh-contact-form .osh-input {
    height: 42px !important;
    border-radius: 42px !important; 
    padding: 0 16px !important;
}

/* Текстареа: висота 42px, круглі кути, розтягується по вертикалі */
.osh-contact-form .osh-textarea {
    min-height: 42px !important;
    height: 42px; /* Прибрали !important, щоб працював resize */
    padding: 10px 16px !important; 
    border-radius: 21px !important; 
    resize: vertical !important;
}

/* Скрываем скроллбар для текстареа */
.osh-contact-form .osh-textarea {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ и старый Edge */
}

.osh-contact-form .osh-textarea::-webkit-scrollbar {
    display: none; /* Chrome, Safari, новые версии Edge и Opera */
}

/* Колір плейсхолдерів */
.osh-contact-form ::-webkit-input-placeholder { color: #6A6A6A !important; opacity: 1 !important; }
.osh-contact-form ::-moz-placeholder { color: #6A6A6A !important; opacity: 1 !important; }
.osh-contact-form :-ms-input-placeholder { color: #6A6A6A !important; opacity: 1 !important; }
.osh-contact-form ::placeholder { color: #6A6A6A !important; opacity: 1 !important; }

/* Блок з кнопкою та приміткою */
.osh-contact-form .osh-form-submit-wrap {
    margin-top: 0;
}

/* Кнопка відправки */
.osh-contact-form .osh-submit-btn {
    background-color: #3CA30A !important;
    color: #ffffff !important;
    border-radius: 42px !important; /* Також повністю кругла */
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    border: none !important;
    padding: 12px 24px !important;
    cursor: pointer !important;
    transition: opacity 0.2s ease !important;
    display: inline-block !important;
    margin-bottom: 12px !important;
}

.osh-contact-form .osh-submit-btn:hover {
    opacity: 0.9 !important;
}

/* Текст під кнопкою */
.osh-contact-form .osh-form-note {
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px !important;
    color: #6A6A6A !important;
}

.osh-contact-form p {
	margin-bottom: 0 !important;
}

.wd.wd .wd-9fd9b8f1 {
	display: none !important;
}

@media (max-width: 1024px) {
	.wd-toolbar {
		display: none !important;
	}
	
	.osh-slider > div > div {
		gap: 16px;
	}
}

/* Адаптив під мобільні пристрої */
@media (max-width: 768px) {
    .osh-contact-form .osh-form-grid {
        grid-template-columns: 1fr !important;
    }
	
	.osh-slider .wd-loop-prod-btn.wd-add-btn-replace>a>span {
	min-height: 36px;
	}
}

.product-quantity,
div.quantity {
	display: none !important;
}

/* Шапка корзины (заголовок и крестик) */
.cart-widget-side .widget-heading {
    border-bottom: 1px solid #EBEBEB !important;
    padding: 20px 24px !important;
}

.cart-widget-side .widget-title {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    color: #333333 !important;
}

/* Список товаров */
.cart-widget-side .woocommerce-mini-cart {
    padding: 20px 24px !important;
}

/* Конкретный товар в списке */
.cart-widget-side .woocommerce-mini-cart-item {
    border-bottom: 1px solid #EBEBEB !important;
    padding-bottom: 16px !important;
    margin-bottom: 16px !important;
}

/* Картинка товара */
.cart-widget-side .woocommerce-mini-cart-item img {
    border-radius: 12px !important;
}

/* Название товара */
.cart-widget-side .woocommerce-mini-cart-item .product-title {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    color: #333333 !important;
}

/* Блок с итоговой суммой (внизу) */
.cart-widget-side .woocommerce-mini-cart__total {
    border-top: 1px solid #EBEBEB !important;
    padding: 16px 24px !important;
    background: #fff !important;
}

.cart-widget-side .woocommerce-mini-cart__total .amount {
    color: #3CA30A !important;
    font-weight: 700 !important;
}

/* Обертка кнопок в самом низу */
.cart-widget-side .woocommerce-mini-cart__buttons {
    padding: 0 24px 24px !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* Базовые стили для обеих кнопок (форма таблетки) */
.cart-widget-side .woocommerce-mini-cart__buttons .button {
    border-radius: 42px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

/* Кнопка "Переглянути кошик" (контурная) */
.cart-widget-side .woocommerce-mini-cart__buttons .btn-cart {
    background-color: transparent !important;
    color: #3CA30A !important;
    border: 2px solid #3CA30A !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons .btn-cart:hover {
    background-color: #3CA30A !important;
    color: #ffffff !important;
}

/* Кнопка "Оформление заказа" (полностью зеленая) */
.cart-widget-side .woocommerce-mini-cart__buttons .checkout {
    background-color: #3CA30A !important;
    color: #ffffff !important;
    border: 2px solid #3CA30A !important; /* Бордер нужен, чтобы кнопки были идентичны по высоте */
}

.cart-widget-side .woocommerce-mini-cart__buttons .checkout:hover {
    opacity: 0.9 !important;
}

.widget_shopping_cart .wd-free-progress-bar {
	display: none;
}

/* Карточка порожнього кошика */
.woocommerce:has(.cart-empty) {
    background-color: #F6F6F6 !important;
    border-radius: 20px !important;
    padding: 80px 24px !important;
    margin: 40px auto !important;
    max-width: 600px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Заголовок "Ваш кошик порожній" */
.woocommerce h2.cart-empty {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    color: #333333 !important;
    margin-bottom: 16px !important;
    border: none !important;
    padding: 0 !important;
}

/* Текст-опис під заголовком */
.woocommerce .wd-empty-block-text {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #6A6A6A !important;
    margin-bottom: 32px !important;
}

/* Обгортка кнопки */
.woocommerce .return-to-shop {
    margin: 0 !important;
}

/* Кнопка "Повернутись в магазин" (таблетка) */
.woocommerce .return-to-shop a.button {
    background-color: #3CA30A !important;
    color: #ffffff !important;
    border-radius: 42px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    border: none !important;
    padding: 14px 32px !important;
    text-transform: none !important;
    transition: opacity 0.2s ease !important;
    display: inline-block !important;
}

.woocommerce .return-to-shop a.button:hover {
    opacity: 0.9 !important;
}

.wd-page-title {
	display: none;
}