/* ==========================================================================
   SmartLife UI — дизайн-система вітрини smartlifeua.store
   Усі правила мають префікс .slui (клас на <body>), щоб перекривати стилі теми
   без правок style.css. Вимкнення плагіна повертає попередній вигляд.
   ========================================================================== */

:root {
	--slui-blue: #0055ba;
	--slui-blue-d: #00408c;
	--slui-navy: #183d95;
	--slui-red: #e4262a;
	--slui-red-d: #c41d21;
	--slui-yellow: #f4df2d;
	--slui-ink: #141a2b;
	--slui-text: #2b3242;
	--slui-muted: #5d6577;
	--slui-line: #e2e6ee;
	--slui-soft: #f4f6fa;
	--slui-ok: #1f7a45;
	--slui-ok-bg: #e4f4ea;
	--slui-warn: #7a5000;
	--slui-warn-bg: #fff4d6;
	--slui-r: 8px;
	--slui-hh: 108px;
	--slui-font: Montserrat, "Segoe UI", Roboto, Arial, sans-serif;
}
@media (max-width: 1024px) {
	:root { --slui-hh: 60px; }
}

.slui .site { padding-top: var(--slui-hh) !important; }
.slui-skip { position: absolute; left: -9999px; top: 0; z-index: 100000; background: #fff; color: #000; padding: 10px 14px; }
.slui-skip:focus { left: 10px; top: 10px; }
.slui :focus-visible { outline: 2px solid var(--slui-blue); outline-offset: 2px; }
.slui-ic { flex: 0 0 auto; }

/* ---------- Кнопки ---------- */
.slui .button,
.slui button.button,
.slui a.button,
.slui .add_to_cart_button,
.slui .single_add_to_cart_button,
.slui #place_order,
.slui .woocommerce a.button,
.slui .woocommerce button.button {
	font-family: var(--slui-font) !important;
	border-radius: var(--slui-r) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.slui .add_to_cart_button,
.slui .single_add_to_cart_button,
.slui #place_order,
.slui .woocommerce a.button.alt,
.slui .woocommerce button.button.alt {
	background-color: var(--slui-red) !important;
	color: #fff !important;
	border: 0 !important;
}
.slui .add_to_cart_button:hover,
.slui .single_add_to_cart_button:hover,
.slui #place_order:hover {
	background-color: var(--slui-red-d) !important;
	color: #fff !important;
}
.slui .btn-sm {
	background: #fff !important;
	color: var(--slui-blue) !important;
	border: 1.5px solid var(--slui-blue) !important;
	border-radius: var(--slui-r) !important;
	font-weight: 600 !important;
}
.slui .btn-sm:hover { background: var(--slui-blue) !important; color: #fff !important; }
.slui-link-btn,
.slui .slf-negotiate-btn.slui-link-btn {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 4px 0 0 !important;
	color: var(--slui-blue) !important;
	font: 500 14px/1.4 var(--slui-font) !important;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
	animation: none !important;
	width: auto !important;
	height: auto !important;
}

/* ==========================================================================
   Шапка
   ========================================================================== */
.slui .site-header.slui-header {
	padding: 0 !important;
	left: 0; right: 0; width: 100%;
	background: var(--slui-blue) !important;
	box-shadow: 0 2px 12px rgba(8, 24, 60, .12);
}
.admin-bar .site-header.slui-header { top: 32px; }
/* SEO-блок унизу головної */
.slui .slui-seo { max-width: 1360px; margin: 0 auto; padding: 40px 0px 56px; color: var(--slui-text); }
.slui .slui-seo h2 { font: 800 clamp(22px, 2.4vw, 28px)/1.25 var(--slui-font); margin: 0 0 12px; color: var(--slui-ink); }
.slui .slui-seo h3 { font: 700 16px/1.35 var(--slui-font); margin: 0 0 8px; color: var(--slui-ink); }
.slui .slui-seo p, .slui .slui-seo li { font-size: 15px; line-height: 1.6; }
@media (max-width: 782px) { .admin-bar .site-header.slui-header { top: 46px; } .slui .slui-seo{padding: 40px 16px 56px;}}

.slui-h-inner {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 16px;
}
.slui-h-main .slui-h-inner { height: 64px; }

.slui .slui-header .site-branding { flex: 0 0 auto; margin: 0 !important; text-align: left !important; order: 0; }
.slui .slui-header .site-branding a { display: block; }
.slui .slui-header .site-branding img {
	height: 40px !important;
	width: auto !important;
	max-width: 190px !important;
	min-width: 0 !important;
	display: block;
}

/* Каталог */
.slui-catalog { position: relative; flex: 0 0 auto; }
.slui-catalog__btn {
	display: inline-flex; align-items: center; gap: 8px;
	height: 42px; padding: 0 18px;
	border: 0; border-radius: var(--slui-r);
	background: var(--slui-yellow); color: #111;
	font: 700 15px/1 var(--slui-font);
	cursor: pointer;
}
.slui-catalog__btn:hover, .slui-catalog.is-open .slui-catalog__btn { background: #ffe94d; }
.slui-catalog__panel {
	position: absolute; top: calc(100% + 11px); left: 0;
	width: min(980px, calc(100vw - 40px));
	background: #fff; color: var(--slui-ink);
	border-radius: 12px;
	box-shadow: 0 18px 44px rgba(10, 20, 50, .24);
	padding: 22px 24px 16px;
	z-index: 1001;
}
.slui-catalog__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px 28px;
	max-height: min(68vh, 620px);
	overflow: auto;
}
.slui-catalog__top {
	display: flex; justify-content: space-between; gap: 8px;
	font: 700 15px/1.3 var(--slui-font);
	color: var(--slui-ink) !important;
	text-decoration: none;
	padding-bottom: 8px; margin-bottom: 6px;
	border-bottom: 1px solid var(--slui-line);
}
.slui-catalog__top span { color: var(--slui-muted); font-weight: 500; font-size: 13px; }
.slui-catalog__col ul { list-style: none; margin: 0; padding: 0; }
.slui-catalog__col li a {
	display: block; padding: 4px 0;
	font: 500 14px/1.35 var(--slui-font);
	color: var(--slui-text) !important;
	text-decoration: none;
}
.slui-catalog__top:hover, .slui-catalog__col li a:hover { color: var(--slui-blue) !important; }
.slui-catalog__foot {
	display: flex; flex-wrap: wrap; gap: 8px 24px;
	margin-top: 14px; padding-top: 12px;
	border-top: 1px solid var(--slui-line);
}
.slui-catalog__foot a { display: inline-flex; align-items: center; gap: 6px; font: 600 14px var(--slui-font); color: var(--slui-blue) !important; text-decoration: none; }

/* Пошук */
.slui-search {
	flex: 1 1 auto; min-width: 180px; max-width: 560px;
	height: 42px;
	display: flex; align-items: center; gap: 10px;
	padding: 0 14px;
	background: #fff; color: #737b8e;
	border: 0; border-radius: var(--slui-r);
	font: 500 14px/1 var(--slui-font);
	text-align: left; cursor: text;
}
.slui-search span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.slui-search .slui-ic { color: var(--slui-blue); }

/* Дії праворуч */
.slui-h-actions { margin-left: auto; display: flex; align-items: center; gap: 14px; }
.slui-msgs { display: flex; gap: 8px; }
.slui-msg {
	display: inline-flex; align-items: center; gap: 6px;
	height: 38px; padding: 0 12px;
	border-radius: var(--slui-r);
	font: 600 13px/1 var(--slui-font);
	text-decoration: none !important;
	white-space: nowrap;
}
.slui-msgs--header .slui-msg { color: #fff !important; border: 1px solid rgba(255, 255, 255, .38); }
.slui-msgs--header .slui-msg:hover { background: rgba(255, 255, 255, .14); }

.slui .slui-header #woo-search-btn { display: none; color: #fff !important; text-decoration: none; }
.slui .slui-header #woo-search-btn .ser-t { display: none !important; }
.slui .slui-h-actions .header-favorites,
.slui .slui-h-actions .header-cart {
	position: relative; margin: 0 !important; order: 0;
	display: flex; align-items: center;
}
.slui .slui-h-actions .header-favorites a { color: var(--slui-yellow); display: flex; align-items: center; }
.slui .slui-header .menu-toggle { display: none !important; }

/* Другий рядок: меню й переваги */
.slui-h-nav { background: #fff; border-bottom: 1px solid var(--slui-line); }
.slui-h-nav .slui-h-inner { height: 44px; justify-content: space-between; }
.slui .slui-header .main-navigation {
	display: block !important; position: static !important;
	width: auto !important; height: auto !important;
	margin: 0 !important; padding: 0 !important;
	background: none !important; order: 0;
}
.slui .slui-header .main-navigation ul.nav-menu {
	display: flex !important; flex-wrap: nowrap; gap: 2px;
	margin: 0 !important; padding: 0 !important; list-style: none;
	background: none !important;
}
.slui .slui-header .main-navigation li { margin: 0 !important; padding: 0 !important; }
.slui .slui-header .main-navigation li a {
	display: block;
	padding: 0 11px;
	font: 600 13px/44px var(--slui-font) !important;
	letter-spacing: .02em;
	color: var(--slui-ink) !important;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}
.slui .slui-header .main-navigation li a:first-of-type{padding:0 11px 0 0}
.slui .slui-header .main-navigation li a:hover { color: var(--slui-blue) !important; }
.slui .slui-header .main-navigation li.current-menu-item > a { color: var(--slui-blue) !important; border-bottom-color: var(--slui-blue); }
.slui-mbadge {
	display: inline-grid; place-items: center;
	min-width: 18px; height: 18px; padding: 0 4px;
	border-radius: 9px; margin-left: 3px; vertical-align: 1px;
	background: var(--slui-blue); color: #fff;
	font: 700 11px/1 var(--slui-font);
}
.slui-mbadge--sale { background: var(--slui-red); }

.slui-benefits { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; }
.slui-benefits li { display: flex; align-items: center; gap: 6px; font: 500 12.5px/1.3 var(--slui-font); color: var(--slui-muted); white-space: nowrap; }
.slui-benefits .slui-ic { color: var(--slui-blue); }

@media (max-width: 1360px) {
	.slui-h-nav .slui-benefits { display: none; }
	.slui-msgs--header .slui-msg span { display: none; }
	.slui-msgs--header .slui-msg { padding: 0 10px; }
}
@media (max-width: 1024px) {
	.slui .slui-seo{padding: 40px 32px 56px;}
	.slui-h-nav, .slui-catalog, .slui-search, .slui-msgs--header { display: none !important; }
	.slui-h-main .slui-h-inner { height: 60px; padding: 0 12px; gap: 10px; }
	.slui .slui-header .site-branding { order: 1; }
	.slui .slui-header .site-branding img { height: 32px !important; }
	.slui .slui-header .menu-toggle { display: flex !important; flex-direction: column; justify-content: center; gap: 5px; order: 0; width: 36px; height: 36px; margin: 0 !important; position: static !important; }
	.slui .slui-header .menu-toggle .bar { display: block; width: 24px; height: 2px; background: #fff; margin: 0 !important; }
	.slui-h-actions { order: 2; gap: 12px; }
	.slui .slui-header #woo-search-btn { display: inline-flex; align-items: center; }
}

/* Мобільне меню: каталог і месенджери */
.slui .off-canvas-menu .slui-mcat { padding: 8px 0 12px; margin-bottom: 8px; border-bottom: 1px solid var(--slui-line); }
.slui-mcat__title { margin: 0 0 6px; font: 700 12px/1 var(--slui-font); letter-spacing: .08em; text-transform: uppercase; color: var(--slui-muted); }
.slui-mcat__item summary, .slui-mcat__link {
	display: block; padding: 10px 0;
	font: 600 15px/1.3 var(--slui-font);
	color: var(--slui-ink) !important; text-decoration: none; cursor: pointer;
	list-style: none;
}
.slui-mcat__item summary::-webkit-details-marker { display: none; }
.slui-mcat__item summary::after { content: "+"; float: right; color: var(--slui-muted); }
.slui-mcat__item[open] summary::after { content: "−"; }
.slui-mcat__item ul { list-style: none; margin: 0 0 8px; padding: 0 0 0 12px; }
.slui-mcat__item li a { display: block; padding: 6px 0; font: 500 14px/1.35 var(--slui-font); color: var(--slui-text) !important; text-decoration: none; }
.slui-msgs--menu { flex-wrap: wrap; margin-top: 16px; }
.slui-msgs--menu .slui-msg { color: var(--slui-blue) !important; border: 1px solid var(--slui-blue); }

/* ==========================================================================
   Заголовки сторінок, хлібні крихти
   ========================================================================== */
.slui .woocommerce-breadcrumb,
.slui .aioseo-breadcrumbs { font: 500 13px/1.5 var(--slui-font); color: var(--slui-muted); }
.slui .woocommerce-breadcrumb a,
.slui .aioseo-breadcrumbs a { color: var(--slui-blue); text-decoration: none; }

.slui .h1cat,
.slui h1.category-title,
.slui .page-title,
.slui.page .entry-header .entry-title {
	font: 800 clamp(26px, 3vw, 36px)/1.2 var(--slui-font) !important;
	color: var(--slui-ink);
	text-wrap: balance;
}
.slui h1.category-title { text-align: center; margin: 12px 20px 16px !important; }
.slui.page .site-main > article { max-width: 1200px; margin: 0 auto; }
.slui.page:not(.home) .site-main > article > .entry-header { padding: 28px 50px 0; }
.slui.page:not(.home) .site-main > article > .entry-header .entry-title { text-align: left; margin: 0; }
@media (max-width: 768px) {
	.slui.page:not(.home) .site-main > article > .entry-header { padding: 20px 16px 0; }
}

/* ==========================================================================
   Картки товарів (сітка)
   ========================================================================== */
.slui .product-grid:not(.view-list) { gap: 16px !important; list-style: none; }
.slui .product-grid:not(.view-list) > li.product,
.slui .product-grid:not(.view-list) > .product {
	display: flex !important; flex-direction: column;
	background: #fff;
	border: 1px solid var(--slui-line);
	border-radius: 12px;
	padding: 10px 10px 12px !important;
	margin: 0 !important;
	width: auto !important; min-width: 0;
	text-align: left !important;
	position: relative;
	transition: box-shadow .2s ease, border-color .2s ease;
}
.slui .product-grid:not(.view-list) > li.product:hover {
	border-color: #c8d2e6;
	box-shadow: 0 10px 24px rgba(24, 61, 149, .10);
}
.slui .product-grid:not(.view-list) li.product > a.woocommerce-loop-product__link {
	display: flex !important; flex-direction: column; flex: 1 1 auto;
	color: inherit; text-decoration: none;
}
.slui .product-grid:not(.view-list) .product-image-wrapper { position: relative; border-radius: 8px; overflow: hidden; margin: 0 0 10px !important; }
.slui .product-grid:not(.view-list) .product-image-wrapper img {
	width: 100% !important; height: auto !important;
	aspect-ratio: 1 / 1; object-fit: contain;
	display: block; margin: 0 !important;
}
.slui .product-grid:not(.view-list) .woocommerce-loop-product__title {
	font: 600 15px/1.35 var(--slui-font) !important;
	color: var(--slui-ink) !important;
	text-align: left !important;
	margin: 0 0 6px !important; padding: 0 !important;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	overflow: hidden; min-height: 2.7em;
	height: auto !important;
}
.slui .product-grid:not(.view-list) .product-sku-loop {
	background: none !important;
	color: var(--slui-muted) !important;
	width: auto !important;
	margin: 0 0 4px !important; padding: 0 !important;
	font: 500 12px/1.3 var(--slui-font) !important;
	text-align: left !important;
	border-radius: 0 !important;
}
.slui .product-grid:not(.view-list) .product-sku-loop strong { color: var(--slui-muted); font-weight: 600; }
.slui .product-grid:not(.view-list) .star-rating { margin: 2px 0 4px !important; font-size: 12px; }
.slui .product-grid:not(.view-list) .price {
	margin: auto 0 0 !important; padding: 6px 0 0 !important;
	display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 2px 8px;
	font: 700 18px/1.2 var(--slui-font) !important;
	color: var(--slui-ink) !important;
	text-align: left !important;
}
.slui .product-grid:not(.view-list) .price del { order: 2; font-size: 13px !important; font-weight: 500; color: #5f6779 !important; opacity: 1; }
.slui .product-grid:not(.view-list) .price ins { order: 1; color: var(--slui-red) !important; font-size: 18px !important; font-weight: 700; text-decoration: none; }
.slui .product-grid:not(.view-list) li.product > .button,
.slui .product-grid:not(.view-list) li.product > a.button {
	margin: 10px 0 0 !important;
	width: 100% !important; height: 42px;
	display: flex !important; align-items: center; justify-content: center;
	padding: 0 10px !important;
	font: 600 14px/1 var(--slui-font) !important;
}
.slui .product-grid:not(.view-list) li.product.outofstock > button,
.slui .product-grid:not(.view-list) li.product.outofstock > .button,
.slui .product-grid:not(.view-list) li.product.outofstock > a:not(.woocommerce-loop-product__link) {
	margin-top: 10px !important;
	width: 100% !important; min-height: 42px;
	background: #fff !important;
	color: var(--slui-blue) !important;
	border: 1.5px solid var(--slui-blue) !important;
	border-radius: var(--slui-r) !important;
	font: 600 11px/1.2 var(--slui-font) !important;
}
.slui .product-grid:not(.view-list) li.product .added_to_cart { display: block; text-align: center; margin-top: 6px; font-size: 13px; color: var(--slui-blue); }

/* Сітки: планшет і телефон — 3 / 2 колонки */
@media (max-width: 1024px) and (min-width: 681px) {
	.slui .product-grid:not(.view-list) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; padding-left: 16px !important; padding-right: 16px !important; }
}
@media (max-width: 680px) {
	.slui .product-grid:not(.view-list) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		padding-left: 12px !important; padding-right: 12px !important;
	}
	.slui .product-grid:not(.view-list) > li.product { padding: 8px 8px 10px !important; border-radius: 10px; }
	.slui .product-grid:not(.view-list) .woocommerce-loop-product__title { font-size: 13px !important; }
	.slui .product-grid:not(.view-list) .price { font-size: 16px !important; }
	.slui .product-grid:not(.view-list) .price ins { font-size: 16px !important; }
	.slui .product-grid:not(.view-list) li.product > .button,
	.slui .product-grid:not(.view-list) li.product > a.button { height: 38px; font-size: 13px !important; }
	.slui .product-grid:not(.view-list) .custom-badge { font-size: 10px !important; }
}

/* Заголовки секцій головної */
.slui .slf-promo-block__title,
.slui .categories > h2,
.slui section.products > h2,
.slui .slui-sec-head h2 {
	font: 800 clamp(22px, 2.4vw, 30px)/1.2 var(--slui-font) !important;
	color: var(--slui-ink) !important;
	text-align: center;
	margin: 0 0 22px !important;
}
.slui-sec-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 6px 16px; margin: 0 0 22px; }
.slui-sec-head h2 { margin: 0 !important; }
.slui-sec-link { font: 600 15px var(--slui-font); color: var(--slui-blue) !important; text-decoration: none; }
.slui-sec-link:hover { text-decoration: underline; }

/* ==========================================================================
   Головна: перший екран
   ========================================================================== */
.slui .hero-section {
	height: auto !important; min-height: 0 !important;
	padding: 64px 20px 56px !important;
	display: flex; align-items: center;
	overflow: hidden;
}
.slui .hero-bg-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.slui .hero-overlay {
	inset: 0; width: 100%; height: 100%;
	background: linear-gradient(90deg, rgba(5, 22, 60, .92) 0%, rgba(5, 22, 60, .78) 48%, rgba(5, 22, 60, .38) 100%) !important;
}
.slui .hero-content {
	position: relative; z-index: 1;
	width: 100%; max-width: 1360px; margin: 0 auto;
	align-items: flex-start !important; text-align: left !important;
	padding: 0 !important;
}
.slui .hero-icon { display: none !important; }
.slui .hero-text-first {
	font: 700 13px/1.4 var(--slui-font) !important;
	letter-spacing: .08em; text-transform: uppercase;
	color: var(--slui-yellow) !important;
	margin: 0 0 14px !important; opacity: 1 !important;
	text-align: left !important;
}
.slui .hero-title {
	font: 800 clamp(28px, 4vw, 48px)/1.12 var(--slui-font) !important;
	color: #fff !important;
	max-width: 780px;
	margin: 0 0 16px !important;
	text-align: left !important;
	text-wrap: balance;
}
.slui .hero-text-second {
	font: 500 17px/1.55 var(--slui-font) !important;
	color: rgba(255, 255, 255, .88) !important;
	max-width: 620px;
	margin: 0 0 26px !important;
	text-align: left !important;
}
.slui .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 26px; }
.slui .hero-btn {
	display: inline-flex !important; align-items: center; justify-content: center;
	height: 52px; width: auto !important;
	padding: 0 28px !important;
	border-radius: var(--slui-r) !important;
	background: var(--slui-yellow) !important; color: #111 !important;
	font: 700 16px/1 var(--slui-font) !important;
	text-transform: none !important; text-decoration: none !important;
	margin: 0 !important; border: 0;
}
.slui .hero-btn:hover { background: #ffe94d !important; }
.slui .hero-btn--ghost { background: transparent !important; color: #fff !important; border: 1.5px solid rgba(255, 255, 255, .75) !important; }
.slui .hero-btn--ghost:hover { background: rgba(255, 255, 255, .12) !important; }
.slui .hero .slui-benefits { flex-wrap: wrap; gap: 10px 24px; }
.slui .hero .slui-benefits li { color: rgba(255, 255, 255, .92); font-size: 14px; white-space: normal; }
.slui .hero .slui-benefits .slui-ic { color: var(--slui-yellow); }
@media (max-width: 680px) {
	.slui .hero-section { padding: 36px 16px 32px !important; }
	.slui .hero-text-first { font-size: 11px !important; margin-bottom: 10px !important; }
	.slui .hero-text-second { font-size: 15px !important; }
	.slui .hero-actions { width: 100%; }
	.slui .hero-btn { flex: 1 1 auto; height: 48px; padding: 0 16px !important; font-size: 15px !important; }
	.slui .hero .slui-benefits { flex-direction: column; gap: 8px; }
}

/* Популярні категорії */
.slui .slui-home-cats { padding: 48px 20px !important; }
.slui .slui-home-cats .category-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px; max-width: 1200px; margin: 0 auto; padding: 0 !important;
}
.slui .slui-home-cats .category-card {
	display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
	width: auto !important; margin: 0 !important;
	padding: 22px 16px !important;
	background: var(--slui-soft) !important;
	border: 1px solid transparent;
	border-radius: 12px !important;
	text-align: center; text-decoration: none !important; color: var(--slui-ink) !important;
	box-shadow: none !important;
	transition: border-color .15s ease, background-color .15s ease;
}
.slui .slui-home-cats .category-card:hover { background: #fff !important; border-color: var(--slui-blue); }
.slui .slui-home-cats .category-card img { width: 64px !important; height: 64px !important; object-fit: contain; margin: 0 !important; }
.slui .slui-home-cats .category-card h3 { font: 700 15px/1.3 var(--slui-font) !important; margin: 0 !important; color: var(--slui-ink); }
.slui-cat-count { font: 500 13px var(--slui-font); color: var(--slui-muted); }
@media (max-width: 680px) {
	.slui .slui-home-cats { padding: 32px 12px !important; }
	.slui .slui-home-cats .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.slui .slui-home-cats .category-card { padding: 16px 10px !important; }
	.slui .slui-home-cats .category-card img { width: 48px !important; height: 48px !important; }
	.slui .slui-home-cats .category-card h3 { font-size: 13px !important; }
}



/* ==========================================================================
   Каталог, категорії, акції, новинки
   ========================================================================== */
.slui.archive section.categories { padding: 20px 20px 12px !important; }
.slui.archive section.categories .h1cat { margin: 0 0 16px !important; }
.slui.archive .category-grid {
	display: flex !important; flex-wrap: wrap; gap: 8px !important;
	grid-template-columns: none !important;
	justify-content: center;
	padding: 0 !important; max-width: 1400px; margin: 0 auto !important;
}
.slui.archive .category-grid .category-card {
	display: flex !important; flex-direction: row; align-items: center; gap: 0;
	width: auto !important; min-height: 0 !important; height: auto !important;
	padding: 0 !important; margin: 0 !important;
	background: #fff !important;
	border: 1px solid var(--slui-line) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
}
.slui.archive .category-grid .category-card:hover { border-color: var(--slui-blue) !important; }
.slui.archive .category-grid .category-card > a:first-child {
	display: flex; align-items: center; gap: 8px;
	padding: 6px 14px 6px 8px;
	text-decoration: none; color: var(--slui-ink) !important;
}
.slui.archive .category-grid .category-card img { width: 28px !important; height: 28px !important; object-fit: contain; margin: 0 !important; display: block !important; }
.slui.archive .category-grid .category-card h3 { font: 600 13px/1.25 var(--slui-font) !important; margin: 0 !important; text-transform: none !important; white-space: nowrap; }
.slui.archive .category-grid .category-card .btn-sm { display: none !important; }
.slui.archive .category-grid .slf-cat-extra { display: flex !important; }
.slui.archive .slf-cat-toggle,
.slui.archive .slf-categories-toggle,
.slui.archive .category-grid + button,
.slui.archive .slf-cat-more { display: none !important; }
@media (max-width: 680px) {
	.slui.archive .category-grid { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; padding: 0 0 6px !important; scrollbar-width: none; }
	.slui.archive .category-grid::-webkit-scrollbar { display: none; }
	.slui.archive section.categories { padding: 14px 12px 8px !important; }
}

/* Панель над товарами */
.slui .woocommerce-products-header { max-width: 1400px; margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 680px) {
	.slui .woocommerce-products-header .view-mode-toggle,
	.slui .woocommerce-products-header .products-per-page { display: none !important; }
	.slui .woocommerce-products-header { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0 12px !important; }
	.slui .woocommerce-products-header > *:last-child { flex: 1 1 100%; }
	.slui .woocommerce-products-header select { width: 100% !important; max-width: none !important; height: 42px; }
}

/* Фільтри ліворуч (десктоп) */
.slui-cat-layout {
	display: grid; grid-template-columns: 260px minmax(0, 1fr);
	gap: 24px; align-items: start;
	max-width: 1400px; margin: 0 auto; padding: 0 20px;
}
.slui-cat-aside {
	position: sticky; top: calc(var(--slui-hh) + 16px);
	max-height: calc(100vh - var(--slui-hh) - 32px); overflow: auto;
	background: #fff; border: 1px solid var(--slui-line); border-radius: 12px;
	padding: 16px;
}
.slui-cat-aside__title { margin: 0 0 10px; font: 700 16px var(--slui-font); color: var(--slui-ink); }
.slui .slui-cat-aside .slf-filters { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
.slui .slui-cat-aside .slf-filters__toggle { display: none !important; }
.slui .slui-cat-aside .slf-filters__body { display: block !important; max-height: none !important; overflow: visible !important; height: auto !important; opacity: 1 !important; visibility: visible !important; }
.slui .slui-cat-aside .slf-filters__grid { display: flex !important; flex-direction: column; gap: 16px; }
.slui .slui-cat-aside .slf-filter-group__title { font: 700 13px/1.3 var(--slui-font) !important; margin: 0 0 6px !important; }
.slui .slui-cat-layout .product-catalog { min-width: 0; }
.slui .slui-cat-layout .product-grid:not(.view-list) {
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
	padding: 0 !important; margin: 0 !important;
}

/* ==========================================================================
   Картка товару
   ========================================================================== */
.slui.single-product div.product { max-width: 1360px; margin: 0 auto; padding: 8px 20px 0; }
.slui.single-product div.product::after { content: ""; display: table; clear: both; }
.slui.single-product div.product .woocommerce-product-gallery {
	opacity: 1 !important;
	float: left !important; width: 48% !important;
	margin: 0 0 32px !important;
}
.slui.single-product div.product .woocommerce-product-gallery img { border-radius: 12px; }
.slui.single-product div.product .woocommerce-product-gallery .flex-control-thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px !important; }
.slui.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { width: 72px !important; margin: 0 !important; float: none !important; }
.slui.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img { border-radius: 8px; border: 1px solid var(--slui-line); }
.slui.single-product div.product .summary {
	float: right !important; width: 48% !important;
	margin: 0 0 32px !important;
	text-align: left;
}
.slui.single-product div.product .summary .product_title {
	font: 800 clamp(22px, 2.4vw, 30px)/1.25 var(--slui-font) !important;
	color: var(--slui-ink);
	margin: 0 0 10px !important;
	text-wrap: balance;
}
.slui.single-product div.product .summary .slf-fav-btn--single { margin: 0 0 10px !important; }
.slui.single-product div.product .summary .woocommerce-product-rating { margin: 0 0 6px !important; }
.slui.single-product div.product .summary p.price {
	display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px;
	font: 800 30px/1.15 var(--slui-font) !important;
	color: var(--slui-ink) !important;
	margin: 12px 0 8px !important;
}
.slui.single-product div.product .summary p.price del { order: 2; font-size: 18px !important; font-weight: 500; color: #5f6779 !important; }
.slui.single-product div.product .summary p.price ins { order: 1; color: var(--slui-red) !important; text-decoration: none; font-size: 30px !important; }
.slui.single-product div.product .summary .woocommerce-product-details__short-description { font: 400 15px/1.6 var(--slui-font); color: var(--slui-text); margin: 0 0 12px; }
.slui.single-product div.product .summary .stock {
	display: inline-flex !important; align-items: center; gap: 6px;
	margin: 0 0 12px !important; padding: 5px 10px;
	border-radius: 6px;
	font: 600 13px/1.2 var(--slui-font) !important;
	background: var(--slui-ok-bg); color: var(--slui-ok) !important;
}
.slui.single-product div.product .summary .stock::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.slui.single-product div.product .summary .stock.out-of-stock { background: #fdecec; color: #b3261e !important; }
.slui.single-product div.product .summary form.cart {
	display: flex !important; align-items: stretch; gap: 10px;
	margin: 4px 0 8px !important;
}
.slui.single-product div.product .summary form.cart .quantity { margin: 0 !important; float: none !important; }
.slui.single-product div.product .summary form.cart .quantity input.qty {
	width: 76px !important; height: 52px !important;
	border: 1px solid #cfd5e2; border-radius: var(--slui-r);
	font: 600 16px var(--slui-font); text-align: center;
}
.slui.single-product div.product .summary .single_add_to_cart_button {
	flex: 1 1 auto; max-width: 360px;
	height: 52px; padding: 0 24px !important;
	font: 700 16px/1 var(--slui-font) !important;
	float: none !important;
}
.slui-pbadges { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 2px 0 10px !important; padding: 0 !important; }
.slui-pbadge {
	font: 600 12px/1.2 var(--slui-font);
	padding: 5px 10px; border-radius: 6px;
	background: #eef2fb; color: var(--slui-navy);
	margin: 0 !important; list-style: none;
}
.slui-pbadge a { color: inherit !important; text-decoration: underline; text-underline-offset: 2px; }
.slui-pbadge--ok { background: var(--slui-ok-bg); color: var(--slui-ok); }
.slui-pbadge--warn { background: var(--slui-warn-bg); color: var(--slui-warn); }
.slui-pbadge--info { background: #eaf1ff; color: var(--slui-blue); }
.slui-terms {
	list-style: none !important; display: grid; gap: 10px;
	margin: 18px 0 14px !important; padding: 16px 0 0 !important;
	border-top: 1px solid var(--slui-line);
}
.slui-terms li { display: flex; gap: 10px; align-items: flex-start; font: 400 14px/1.45 var(--slui-font); color: var(--slui-text); margin: 0 !important; list-style: none; }
.slui-terms .slui-ic { color: var(--slui-blue); margin-top: 1px; }
.slui-terms a { color: var(--slui-blue); }
.slui.single-product div.product .product_meta { font: 500 13px/1.6 var(--slui-font); color: var(--slui-muted); }
.slui.single-product div.product .product_meta .sku_wrapper {
	display: block !important; width: auto !important;
	background: none !important; color: var(--slui-muted) !important;
	padding: 0 !important; margin: 0 !important;
	text-align: left !important; border-radius: 0 !important;
	font: 500 13px/1.6 var(--slui-font) !important;
}
.slui.single-product div.product .product_meta .sku { color: var(--slui-ink); font-weight: 600; }
.slui.single-product div.product .product_meta a { color: var(--slui-blue); }

/* Секції замість вкладок */
.slui-sections { clear: both; max-width: 1360px; margin: 0 auto; padding: 0 20px; }
.slui.single-product div.product .slui-sections { padding: 0; }
.slui-sections__nav {
	position: sticky; top: var(--slui-hh); z-index: 5;
	display: flex; gap: 4px; overflow-x: auto;
	background: #fff; border-bottom: 1px solid var(--slui-line);
	margin: 0 0 4px;
}
.admin-bar .slui-sections__nav { top: calc(var(--slui-hh) + 32px); }
.slui-sections__nav a {
	padding: 13px 14px; white-space: nowrap;
	font: 600 14px/1 var(--slui-font);
	color: var(--slui-muted) !important; text-decoration: none;
	border-bottom: 2px solid transparent;
}
.slui-sections__nav a:hover, .slui-sections__nav a.is-active { color: var(--slui-ink) !important; border-bottom-color: var(--slui-blue); }
.slui-section { scroll-margin-top: calc(var(--slui-hh) + 60px); padding: 26px 0 30px; border-bottom: 1px solid var(--slui-line); max-width: 880px; }
.slui-section:last-child { border-bottom: 0; }
.slui .slui-section > h2,
.slui .slui-section #reviews h2.woocommerce-Reviews-title { font: 800 22px/1.3 var(--slui-font) !important; color: var(--slui-ink); margin: 0 0 14px !important; }
.slui .slui-section--description { font: 400 15.5px/1.7 var(--slui-font); color: var(--slui-text); }
.slui .slui-section--description h2 { font: 700 20px/1.35 var(--slui-font) !important; margin: 26px 0 10px !important; color: var(--slui-ink); }
.slui .slui-section--description h3 { font: 700 17px/1.4 var(--slui-font) !important; margin: 22px 0 8px !important; color: var(--slui-ink); }
.slui .slui-section--description p { margin: 0 0 12px; }
.slui .slui-section--description ul { padding-left: 20px; margin: 0 0 14px; }
.slui .slui-section--description li { margin: 0 0 6px; }
.slui-spec-wrap { overflow-x: auto; margin: 6px 0 18px; }
.slui-spec, .slui .woocommerce-product-attributes {
	width: 100%; border-collapse: collapse;
	font: 400 14.5px/1.5 var(--slui-font);
	border: 1px solid var(--slui-line) !important; border-radius: 10px;
}
.slui-spec th, .slui-spec td,
.slui .woocommerce-product-attributes th, .slui .woocommerce-product-attributes td {
	padding: 10px 14px !important; text-align: left; vertical-align: top;
	border: 0 !important; border-bottom: 1px solid var(--slui-line) !important;
	font-style: normal !important;
}
.slui-spec th, .slui .woocommerce-product-attributes th { width: 40%; color: var(--slui-muted); font-weight: 500 !important; background: none !important; }
.slui-spec tr:nth-child(odd), .slui .woocommerce-product-attributes tr:nth-child(odd) { background: var(--slui-soft); }
.slui .woocommerce-product-attributes td p { margin: 0 !important; padding: 0 !important; }
.slui .tuya-faq-item { border-radius: 10px !important; }

@media (max-width: 900px) {
	.slui.single-product div.product { padding: 0 16px; }
	.slui.single-product div.product .woocommerce-product-gallery,
	.slui.single-product div.product .summary { float: none !important; width: 100% !important; margin: 0 0 20px !important; }
	.slui.single-product div.product .summary p.price, .slui.single-product div.product .summary p.price ins { font-size: 26px !important; }
	.slui.single-product div.product .summary .single_add_to_cart_button { max-width: none; }
	.slui-sections { padding: 0 16px; }
	.slui-section { padding: 20px 0 24px; }
}

/* Супутні товари */
.slui .related.products,
.slui .upsells.products { clear: both; }

/* ==========================================================================
   Оформлення замовлення
   ========================================================================== */
.slui-steps { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0 0 22px !important; padding: 0 !important; }
.slui-steps li {
	display: flex; align-items: center; gap: 8px;
	padding: 8px 14px 8px 8px; margin: 0 !important;
	border-radius: 999px; background: var(--slui-soft);
	font: 600 14px/1 var(--slui-font); color: var(--slui-text);
}
.slui-steps li span {
	display: grid; place-items: center;
	width: 24px; height: 24px; border-radius: 50%;
	background: var(--slui-blue); color: #fff; font-size: 12px;
}
.slui .woocommerce table.shop_table th,
.slui .woocommerce table.shop_table td { font-family: var(--slui-font) !important; }
.slui .woocommerce-checkout-review-order-table thead th {
	background: var(--slui-soft) !important; color: var(--slui-ink) !important;
	font: 700 13px/1.3 var(--slui-font) !important; text-transform: none;
}
.slui-ro-item { display: flex; align-items: center; gap: 10px; }
.slui-ro-item img.slui-ro-thumb { width: 56px !important; height: 56px !important; object-fit: contain; border-radius: 8px; border: 1px solid var(--slui-line); background: #fff; flex: 0 0 auto; }
.slui-ship-note {
	display: block; margin: 6px 0 2px;
	padding: 8px 10px; border-radius: 6px;
	background: var(--slui-warn-bg); color: var(--slui-warn);
	font: 500 12.5px/1.45 var(--slui-font); white-space: normal;
}
.slui-after-submit { display: flex; gap: 8px; align-items: flex-start; margin: 12px 0 0 !important; font: 400 13px/1.45 var(--slui-font); color: var(--slui-muted); }
.slui-after-submit .slui-ic { color: var(--slui-blue); margin-top: 1px; }
.slui #place_order { height: 54px; font: 700 17px/1 var(--slui-font) !important; width: 100%; }
@media (min-width: 1025px) {
	.slui .checkout-order-review { position: sticky; top: calc(var(--slui-hh) + 16px); }
}

/* ==========================================================================
   Блог і архіви
   ========================================================================== */
.slui-wrap { max-width: 1360px; margin: 0 auto; padding: 20px 20px 56px; }
.slui-page-head { margin: 10px 0 18px; }
.slui-page-head .page-title { margin: 0 0 8px !important; text-align: left; }
.slui-page-lead { margin: 0; max-width: 70ch; font: 400 16px/1.6 var(--slui-font); color: var(--slui-muted); }
.slui-pills { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
.slui-pills a {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 8px 14px; border-radius: 999px;
	border: 1px solid var(--slui-line); background: #fff;
	font: 600 14px/1 var(--slui-font); color: var(--slui-text) !important; text-decoration: none;
}
.slui-pills a span { color: var(--slui-muted); font-weight: 500; }
.slui-pills a:hover { border-color: var(--slui-blue); color: var(--slui-blue) !important; }
.slui-pills a[aria-current] { background: var(--slui-ink); border-color: var(--slui-ink); color: #fff !important; }
.slui-pills a[aria-current] span { color: rgba(255, 255, 255, .7); }

.slui-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.slui-post {
	position: relative; display: flex; flex-direction: column;
	background: #fff; border: 1px solid var(--slui-line); border-radius: 12px;
	overflow: hidden; transition: box-shadow .2s ease, border-color .2s ease;
}
.slui-post:hover { border-color: #c8d2e6; box-shadow: 0 10px 24px rgba(24, 61, 149, .10); }
.slui-post__media { display: block; aspect-ratio: 4 / 3; background: var(--slui-soft); overflow: hidden; }
.slui-post__media img, .slui-post__media .slns-ended-thumb, .slui-post__media .slns-ended-thumb img {
	width: 100% !important; height: 100% !important; object-fit: cover; object-position: center top; display: block; border-radius: 0 !important;
}
.slui-post__noimg { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #0055ba, #183d95); }
.slui-post__body { display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; padding: 16px 18px 18px; }
.slui-post__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font: 500 13px var(--slui-font); color: var(--slui-muted); }
.slui-post__cat { padding: 4px 9px; border-radius: 6px; background: #eaf1ff; color: var(--slui-blue); font-weight: 700; font-size: 12px; }
.slui-post__title { margin: 0 !important; font: 700 18px/1.35 var(--slui-font) !important; text-wrap: balance; }
.slui-post__title a { color: var(--slui-ink) !important; text-decoration: none; }
.slui-post__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.slui-post__title a:focus-visible { outline: none; }
.slui-post:focus-within { outline: 2px solid var(--slui-blue); outline-offset: 2px; }
.slui-post__excerpt {
	margin: 0; font: 400 14.5px/1.55 var(--slui-font); color: var(--slui-muted);
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.slui-post__more { margin-top: auto; padding-top: 4px; display: inline-flex; align-items: center; gap: 6px; font: 700 14px var(--slui-font); color: var(--slui-blue); }
.slui-post--featured { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); }
.slui-post--featured .slui-post__media { aspect-ratio: auto; min-height: 100%; }
.slui-post--featured .slui-post__body { padding: 28px 32px; justify-content: center; }
.slui-post--featured .slui-post__title { font-size: clamp(22px, 2.4vw, 30px) !important; }
.slui-post--featured .slui-post__excerpt { -webkit-line-clamp: 4; font-size: 16px; }
.slui-post.slns-promo-ended .slui-post__media img { filter: grayscale(.85); opacity: .8; }
.slui-pagination { margin-top: 32px; text-align: center; }
@media (max-width: 1024px) { .slui-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) {
	.slui-wrap { padding: 14px 16px 40px; }
	.slui-post-grid { grid-template-columns: 1fr; gap: 16px; }
	.slui-post--featured { display: flex; }
	.slui-post--featured .slui-post__media { aspect-ratio: 4 / 3; }
	.slui-post--featured .slui-post__body { padding: 16px 18px 18px; }
}

/* ==========================================================================
   Стаття
   ========================================================================== */
.slui-article-wrap { max-width: 820px; margin: 0 auto; padding: 16px 20px 40px; }
.slui-article .entry-header { margin: 10px 0 18px; }
.slui-article .entry-title { font: 800 clamp(26px, 3.4vw, 40px)/1.18 var(--slui-font) !important; color: var(--slui-ink); margin: 0 0 12px !important; text-wrap: balance; }
.slui-article .entry-meta { display: flex; flex-wrap: wrap; gap: 8px; font: 500 14px var(--slui-font); color: var(--slui-muted); }
.slui-article .entry-meta a { color: var(--slui-blue); text-decoration: none; }
.slui-article .featured-image { margin: 0 0 28px; border-radius: 14px; overflow: hidden; }
.slui-article .featured-image img { width: 100% !important; max-width: 100% !important; height: auto !important; display: block; }
.slui .slui-article .entry-content { padding: 0 !important; font: 400 17px/1.75 var(--slui-font); color: var(--slui-text); }
.slui .slui-article .entry-content h2 { font: 800 25px/1.3 var(--slui-font); color: var(--slui-ink); margin: 40px 0 12px; }
.slui .slui-article .entry-content h3 { font: 700 19px/1.4 var(--slui-font); color: var(--slui-ink); margin: 28px 0 10px; }
.slui .slui-article .entry-content p { margin: 0 0 16px; }
.slui .slui-article .entry-content ul, .slui .slui-article .entry-content ol { padding-left: 22px !important; margin: 0 0 18px; }
.slui .slui-article .entry-content li { margin: 0 0 8px; }
.slui .slui-article .entry-content img { max-width: 100%; height: auto; border-radius: 12px; }
.slui .slui-article .entry-content .slui-table { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 20px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, .1); background: #fff; }
.slui .slui-article .entry-content table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 0 0 20px; display: table; }
.slui .slui-article .entry-content .slui-table table { margin: 0; box-shadow: none; border-radius: 0; min-width: 560px; }
.slui .slui-article .entry-content th, .slui .slui-article .entry-content td { padding: 10px 12px; border-bottom: 1px solid var(--slui-line); text-align: left; vertical-align: top; }
.slui .slui-article .entry-content th { background: var(--slui-soft); font-weight: 700; }
.slui .slui-article .entry-content a { color: var(--slui-blue); }
.slui-article .entry-tags { margin: 24px 0 0; font-size: 14px; }
.slui-article .entry-tags a { display: inline-block; margin: 2px; padding: 4px 10px; border-radius: 6px; background: var(--slui-soft); color: var(--slui-text); text-decoration: none; }
.slui-art-products { margin: 36px 0 8px; }
.slui-art-products h2 { font: 800 22px/1.3 var(--slui-font); color: var(--slui-ink); margin: 0 0 16px; }
.slui .slui-art-products .slui-grid-4 {
	display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 12px !important; padding: 0 !important; margin: 0 !important;
}
@media (max-width: 760px) { .slui .slui-art-products .slui-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
.slui-postnav { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px; margin: 32px 0 0 !important; }
.slui-postnav a {
	display: flex; flex-direction: column; gap: 4px; height: 100%;
	padding: 14px 16px; border: 1px solid var(--slui-line); border-radius: 10px;
	font: 600 15px/1.4 var(--slui-font); color: var(--slui-ink) !important; text-decoration: none;
}
.slui-postnav a span { font: 500 12px var(--slui-font); color: var(--slui-muted); text-transform: uppercase; letter-spacing: .06em; }
.slui-postnav .nav-next a { text-align: right; }
.slui-postnav a:hover { border-color: var(--slui-blue); }
@media (max-width: 600px) { .slui-postnav { grid-template-columns: 1fr; } .slui-postnav .nav-next a { text-align: left; } }

/* ==========================================================================
   Відгуки
   ========================================================================== */
.slui-stars {
	--slui-r: 5;
	display: inline-block; width: 90px; height: 18px; vertical-align: middle;
	background: linear-gradient(90deg, #f5b301 calc(var(--slui-r) / 5 * 100%), #d7dbe4 0);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.5 2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5-4.8-4.6 6.6-.9z'/%3E%3C/svg%3E") 0 0 / 18px 18px repeat-x;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.5 2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5-4.8-4.6 6.6-.9z'/%3E%3C/svg%3E") 0 0 / 18px 18px repeat-x;
}
.slui-rv-summary {
	display: grid; grid-template-columns: auto minmax(0, 420px); gap: 24px 40px; align-items: center;
	padding: 22px 24px; margin: 0 0 24px;
	background: var(--slui-soft); border-radius: 14px;
}
.slui-rv-score { display: grid; justify-items: start; gap: 6px; }
.slui-rv-score strong { font: 800 48px/1 var(--slui-font); color: var(--slui-ink); }
.slui-rv-score span:last-child { font: 500 14px var(--slui-font); color: var(--slui-muted); }
.slui-rv-dist { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.slui-rv-dist a { display: grid; grid-template-columns: 40px 1fr 36px; gap: 10px; align-items: center; text-decoration: none; color: var(--slui-text) !important; font: 500 13px var(--slui-font); padding: 2px 0; border-radius: 6px; }
.slui-rv-dist a[aria-current] { font-weight: 700; color: var(--slui-ink) !important; }
.slui-rv-bar { height: 8px; border-radius: 4px; background: #dfe3ec; overflow: hidden; }
.slui-rv-bar span { display: block; height: 100%; background: #f5b301; border-radius: 4px; }
.slui-rv-c { text-align: right; color: var(--slui-muted); font-variant-numeric: tabular-nums; }
.slui-rv-filter { margin: 0 0 16px; font-size: 14px; }
.slui-rv-list { display: grid; gap: 0; }
.slui-reviews .review-item { display: flex; gap: 18px; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid var(--slui-line); }
.slui-reviews .review-item__thumb { flex: 0 0 88px; width: 88px; height: 88px; border-radius: 10px; overflow: hidden; background: var(--slui-soft); border: 1px solid var(--slui-line); }
.slui-reviews .review-item__thumb img { width: 100%; height: 100%; object-fit: contain; display: block; }
.slui-reviews .review-item__body { min-width: 0; display: grid; gap: 6px; }
.slui-reviews .review-item__product { margin: 0 !important; font: 700 16px/1.35 var(--slui-font) !important; }
.slui-reviews .review-item__product a { color: var(--slui-ink) !important; text-decoration: none; }
.slui-reviews .review-item__product a:hover { color: var(--slui-blue) !important; }
.slui-reviews .review-item__text { margin: 2px 0 0; padding: 0; border: 0; font: 400 15px/1.6 var(--slui-font); color: var(--slui-text); quotes: none; }
.slui-reviews .review-item__meta { margin: 0; font: 500 13px var(--slui-font); color: var(--slui-muted); }
@media (max-width: 680px) {
	.slui-rv-summary { grid-template-columns: 1fr; padding: 18px; }
	.slui-reviews .review-item { gap: 12px; }
	.slui-reviews .review-item__thumb { flex-basis: 64px; width: 64px; height: 64px; }
}

/* ==========================================================================
   Інформаційні сторінки (класи використовуються в тексті сторінок)
   ========================================================================== */
.slui-info { max-width: 1000px; font: 400 16px/1.65 var(--slui-font); color: var(--slui-text); }
.slui-info h2 { font: 800 24px/1.3 var(--slui-font) !important; color: var(--slui-ink); margin: 36px 0 14px !important; scroll-margin-top: calc(var(--slui-hh) + 20px); }
.slui-info h2:first-child { margin-top: 8px !important; }
.slui-info h3 { font: 700 17px/1.35 var(--slui-font) !important; color: var(--slui-ink); margin: 0 0 8px !important; }
.slui-info p { margin: 0 0 12px; }
.slui-info ul, .slui-info ol { margin: 0 0 12px; padding-left: 20px !important; }
.slui-info li { margin: 0 0 6px; }
.slui-lead { font-size: 18px; color: var(--slui-muted); max-width: 70ch; }
.slui-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin: 0 0 20px; }
.slui-card { background: #fff; border: 1px solid var(--slui-line); border-radius: 12px; padding: 20px; }
.slui-card--soft { background: var(--slui-soft); border-color: transparent; }
.slui-card > :last-child { margin-bottom: 0; }
.slui-kicker { display: block; margin: 0 0 8px; font: 700 12px/1 var(--slui-font); letter-spacing: .08em; text-transform: uppercase; color: var(--slui-blue); }
.slui-note { padding: 14px 16px; border-radius: 10px; background: var(--slui-warn-bg); color: var(--slui-warn); margin: 0 0 16px; font-size: 15px; }
.slui-note--info { background: #eaf1ff; color: #123a7a; }
.slui-numbered { counter-reset: slui; list-style: none !important; padding: 0 !important; display: grid; gap: 10px; }
.slui-numbered > li { counter-increment: slui; position: relative; padding-left: 40px; margin: 0 !important; }
.slui-numbered > li::before {
	content: counter(slui); position: absolute; left: 0; top: 0;
	width: 28px; height: 28px; border-radius: 50%;
	display: grid; place-items: center;
	background: var(--slui-blue); color: #fff; font: 700 13px/1 var(--slui-font);
}
.slui-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin: 0 0 20px; }
.slui-fact { background: var(--slui-soft); border-radius: 12px; padding: 16px 18px; }
.slui-fact strong { display: block; font: 800 28px/1.1 var(--slui-font); color: var(--slui-ink); margin-bottom: 4px; }
.slui-fact span { font: 500 14px/1.4 var(--slui-font); color: var(--slui-muted); }
.slui-btns { display: flex; flex-wrap: wrap; gap: 10px; margin: 8px 0 12px; }
.slui-btn {
	display: inline-flex; align-items: center; gap: 8px;
	height: 46px; padding: 0 18px; border-radius: var(--slui-r);
	font: 700 15px/1 var(--slui-font); text-decoration: none !important;
	background: var(--slui-blue); color: #fff !important;
}
.slui-btn:hover { background: var(--slui-blue-d); }
.slui-btn--viber { background: #7360f2; }
.slui-btn--viber:hover { background: #5f4ce0; }
.slui-btn--tg { background: #229ed9; }
.slui-btn--tg:hover { background: #1a88bd; }
.slui-btn--wa { background: #1faa55; }
.slui-btn--wa:hover { background: #168a44; }
.slui-btn--outline { background: #fff; color: var(--slui-blue) !important; border: 1.5px solid var(--slui-blue); }
.slui-btn--outline:hover { background: #eaf1ff; }
.slui-schedule { width: 100%; max-width: 420px; border-collapse: collapse; font-size: 15px; }
.slui-schedule th, .slui-schedule td { padding: 8px 0; border-bottom: 1px solid var(--slui-line); text-align: left; font-weight: 500; }
.slui-schedule td { text-align: right; font-variant-numeric: tabular-nums; }
.slui-schedule tr.is-off td { color: var(--slui-muted); }
.slui-copy { font-weight: 700; color: var(--slui-ink); }

/* ==========================================================================
   Футер
   ========================================================================== */
.slui .site-footer.slui-footer {
	background: #0b2552 !important; color: #c3cfe6 !important;
	padding: 0 !important; margin: 0; text-align: left !important;
	font: 400 14px/1.6 var(--slui-font);
}
.slui-f-inner {
	max-width: 1360px; margin: 0 auto; padding: 48px 20px 32px;
	display: grid; grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr)); gap: 32px;
}
.slui-f-logo img { height: 40px; width: auto; display: block; margin-bottom: 14px; }
.slui-f-brand p { margin: 0 0 16px; max-width: 32ch; color: #c3cfe6; }
.slui-msgs--footer { flex-wrap: wrap; }
.slui-msgs--footer .slui-msg { color: #fff !important; border: 1px solid rgba(255, 255, 255, .3); }
.slui-msgs--footer .slui-msg:hover { background: rgba(255, 255, 255, .1); }
.slui-f-col h2 { margin: 0 0 14px !important; font: 700 13px/1.2 var(--slui-font) !important; letter-spacing: .08em; text-transform: uppercase; color: #fff !important; }
.slui-f-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.slui-f-col li { margin: 0; }
.slui-f-col a { color: #c3cfe6 !important; text-decoration: none; }
.slui-f-col a:hover { color: #fff !important; text-decoration: underline; }
.slui-f-label { display: block; font: 600 11px/1.3 var(--slui-font); letter-spacing: .08em; text-transform: uppercase; color: #8ea1c8; margin-bottom: 2px; }
.slui-f-bottom { border-top: 1px solid rgba(255, 255, 255, .12); }
.slui-f-bottom__inner {
	max-width: 1360px; margin: 0 auto; padding: 16px 20px 20px;
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px;
	font-size: 13px; color: #8ea1c8;
}
.slui-f-bottom__inner p { margin: 0; }
.slui-f-legal { display: flex; flex-wrap: wrap; gap: 6px 18px; list-style: none; margin: 0; padding: 0; }
.slui-f-legal a { color: #c3cfe6 !important; text-decoration: none; }
.slui-f-legal a:hover { color: #fff !important; text-decoration: underline; }
.slui .slui-footer .sosh { display: flex; gap: 10px; margin: 0 !important; }
.slui .slui-footer .sosh a { display: inline-flex; padding: 0 !important; }
@media (max-width: 1024px) {
	.slui-f-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; padding: 36px 16px 24px; }
	.slui-f-brand { grid-column: 1 / -1; }
	.slui-f-bottom__inner { padding: 16px; }
}

/* ---------- Правки після перевірки (v1.0.0) ---------- */
.slui .slui-header .main-navigation { flex: 0 1 auto; min-width: 0; }
.slui .slui-header .main-navigation li { flex: 0 0 auto; list-style: none; }
.slui .slui-header .main-navigation li a { white-space: nowrap; }
.slui .site { width: auto !important; max-width: 100% !important; }
.slui .hero-content { min-width: 0 !important; }
.slui .hero-title, .slui .hero-text-second { max-width: min(780px, 100%) !important; padding: 0 !important; overflow-wrap: anywhere; }
@media (max-width: 1520px) { .slui-h-nav .slui-benefits { display: none; } }
.slui .product-grid:not(.view-list) .star-rating { align-self: flex-start; float: none !important; overflow: hidden !important; height: 1em !important; width: 5.4em !important; }
.slui .product-grid li.product.outofstock > a.button.product_type_simple:not(.ask) { display: none !important; }
.slui .product-grid .slf-promo-stock { text-align: left !important; font: 600 12px/1.3 var(--slui-font) !important; margin: 0 0 2px !important; }
.slui .slui-home-cats .category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 960px; }
@media (max-width: 680px) { .slui .slui-home-cats .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.slui-f-contacts li, .slui-f-contacts a { overflow-wrap: anywhere; }
.slui .slui-seo .slui-seo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.slui .slui-seo .slui-seo-grid > div { background: var(--slui-soft); border-radius: 12px; padding: 18px 20px; }
.slui .slui-seo .slui-seo-grid ul { margin: 0; padding-left: 18px; }
.slui .slui-seo .slui-seo-grid li { margin: 0 0 6px; }
.slui .slui-seo a { color: var(--slui-blue); }
@media (max-width: 900px) { .slui .slui-seo .slui-seo-grid { grid-template-columns: 1fr; } }
@media (max-width: 680px) {
	.slui.archive .category-grid { flex-direction: row !important; align-items: stretch; margin: 0 -12px !important; padding: 0 12px 6px !important; }
	.slui.archive .category-grid .category-card { flex: 0 0 auto !important; }
	.slui .product-grid:not(.view-list) li.product > .button,
	.slui .product-grid:not(.view-list) li.product > a.button { white-space: nowrap; font-size: 12.5px !important; padding: 0 6px !important; }
}
/* Картка товару: тема робить div.product сіткою — задаємо колонки явно */
.slui.single-product div.product {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 48px; align-items: start;
}
.slui.single-product div.product > * { grid-column: 1 / -1; min-width: 0; }
.slui.single-product div.product > .woocommerce-product-gallery {
	grid-column: 1; float: none !important; width: auto !important; max-width: 620px;
	position: sticky; top: calc(var(--slui-hh) + 16px);
}
.slui.single-product div.product > .summary { grid-column: 2; float: none !important; width: auto !important; }
.slui.single-product div.product > .onsale { grid-column: 1; grid-row: 1; justify-self: start; align-self: start; z-index: 2; position: relative; }
.admin-bar.slui.single-product div.product > .woocommerce-product-gallery { top: calc(var(--slui-hh) + 48px); }
@media (max-width: 900px) {
	.slui.single-product div.product { grid-template-columns: minmax(0, 1fr); column-gap: 0; }
	.slui.single-product div.product > .woocommerce-product-gallery,
	.slui.single-product div.product > .summary { grid-column: 1; position: static; max-width: none; }
}
@media (max-width: 900px) {
	.slui.single-product div.product { display: block !important; }
	.slui.single-product div.product > .woocommerce-product-gallery { margin: 0 0 20px !important; }
	.slui.single-product div.product .slui-sections { padding: 0 !important; max-width: 100%; }
	.slui-section, .slui-spec-wrap { max-width: 100%; min-width: 0; }
}
.slui.single-product div.product > .woocommerce-product-gallery,
.slui.single-product div.product > .summary { align-self: start !important; margin-top: 0 !important; }
.slui.single-product div.product > .woocommerce-product-gallery { position: sticky !important; }
@media (max-width: 900px) { .slui.single-product div.product > .woocommerce-product-gallery { position: relative !important; top: auto !important; } }
.slui .woocommerce-breadcrumb { max-width: 1360px; margin-left: auto !important; margin-right: auto !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box; }
.slui .slui-loop.product-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; padding: 0 !important; margin: 0 !important; }
@media (max-width: 680px) { .slui .slui-loop.product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
.slui .related.products, .slui .upsells.products { max-width: 1360px; margin: 24px auto 0 !important; border-radius: 16px; }
.slui .related.products > h2, .slui .upsells.products > h2 { font: 800 clamp(22px, 2.4vw, 28px)/1.2 var(--slui-font) !important; text-align: center; margin: 0 0 20px !important; }
.slui .woocommerce-product-attributes td, .slui .woocommerce-product-attributes td a { text-align: left !important; font-weight: 500 !important; color: var(--slui-ink) !important; text-decoration: none; }
.slui #review_form #submit { background: var(--slui-blue) !important; color: #fff !important; border-radius: var(--slui-r) !important; height: 46px; padding: 0 22px !important; font: 700 15px var(--slui-font) !important; }
.slui #review_form .stars a { color: #f5b301 !important; }
.slui #review_form textarea { border: 1px solid #cfd5e2; border-radius: var(--slui-r); padding: 10px 12px; font: 400 15px var(--slui-font); }
.slui-article .featured-image { max-width: 640px; margin-left: auto; margin-right: auto; }
.slui .comments-section { margin-top: 36px; }
.slui .comment-respond .comment-reply-title { font: 800 20px/1.3 var(--slui-font); margin: 0 0 10px; }
.slui .comment-form { display: grid; gap: 10px; font: 400 15px/1.5 var(--slui-font); }
.slui .comment-form p { margin: 0; }
.slui .comment-form textarea, .slui .comment-form input[type="text"], .slui .comment-form input[type="email"] { width: 100%; border: 1px solid #cfd5e2; border-radius: var(--slui-r); padding: 10px 12px; font: 400 15px var(--slui-font); box-sizing: border-box; }
.slui .comment-form .submit, .slui .comment-form input[type="submit"] { background: var(--slui-blue); color: #fff; border: 0; border-radius: var(--slui-r); height: 46px; padding: 0 22px; font: 700 15px var(--slui-font); cursor: pointer; }
.slui .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals { display: grid; grid-template-columns: 1fr; }
.slui .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > th,
.slui .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > td { display: block; width: auto !important; text-align: left !important; }
.slui .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > th { padding-bottom: 0 !important; border-bottom: 0 !important; }
.slui #shipping_method { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.slui #shipping_method li { margin: 0 !important; padding: 10px 12px; border: 1px solid var(--slui-line); border-radius: var(--slui-r); background: #fff; }
.slui #shipping_method li label { font-weight: 600; }
.slui-cards { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.slui.page:not(.home) .site-main > article > .entry-header .entry-title { text-align: left !important; }
@media (max-width: 680px) { .slui-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .slui-fact strong { font-size: 24px; } }
/* Мобільне меню на синьому фоні теми */
.slui .off-canvas-menu .slui-mcat { border-bottom-color: rgba(255, 255, 255, .22); }
.slui .off-canvas-menu .slui-mcat__title { color: rgba(255, 255, 255, .7); }
.slui .off-canvas-menu .slui-mcat__item summary,
.slui .off-canvas-menu .slui-mcat__link { color: #fff !important; }
.slui .off-canvas-menu .slui-mcat__item summary::after { color: rgba(255, 255, 255, .7); }
.slui .off-canvas-menu .slui-mcat__item li a { color: rgba(255, 255, 255, .88) !important; }
.slui .off-canvas-menu .slui-msgs--menu .slui-msg { color: #fff !important; border-color: rgba(255, 255, 255, .5); }

/* ==========================================================================
   v1.1.0 — правки за зауваженнями 24.09
   ========================================================================== */

/* 1. Шапка: переваги прибрано з рядка меню (вони є на першому екрані головної) */
.slui-h-nav .slui-benefits { display: none !important; }
.slui-h-inner { max-width: 1360px; }

/* 10. Єдина ширина контенту на всіх сторінках, крім головної: 1360 px з полями 20 px */
.slui:not(.home) .woocommerce-breadcrumb,
.slui.archive section.categories,
.slui .woocommerce-products-header,
.slui .slui-cat-layout,
.slui .navigation.pagination {
	max-width: 1360px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	box-sizing: border-box;
}
.slui:not(.home) .product-catalog { max-width: 1360px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
.slui .slui-cat-layout .product-catalog { max-width: none; }
.slui:not(.home):not(.single-product) .product-catalog > .product-grid:not(.view-list) { padding-left: 20px !important; padding-right: 20px !important; }
.slui .slui-cat-layout .product-catalog > .product-grid:not(.view-list) { padding: 0 !important; }
.slui.page:not(.home) .site-main > article { max-width: 1360px; margin: 0 auto; }
.slui.page:not(.home) .site-main > article > .entry-header { padding: 28px 20px 0 !important; }
.slui.page:not(.home) .site-main > article > .entry-content { padding: 20px 20px 48px !important; }
.slui-wrap { max-width: 1360px; }

/* 2. Каталог: категорії не накладаються на панель сортування, фільтри щільніше */
.slui.archive section.categories,
.slui.archive .category-grid { height: auto !important; max-height: none !important; overflow: visible !important; }
.slui.archive section.categories { padding-top: 12px !important; padding-bottom: 20px !important; }
.slui .woocommerce-products-header { margin-top: 0 !important; margin-bottom: 16px !important; position: relative; clear: both; }
.slui .slui-cat-aside .slf-filters__grid { gap: 0 !important; grid-auto-rows: auto !important; }
.slui .slui-cat-aside .slf-filter-group {
	min-height: 0 !important; height: auto !important;
	margin: 0 !important; padding: 12px 0 !important;
	border-bottom: 1px solid var(--slui-line);
}
.slui .slui-cat-aside .slf-filter-group:last-child { border-bottom: 0; }
.slui .slui-cat-aside .slf-filter-group__options { max-height: none !important; gap: 4px !important; display: grid !important; }
.slui .slui-cat-aside .slf-checkbox { margin: 0 !important; padding: 2px 0 !important; font: 500 13.5px/1.35 var(--slui-font); }
.slui .slui-cat-aside .slf-filters__form > *:not(.slf-filters__grid) { margin-top: 12px; }

/* 3, 5, 7, 9. Картки: бейджі на фото, таймер унизу фото, рейтинг без обрізання */
.slui .product-grid .product-image-wrapper { position: relative; }
.slui .product-grid .product-image-wrapper .custom-badge {
	position: absolute !important; top: 8px; left: 8px; z-index: 3;
	display: inline-flex !important; align-items: center; gap: 5px;
	max-width: calc(100% - 56px);
	margin: 0 !important; padding: 4px 8px !important;
	border-radius: 6px !important;
	background: var(--slui-red) !important; color: #fff !important;
	font: 700 11px/1.2 var(--slui-font) !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.slui .product-grid .product-image-wrapper .custom-badge img { width: 14px !important; height: 14px !important; max-width: 14px !important; margin: 0 !important; flex: 0 0 auto; }
.slui .product-grid .product-badges {
	position: absolute !important; left: 0; right: 0; bottom: 0; z-index: 3;
	display: flex !important; flex-wrap: wrap; align-items: center; gap: 6px;
	margin: 0 !important; padding: 2px !important; text-align: left !important;
	pointer-events: none;
}
.slui .product-grid .product-badges .onsale2 {
	display: inline-flex !important; align-items: center;
	padding: 4px 8px !important; margin: 0 !important;
	border-radius: 6px; background: var(--slui-red) !important; color: #fff !important;
	font: 700 12px/1.2 var(--slui-font) !important;
}
.slui .product-grid .product-badges .countdown {
	display: inline-flex !important; align-items: center; gap: 4px;
	padding: 4px 8px !important; margin: 0 !important;
	border-radius: 6px; background: rgba(20, 26, 43, .82) !important; color: #fff !important;
	font: 600 11.5px/1.2 var(--slui-font) !important;
	white-space: nowrap;
}
.slui .product-grid .product-badges .countdown::before { content: "До кінця:"; opacity: .8; font-weight: 500; }
.slui .product-grid .product-badges .countdown span { margin: 0 !important; }
.slui .product-grid .slf-promo-countdown { display: none !important; }

/* Наявність у «Гарячих пропозиціях» */
.slui .product-grid .slf-promo-stock { color: var(--slui-ok) !important; }
.slui .product-grid .slf-promo-stock--last { color: #c41d21 !important; }
.slui .product-grid .slf-promo-last-item { display: none !important; }

/* Рейтинг: власні зірки (гліф ★ у темі обрізався) */
.slui .star-rating {
	position: relative !important; display: block !important; float: none !important;
	width: 80px !important; height: 15px !important;
	margin: 2px 0 6px !important; padding: 0 !important;
	overflow: hidden !important; font-size: 0 !important; line-height: 0 !important;
	background: #d7dbe4 !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.5 2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5-4.8-4.6 6.6-.9z'/%3E%3C/svg%3E") 0 0 / 16px 15px repeat-x;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.5 2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5-4.8-4.6 6.6-.9z'/%3E%3C/svg%3E") 0 0 / 16px 15px repeat-x;
	align-self: flex-start;
}
.slui .star-rating::before { content: none !important; display: none !important; }
.slui .star-rating span {
	position: absolute !important; top: 0 !important; left: 0 !important; bottom: 0 !important;
	height: 100% !important; padding: 0 !important; overflow: hidden !important;
	background: #f5b301 !important; font-size: 0 !important; color: transparent !important;
}
.slui .star-rating span::before { content: none !important; display: none !important; }
.slui .woocommerce-product-rating { display: flex !important; align-items: center; gap: 8px; }
.slui .woocommerce-product-rating .star-rating { margin: 0 !important; }

/* 4. Популярні категорії — в один ряд */
.slui .slui-home-cats .category-grid {
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
	max-width: 1360px !important;
}
.slui .slui-home-cats .category-card { padding: 18px 12px !important; }
@media (max-width: 680px) {
	.slui .slui-home-cats .category-grid {
		overflow-x: auto; gap: 10px;
		margin: 0 -12px !important; padding: 0 12px 6px !important;
		scroll-snap-type: x mandatory; scrollbar-width: none;
	}
	.slui .slui-home-cats .category-grid::-webkit-scrollbar { display: none; }
	.slui .slui-home-cats .category-card { flex: 0 0 136px; scroll-snap-align: start;min-height: 152px; }
	.wp-theme-smart .ask{font: 600 11px / 1.2 var(--slui-font) !important;}
}

/* 8. Картка товару: опис і супутні товари на всю ширину блоку */
.slui-section { max-width: none !important; }
.slui .slui-section--description > *,
.slui .slui-section--additional_information > * { max-width: 100%; }
.slui.single-product div.product .related.products,
.slui.single-product div.product .upsells.products {
	max-width: none !important; margin: 32px 0 0 !important;
	padding: 32px 24px !important; border-radius: 16px;
	background: var(--slui-soft) !important;
}
.slui .related .slui-loop.product-grid,
.slui .upsells .slui-loop.product-grid { gap: 16px !important; }

/* 11. Блог: квадратні зображення */
.slui-post-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 20px !important; }
.slui-post__media { aspect-ratio: 1 / 1 !important; }
.slui-post__media img { object-position: center !important; }
.slui-post__title { font-size: 17px !important; }
.slui-post--featured { grid-column: 1 / -1; display: grid !important; grid-template-columns: minmax(0, 350px) minmax(0, 1fr) !important; }
.slui-post--featured .slui-post__media { aspect-ratio: 1 / 1 !important; min-height: 0 !important; }
.slui-post--featured .slui-post__body { padding: 32px 40px !important; }
@media (max-width: 1100px) { .slui-post-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 860px) {
	.slui-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.slui-post--featured { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
	.slui-post--featured .slui-post__body { padding: 20px !important; }
}
@media (max-width: 560px) {
	.slui-post-grid { grid-template-columns: 1fr !important; }
	.slui-post--featured { display: flex !important; }
}

/* Стаття: ширина як на інших сторінках, праворуч — товари й консультація */
.slui-article-wrap { max-width: 1360px !important; padding: 16px 20px 40px !important; }
.slui-article-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; align-items: start; }
.slui-article-aside { position: sticky; top: calc(var(--slui-hh) + 20px); display: grid; gap: 16px; }
.admin-bar .slui-article-aside { top: calc(var(--slui-hh) + 52px); }
.slui-aside-card { background: var(--slui-soft); border-radius: 14px; padding: 18px; }
.slui-aside-card h2 { font: 800 17px/1.3 var(--slui-font) !important; margin: 0 0 12px !important; color: var(--slui-ink); }
.slui-aside-card p { margin: 0 0 12px; font: 400 14px/1.5 var(--slui-font); color: var(--slui-text); }
.slui-aside-card .slui-msgs { flex-wrap: wrap; }
.slui-aside-card .slui-msg { color: var(--slui-blue) !important; border: 1px solid var(--slui-blue); background: #fff; }
.slui .slui-article-aside .slui-art-products { margin: 0; background: #fff; border: 1px solid var(--slui-line); border-radius: 14px; padding: 16px; }
.slui .slui-article-aside .slui-art-products h2 { font-size: 17px; margin-bottom: 12px; }
.slui .slui-article-aside .slui-grid-4 { grid-template-columns: 1fr !important; gap: 10px !important; }
.slui .slui-article-aside li.product { padding: 8px !important; }
.slui .slui-article-aside li.product > a.woocommerce-loop-product__link {
	display: grid !important; grid-template-columns: 72px minmax(0, 1fr); column-gap: 10px; align-items: start;
}
.slui .slui-article-aside li.product .product-image-wrapper { grid-row: 1 / span 4; margin: 0 !important; }
.slui .slui-article-aside li.product .product-image-wrapper > *:not(img) { display: none !important; }
.slui .slui-article-aside li.product .woocommerce-loop-product__title { font-size: 13.5px !important; min-height: 0 !important; margin: 0 0 2px !important; }
.slui .slui-article-aside li.product .product-sku-loop,
.slui .slui-article-aside li.product .star-rating { display: none !important; }
.slui .slui-article-aside li.product .price { font-size: 15px !important; padding: 2px 0 0 !important; margin: 0 !important; }
.slui .slui-article-aside li.product .price ins { font-size: 15px !important; }
.slui .slui-article-aside li.product > .button { height: 36px !important; margin-top: 8px !important; font-size: 13px !important; }
@media (max-width: 1000px) {
	.slui-article-grid { grid-template-columns: minmax(0, 1fr); }
	.slui-article-aside { position: static; }
	.slui .slui-article-aside .slui-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* 12. Контакти: месенджери з логотипами, графік без тіні */
.slui-msgr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 6px 0 14px; }
.slui-msgr a {
	display: flex; align-items: center; justify-content: center; gap: 10px;
	height: 50px; border-radius: 10px;
	font: 700 15px/1 var(--slui-font); text-decoration: none !important; color: #fff !important;
}
.slui-msgr a img { width: 24px; height: 24px; display: block; }
.slui-msgr a.is-wide { grid-column: 1 / -1; }
.slui-msgr .viber { background: #7360f2; }
.slui-msgr .tg { background: #229ed9; }
.slui-msgr .wa { background: #1faa55; }
.slui-msgr a:hover { filter: brightness(.93); }
.slui-msgr a img { filter: brightness(0) invert(1); }
.slui-info table.slui-schedule,
.slui-info table.slui-schedule tbody,
.slui-info table.slui-schedule tr,
.slui-info table.slui-schedule th,
.slui-info table.slui-schedule td {
	box-shadow: none !important; background: none !important; border-radius: 0 !important;
}
.slui-info table.slui-schedule { border: 0 !important; margin: 0 !important; max-width: none; }
.slui-info table.slui-schedule th, .slui-info table.slui-schedule td { border: 0 !important; border-bottom: 1px solid var(--slui-line) !important; padding: 9px 0 !important; font: 500 15px/1.3 var(--slui-font) !important; }
.slui-info table.slui-schedule tr:last-child th, .slui-info table.slui-schedule tr:last-child td { border-bottom: 0 !important; }

/* 13. Мій акаунт */
.slui.woocommerce-account .entry-content > .woocommerce { font: 400 15px/1.6 var(--slui-font); color: var(--slui-text); }
.slui.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
	display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 28px; align-items: start;
}
.slui.woocommerce-account .woocommerce-MyAccount-navigation { float: none !important; width: auto !important; }
.slui.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none; margin: 0; padding: 8px !important;
	background: #fff; border: 1px solid var(--slui-line); border-radius: 14px;
	display: grid; gap: 2px;
}
.slui.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0 !important; padding: 0 !important; list-style: none; }
.slui.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block; padding: 10px 14px; border-radius: 8px;
	font: 600 14px/1.3 var(--slui-font); color: var(--slui-text) !important; text-decoration: none;
}
.slui.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: var(--slui-soft); color: var(--slui-ink) !important; }
.slui.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: #eaf1ff; color: var(--slui-blue) !important; }
.slui.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a { color: #b3261e !important; }
.slui.woocommerce-account .woocommerce-MyAccount-content {
	float: none !important; width: auto !important; min-width: 0;
	background: #fff; border: 1px solid var(--slui-line); border-radius: 14px; padding: 24px 28px;
}
.slui.woocommerce-account .woocommerce-MyAccount-content > p:first-child { font-size: 16px; }
.slui.woocommerce-account .woocommerce-MyAccount-content a { color: var(--slui-blue); }
.slui.woocommerce-account table.shop_table { width: 100%; border-collapse: collapse; border: 1px solid var(--slui-line) !important; border-radius: 10px; overflow: hidden; font-size: 14px; }
.slui.woocommerce-account table.shop_table th { background: var(--slui-soft) !important; color: var(--slui-ink) !important; font: 700 13px var(--slui-font) !important; }
.slui.woocommerce-account table.shop_table th,
.slui.woocommerce-account table.shop_table td { padding: 10px 12px !important; border: 0 !important; border-bottom: 1px solid var(--slui-line) !important; text-align: left; }
.slui.woocommerce-account .woocommerce-button,
.slui.woocommerce-account .woocommerce-Button,
.slui.woocommerce-account .button {
	background: var(--slui-blue) !important; color: #fff !important; border: 0 !important;
	border-radius: var(--slui-r) !important; padding: 10px 16px !important;
	font: 700 14px/1.2 var(--slui-font) !important; text-decoration: none !important;
}
.slui.woocommerce-account .u-columns.col2-set { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.slui.woocommerce-account .u-columns .u-column1,
.slui.woocommerce-account .u-columns .u-column2,
.slui.woocommerce-account .woocommerce-form-login:only-child {
	float: none !important; width: auto !important;
	background: #fff; border: 1px solid var(--slui-line); border-radius: 14px; padding: 24px;
}
.slui.woocommerce-account .woocommerce form .form-row { margin: 0 0 14px; }
.slui.woocommerce-account .woocommerce form label { font: 600 14px/1.4 var(--slui-font); color: var(--slui-ink); display: block; margin-bottom: 6px; }
.slui.woocommerce-account .woocommerce form .input-text,
.slui.woocommerce-account .woocommerce form select {
	width: 100%; height: 46px; box-sizing: border-box;
	border: 1px solid #cfd5e2 !important; border-radius: var(--slui-r) !important;
	padding: 0 12px !important; font: 400 15px var(--slui-font); background: #fff;
}
.slui.woocommerce-account .woocommerce form textarea.input-text { height: auto; padding: 10px 12px !important; }
.slui.woocommerce-account .woocommerce-Addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.slui.woocommerce-account .woocommerce-Address { float: none !important; width: auto !important; background: var(--slui-soft); border-radius: 12px; padding: 18px; }
@media (max-width: 800px) {
	.slui.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.slui.woocommerce-account .woocommerce-MyAccount-navigation ul { display: flex; overflow-x: auto; gap: 4px; scrollbar-width: none; }
	.slui.woocommerce-account .woocommerce-MyAccount-navigation li a { white-space: nowrap; }
	.slui.woocommerce-account .woocommerce-MyAccount-content { padding: 18px; }
	.slui.woocommerce-account .u-columns.col2-set,
	.slui.woocommerce-account .woocommerce-Addresses { grid-template-columns: 1fr; }
}

/* 14. Оформлення замовлення: 2 колонки + оплата на всю ширину */
@media (min-width: 900px) {
	.slui form.checkout.woocommerce-checkout {
		display: grid !important; position: relative;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		grid-template-areas: "notice notice" "cust head" "cust table" "pay pay";
		grid-template-rows: auto auto 1fr auto;
		gap: 0 32px; margin: 0 !important;
	}
	.slui form.checkout > .woocommerce-NoticeGroup { grid-area: notice; }
	.slui form.checkout > div:first-of-type { grid-area: cust; width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; }
	.slui form.checkout > div:nth-of-type(2),
	.slui form.checkout .checkout-order-review,
	.slui form.checkout #order_review { display: contents !important; }
	.slui form.checkout #order_review_heading { grid-area: head; margin: 0 0 12px !important; }
	.slui form.checkout .woocommerce-checkout-review-order-table { grid-area: table; align-self: start; margin: 0 !important; }
	.slui form.checkout .checkout-update-cart { display: none !important; }
	.slui form.checkout #payment { grid-area: pay; margin-top: 28px !important; }
	.slui form.checkout .blockUI.blockOverlay { position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; grid-area: 1 / 1 / -1 / -1; }
	.slui form.checkout #payment {
		display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 32px;
		align-items: start; padding: 24px !important; border-radius: 14px !important;
		background: var(--slui-soft) !important;
	}
	.slui form.checkout #payment .payment_methods { margin: 0 !important; padding: 0 !important; border: 0 !important; }
	.slui form.checkout #payment .place-order { margin: 0 !important; padding: 0 !important; }
}
.slui .checkout-order-review { position: static !important; }
.slui form.checkout #payment { background: var(--slui-soft) !important; border-radius: 14px !important; }
.slui form.checkout #payment .payment_box { background: #fff !important; border-radius: 10px; color: var(--slui-text) !important; font: 400 14px/1.55 var(--slui-font); }
.slui form.checkout #payment .payment_box::before { display: none !important; }
.slui form.checkout #payment .payment_method_bacs > label { font: 700 15px var(--slui-font); }
.slui-info { max-width: none !important; }

/* v1.1.1 — зірки в картках: перебиваємо старе правило width:5.4em (при font-size:0 давало 0) */
.slui .product-grid .star-rating,
.slui .product-grid:not(.view-list) .star-rating,
.slui ul.products .star-rating { width: 80px !important; height: 15px !important; min-height: 15px !important; }

/* v1.1.1 — сітки ul.products: clearfix-псевдоелементи WooCommerce займали першу клітинку */
.slui ul.products.product-grid::before,
.slui ul.products.product-grid::after { content: none !important; display: none !important; }
.slui .related ul.products, .slui .upsells ul.products { background: transparent !important; padding: 0 !important; gap: 20px !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
@media (max-width: 1024px) { .slui .related ul.products, .slui .upsells ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 768px) { .slui .related ul.products, .slui .upsells ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } }


/* v1.1.1 — заголовки сторінок без зайвого відступу теми на мобільному */
.slui .slui-page-head .page-title, .slui h1.page-title, .slui .slui-article .entry-title { padding-left: 0 !important; padding-right: 0 !important; text-align: left !important; }

/* v1.1.1 — «Мій акаунт»: clearfix-псевдоелементи займали клітинку сітки */
.slui .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,
.slui .woocommerce:has(> .woocommerce-MyAccount-navigation)::after,
.slui form.checkout::before, .slui form.checkout::after { content: none !important; display: none !important; }

/* v1.1.1 — Контакти: месенджери 2 + 1, кольорові логотипи на білому колі */
.slui .slui-msgr br { display: none !important; }
.slui .slui-msgr { grid-template-columns: 1fr 1fr !important; max-width: none !important; }
.slui .slui-msgr a { justify-content: center; }
.slui .slui-msgr .is-wide { grid-column: 1 / -1 !important; }
.slui .slui-msgr img { filter: none !important; background: #fff; border-radius: 50%; padding: 3px; width: 26px !important; height: 26px !important; box-sizing: border-box; }

/* v1.1.1 — товари в бічній колонці статті: компактні рядки */
.slui .slui-article-aside .slui-art-products ul.products { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; background: none !important; padding: 0 !important; }
.slui .slui-article-aside li.product {
	display: grid !important; grid-template-columns: 76px 1fr; column-gap: 12px; row-gap: 6px;
	align-items: start; padding: 10px !important; height: auto !important; min-height: 0 !important;
}
.slui .slui-article-aside li.product > a.woocommerce-LoopProduct-link { display: contents !important; }
.slui .slui-article-aside li.product .product-image-wrapper { grid-column: 1; grid-row: 1 / span 2; width: 76px !important; height: 76px !important; aspect-ratio: 1; margin: 0 !important; padding: 0 !important; border-radius: 8px; overflow: hidden; }
.slui .slui-article-aside li.product .product-image-wrapper img { width: 100% !important; height: 100% !important; object-fit: contain; }
.slui .slui-article-aside li.product .product-image-wrapper > :not(img),
.slui .slui-article-aside li.product .product-sku-loop { display: none !important; }
.slui .slui-article-aside li.product .woocommerce-loop-product__title { grid-column: 2; margin: 0 !important; font-size: 13px !important; line-height: 1.3 !important; -webkit-line-clamp: 3; min-height: 0 !important; }
.slui .slui-article-aside li.product .price { grid-column: 2; margin: 0 !important; font-size: 14px !important; }
.slui .slui-article-aside li.product > .button { grid-column: 1 / -1; margin: 4px 0 0 !important; min-height: 38px !important; padding: 8px 12px !important; font-size: 13px !important; width: 100% !important; }

/* v1.1.1 — оформлення: блок доставки на всю ширину таблиці */
.slui #order_review tr.slui-ship-row td { padding-top: 0 !important; }
.slui #order_review tr.slui-ship-row td ul#shipping_method { margin: 0 !important; }

.slui article.page .entry-header h1.entry-title { padding-left: 0 !important; padding-right: 0 !important; }

/* ==========================================================================
   v1.2 — планшет і мобільний (≤1100 px): єдині поля, каталог, картки
   ========================================================================== */
@media (max-width: 1100px) {
	/* Одне поле 16 px замість вкладених 15 + 15 + 20 px */
	.slui:not(.home) .site-main { padding-left: 16px !important; padding-right: 16px !important; }
	.slui .site-main .site-main,
	.slui .site-main .content-area { padding-left: 0 !important; padding-right: 0 !important; }
	.slui:not(.home) .woocommerce-breadcrumb { padding-left: 0 !important; padding-right: 0 !important; }
	.slui section.categories { padding-left: 0 !important; padding-right: 0 !important; }
	.slui section.categories .h1cat { padding-left: 0 !important; padding-right: 0 !important; }
	.slui:not(.home) .product-catalog .woocommerce-products-header,
	.slui:not(.home) .product-catalog .product-grid { padding-left: 0 !important; padding-right: 0 !important; }

	/* Категорії-пілюлі: переносяться рядками, а не стовпчиком */
	.slui.archive .category-grid,
	.slui:not(.home) .categories .category-grid {
		display: flex !important; flex-direction: row !important; flex-wrap: wrap !important;
		justify-content: center !important; gap: 8px !important;
		margin: 0 !important; padding: 0 !important; overflow: visible !important;
	}
	.slui.archive .category-grid .category-card,
	.slui:not(.home) .categories .category-grid .category-card { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; }

	/* Панель «Показано / вид / кількість / сортування» в один рядок */
	.slui .woocommerce-products-header {
		display: flex !important; flex-wrap: wrap !important; align-items: center !important;
		gap: 10px 12px !important; margin: 16px 0 12px !important;
	}
	.slui .woocommerce-products-header .woocommerce-result-count { flex: 1 1 auto; margin: 0 !important; order: 0; }
	.slui .woocommerce-products-header .view-mode-toggle { order: 1; margin: 0 !important; display: flex !important; }
	.slui .woocommerce-products-header .products-per-page { order: 2; margin: 0 !important; display: flex !important; align-items: center; gap: 6px; }
	.slui .woocommerce-products-header .products-per-page label { margin: 0 !important; white-space: nowrap; }
	.slui .woocommerce-products-header .woocommerce-ordering { order: 3; margin: 0 !important; }
	.slui .woocommerce-products-header select { height: 40px !important; }

	/* Сітка товарів: ширші картки */
	.slui .product-grid:not(.view-list) { gap: 14px !important; }
}

@media (max-width: 600px) {
	/* На телефоні пілюлі категорій — стрічка з прокруткою */
	.slui.archive .category-grid,
	.slui:not(.home) .categories .category-grid {
		flex-wrap: nowrap !important; justify-content: flex-start !important;
		overflow-x: auto !important; margin: 0 -16px !important; padding: 0 16px 6px !important;
		scrollbar-width: none; -webkit-overflow-scrolling: touch;
	}
	.slui section.categories { padding-bottom: 8px !important; }
	.slui .woocommerce-products-header .view-mode-toggle,
	.slui .woocommerce-products-header .products-per-page { display: none !important; }
	.slui .woocommerce-products-header .woocommerce-ordering { flex: 1 1 100%; }
	.slui .woocommerce-products-header .woocommerce-ordering select { width: 100% !important; }
	.slui .product-grid:not(.view-list) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
	.slui .product-grid li.product { padding: 8px !important; }
	.slui .product-grid li.product .button { font-size: 12.5px !important; padding: 8px 6px !important; white-space: normal !important; line-height: 1.2 !important; min-height: 40px; }
	/* Бейдж «Безкоштовна доставка» не обрізається */
	.slui .product-grid .product-image-wrapper .custom-badge { font-size: 10px !important; padding: 3px 6px !important; white-space: normal !important; max-width: calc(100% - 46px); line-height: 1.15 !important; }
	/* Таймер акції компактніший */
	.slui .product-grid .product-badges .countdown { font-size: 10.5px !important; padding: 3px 6px !important; }
	.slui .product-grid .product-badges .countdown::before { content: none !important; }
}

/* Популярні категорії на головній: однакова висота плиток */
.slui .slui-home-cats .category-grid { align-items: stretch !important; }
.slui .slui-home-cats .category-card { height: 100% !important; box-sizing: border-box; justify-content: center; }
@media (max-width: 1100px) and (min-width: 681px) {
	.slui .slui-home-cats .category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 1100px) {
	.slui:not(.home):not(.single-product) .product-catalog > .product-grid:not(.view-list) { padding-left: 0 !important; padding-right: 0 !important; }
	.slui.page:not(.home) .site-main > article > .entry-header { padding: 20px 0 0 !important; }
	.slui.page:not(.home) .site-main > article > .entry-content { padding: 16px 0 40px !important; }
}
@media (max-width: 1100px) {
	.slui .woocommerce-products-header, .slui.archive section.categories { padding-left: 0 !important; padding-right: 0 !important; }
	.slui.single-product div.product { padding-left: 0 !important; padding-right: 0 !important; }
	.slui .slui-sections { padding-left: 0 !important; padding-right: 0 !important; }
	.slui.single-product div.product .woocommerce-product-gallery { max-width: 560px; margin-left: auto !important; margin-right: auto !important; }
	.slui .product-grid .product-image-wrapper .custom-badge { font-size: 10px !important; padding: 3px 6px !important; white-space: normal !important; max-width: calc(100% - 46px); line-height: 1.15 !important; }
}
/* v1.2 — оформлення замовлення на планшеті й телефоні */
@media (max-width: 1100px) {
	.slui.woocommerce-checkout form.checkout,
	.slui .woocommerce-checkout .checkout { padding-left: 0 !important; padding-right: 0 !important; }
}
@media (max-width: 600px) {
	.slui #order_review table th, .slui #order_review table td { padding: 10px 8px !important; }
	.slui #order_review td.product-name { font-size: 13px !important; line-height: 1.35 !important; }
	.slui #order_review td.product-name img { width: 40px !important; height: 40px !important; }
	.slui #order_review td.product-total { white-space: nowrap; font-size: 13px !important; }
}

/* v1.2 — блог на телефоні: горизонтальні картки з квадратним фото */
@media (max-width: 600px) {
	.slui-post:not(.slui-post--featured) {
		display: grid !important; grid-template-columns: 112px minmax(0, 1fr); align-items: start;
	}
	.slui-post:not(.slui-post--featured) .slui-post__media { width: 112px; height: 112px; aspect-ratio: 1 / 1 !important; }
	.slui-post:not(.slui-post--featured) .slui-post__body { padding: 10px 12px !important; gap: 4px; }
	.slui-post:not(.slui-post--featured) .slui-post__title { font-size: 14.5px !important; line-height: 1.3 !important; margin: 0 !important; }
	.slui-post:not(.slui-post--featured) .slui-post__excerpt { display: none !important; }
	.slui-post:not(.slui-post--featured) .slui-post__more { display: none !important; }
	.slui-post:not(.slui-post--featured) .slui-post__meta { font-size: 11.5px; }
}
/* v1.2 — стаття на телефоні: товари списком, поле 16 px */
@media (max-width: 600px) {
	.slui .slui-article-aside .slui-art-products .product-grid.slui-grid-4 { grid-template-columns: 1fr !important; }
	.slui .slui-article-wrap { padding-left: 16px !important; padding-right: 16px !important; }
	.slui .slui-post__media .slns-ended-badge--thumb { font-size: 10px !important; padding: 3px 6px !important; left: 4px !important; bottom: 4px !important; }
}
/* v1.2 — інформаційні картки на планшеті: 2 колонки, непарна остання на всю ширину */
@media (max-width: 1100px) and (min-width: 601px) {
	.slui .slui-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.slui .slui-cards > :last-child:nth-child(odd) { grid-column: 1 / -1; }
}
.slui .slui-card a[href^="mailto:"] { overflow-wrap: anywhere; }
@media (max-width: 1100px) {
	.slui .site-main .site-main { margin-top: 8px !important; }
	.slui.slui section.categories { padding-bottom: 4px !important; }
}
@media (max-width: 680px) {
	.slui .slui-home-cats .category-grid { margin: 0 !important; overflow: visible !important; }
}
@media (max-width: 1100px) and (min-width: 681px) {
	.slui .slui-home-cats .category-grid { padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box; }
}

/* ==========================================================================
   v1.2 — супутні товари на телефоні, артикул біля ціни, промокод, бічний кошик
   ========================================================================== */

/* Супутні товари: без вкладених полів, картки на всю ширину блоку */
@media (max-width: 768px) {
	.slui .related.products, .slui .upsells.products { padding: 20px 12px !important; border-radius: 14px; }
	.slui .related.products > h2, .slui .upsells.products > h2 { font-size: 20px !important; margin: 0 0 14px !important; }
	.slui .related ul.products, .slui .upsells ul.products {
		width: 100% !important; max-width: none !important; margin: 0 !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important;
	}
	.slui .related ul.products li.product, .slui .upsells ul.products li.product { width: auto !important; margin: 0 !important; padding: 8px !important; }
}

/* Артикул поруч із ціною */
.slui.single-product div.product .summary p.price { display: inline-flex !important; margin-right: 14px !important; vertical-align: middle; }
.slui.single-product div.product .summary .slui-sku {
	display: inline-flex; align-items: center; gap: 4px; vertical-align: middle;
	margin: 12px 0 8px; padding: 4px 10px; border-radius: 999px;
	background: var(--slui-soft); color: var(--slui-muted);
	font: 500 13px/1.3 var(--slui-font);
}
.slui.single-product div.product .summary .slui-sku .sku { color: var(--slui-ink); font-weight: 700; }
.slui.single-product div.product .product_meta:not(.slui-sku) .sku_wrapper { display: none !important; }

/* Промокод у таблиці «Ваше замовлення» */
.slui #order_review tr.slui-coupon-row td { padding: 12px 0 !important; border: 0 !important; background: none !important; }
.slui .slui-coupon {
	padding: 14px 16px; border: 2px dashed #e0b400; border-radius: 12px;
	background: #fffbe6;
}
.slui .slui-coupon__label {
	display: flex !important; align-items: center; gap: 8px; margin: 0 0 10px !important;
	font: 700 15px/1.3 var(--slui-font) !important; color: var(--slui-ink) !important;
}
.slui .slui-coupon__label .slui-ic { color: #b88a00; flex: 0 0 auto; }
.slui .slui-coupon__field { display: flex; gap: 8px; }
.slui .slui-coupon__input {
	flex: 1 1 auto; min-width: 0; height: 46px !important; margin: 0 !important;
	padding: 0 14px !important; border: 1px solid #d9c46a !important; border-radius: 10px !important;
	background: #fff !important; font: 600 15px/1 var(--slui-font) !important; letter-spacing: .04em; text-transform: uppercase;
}
.slui .slui-coupon__input::placeholder { text-transform: none; letter-spacing: 0; font-weight: 500; color: #8a90a0; }
.slui .slui-coupon__input:focus { outline: 2px solid var(--slui-blue); outline-offset: 1px; border-color: var(--slui-blue) !important; }
.slui .slui-coupon__btn {
	flex: 0 0 auto; height: 46px; padding: 0 18px; border: 0; border-radius: 10px; cursor: pointer;
	background: var(--slui-blue); color: #fff; font: 700 14px/1 var(--slui-font);
}
.slui .slui-coupon__btn:hover { background: var(--slui-blue-d); }
.slui .slui-coupon.is-loading { opacity: .6; pointer-events: none; }
.slui .slui-coupon__msg:empty { display: none; }
.slui .slui-coupon__msg { margin-top: 8px; font: 600 13px/1.4 var(--slui-font); }
.slui .slui-coupon__msg.is-ok { color: var(--slui-ok); }
.slui .slui-coupon__msg.is-error { color: var(--slui-red-d); }
@media (max-width: 420px) {
	.slui .slui-coupon { padding: 12px; }
	.slui .slui-coupon__btn { padding: 0 12px; font-size: 13px; }
}
/* Стару панель «Маєте купон знижки?» над формою більше не показуємо */
.slui .woocommerce-form-coupon-toggle { display: none !important; }

/* Бічний кошик */
.slui .header-cart .dropdown-content { display: none !important; }
.slui a.added_to_cart.wc-forward { display: none !important; }
html.slui-drawer-open, html.slui-drawer-open body { overflow: hidden !important; }
.slui-drawer-overlay {
	position: fixed; inset: 0; z-index: 100000;
	background: rgba(12, 18, 36, .5); opacity: 0; transition: opacity .25s ease;
}
.slui-drawer-overlay.is-open { opacity: 1; }
.slui-drawer {
	position: fixed; top: 0; right: 0; bottom: 0; z-index: 100001;
	width: min(420px, 100vw); display: flex; flex-direction: column;
	background: #fff; box-shadow: -12px 0 40px rgba(12, 18, 36, .18);
	transform: translateX(100%); transition: transform .28s ease; visibility: hidden;
	font-family: var(--slui-font); color: var(--slui-text); outline: none;
}
.slui-drawer.is-open { transform: none; visibility: visible; }
@media (prefers-reduced-motion: reduce) { .slui-drawer, .slui-drawer-overlay { transition: none; } }
.admin-bar .slui-drawer { top: 32px; }
@media (max-width: 782px) { .admin-bar .slui-drawer { top: 46px; } }
.slui-drawer__head {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	padding: 16px 20px; border-bottom: 1px solid var(--slui-line);
}
.slui-drawer__title { margin: 0 !important; font: 800 20px/1.2 var(--slui-font); color: var(--slui-ink); display: flex; align-items: center; gap: 8px; }
.slui-drawer__count {
	display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 7px;
	border-radius: 999px; background: var(--slui-yellow); color: var(--slui-ink); font: 700 13px/1 var(--slui-font);
}
.slui-drawer__close {
	display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px;
	border: 0; border-radius: 10px; background: var(--slui-soft); color: var(--slui-ink); cursor: pointer; padding: 0;
}
.slui-drawer__close:hover { background: var(--slui-line); }
.slui-drawer__notice { margin: 12px 20px 0; padding: 10px 12px; border-radius: 10px; background: #fdecec; color: var(--slui-red-d); font: 600 13px/1.45 var(--slui-font); }
.slui-drawer__body { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.slui-drawer__items { flex: 1 1 auto; overflow-y: auto; list-style: none; margin: 0 !important; padding: 4px 20px !important; }
.slui-drawer__item {
	position: relative; display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 12px;
	padding: 14px 32px 14px 0; border-bottom: 1px solid var(--slui-line); margin: 0 !important;
}
.slui-drawer__item:last-child { border-bottom: 0; }
.slui-drawer__item.is-loading { opacity: .5; pointer-events: none; }
.slui-drawer__thumb { display: block; width: 72px; height: 72px; border-radius: 10px; overflow: hidden; background: var(--slui-soft); }
.slui-drawer__thumb img { width: 100% !important; height: 100% !important; object-fit: cover; margin: 0 !important; }
.slui-drawer__info { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.slui-drawer__name {
	font: 600 14px/1.35 var(--slui-font); color: var(--slui-ink) !important; text-decoration: none !important;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.slui-drawer__name:hover { color: var(--slui-blue) !important; }
.slui-drawer__info dl.variation { margin: 0; font-size: 12px; color: var(--slui-muted); }
.slui-drawer__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; }
.slui-drawer__price { font: 800 15px/1.2 var(--slui-font); color: var(--slui-ink); white-space: nowrap; }
.slui-drawer__qty-text { font: 600 13px/1 var(--slui-font); color: var(--slui-muted); }
.slui-qty { display: inline-flex; align-items: center; border: 1px solid var(--slui-line); border-radius: 10px; overflow: hidden; }
.slui-qty__btn {
	width: 34px; height: 34px; border: 0; background: #fff; color: var(--slui-ink); cursor: pointer;
	font: 600 18px/1 var(--slui-font); padding: 0;
}
.slui-qty__btn:hover:not([disabled]) { background: var(--slui-soft); }
.slui-qty__btn[disabled] { color: #c3c8d2; cursor: default; }
.slui-qty__val { min-width: 30px; text-align: center; font: 700 14px/1 var(--slui-font); color: var(--slui-ink); }
.slui-drawer__remove {
	position: absolute; top: 12px; right: 0; width: 30px; height: 30px; padding: 0;
	display: inline-flex; align-items: center; justify-content: center;
	border: 0; border-radius: 8px; background: none; color: #8a90a0; cursor: pointer;
}
.slui-drawer__remove:hover { background: #fdecec; color: var(--slui-red-d); }
.slui-drawer__foot { padding: 16px 20px 20px; border-top: 1px solid var(--slui-line); background: #fff; box-shadow: 0 -8px 20px rgba(12, 18, 36, .05); }
.slui-drawer__total { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 8px; font: 600 15px/1.3 var(--slui-font); color: var(--slui-ink); }
.slui-drawer__total strong { font: 800 22px/1.2 var(--slui-font); }
.slui-drawer__note { display: flex; align-items: center; gap: 6px; margin: 0 0 14px !important; font: 500 12.5px/1.4 var(--slui-font); color: var(--slui-muted); }
.slui-drawer__btn {
	display: flex; align-items: center; justify-content: center; width: 100%; min-height: 50px; padding: 12px 16px;
	border-radius: 12px; border: 0; cursor: pointer; text-decoration: none !important;
	font: 700 15px/1.2 var(--slui-font); box-sizing: border-box;
}
.slui-drawer__btn + .slui-drawer__btn { margin-top: 8px; }
.slui-drawer__btn--primary { background: var(--slui-red); color: #fff !important; }
.slui-drawer__btn--primary:hover { background: var(--slui-red-d); }
.slui-drawer__btn--ghost { background: var(--slui-soft); color: var(--slui-ink); }
.slui-drawer__btn--ghost:hover { background: var(--slui-line); }
.slui-drawer__empty { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 40px 24px; text-align: center; color: var(--slui-muted); }
.slui-drawer__empty .slui-ic { color: #b6bcc8; }
.slui-drawer__empty p { margin: 0 !important; font: 600 16px/1.4 var(--slui-font); color: var(--slui-ink); }
.slui-drawer__empty .slui-drawer__btn { width: auto; min-width: 220px; }
@media (max-width: 768px) {
	.slui.single-product div.product .related.products,
	.slui.single-product div.product .upsells.products { padding: 16px 10px !important; margin-left: -6px !important; margin-right: -6px !important; }
}
.slui #order_review tr.slui-coupon-row td { padding: 12px 8px !important; }
.slui ul.products li.product .product-sku-loop strong { display: inline !important; }

/* v1.3 — сторінка 404 і порожній кошик */
.slui-404 { max-width: 760px; margin: 0 auto; padding: 48px 16px 64px; text-align: center; font-family: var(--slui-font); color: var(--slui-text); }
.slui-404__code { margin: 0 !important; font: 800 clamp(72px, 14vw, 120px)/1 var(--slui-font); color: var(--slui-blue); letter-spacing: -.02em; }
.slui-404__title { margin: 8px 0 10px !important; font: 800 clamp(24px, 3.4vw, 32px)/1.2 var(--slui-font) !important; color: var(--slui-ink) !important; }
.slui-404__lead { max-width: 56ch; margin: 0 auto 24px !important; font-size: 16px; line-height: 1.6; color: var(--slui-muted); }
.slui-404__search { display: flex; gap: 8px; max-width: 520px; margin: 0 auto 16px; }
.slui-404__search input { flex: 1 1 auto; min-width: 0; height: 50px; padding: 0 16px !important; border: 1px solid var(--slui-line) !important; border-radius: 12px !important; font: 500 16px/1 var(--slui-font); background: #fff; }
.slui-404__search input:focus { outline: 2px solid var(--slui-blue); outline-offset: 1px; }
.slui-404__search button { flex: 0 0 auto; height: 50px; padding: 0 22px; border: 0; border-radius: 12px; background: var(--slui-blue); color: #fff; font: 700 15px/1 var(--slui-font); cursor: pointer; }
.slui-404__search button:hover { background: var(--slui-blue-d); }
.slui-404__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 40px; }
.slui-404__btn, .slui-empty-cart__btn {
	display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 20px;
	border-radius: 12px; border: 1px solid var(--slui-line); background: #fff; color: var(--slui-ink) !important;
	font: 700 15px/1.2 var(--slui-font); text-decoration: none !important;
}
.slui-404__btn:hover, .slui-empty-cart__btn:hover { border-color: var(--slui-blue); color: var(--slui-blue) !important; }
.slui-404__btn--primary, .slui-empty-cart__btn--primary { background: var(--slui-red); border-color: var(--slui-red); color: #fff !important; }
.slui-404__btn--primary:hover, .slui-empty-cart__btn--primary:hover { background: var(--slui-red-d); border-color: var(--slui-red-d); color: #fff !important; }
.slui-404__h2 { margin: 0 0 14px !important; font: 700 18px/1.3 var(--slui-font) !important; color: var(--slui-ink) !important; }
.slui-404__cats { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; list-style: none; margin: 0 0 36px !important; padding: 0 !important; }
.slui-404__cats a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; background: var(--slui-soft); color: var(--slui-ink) !important; font: 600 14px/1.2 var(--slui-font); text-decoration: none !important; }
.slui-404__cats a:hover { background: #e3ebf8; color: var(--slui-blue) !important; }
.slui-404__cats span { color: var(--slui-muted); font-weight: 500; font-size: 12.5px; }
.slui-404__help { padding: 20px; border-radius: 14px; background: var(--slui-soft); }
.slui-404__help p { margin: 0 0 12px !important; font-size: 15px; color: var(--slui-text); }
.slui-404__help .slui-msgs { justify-content: center; }
@media (max-width: 480px) { .slui-404__search { flex-direction: column; } .slui-404__search button { width: 100%; } }

.slui-empty-cart { max-width: 560px; margin: 8px auto 48px; padding: 32px 20px; text-align: center; border-radius: 16px; background: var(--slui-soft); font-family: var(--slui-font); }
.slui-empty-cart .slui-ic { color: #9aa3b5; }
.slui-empty-cart h2 { margin: 10px 0 8px !important; font: 800 22px/1.25 var(--slui-font) !important; color: var(--slui-ink) !important; }
.slui-empty-cart p { margin: 0 auto 20px !important; max-width: 46ch; color: var(--slui-muted); font-size: 15px; line-height: 1.55; }
.slui-empty-cart__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }

/* ==========================================================================
   v1.4 — фільтри, рейтинг над ціною, вид «Список», плитки категорій
   ========================================================================== */

/* Фільтри в боковій колонці: висота групи — за вмістом.
   Плагін задавав групам flex-basis 180px, і в колонці довгі списки налазили на сусідні. */
.slui .slui-cat-aside .slf-filters__grid { height: auto !important; }
.slui .slui-cat-aside .slf-filter-group { flex: 0 0 auto !important; height: auto !important; min-height: 0 !important; }
.slui .slui-cat-aside .slf-filter-group__options {
	max-height: 272px !important; overflow-y: auto !important; overscroll-behavior: contain;
	scrollbar-width: thin; padding-right: 6px !important;
}
.slui .slui-cat-aside .slf-checkbox { align-items: flex-start !important; gap: 8px; }
.slui .slui-cat-aside .slf-checkbox input { margin: 2px 0 0 !important; flex: 0 0 auto; }

/* Рейтинг над ціною в картках-сітці */
.slui .product-grid:not(.view-list) li.product .woocommerce-LoopProduct-link > .star-rating { order: 4; margin: auto 0 6px !important; }
.slui .product-grid:not(.view-list) li.product .woocommerce-LoopProduct-link > .price { order: 5; }
.slui .product-grid:not(.view-list) li.product .woocommerce-LoopProduct-link:has(> .star-rating) > .price { margin-top: 0 !important; }

/* Вид «Список»: та сама картка, що й у сітці, у горизонтальному компонуванні */
.slui .product-grid.view-list { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; }
.slui .product-grid.view-list li.product {
	display: grid !important;
	grid-template-columns: 120px minmax(0, 1fr) 210px;
	grid-template-areas: "img title price" "img sku price" "img rating btn";
	grid-template-rows: auto auto 1fr;
	column-gap: 20px; row-gap: 4px; align-items: start;
	width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important;
	padding: 14px 18px !important; text-align: left !important;
	background: #fff !important; border: 1px solid var(--slui-line) !important; border-radius: 14px !important; box-shadow: none !important;
}
.slui .product-grid.view-list li.product:hover { border-color: #c9d4e6 !important; box-shadow: 0 6px 18px rgba(20, 26, 43, .06) !important; }
.slui .product-grid.view-list li.product > a.woocommerce-LoopProduct-link { display: contents !important; }
.slui .product-grid.view-list li.product .product-image-wrapper {
	grid-area: img; position: relative; width: 120px !important; height: 120px !important; max-width: none !important;
	margin: 0 !important; padding: 0 !important; border-radius: 10px; overflow: hidden; background: var(--slui-soft);
}
.slui .product-grid.view-list li.product .product-image-wrapper img { width: 100% !important; height: 100% !important; object-fit: cover; margin: 0 !important; }
.slui .product-grid.view-list li.product .product-image-wrapper .slf-fav-btn { top: 6px !important; right: 6px !important; width: 30px !important; height: 30px !important; }
.slui .product-grid.view-list li.product .product-image-wrapper .slf-fav-btn svg { width: 16px !important; height: 16px !important; }
.slui .product-grid.view-list li.product .product-image-wrapper .custom-badge { top: 4px !important; left: 4px !important; max-width: calc(100% - 8px) !important; font-size: 9px !important; padding: 2px 5px !important; white-space: normal !important; }
.slui .product-grid.view-list li.product .product-badges { left: 0 !important; right: 0 !important; bottom: 0 !important; }
.slui .product-grid.view-list li.product .woocommerce-loop-product__title {
	grid-area: title; margin: 2px 0 0 !important; padding: 0 !important; min-height: 0 !important;
	font: 700 16px/1.35 var(--slui-font) !important; color: var(--slui-ink) !important; text-align: left !important;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.slui .product-grid.view-list li.product .product-sku-loop {
	grid-area: sku; margin: 0 !important; padding: 0 !important; background: none !important; border-radius: 0 !important;
	color: var(--slui-muted) !important; font: 500 13px/1.4 var(--slui-font) !important; text-align: left !important; width: auto !important;
}
.slui .product-grid.view-list li.product .product-sku-loop strong { display: inline !important; color: var(--slui-ink) !important; font-weight: 600 !important; }
.slui .product-grid.view-list li.product .star-rating { grid-area: rating; margin: 4px 0 0 !important; }
.slui .product-grid.view-list li.product .slf-promo-stock, .slui .product-grid.view-list li.product .stock { grid-area: rating; margin: 4px 0 0 !important; }
.slui .product-grid.view-list li.product .price {
	grid-area: price; justify-self: end; align-self: end; margin: 0 !important; text-align: right !important;
	display: flex !important; flex-direction: column; align-items: flex-end; gap: 0;
	font: 800 21px/1.2 var(--slui-font) !important; color: var(--slui-ink) !important;
}
.slui .product-grid.view-list li.product .price del { font-size: 14px !important; font-weight: 500 !important; color: #5f6779 !important; order: 2; }
.slui .product-grid.view-list li.product .price ins { text-decoration: none !important; color: var(--slui-red) !important; order: 1; }
.slui .product-grid.view-list li.product > .button,
.slui .product-grid.view-list li.product > .added_to_cart { grid-area: btn; align-self: start; width: 100% !important; margin: 8px 0 0 !important; }
@media (max-width: 900px) {
	.slui .product-grid.view-list li.product { grid-template-columns: 100px minmax(0, 1fr) 170px; column-gap: 14px; padding: 12px !important; }
	.slui .product-grid.view-list li.product .product-image-wrapper { width: 100px !important; height: 100px !important; }
}
@media (max-width: 600px) {
	.slui .product-grid.view-list li.product {
		grid-template-columns: 88px minmax(0, 1fr);
		grid-template-areas: "img title" "img sku" "img rating" "img price" "btn btn";
		grid-template-rows: none; column-gap: 12px;
	}
	.slui .product-grid.view-list li.product .product-image-wrapper { width: 88px !important; height: 88px !important; }
	.slui .product-grid.view-list li.product .woocommerce-loop-product__title { font-size: 14px !important; }
	.slui .product-grid.view-list li.product .price { justify-self: start; align-items: flex-start; font-size: 18px !important; }
}

/* Плитки категорій і підкатегорій: повна назва, чітко видно, що це розділ каталогу */
.slui-cats-label { max-width: 1360px; margin: 4px auto 10px !important; font: 600 12px/1.2 var(--slui-font); letter-spacing: .07em; text-transform: uppercase; color: var(--slui-muted); }
.slui:not(.home) .category-grid {
	display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
	gap: 10px !important; flex-wrap: nowrap !important; justify-content: normal !important;
	overflow: visible !important; height: auto !important; max-height: none !important;
	margin: 0 0 12px !important; padding: 0 !important;
}
.slui:not(.home) .category-grid .category-card,
.slui:not(.home) .category-grid .category-card.slf-cat-extra {
	display: block !important; width: auto !important; flex: none !important; margin: 0 !important; padding: 0 !important;
	height: auto !important; min-height: 0 !important; border: 1px solid var(--slui-line) !important; border-radius: 12px !important;
	background: #fff !important; box-shadow: none !important; transition: border-color .15s, box-shadow .15s;
}
.slui:not(.home) .category-grid .category-card:hover { border-color: var(--slui-blue) !important; box-shadow: 0 4px 14px rgba(0, 85, 186, .10) !important; }
.slui:not(.home) .category-grid .category-card > a:first-child {
	display: flex !important; align-items: center !important; gap: 10px !important;
	height: 100% !important; min-height: 58px; padding: 10px 12px !important; box-sizing: border-box;
	border: 0 !important; border-radius: 12px !important; background: none !important; text-decoration: none !important;
}
.slui:not(.home) .category-grid .category-card img { width: 36px !important; height: 36px !important; flex: 0 0 36px; object-fit: contain; margin: 0 !important; }
.slui:not(.home) .category-grid .category-card h3 {
	margin: 0 !important; max-width: none !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important;
	font: 600 14px/1.3 var(--slui-font) !important; color: var(--slui-ink) !important; text-transform: none !important; text-align: left !important;
}
.slui:not(.home) .category-grid .category-card .btn-sm { display: none !important; }
/* Планшет і телефон: стрічка плиток з прокруткою (у два ряди, якщо плиток багато) */
@media (max-width: 1100px) {
	.slui:not(.home) .category-grid {
		grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: 164px;
		overflow-x: auto !important; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: none;
		margin: 0 -16px 12px !important; padding: 2px 16px 6px !important;
	}
	.slui:not(.home) .category-grid::-webkit-scrollbar { display: none; }
	.slui:not(.home) .category-grid:has(> .category-card:nth-child(5)) { grid-template-rows: auto auto; }
	.slui:not(.home) .category-grid .category-card { scroll-snap-align: start; }
	.slui:not(.home) .category-grid .category-card > a:first-child { gap: 8px !important; padding: 8px 10px !important; min-height: 56px; }
	.slui:not(.home) .category-grid .category-card img { width: 30px !important; height: 30px !important; flex-basis: 30px; }
	.slui:not(.home) .category-grid .category-card h3 { font-size: 13px !important; line-height: 1.25 !important; }
}

@media (min-width: 1101px) {
	.slui:not(.home) .category-grid, .slui-cats-label { max-width: 1360px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box; }
}
.slui .product-grid.view-list li.product .star-rating { justify-self: start !important; align-self: start !important; }
@media (max-width: 1100px) {
	.slui:not(.home) .category-grid { grid-auto-columns: 236px; scroll-padding-inline: 16px; }
}

/* v1.5 — фільтри: ціна першою, довгі списки згорнуті до 5 пунктів; «Список» на всю ширину */
.slui .slf-filters__grid > .slf-filter-group--price { order: -1; }
.slui .slf-filter-group__options,
.slui .slui-cat-aside .slf-filter-group__options { max-height: none !important; overflow: visible !important; }
.slui .slf-filter-group__options > .slf-checkbox.slui-opt-hidden { display: none !important; }
.slui .slf-filter-group__options.is-expanded,
.slui .slui-cat-aside .slf-filter-group__options.is-expanded {
	max-height: 280px !important; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-width: thin; padding-right: 6px !important;
}
.slui .slui-opt-more {
	display: inline-flex; align-items: center; gap: 4px; margin: 6px 0 0; padding: 4px 0; border: 0; background: none;
	color: var(--slui-blue); font: 600 13px/1.3 var(--slui-font); cursor: pointer;
}
.slui .slui-opt-more:hover { text-decoration: underline; }
.slui .slui-opt-more::after { content: ""; width: 7px; height: 7px; margin-left: 2px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.slui .slui-opt-more[aria-expanded="true"]::after { transform: rotate(-135deg) translateY(-1px); }
.slui .product-grid.view-list,
.slui:not(.home):not(.single-product) .product-catalog > .product-grid.view-list { padding-left: 0 !important; padding-right: 0 !important; }
/* Колонка товарів поруч із фільтрами — на всю ширину і в «Сітці», і в «Списку» */
.slui .slui-cat-layout .product-catalog { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; min-width: 0; }
.slui:not(.home):not(.single-product) .slui-cat-layout .product-catalog > .product-grid { padding-left: 0 !important; padding-right: 0 !important; }

/* v1.5 — телефон: повертаємо вибір виду («Сітка/Список») і кількості товарів на сторінці */
@media (max-width: 600px) {
	.slui .woocommerce-products-header { display: grid !important; grid-template-columns: auto 1fr; align-items: center; gap: 10px !important; }
	.slui .woocommerce-products-header .woocommerce-result-count { grid-column: 1 / -1; }
	.slui .woocommerce-products-header .view-mode-toggle { display: flex !important; order: 1; }
	.slui .woocommerce-products-header .view-mode-toggle button { height: 40px; padding: 0 12px !important; font-size: 13px !important; }
	.slui .woocommerce-products-header .products-per-page { display: flex !important; order: 2; justify-self: end; gap: 6px; }
	.slui .woocommerce-products-header .products-per-page label { font-size: 13px !important; }
	.slui .woocommerce-products-header .products-per-page select { width: auto !important; min-width: 72px; }
	.slui .woocommerce-products-header .woocommerce-ordering { order: 3; grid-column: 1 / -1; }
}

/* a11y: ціль skip-link */
#slui-main { display: block; height: 0; outline: none; }

/* v1.6 — доступність: посилання в тексті, крапки слайдера */
.slui .entry-content :is(p, li, td) a:not([class*="btn"]):not(.button),
.slui .slui-seo :is(p, li) a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.slui .entry-content :is(p, li, td) a:not([class*="btn"]):not(.button):hover,
.slui .slui-seo :is(p, li) a:hover { text-decoration-thickness: 2px; }

/* Крапки слайдера: зона натискання 24 px, видима крапка як і була */
.slns .slns__dots { gap: 2px; }
.slns .slns__dot { position: relative; width: 24px; height: 24px; min-width: 24px; padding: 0; border: 0; border-radius: 0; background: transparent !important; }
.slns .slns__dot::before { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; border-radius: 10px; background: #c9d3e8; transform: translate(-50%, -50%); transition: width .2s ease, background .2s ease; }
.slns .slns__dot[aria-selected="true"] { width: 34px; }
.slns .slns__dot[aria-selected="true"]::before { width: 26px; background: var(--slns-primary, #0055ba); }
.slns .slns__dot:focus-visible { outline: 2px solid var(--slns-primary, #0055ba); outline-offset: 0; border-radius: 12px; }
@media (prefers-reduced-motion: reduce) { .slns .slns__dot::before { transition: none; } }

/* Контраст кнопок: «Читати» у слайдері (фірмовий червоний, як «Додати в кошик») і кнопка Telegram у попапі */
.slns { --slns-accent: #e4262a !important; }
.slui .slf-tg-popup__btn { background: #1a7ab0 !important; }
.slui .slf-tg-popup__btn:hover, .slui .slf-tg-popup__btn:focus-visible { background: #17739f !important; }

/* Галерея «Наш склад» на сторінці «Про нас» */
.slui-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; max-width: 960px; margin: 8px 0 32px; }
.slui-gallery__item { margin: 0; display: grid; gap: 8px; }
.slui-gallery__item img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 12px; background: #eef2f8; }
.slui-gallery__item figcaption { font-size: 14px; line-height: 1.35; color: #5f6779; text-align: center; }
@media (max-width: 560px) { .slui-gallery { gap: 8px; } .slui-gallery__item figcaption { font-size: 12.5px; } }

.slui-gallery--wide { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 16px; }
.slui-gallery--wide .slui-gallery__item img { aspect-ratio: 4 / 5; }

/* Заголовки таблиць у статтях: темний текст на світлому фоні, шрифт як у тексті */
.slui .slui-article .entry-content th { color: var(--slui-ink, #141a2b) !important; font-family: Montserrat, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 14px; letter-spacing: 0; }

/* ===== Доставка й оплата (slui-dp) ===== */
.slui-dp{--np:#da291c;--np-bg:#fdeceb;--up:#f9c000;--up-bg:#fff6d1}
.slui-dp .ic{position:relative}
.slui-dp .ic::before{content:"";position:absolute;left:16px;top:50%;width:42px;height:42px;margin-top:-21px;border-radius:11px;background:#eaf1ff}
.slui-dp .ic::after{content:"";position:absolute;left:27px;top:50%;width:20px;height:20px;margin-top:-10px;background:var(--slui-blue);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.slui-dp .slui-dp-head.ic::before{left:0}.slui-dp .slui-dp-head.ic::after{left:11px}
.slui-dp .is-np .ic::before,.slui-dp .is-np.ic::before{background:var(--np)}
.slui-dp .is-np .ic::after,.slui-dp .is-np.ic::after{background:#fff}
.slui-dp .is-up .ic::before,.slui-dp .is-up.ic::before{background:var(--up)}
.slui-dp .is-up .ic::after,.slui-dp .is-up.ic::after{background:#14306e}
.slui-dp-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 6px}
.slui-dp-fact{background:#fff;border:1px solid var(--slui-line);border-radius:14px;padding:14px 14px 14px 72px;min-height:80px;display:flex;flex-direction:column;justify-content:center;gap:2px}
.slui-dp-fact strong{font:800 16px/1.25 var(--slui-font);color:var(--slui-ink)}
.slui-dp-fact span{font:500 13.5px/1.35 var(--slui-font);color:var(--slui-muted)}
.slui-dp-head{display:flex;flex-direction:column;justify-content:center;min-height:42px;padding-left:56px;margin:0 0 12px}
.slui-dp-head h3{margin:0!important}
.slui-dp-head span{font:500 13.5px/1.35 var(--slui-font);color:var(--slui-muted)}
.slui-dp-carriers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px}
.slui-dp-carrier{background:#fff;border:1px solid var(--slui-line);border-radius:14px;padding:18px 20px;border-top:4px solid var(--np)}
.slui-dp-carrier.is-up{border-top-color:var(--up)}
.slui-dp-carrier>:last-child{margin-bottom:0!important}
.slui-dp-sched{background:var(--slui-soft);border-radius:14px;padding:20px;margin:0 0 16px}
.slui-dp-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 14px}
.slui-dp-week>div{background:#fff;border:1px solid var(--slui-line);border-radius:10px;text-align:center;padding:10px 2px}
.slui-dp-week b{display:block;font:700 15px/1.2 var(--slui-font);color:var(--slui-ink)}
.slui-dp-week span{display:block;font:600 12px/1.4 var(--slui-font);color:#a3abbb}
.slui-dp-week .is-ship{background:var(--slui-blue);border-color:var(--slui-blue)}
.slui-dp-week .is-ship b,.slui-dp-week .is-ship span{color:#fff}
.slui-dp-urgent{background:var(--up-bg);border-radius:12px;padding:14px 16px 14px 72px;min-height:70px;display:flex;flex-direction:column;justify-content:center;margin:0}
.slui-dp-urgent.ic::before{background:var(--slui-yellow)}.slui-dp-urgent.ic::after{background:#111}
.slui-dp-urgent strong{font:700 15.5px/1.35 var(--slui-font);color:var(--slui-ink)}
.slui-dp-urgent span{font:500 14px/1.4 var(--slui-font);color:#5b4a00}
.slui-dp .slui-dp-steps{counter-reset:dps;list-style:none!important;padding:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.slui-dp-steps>li{counter-increment:dps;position:relative;background:var(--slui-soft);border-radius:14px;padding:58px 16px 16px;margin:0!important;font:500 14.5px/1.45 var(--slui-font);color:var(--slui-text)}
.slui-dp-steps>li::before{content:counter(dps);position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--slui-blue);color:#fff;font:700 14px/1 var(--slui-font)}
.slui-dp-steps strong{display:block;font:700 15.5px/1.3 var(--slui-font);color:var(--slui-ink);margin:0 0 4px}
.slui-dp .slui-note.slui-dp-warn{font-weight:600}
.slui-dp-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px}
.slui-dp-point{background:#fff;border:1px solid var(--slui-line);border-radius:14px;padding:14px 16px 14px 72px;min-height:74px;display:flex;align-items:center;font:500 14.5px/1.45 var(--slui-font)}
.slui-dp .slui-dp-list{list-style:none!important;padding:0!important;margin:0!important}
.slui-dp-list>li{padding:10px 0;margin:0!important;border-top:1px solid #dfe4ee;font-size:14.5px;line-height:1.5}
.slui-dp-list>li:first-child{border-top:0;padding-top:0}
.slui-dp-tag{display:inline-block;padding:2px 9px;border-radius:999px;font:700 12px/1.6 var(--slui-font);margin:0 6px 2px 0;vertical-align:1px;white-space:nowrap}
.slui-dp-tag.is-np{background:var(--np-bg);color:#b3170c}
.slui-dp-tag.is-up{background:var(--up-bg);color:#6b4f00}
.slui-dp-viber{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:28px;align-items:start;background:#f3f1ff;border-radius:16px;padding:24px;margin:8px 0 16px}
.slui-dp-viber h3{font-size:20px!important}
.slui-dp-viber .slui-msgr{grid-template-columns:1fr!important;margin:12px 0 10px}
.slui-dp-viber p{font:500 14px/1.5 var(--slui-font);color:var(--slui-muted);margin:0}
.slui-dp-viber .slui-numbered{margin:0!important}
.slui-dp-viber .slui-numbered>li::before{background:#7360f2}
.slui .slui-dp .slui-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.slui .slui-dp .slui-cards>:last-child:nth-child(2n+1){grid-column:auto}
@media (max-width:1000px){
.slui-dp-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.slui-dp .slui-dp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.slui .slui-dp .slui-cards{grid-template-columns:1fr!important}
.slui-dp-viber{grid-template-columns:1fr;gap:16px}
}
@media (max-width:600px){
.slui-dp-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.slui-dp-fact{padding:62px 12px 12px;justify-content:flex-start}
.slui-dp-fact.ic::before{left:12px;top:12px;margin-top:0}
.slui-dp-fact.ic::after{left:23px;top:23px;margin-top:0}
.slui-dp-fact strong{font-size:15px}
.slui-dp-carriers,.slui-dp-points{grid-template-columns:1fr}
.slui-dp .slui-dp-steps{grid-template-columns:1fr}
.slui-dp-steps>li{padding:16px 16px 16px 58px}
.slui-dp-week{gap:4px}.slui-dp-week>div{padding:8px 0}.slui-dp-week b{font-size:13px}.slui-dp-week span{font-size:10.5px}
.slui-dp-sched,.slui-dp-viber{padding:16px}
}
.slui-dp .ic-truck{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5h12v11H2z'/%3E%3Cpath d='M14 9h4.5l3.5 3.5V16h-8'/%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E")}
.slui-dp .ic-bolt{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E")}
.slui-dp .ic-card{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20M6 15h4'/%3E%3C/svg%3E")}
.slui-dp .ic-return{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14 4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 0 11H11'/%3E%3C/svg%3E")}
.slui-dp .ic-box{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v8'/%3E%3C/svg%3E")}
.slui-dp .ic-mail{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m2 6 10 7 10-7'/%3E%3C/svg%3E")}
.slui-dp .ic-tool{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.5 2.5-2.4-.6-.6-2.4z'/%3E%3C/svg%3E")}
.slui-dp .ic-refresh{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 15.5-6.2L21 8M21 3v5h-5M21 12a9 9 0 0 1-15.5 6.2L3 16M3 21v-5h5'/%3E%3C/svg%3E")}
.slui-dp .ic-shield{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5z'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E")}
.slui-dp .ic-doc{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M8 13h8M8 17h6'/%3E%3C/svg%3E")}
.slui-dp .ic-swap{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4 3 8l4 4M3 8h14M17 20l4-4-4-4M21 16H7'/%3E%3C/svg%3E")}
.slui-dp .ic-pin{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s7-6.5 7-12a7 7 0 0 0-14 0c0 5.5 7 12 7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.slui-dp .ic-cal{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}
.slui-dp .ic-chat{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 21l1.9-5.4A8 8 0 1 1 21 12z'/%3E%3C/svg%3E")}

.slui-dp>h3{margin-top:30px!important}
/* ===== FAQ [tuya_faq] ===== */
.slui .tuya-faq{display:grid;gap:10px;margin:0 0 24px}
.slui .tuya-faq>br,.slui .tuya-faq>p:empty{display:none}
.slui .tuya-faq-item{background:#fff;border:1px solid var(--slui-line);border-radius:12px;padding:0;margin:0;overflow:hidden;transition:border-color .2s}
.slui .tuya-faq-item[open]{border-color:#c4d3ef;box-shadow:0 4px 14px rgba(20,40,90,.06)}
.slui .tuya-faq-item summary{list-style:none;cursor:pointer;position:relative;padding:16px 56px 16px 18px;font:700 15.5px/1.4 var(--slui-font);color:var(--slui-ink)}
.slui .tuya-faq-item summary::-webkit-details-marker{display:none}
.slui .tuya-faq-item summary::before{content:none!important}
.slui .tuya-faq-item summary::after{content:"+";position:absolute;right:16px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:#eaf1ff;color:var(--slui-blue);display:grid;place-items:center;font:600 20px/1 var(--slui-font)}
.slui .tuya-faq-item[open] summary::after{content:"\2013";background:var(--slui-blue);color:#fff}
.slui .tuya-faq-item summary:hover{color:var(--slui-blue)}
.slui .tuya-faq-answer{padding:0 18px 16px;margin:0;font:400 15px/1.6 var(--slui-font);color:var(--slui-text)}
.slui .tuya-faq-answer p{margin:0 0 8px}.slui .tuya-faq-answer>:last-child{margin-bottom:0}

/* ===== Оформлення на телефоні: нічого не виходить за екран ===== */
@media (max-width:899px){
.slui form.checkout.woocommerce-checkout{grid-template-columns:minmax(0,1fr)!important}
.slui form.checkout.woocommerce-checkout>*{min-width:0!important;max-width:100%!important}
.slui .woocommerce-checkout-review-order-table{width:100%!important;max-width:100%!important;table-layout:fixed}
.slui .woocommerce-checkout-review-order-table th.product-total,.slui .woocommerce-checkout-review-order-table td.product-total{width:112px}
.slui .woocommerce-checkout-review-order-table td.product-name{overflow-wrap:anywhere}
.slui .woocommerce-checkout-review-order-table .woocommerce-Price-amount{white-space:nowrap}
}

/* ==========================================================================
   Мобільна шапка, що ховається при прокрутці, і закріплена кнопка «У кошик»
   ========================================================================== */
@media (max-width: 1024px) {
	.slui .site-header.slui-header { transition: transform .25s ease, box-shadow .25s ease !important; will-change: transform; }
	html.slui-hdr-off .slui .site-header.slui-header { transform: translateY(calc(-100% - 50px)); box-shadow: none; }
	.slui-sections__nav { transition: top .25s ease; }
	html.slui-hdr-off .slui-sections__nav, html.slui-hdr-off .admin-bar .slui-sections__nav { top: 0; }
}
.slui-buybar { display: none; }
@media (max-width: 768px) {
	.slui-buybar {
		display: flex; align-items: center; gap: 10px;
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000;
		padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
		background: #fff; border-radius: 16px 16px 0 0; box-shadow: 0 -6px 20px rgba(20, 26, 43, .12);
		font-family: var(--slui-font);
		transform: translateY(110%); visibility: hidden; transition: transform .25s ease, visibility .25s;
	}
	.slui-buybar.is-on { transform: none; visibility: visible; }
	.slui-buybar .t { flex: 1; min-width: 0; }
	.slui-buybar .n { display: block; font-size: 12px; font-weight: 600; line-height: 1.3; color: var(--slui-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.slui-buybar .p, .slui-buybar .p .amount { display: block; font-size: 17px; font-weight: 800; line-height: 1.25; color: var(--slui-ink); }
	.slui-buybar .p del, .slui-buybar .p del .amount { display: inline; font-size: 12px; font-weight: 500; color: #9aa1b2; margin-right: 4px; }
	.slui-buybar .p ins { display: inline; text-decoration: none; }
	.slui-buybar .p ins .amount { display: inline; }
	.slui-buybar .b { flex: 0 0 auto; height: 44px; padding: 0 20px; border: 0; border-radius: 12px; background: var(--slui-red); color: #fff; font: 800 15px/1 var(--slui-font); cursor: pointer; }
	.slui-buybar .b.is-bis { background: var(--slui-blue); }
	.slui-buybar .b.is-loading { opacity: .6; }
	html.slui-buybar-on #back-to-top { bottom: calc(76px + env(safe-area-inset-bottom)) !important; }
}

/* ==========================================================================
   Картка товара: склад набору + кнопка «Повідомити» (25.10.2026)
   ========================================================================== */
body.single-product div.product .summary.entry-summary > .slbis-btn-single {
	justify-content: center !important;
	padding: 0 20px !important;
}
.slui-kitlist {
	margin: 4px 0 6px;
	padding: 14px 16px;
	border-radius: 14px;
	background: #f4f7fc;
	border: 1px solid #e3e9f3;
}
.slui-kitlist__h {
	margin: 0 0 8px !important;
	font-size: 15px;
	font-weight: 800;
	color: #141a2b;
}
.slui-kitlist ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px 18px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.slui-kitlist li {
	position: relative;
	margin: 0 !important;
	padding-left: 22px;
	font-size: 14px;
	line-height: 1.4;
	color: #2b3345;
	list-style: none !important;
}
.slui-kitlist li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 4px;
	width: 11px;
	height: 6px;
	border-left: 2.5px solid #16a34a;
	border-bottom: 2.5px solid #16a34a;
	transform: rotate(-45deg);
}
.slui-kitlist__more {
	display: inline-block;
	margin-top: 10px;
	font-size: 13.5px;
	font-weight: 700;
	color: #0055ba !important;
	text-decoration: none !important;
}
.slui-kitlist__more:hover { text-decoration: underline !important; }
#tab-description { scroll-margin-top: 90px; }
@media (max-width: 600px) {
	.slui-kitlist ul { grid-template-columns: 1fr; }
}