/* CanapeBar store — v0.5.0 */

:root {
	/* —— Палитра (светлая тема) —— */
	--cb-bg: #f4f7f4;
	--cb-surface: #ffffff;
	--cb-surface-2: #eef6ef;
	--cb-surface-3: #e6f2e8;
	--cb-tint: #f4faf5;
	--cb-icon-tile: #e8f6ea;
	--cb-ink: #1a3d22;
	--cb-muted: #4a6350;
	--cb-accent: #2db733;
	/* Тёмный зелёный: и текст на светлом фоне (было #1f8f28 — 3.9:1),
	   и тёмный край градиентов кнопок. На светлом фоне даёт 5.0:1. */
	--cb-accent-dark: #1a7a22;
	/* Сплошной зелёный под белым текстом: у яркого #2db733 контраст всего 2.6:1 */
	--cb-accent-solid: #1e8626;
	--cb-line: #c5e0c8;
	--cb-ok: #2f6b3a;
	--cb-error: #b3261e;
	--cb-disabled: #c9c2ba;
	--cb-on-accent: #ffffff;
	--cb-on-dark: #ffffff;

	/* —— Разметка на фото: фон-плашки и подложки —— */
	--cb-glass: rgba(255, 255, 255, 0.94);
	--cb-header-bg: rgba(255, 255, 255, 0.96);
	--cb-panel-dark: #1a3d22;
	--cb-panel-dark-ink: #ffffff;
	--cb-on-dark-muted: rgba(255, 255, 255, 0.86);
	--cb-accent-on-dark: #7fe08a;
	--cb-line-on-dark: rgba(255, 255, 255, 0.22);

	/* —— Полупрозрачный акцент: подложки, рамки, фокус —— */
	--cb-accent-soft: rgba(45, 183, 51, 0.08);
	--cb-accent-soft-2: rgba(45, 183, 51, 0.1);
	--cb-accent-soft-3: rgba(45, 183, 51, 0.12);
	--cb-accent-ring: rgba(45, 183, 51, 0.16);
	--cb-accent-ring-2: rgba(45, 183, 51, 0.18);
	--cb-accent-ring-3: rgba(45, 183, 51, 0.22);
	--cb-accent-border: rgba(45, 183, 51, 0.5);
	--cb-accent-border-strong: rgba(45, 183, 51, 0.55);
	--cb-accent-ring-strong: rgba(45, 183, 51, 0.85);

	/* —— Тени. В тёмной теме глушатся до чёрных —— */
	--cb-overlay: rgba(16, 48, 22, 0.55);
	--cb-shadow-ink-soft: rgba(26, 61, 34, 0.05);
	--cb-shadow-ink: rgba(26, 61, 34, 0.12);
	--cb-shadow-ink-strong: rgba(26, 61, 34, 0.55);
	--cb-shadow-ink-hard: rgba(26, 61, 34, 0.85);
	--cb-shadow-modal: rgba(16, 48, 22, 0.55);
	--cb-shadow-accent-soft: rgba(31, 143, 40, 0.1);
	--cb-shadow-accent: rgba(31, 143, 40, 1);
	--cb-shadow-accent-12: rgba(31, 143, 40, 0.12);
	--cb-shadow-accent-16: rgba(31, 143, 40, 0.16);
	--cb-shadow-accent-22: rgba(31, 143, 40, 0.22);
	--cb-shadow-accent-35: rgba(31, 143, 40, 0.35);
	--cb-shadow-accent-38: rgba(31, 143, 40, 0.38);
	--cb-shadow-accent-55: rgba(31, 143, 40, 0.55);
	--cb-shadow-accent-60: rgba(31, 143, 40, 0.6);
	--cb-shadow-accent-90: rgba(31, 143, 40, 0.9);
	--cb-shadow-accent-95: rgba(31, 143, 40, 0.95);

	/* —— Шкала типографики. Заголовки — El Messiri, текст и UI — Source Sans 3 —— */
	--cb-fs-h1: clamp(1.9rem, 3.2vw, 2.5rem);
	--cb-fs-h2: clamp(1.45rem, 2.4vw, 1.85rem);
	--cb-fs-h3: 1.15rem;

	--cb-max: 1180px;
	--cb-radius: 8px;
	/* Единое скругление всех кнопок сайта — «пилюля», как у кнопки «В корзину» */
	--cb-btn-radius: 999px;
	--cb-btn-shadow: 0 10px 22px -12px var(--cb-shadow-accent);
	/* Тёмный край градиента: у бренд-зелёного #2db733 белый текст давал 2.6:1 */
	--cb-btn-gradient: linear-gradient(180deg, var(--cb-accent-solid), #15661c);
	--cb-btn-gradient-added: linear-gradient(180deg, #237a2b, var(--cb-accent-solid));
	--cb-btn-shadow-hover: 0 14px 26px -12px var(--cb-shadow-accent);
	--cb-btn-ease: transform 0.18s ease, box-shadow 0.24s ease, filter 0.2s ease;
	--cb-font: "Source Sans 3", "Segoe UI", sans-serif;
	--cb-display: "El Messiri", "Georgia", serif;
	--cb-header-h: 4.5rem;

	/* —— WooCommerce: фирменный набор вместо его фиолетовой семьи —— */
	--woocommerce: #1e8626;
	--wc-primary: #1e8626;
	--wc-primary-text: #ffffff;
	--wc-secondary: #eef6ef;
	--wc-secondary-text: #4a6350;
	--wc-highlight: #1a7a22;
	--wc-highligh-text: #ffffff;
	--wc-content-bg: #ffffff;
	--wc-subtext: #4a6350;
	--wc-green: #2f6b3a;
	--wc-red: #b3261e;
	--wc-blue: #1f8f28;
	--wc-orange: #ffca00;
	--wc-destructive: #b3261e;
	--wc-form-color-background: #ffffff;
	--wc-form-color-text: #1a3d22;
	--wc-form-border-color: #c5e0c8;
	--wc-form-border-radius: 8px;
}

body {
	background: var(--cb-bg);
	color: var(--cb-ink);
	font-family: var(--cb-font);
}

/* —— Единая типографика ——
   Пара одна на весь сайт: El Messiri в заголовках, Source Sans 3 в тексте,
   интерфейсе, кнопках и формах. Elementor-заголовкам семейство приходит из
   кита 3863; эти правила выравнивают то, что рисуют шаблоны темы. */
h1,
h2,
h3,
h4,
h5,
h6,
.cb-display {
	font-family: var(--cb-display);
	font-weight: 700;
	line-height: 1.2;
	color: var(--cb-ink);
}

h1,
h1.entry-title,
.woocommerce-products-header__title.page-title,
.woocommerce div.product .product_title,
.elementor h1.elementor-heading-title {
	font-family: var(--cb-display);
	font-weight: 700;
	font-size: var(--cb-fs-h1);
	line-height: 1.15;
}

h2 {
	font-size: var(--cb-fs-h2);
}

h3 {
	font-size: var(--cb-fs-h3);
	font-weight: 600;
}

/* Заголовки на фото и в тёмных плашках остаются белыми в обеих темах */
.home .elementor a[href*="/product-category/"] .elementor-heading-title,
.cb-band__title,
.cb-band__text,
.cb-on-dark {
	color: var(--cb-on-dark);
}

a {
	color: var(--cb-accent-dark);
}

.cb-wrap {
	width: min(100% - 2rem, var(--cb-max));
	margin-inline: auto;
}

/* —— Header —— */
.cb-site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--cb-header-bg);
	border-bottom: 1px solid var(--cb-line);
	backdrop-filter: blur(10px);
}

.cb-header-inner {
	display: flex;
	align-items: center;
	gap: 1.25rem 1.75rem;
	min-height: var(--cb-header-h);
	padding-block: 0.55rem;
}

.cb-brand {
	flex: 0 0 auto;
	min-width: 0;
}

.cb-brand-text,
.cb-brand .custom-logo-link {
	display: inline-flex;
	align-items: center;
	max-width: 11.5rem;
	font-family: var(--cb-display);
	font-weight: 700;
	font-size: 1.35rem;
	line-height: 1;
	letter-spacing: 0.01em;
	color: var(--cb-accent);
	text-decoration: none;
}

.cb-brand .custom-logo-link:hover,
.cb-brand-text:hover {
	color: var(--cb-accent-dark);
}

.cb-brand img,
.cb-brand .custom-logo {
	display: block;
	max-height: 40px;
	width: auto;
	height: auto;
}

.cb-nav {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	justify-content: center;
}

.cb-nav-list {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 0.15rem 0.15rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.cb-nav-list > li {
	position: relative;
	list-style: none;
	margin: 0;
}

.cb-nav-list a {
	display: inline-flex;
	align-items: center;
	padding: 0.45rem 0.7rem;
	color: var(--cb-ink);
	text-decoration: none;
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.2;
	border-radius: var(--cb-radius);
	white-space: nowrap;
	transition: color 0.15s ease, background 0.15s ease;
}

.cb-nav-list a:hover,
.cb-nav-list .current-menu-item > a,
.cb-nav-list .current_page_item > a {
	color: var(--cb-accent-dark);
	background: var(--cb-accent-soft);
}

/* Nested WP menu was breaking the row — turn into dropdown */
.cb-nav-list .sub-menu {
	display: none;
	position: absolute;
	top: calc(100% + 0.25rem);
	left: 0;
	min-width: 11rem;
	margin: 0;
	padding: 0.35rem;
	list-style: none;
	background: var(--cb-surface);
	border: 1px solid var(--cb-accent);
	border-radius: var(--cb-radius);
	box-shadow: 0 10px 28px var(--cb-shadow-accent-soft);
	z-index: 20;
}

.cb-nav-list .sub-menu li {
	list-style: none;
	margin: 0;
}

.cb-nav-list .sub-menu a {
	display: block;
	width: 100%;
	padding: 0.55rem 0.7rem;
	white-space: normal;
}

.cb-nav-list > li:hover > .sub-menu,
.cb-nav-list > li:focus-within > .sub-menu {
	display: block;
}

/* Overlay replaces nested «Каталог» under «Наше меню» */
.cb-nav-list > li.cb-menu-has-mega > .sub-menu {
	display: none !important;
}

.cb-header-actions {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

/* —— Переключатель тёмной темы ——
   Одна кнопка, две иконки: в светлой теме активна луна (включить тёмную),
   в тёмной — солнце. Состояние дублируется в aria-pressed из store.js. */
.cb-theme-toggle {
	position: relative;
	flex: 0 0 auto;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-btn-radius);
	background: var(--cb-surface);
	color: var(--cb-ink);
	cursor: pointer;
	transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.cb-theme-toggle:hover {
	border-color: var(--cb-accent);
	color: var(--cb-accent-dark);
	background: var(--cb-tint);
	transform: translateY(-1px);
}

.cb-theme-toggle:focus-visible {
	outline: 3px solid var(--cb-accent-border-strong);
	outline-offset: 2px;
}

.cb-theme-toggle-icon {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	transition: opacity 0.2s ease, transform 0.3s ease;
}

.cb-theme-toggle-icon svg {
	display: block;
}

/* Светлая тема: видна луна, солнце спрятано */
.cb-theme-toggle-icon--sun {
	opacity: 0;
	transform: rotate(-90deg) scale(0.6);
}

html[data-cb-theme="dark"] .cb-theme-toggle-icon--sun {
	opacity: 1;
	transform: none;
}

html[data-cb-theme="dark"] .cb-theme-toggle-icon--moon {
	opacity: 0;
	transform: rotate(90deg) scale(0.6);
}

.cb-phone {
	color: var(--cb-ink);
	text-decoration: none;
	font-weight: 700;
	font-size: 0.95rem;
	letter-spacing: 0.01em;
	white-space: nowrap;
}

.cb-phone:hover {
	color: var(--cb-accent-dark);
}

.cb-cart {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.5rem 0.95rem;
	border: 1px solid transparent;
	border-radius: var(--cb-btn-radius);
	background: var(--cb-btn-gradient);
	color: var(--cb-on-accent) !important;
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1;
	box-shadow: var(--cb-btn-shadow);
	transition: var(--cb-btn-ease);
}

.cb-cart:hover {
	background: var(--cb-btn-gradient);
	transform: translateY(-1px);
	filter: brightness(1.05);
	box-shadow: var(--cb-btn-shadow-hover);
}

.cb-cart-count {
	min-width: 1.3rem;
	height: 1.3rem;
	padding: 0 0.3rem;
	border-radius: 999px;
	background: var(--cb-on-accent);
	color: var(--cb-accent-solid);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	font-weight: 700;
}

.cb-cart-count.is-empty {
	opacity: 0.7;
}

.cb-nav-toggle {
	display: none;
	width: 2.5rem;
	height: 2.5rem;
	border: 1px solid var(--cb-accent);
	border-radius: var(--cb-btn-radius);
	background: var(--cb-surface);
	color: var(--cb-ink) !important;
	padding: 0.55rem;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
}

.cb-nav-toggle span:not(.screen-reader-text) {
	display: block;
	height: 2px;
	background: var(--cb-accent-dark);
	border-radius: 1px;
}

/* —— Mega dropdown («Наше меню») —— */
.cb-mega[hidden] {
	display: none !important;
}

.cb-mega {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 90;
	background: var(--cb-surface);
	border-bottom: 1px solid var(--cb-accent);
	box-shadow: 0 14px 32px var(--cb-shadow-accent-12);
	max-height: min(70vh, 34rem);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.cb-mega-panel {
	padding: 0.75rem 0 1rem;
}

.cb-mega-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-radius);
	overflow: hidden;
	background: var(--cb-surface);
}

.cb-mega-item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-height: 4.25rem;
	padding: 0.7rem 0.9rem;
	border-right: 1px solid var(--cb-line);
	border-bottom: 1px solid var(--cb-line);
	color: var(--cb-ink);
	text-decoration: none;
	background: var(--cb-surface);
	transition: background 0.15s ease, color 0.15s ease;
}

.cb-mega-item:nth-child(4n) {
	border-right: 0;
}

.cb-mega-item:hover {
	background: var(--cb-accent-soft);
	color: var(--cb-accent-dark);
}

.cb-mega-item.is-active {
	color: var(--cb-accent-dark);
	background: var(--cb-accent-soft-3);
}

.cb-mega-icon {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.cb-mega-icon img {
	display: block;
	width: 44px;
	height: 44px;
	object-fit: contain;
	/* Иконки каталога → бренд-зелёный */
	filter: brightness(0) saturate(100%) invert(48%) sepia(72%) saturate(520%) hue-rotate(74deg) brightness(98%);
}

.cb-mega-item.is-active .cb-mega-icon img,
.cb-mega-item:hover .cb-mega-icon img {
	filter: brightness(0) saturate(100%) invert(38%) sepia(55%) saturate(700%) hue-rotate(78deg) brightness(90%);
}

.cb-mega-label {
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.25;
}

.cb-nav-list > li.cb-menu-has-mega > a[aria-expanded="true"] {
	color: var(--cb-accent-dark);
	background: var(--cb-accent-soft-2);
}

@media (max-width: 960px) {
	.cb-mega-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cb-mega-item:nth-child(4n) {
		border-right: 1px solid var(--cb-line);
	}

	.cb-mega-item:nth-child(2n) {
		border-right: 0;
	}
}

@media (max-width: 560px) {
	.cb-mega-grid {
		grid-template-columns: 1fr;
	}

	.cb-mega-item,
	.cb-mega-item:nth-child(2n),
	.cb-mega-item:nth-child(4n) {
		border-right: 0;
	}
}

/* —— Footer — см. секцию «Footer» ниже; переработан в 0.9.21 —— */

/* —— Buttons —— */
.cb-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 2.5rem;
	padding: 0.55rem 1.15rem;
	border: 0;
	border-radius: var(--cb-btn-radius);
	background: var(--cb-btn-gradient) !important;
	color: var(--cb-on-accent) !important;
	text-decoration: none !important;
	font-weight: 700;
	letter-spacing: 0.01em;
	box-shadow: var(--cb-btn-shadow);
	transition: var(--cb-btn-ease);
	cursor: pointer;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.cb-btn:hover {
	background: var(--cb-btn-gradient) !important;
	transform: translateY(-1px);
	filter: brightness(1.05);
	box-shadow: 0 14px 26px -12px var(--cb-shadow-accent);
}

/* Недоступная кнопка остаётся серой и не «оживает» при наведении */
.cb-btn-disabled,
.cb-btn-disabled:hover {
	background: var(--cb-disabled) !important;
	box-shadow: none !important;
	transform: none !important;
	filter: none !important;
	color: var(--cb-on-accent) !important;
	cursor: not-allowed;
}

/* —— Product grid —— */
.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 1.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

/* Контейнер достигает 1180 px при вьюпорте ~1212 px.
   Дальше фиксируем 4 колонки, как в настройке WooCommerce (columns-4):
   auto-fill давал 5 колонок по 220 px и рваный последний ряд. */
@media (min-width: 1212px) {
	.woocommerce ul.products,
	ul.products {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
	display: none !important;
}

.woocommerce ul.products li.product {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0;
	background: var(--cb-surface);
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.cb-product-media {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: var(--cb-tint);
}

.cb-product-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.25s ease;
}

.cb-badge-out {
	position: absolute;
	left: 0.65rem;
	top: 0.65rem;
	background: var(--cb-panel-dark);
	color: var(--cb-panel-dark-ink);
	font-size: 0.75rem;
	font-weight: 600;
	padding: 0.3rem 0.55rem;
	border-radius: 6px;
}

.cb-product-body {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	padding: 0.85rem;
	flex: 1;
}

.cb-product-title {
	color: var(--cb-ink);
	text-decoration: none;
	font-weight: 600;
	line-height: 1.3;
	transition: color 0.15s ease;
}

.cb-product-title:hover {
	color: var(--cb-accent-dark);
}

.cb-product-price {
	color: var(--cb-accent-dark);
	font-weight: 700;
	font-size: 1.05rem;
	margin: 0;
}

.cb-product-actions {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: auto;
	padding-top: 0.35rem;
}

/* Степпер занимает свободное место, сердечко — компактная кнопка рядом */
.cb-product-actions .cb-qty {
	flex: 1 1 auto;
	justify-content: space-between;
}

.cb-product-actions .cb-product-wish {
	flex: 0 0 auto;
}

/* «В корзину» — отдельная строка во всю ширину карточки */
.cb-product-buy {
	margin-top: 0.55rem;
}

.cb-product-card.is-out {
	opacity: 0.88;
}

/* Карточка: зелёная рамка и тень при наведении, без чёрных обводок */
.woocommerce ul.products li.cb-product-card {
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.woocommerce ul.products li.cb-product-card:hover {
	border-color: var(--cb-accent);
	box-shadow: 0 12px 26px var(--cb-shadow-accent-16);
	transform: translateY(-2px);
}

.woocommerce ul.products li.cb-product-card:hover .cb-product-media img {
	transform: scale(1.04);
}

.woocommerce ul.products li.cb-product-card .button.cb-btn-add {
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-size: 0.88rem;
	padding: 0.6rem 0.9rem;
	border: 1px solid var(--cb-accent) !important;
}

.cb-btn-disabled {
	display: block;
	width: 100%;
	text-align: center;
	padding: 0.6rem 0.9rem;
	border: 1px solid var(--cb-line);
	border-radius: 8px;
	color: var(--cb-muted);
	font-size: 0.88rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

/* —— Woo pages —— */
.woocommerce-products-header__title,
.woocommerce .woocommerce-breadcrumb {
	margin-bottom: 1rem;
}

/* Хлебные крошки — без серого «браузерного» цвета */
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a {
	color: var(--cb-muted) !important;
	font-size: 0.92rem;
}

.woocommerce .woocommerce-breadcrumb a:hover {
	color: var(--cb-accent-dark) !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Сортировка и счётчик */
.woocommerce .woocommerce-result-count {
	color: var(--cb-muted);
	font-size: 0.92rem;
	margin: 0;
}

.woocommerce .woocommerce-ordering select.orderby {
	-webkit-appearance: none;
	appearance: none;
	background-color: var(--cb-surface);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%231f8f28' d='M1.4 0 6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.9rem center;
	color: var(--cb-ink);
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-radius);
	padding: 0.55rem 2.4rem 0.55rem 0.9rem;
	line-height: 1.3;
	cursor: pointer;
}

.woocommerce .woocommerce-ordering select.orderby:hover,
.woocommerce .woocommerce-ordering select.orderby:focus {
	border-color: var(--cb-accent);
	box-shadow: 0 0 0 3px var(--cb-accent-ring-2);
	outline: none;
}

/* —— Пагинация —— */
.woocommerce nav.woocommerce-pagination ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.4rem;
	border: 0 !important;
	margin: 2rem 0 0;
	padding: 0;
	list-style: none;
}

.woocommerce nav.woocommerce-pagination ul li {
	border: 0 !important;
	margin: 0;
	list-style: none;
	overflow: visible;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	min-height: 2.5rem;
	padding: 0 0.75rem;
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-btn-radius);
	background: var(--cb-surface);
	color: var(--cb-accent-dark) !important;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
	background: var(--cb-accent-soft-2);
	border-color: var(--cb-accent);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
	background: var(--cb-accent-solid) !important;
	border-color: var(--cb-accent-solid) !important;
	color: var(--cb-on-accent) !important;
}

/* —— Цена —— */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount {
	color: var(--cb-accent-dark) !important;
	font-weight: 700;
}

.woocommerce div.product p.price {
	font-size: 1.4rem;
}

.woocommerce div.product p.price del,
.woocommerce ul.products li.product .price del {
	color: var(--cb-muted) !important;
	opacity: 1;
	font-weight: 400;
}

.woocommerce div.product p.price ins,
.woocommerce ul.products li.product .price ins {
	color: var(--cb-accent-dark) !important;
	text-decoration: none;
	font-weight: 700;
}

/* —— Поля Woo (кол-во, формы) —— */
.woocommerce form.cart .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.woocommerce .select2-container .select2-selection--single {
	background-color: var(--cb-surface);
	color: var(--cb-ink);
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-radius);
	padding: 0.6rem 0.85rem;
	line-height: 1.35;
	min-height: 0;
}

.woocommerce form.cart .quantity input.qty {
	width: 5rem;
	text-align: center;
}

.woocommerce .quantity {
	display: inline-flex;
	align-items: center;
}

.woocommerce input.input-text:hover,
.woocommerce textarea:hover,
.woocommerce select:hover,
.woocommerce .quantity input.qty:hover {
	border-color: var(--cb-accent);
}

.woocommerce input.input-text:focus,
.woocommerce textarea:focus,
.woocommerce select:focus,
.woocommerce .quantity input.qty:focus {
	border-color: var(--cb-accent);
	box-shadow: 0 0 0 3px var(--cb-accent-ring-2);
	outline: none;
}

/* —— Карточка товара на странице товара —— */
.woocommerce div.product .woocommerce-product-gallery {
	border-radius: 20px;
}

/* Окно галереи: ровный квадрат, скруглённые углы, мягкий фон.
   WooCommerce/FlexSlider пишет высоту инлайном — перебиваем.
   Второй селектор — товар с одним фото: слайдера нет, обёртка лежит прямо в галерее. */
.woocommerce div.product .woocommerce-product-gallery .flex-viewport,
.woocommerce div.product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
	height: auto !important;
	aspect-ratio: 1 / 1;
	border: 1px solid var(--cb-line);
	border-radius: 20px;
	overflow: hidden;
	background: var(--cb-tint);
	box-shadow: 0 20px 42px -30px var(--cb-shadow-ink-strong);
}

.woocommerce div.product .woocommerce-product-gallery .flex-viewport > .woocommerce-product-gallery__wrapper {
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
	background: var(--cb-tint);
}

.woocommerce div.product .woocommerce-product-gallery__image {
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
	background: var(--cb-tint);
}

.woocommerce div.product .woocommerce-product-gallery__image > a {
	display: block;
	height: 100%;
}

.woocommerce div.product .woocommerce-product-gallery__image img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	object-fit: cover;
	object-position: center;
}

/* Наведение отключено — работает лайтбокс по клику. */
.woocommerce div.product .woocommerce-product-gallery__trigger {
	display: none !important;
}

/* —— Миниатюры: компактные плитки с отступами —— */
.woocommerce div.product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	margin: 0.9rem 0 0 !important;
	padding: 0 !important;
	list-style: none;
}

.woocommerce div.product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li {
	float: none !important;
	width: auto !important;
	height: auto !important;
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0;
	background: transparent !important;
}

.woocommerce div.product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li img {
	width: 5.25rem !important;
	height: 5.25rem !important;
	border: 2px solid transparent;
	border-radius: 14px;
	background: var(--cb-tint);
	box-shadow: 0 0 0 1px var(--cb-line);
	object-fit: cover;
	opacity: 0.68;
	cursor: pointer;
	transition: opacity 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.woocommerce div.product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li img:hover {
	opacity: 1;
	transform: translateY(-1px);
}

.woocommerce div.product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li img.flex-active,
.woocommerce div.product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li img.flex-active-slide {
	opacity: 1;
	border-color: var(--cb-accent);
	box-shadow: 0 0 0 1px var(--cb-accent), 0 8px 18px -12px var(--cb-shadow-accent-90);
}

.woocommerce div.product .product_meta {
	color: var(--cb-muted);
	margin-top: 1rem;
	font-size: 0.95rem;
}

.woocommerce div.product .product_meta a {
	color: var(--cb-accent-dark);
}

/* —— Табы описания —— */
.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0;
	margin: 0 0 1.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	border: 0;
}

/* Карточка описания — та же белая плашка, что и сводка товара */
.woocommerce div.product .woocommerce-tabs {
	margin: 0 0 2rem;
	padding: 1.25rem;
	background: var(--cb-surface);
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-radius);
}

/* Заголовок панели дублирует активную вкладку — скрываем */
.woocommerce div.product .woocommerce-tabs .panel > h2:first-child {
	display: none;
}

/* Описание и детали — в правой колонке, сразу под карточкой товара.
   WooCommerce ставит табам `clear: both` (перенос под обе колонки);
   меняем на `clear: right`, чтобы блок встал под сводкой в её колонке. */
@media (min-width: 769px) {
	.woocommerce div.product .woocommerce-tabs {
		float: right;
		clear: right;
		width: 48%;
	}

	/* Колонки закончились — «Похожие» и апселлы снова во всю ширину */
	.woocommerce div.product .related,
	.woocommerce div.product .up-sells {
		clear: both;
	}
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after {
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent !important;
	border: 1px solid var(--cb-line) !important;
	border-radius: 999px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: var(--cb-ink) !important;
	font-weight: 600;
	padding: 0.55rem 1.15rem !important;
	line-height: 1.3;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: var(--cb-accent-dark) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: var(--cb-accent-solid) !important;
	border-color: var(--cb-accent-solid) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--cb-on-accent) !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
	margin: 0;
	border: 0;
}

/* —— Похожие товары —— */
.woocommerce div.product section.related > h2,
.woocommerce div.product section.upsells > h2,
.woocommerce div.product .woocommerce-tabs .panel h2 {
	font-size: 1.6rem;
	margin-bottom: 1rem;
	color: var(--cb-ink);
}

/* —— Избранное и рейтинг —— */
.woocommerce .yith-wcwl-add-to-wishlist a,
.woocommerce a.add_to_wishlist {
	color: var(--cb-accent-dark) !important;
	font-weight: 600;
}

.woocommerce a.add_to_wishlist:hover {
	color: var(--cb-accent) !important;
}

.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
	color: var(--cb-accent) !important;
}

/* —— Заголовки страниц Woo —— */
.woocommerce-products-header__title.page-title,
.woocommerce div.product .product_title {
	font-family: var(--cb-display);
	font-weight: 700;
	line-height: 1.15;
}

/* —— Единый вид форм и служебных элементов —— */
.screen-reader-text {
	color: inherit !important;
}

.woocommerce .required,
.woocommerce span.required,
.woocommerce abbr.required {
	color: var(--cb-accent-dark) !important;
	border-bottom: 0 !important;
	font-weight: 700;
}

.woocommerce .woocommerce-error .required,
.woocommerce .woocommerce-info .required {
	color: inherit !important;
}

/* Крестик «удалить товар» — вместо тёмно-красного */
.woocommerce a.remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.6rem;
	height: 1.6rem;
	color: var(--cb-muted) !important;
	background: transparent;
	border: 1px solid var(--cb-line);
	border-radius: 50%;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.woocommerce a.remove:hover {
	color: var(--cb-on-accent) !important;
	background: var(--cb-accent-solid) !important;
	border-color: var(--cb-accent);
}

/* Все поля WooCommerce: зелёная рамка вместо чёрной и «браузерной» */
.woocommerce input.input-text,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce input[type="password"],
.woocommerce input[type="search"],
.woocommerce textarea,
.woocommerce select,
.woocommerce .select2-container .select2-selection--single,
.woocommerce form.cart .quantity input.qty {
	background-color: var(--cb-surface) !important;
	color: var(--cb-ink) !important;
	border: 1px solid var(--cb-line) !important;
	border-radius: var(--cb-radius) !important;
}

.woocommerce input.input-text:hover,
.woocommerce textarea:hover,
.woocommerce select:hover,
.woocommerce form.cart .quantity input.qty:hover {
	border-color: var(--cb-accent) !important;
}

.woocommerce input.input-text:focus,
.woocommerce textarea:focus,
.woocommerce select:focus,
.woocommerce form.cart .quantity input.qty:focus {
	border-color: var(--cb-accent) !important;
	box-shadow: 0 0 0 3px var(--cb-accent-ring-2);
	outline: none;
}

.woocommerce .input-radio,
.woocommerce .input-checkbox,
.woocommerce input[type="checkbox"],
.woocommerce input[type="radio"] {
	accent-color: var(--cb-accent);
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody td,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
	border-color: var(--cb-line) !important;
}

.woocommerce-checkout-review-order-table td,
.woocommerce table.shop_table tbody td {
	background-color: transparent;
}

/* На странице корзины тема дублирует H1 — оставляем заголовок Elementor */
.woocommerce-cart .entry-title {
	display: none !important;
}

.woocommerce div.product {
	margin-top: 1.5rem;
}

.woocommerce div.product .summary {
	background: var(--cb-surface);
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-radius);
	padding: 1.25rem;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt {
	background: var(--cb-btn-gradient) !important;
	border-color: transparent !important;
	color: var(--cb-on-accent) !important;
	border-radius: var(--cb-btn-radius) !important;
	font-weight: 700;
	box-shadow: var(--cb-btn-shadow);
	transition: var(--cb-btn-ease);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button.alt:hover {
	background: var(--cb-btn-gradient) !important;
	transform: translateY(-1px);
	filter: brightness(1.05);
	box-shadow: 0 14px 26px -12px var(--cb-shadow-accent);
}

/* Hide theme page title when Elementor already renders a heading. */
.woocommerce-cart .page-header,
.woocommerce-checkout .page-header {
	display: none;
}

.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce,
.woocommerce-cart .cart-collaterals {
	background: var(--cb-surface);
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-radius);
	padding: 1.25rem;
	margin-bottom: 1.25rem;
}

.woocommerce-cart-form,
.woocommerce-checkout .col2-set {
	margin-bottom: 1.25rem;
}

.woocommerce table.shop_table {
	border-color: var(--cb-line) !important;
	border-radius: var(--cb-radius);
	overflow: hidden;
}

.woocommerce-cart .cart_totals h2,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout #order_review_heading {
	font-size: 1.15rem;
	margin-bottom: 0.85rem;
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
	border-top-color: var(--cb-accent);
	border-radius: var(--cb-radius);
}

.woocommerce-mini-notice,
.cb-min-order-note {
	display: block;
	margin: 0.75rem 0 1rem;
	padding: 0.75rem 1rem;
	background: var(--cb-accent-soft);
	border: 1px solid var(--cb-line);
	border-radius: 8px;
	color: var(--cb-ink);
	font-size: 0.95rem;
}

.stock.out-of-stock {
	color: var(--cb-accent);
	font-weight: 700;
}

.stock.in-stock {
	color: var(--cb-ok);
}

/* Site content breathing room */
.site-main,
#content,
.page-content,
.woocommerce {
	padding-block: 1.25rem;
}

/* —— Единая контейнерная вёрстка ——
   Шапка и футер выровнены по контейнеру min(100% - 2rem, 1180px).
   Всё содержимое страниц идёт ровно по той же ширине. */
.site-main {
	width: min(100% - 2rem, var(--cb-max)) !important;
	max-width: none !important;
	margin-inline: auto;
	box-sizing: border-box;
}

/* Elementor-секции внутри контейнера: снимаем их собственные отступы
   по бокам, иначе содержимое уезжает внутрь сетки. */
.site-main .elementor > .e-con.e-parent {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.site-main .elementor > .e-con.e-parent > .e-con-inner {
	width: 100% !important;
	max-width: 100% !important;
}

/* —— Mobile —— */
@media (max-width: 960px) {
	.cb-header-inner {
		flex-wrap: wrap;
		gap: 0.65rem 0.85rem;
	}

	.cb-brand {
		order: 1;
		margin-right: auto;
	}

	.cb-header-actions {
		order: 2;
	}

	.cb-nav-toggle {
		display: inline-flex;
		order: 3;
	}

	.cb-phone {
		display: none;
	}

	.cb-nav {
		display: none;
		order: 4;
		flex: 1 0 100%;
		justify-content: flex-start;
		padding-bottom: 0.55rem;
	}

	.cb-site-header.is-open .cb-nav {
		display: block;
	}

	.cb-nav-list {
		flex-direction: column;
		align-items: stretch;
		gap: 0.2rem;
	}

	.cb-nav-list a {
		width: 100%;
		justify-content: flex-start;
	}

	.cb-nav-list .sub-menu {
		position: static;
		display: block;
		min-width: 0;
		margin: 0.15rem 0 0.35rem 0.75rem;
		padding: 0;
		border: 0;
		box-shadow: none;
		background: transparent;
	}

	.cb-nav-list > li.cb-menu-has-mega > .sub-menu {
		display: none !important;
	}

	.cb-nav-list .sub-menu a {
		font-weight: 500;
		color: var(--cb-muted);
	}
}

/* —— Front page —— */
.home .page-header,
.home .entry-title {
	display: none !important;
}

.cb-home-slot[hidden] {
	display: none !important;
}

.cb-home-slot-placed {
	display: block;
	width: 100%;
	margin: 0.5rem 0 2rem;
}

.cb-home-slot-placed .cb-home-products {
	margin: 0;
}

.cb-home-slot-placed ul.products {
	margin-top: 0 !important;
}

/* —— Front page: category tiles (Elementor containers) —— */
.home .elementor a[href*="/product-category/"] {
	overflow: hidden;
	border-radius: 20px;
	isolation: isolate;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* Никаких чёрных обводок — только зелёная рамка при наведении */
.home .elementor a[href*="/product-category/"]:hover,
.home .elementor a[href*="/product-category/"]:focus-visible {
	box-shadow: 0 0 0 3px var(--cb-accent-ring-strong), 0 12px 26px var(--cb-shadow-accent-22);
	outline: none;
}

/* Градиент подписи — бренд-зелёный, клипуется по скруглению */
.home .elementor a[href*="/product-category/"]::before {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 42%, rgba(15, 92, 23, 0.38) 66%, rgba(12, 74, 19, 0.94) 100%) !important;
	border-radius: inherit !important;
	inset: 0 !important;
	z-index: 0;
}

.home .elementor a[href*="/product-category/"] > * {
	position: relative;
	z-index: 1;
}

.home .elementor a[href*="/product-category/"] .elementor-heading-title {
	color: var(--cb-on-accent) !important;
	text-shadow: 0 1px 10px rgba(6, 42, 11, 0.55);
	letter-spacing: 0.01em;
}

/* ==========================================================================
   Footer — переработан в 0.9.21.
   Порядок: бренд → «Информация» → «Контакты». Логотип — сайтовый
   (the_custom_logo). Появление колонок даёт motion-модуль store.js
   (.cb-footer-inner > * и .cb-footer-copy — цели .cb-reveal).
   ========================================================================== */
.cb-site-footer {
	position: relative;
	margin-top: clamp(3rem, 6vw, 5rem);
	padding: clamp(2.75rem, 5vw, 4rem) 0 0;
	border-top: 1px solid var(--cb-line);
	background:
		radial-gradient(120% 150% at 8% 0%, var(--cb-tint) 0%, rgba(0, 0, 0, 0) 55%),
		var(--cb-surface-2);
	color: var(--cb-ink);
}

.cb-site-footer::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 2px;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--cb-accent) 20%, var(--cb-accent) 80%, rgba(0, 0, 0, 0));
	opacity: 0.55;
}

.cb-footer-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1.25fr);
	gap: clamp(1.75rem, 3vw, 3rem);
	align-items: start;
}

/* —— Бренд —— */
.cb-footer-brand {
	min-width: 0;
	max-width: 34rem;
}

.cb-footer-logo {
	display: inline-flex;
	align-items: center;
	min-height: 2.5rem;
	text-decoration: none;
	transition: transform 0.22s ease, opacity 0.22s ease;
}

.cb-footer-logo:hover {
	transform: translateY(-1px);
	opacity: 0.92;
}

.cb-footer-logo .custom-logo-link {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.cb-footer-logo img,
.cb-footer-logo .custom-logo {
	display: block;
	width: auto;
	height: auto;
	max-height: 38px;
}

.cb-footer-logo--text {
	font-family: var(--cb-display);
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
	color: var(--cb-accent-dark);
}

.cb-footer-lead {
	margin: 1.05rem 0 0;
	max-width: 40ch;
	color: var(--cb-muted);
	line-height: 1.55;
	font-size: 0.98rem;
}

.cb-footer-hours {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 1rem 0 0;
	color: var(--cb-muted);
	font-size: 0.92rem;
	line-height: 1.4;
}

.cb-footer-hours .cb-icon {
	flex: 0 0 auto;
	color: var(--cb-accent-dark);
}

/* Логотип: тёмно-зелёный SVG на тёмном футере тускнеет — поднимаем яркость. */
html[data-cb-theme="dark"] .cb-footer-logo img,
html[data-cb-theme="dark"] .cb-footer-logo .custom-logo {
	filter: brightness(1.75) saturate(1.15);
}

/* —— Заголовки колонок —— */
.cb-footer-title {
	margin: 0 0 1.1rem;
	font-family: var(--cb-font);
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--cb-muted);
}

/* —— «Информация» —— */
.cb-footer-links {
	min-width: 0;
}

.cb-footer-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.1rem;
}

.cb-footer-nav li {
	margin: 0;
}

.cb-footer-nav a {
	position: relative;
	display: inline-block;
	padding: 0.34rem 0;
	color: var(--cb-ink);
	font-size: 0.98rem;
	line-height: 1.35;
	text-decoration: none;
	transition: color 0.18s ease, transform 0.18s ease;
}

.cb-footer-nav a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0.16rem;
	width: 100%;
	height: 1.5px;
	background: var(--cb-accent);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.24s ease;
}

.cb-footer-nav a:hover,
.cb-footer-nav a:focus-visible {
	color: var(--cb-accent-dark);
	transform: translateX(2px);
}

.cb-footer-nav a:hover::after,
.cb-footer-nav a:focus-visible::after {
	transform: scaleX(1);
}

.cb-footer-nav .sub-menu {
	list-style: none;
	margin: 0.1rem 0 0.35rem 0.7rem;
	padding: 0;
}

/* —— «Контакты» —— */
.cb-footer-contacts {
	min-width: 0;
}

.cb-footer-contact-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.8rem;
}

.cb-footer-contact {
	display: inline-flex;
	align-items: flex-start;
	gap: 0.7rem;
	color: var(--cb-ink);
	text-decoration: none;
	font-size: 0.98rem;
	line-height: 1.4;
	transition: color 0.18s ease;
}

.cb-footer-contact-icon {
	display: inline-flex;
	flex: 0 0 auto;
	width: 2.2rem;
	height: 2.2rem;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--cb-icon-tile);
	color: var(--cb-accent-dark);
	transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.cb-footer-contact-text {
	padding-top: 0.38rem;
	min-width: 0;
}

a.cb-footer-contact:hover .cb-footer-contact-icon,
a.cb-footer-contact:focus-visible .cb-footer-contact-icon {
	background: var(--cb-accent-solid);
	color: var(--cb-on-accent);
	transform: translateY(-1px);
	box-shadow: 0 8px 18px -9px var(--cb-shadow-accent);
}

a.cb-footer-contact:hover .cb-footer-contact-text,
a.cb-footer-contact:focus-visible .cb-footer-contact-text {
	color: var(--cb-accent-dark);
}

.cb-footer-phone .cb-footer-contact-text {
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--cb-accent-dark);
	padding-top: 0.28rem;
}

.cb-footer-cta {
	margin-top: 1.5rem;
}

/* —— Нижняя полоса —— */
.cb-footer-copy {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.85rem 1.5rem;
	margin-top: clamp(2rem, 4vw, 3rem);
	padding: 1.25rem 0 1.5rem;
	border-top: 1px solid var(--cb-line);
}

.cb-footer-year {
	margin: 0;
	color: var(--cb-muted);
	font-size: 0.88rem;
}

.cb-footer-legal {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 1.35rem;
	margin: 0;
	padding: 0;
}

.cb-footer-legal a {
	color: var(--cb-muted);
	text-decoration: none;
	font-size: 0.88rem;
	transition: color 0.18s ease;
}

.cb-footer-legal a:hover,
.cb-footer-legal a:focus-visible {
	color: var(--cb-accent-dark);
}

/* —— Кнопка «Наверх» — появляется при прокрутке (store.js) —— */
.cb-footer-top-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	margin-left: auto;
	padding: 0;
	border: 1px solid var(--cb-line);
	border-radius: 50%;
	background: var(--cb-surface);
	color: var(--cb-ink);
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	transform: translateY(6px);
	transition: opacity 0.25s ease, transform 0.25s ease, border-color 0.2s ease,
		background 0.2s ease, color 0.2s ease;
}

.cb-footer-top-btn.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.cb-footer-top-btn:hover,
.cb-footer-top-btn:focus-visible {
	border-color: var(--cb-accent);
	background: var(--cb-tint);
	color: var(--cb-accent-dark);
	transform: translateY(-2px);
}

@media (max-width: 960px) {
	.cb-footer-inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2rem 1.75rem;
	}

	.cb-footer-brand {
		grid-column: 1 / -1;
		max-width: none;
	}
}

@media (max-width: 560px) {
	.cb-footer-inner {
		grid-template-columns: 1fr;
		gap: 1.75rem;
	}

	.cb-footer-copy {
		justify-content: flex-start;
	}

	.cb-footer-top-btn {
		margin-left: 0;
	}

	.cb-footer-legal {
		gap: 0.35rem 1rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cb-footer-nav a,
	.cb-footer-nav a::after,
	.cb-footer-contact-icon,
	.cb-footer-logo,
	.cb-footer-top-btn {
		transition: none !important;
	}
}

/* ==========================================================================
   v0.4.0 — карточки товара, избранное, анимации
   ========================================================================== */

:root {
	--cb-radius-card: 18px;
	--cb-shadow-soft: 0 1px 2px var(--cb-shadow-ink-soft);
	--cb-shadow-lift: 0 18px 38px -14px var(--cb-shadow-accent-38), 0 2px 6px var(--cb-shadow-ink-soft);
}

/* —— Избранное в шапке —— */
.cb-wishlist {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.5rem 0.9rem;
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-btn-radius);
	background: var(--cb-surface);
	color: var(--cb-ink) !important;
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1;
	transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.cb-wishlist:hover {
	border-color: var(--cb-accent);
	color: var(--cb-accent-dark) !important;
	background: var(--cb-tint);
	transform: translateY(-1px);
}

.cb-wishlist-icon {
	display: inline-flex;
	width: 1.15rem;
	height: 1.15rem;
}

.cb-wishlist-icon svg {
	width: 100%;
	height: 100%;
	display: block;
	fill: currentColor;
}

.cb-wishlist-count {
	min-width: 1.3rem;
	height: 1.3rem;
	padding: 0 0.3rem;
	border-radius: 999px;
	background: var(--cb-accent-solid);
	color: var(--cb-on-accent);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	font-weight: 700;
	transition: background 0.2s ease, opacity 0.2s ease;
}

.cb-wishlist-count.is-empty {
	background: var(--cb-line);
	color: var(--cb-accent-solid);
	opacity: 0.85;
}

/* —— Карточка товара —— */
@keyframes cbCardIn {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes cbPop {
	0% {
		transform: scale(1);
	}
	35% {
		transform: scale(1.32);
	}
	62% {
		transform: scale(0.92);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes cbSpin {
	to {
		transform: rotate(360deg);
	}
}

.woocommerce ul.products li.cb-product-card,
ul.products li.cb-product-card {
	position: relative;
	background: var(--cb-surface);
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-radius-card);
	box-shadow: var(--cb-shadow-soft);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	animation: cbCardIn 0.5s cubic-bezier(0.2, 0.7, 0.3, 1) backwards;
	transition: transform 0.32s cubic-bezier(0.2, 0.7, 0.3, 1), box-shadow 0.32s ease, border-color 0.32s ease;
}

ul.products li.cb-product-card:nth-child(2) {
	animation-delay: 0.04s;
}

ul.products li.cb-product-card:nth-child(3) {
	animation-delay: 0.08s;
}

ul.products li.cb-product-card:nth-child(4) {
	animation-delay: 0.12s;
}

ul.products li.cb-product-card:nth-child(5) {
	animation-delay: 0.16s;
}

ul.products li.cb-product-card:nth-child(6) {
	animation-delay: 0.2s;
}

ul.products li.cb-product-card:nth-child(n + 7) {
	animation-delay: 0.24s;
}

.woocommerce ul.products li.cb-product-card:hover,
ul.products li.cb-product-card:hover {
	transform: translateY(-6px);
	border-color: var(--cb-accent-border-strong);
	box-shadow: var(--cb-shadow-lift);
}

.woocommerce ul.products li.cb-product-card.is-out:hover,
ul.products li.cb-product-card.is-out:hover {
	transform: none;
	box-shadow: var(--cb-shadow-soft);
	border-color: var(--cb-line);
}

.cb-product-media {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: linear-gradient(160deg, var(--cb-tint), var(--cb-surface-2));
}

.cb-product-link {
	position: absolute;
	inset: 0;
	display: block;
}

.cb-product-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.3, 1);
}

.woocommerce ul.products li.cb-product-card:hover .cb-product-media img {
	transform: scale(1.07);
}

/* Блик по фото и по кнопке «В корзину» убран (0.9.16–0.9.17): на карточке
   остаются только анимации движения — подъём карточки, zoom фото, подъём
   кнопки и мягкая тень под ней. */

.cb-badge {
	position: absolute;
	top: 0.65rem;
	left: 0.65rem;
	z-index: 2;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
	padding: 0.4rem 0.6rem;
	border-radius: 999px;
	background: var(--cb-panel-dark);
	color: var(--cb-panel-dark-ink);
}

/* ==========================================================================
   Избранное — кнопка-сердце
   Разметку рисует тема (woocommerce/loop|single-product/add-to-wishlist.php),
   классы .added и .loading ставит на саму ссылку скрипт плагина WPLB.
   Сердце — один путь: fill-opacity 0 даёт контур, 1 — заливку.
   ========================================================================== */

.cb-product-wish {
	position: static;
	display: inline-flex;
	align-items: center;
}

.cb-wish {
	--cb-wish-size: 2.75rem;
	--cb-wish-fill: 0;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	gap: 0;
	width: var(--cb-wish-size);
	height: var(--cb-wish-size);
	margin: 0;
	padding: 0;
	border: 1px solid var(--cb-line);
	border-radius: 999px;
	background: var(--cb-glass);
	color: var(--cb-muted);
	box-shadow: 0 4px 14px var(--cb-shadow-ink);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	font: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	overflow: visible;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

/* WooCommerce помечает свою галочку «добавлено» тем же классом .added и
   дописывает к кнопке пустой ::after из иконочного шрифта шириной ~16 px.
   Из-за него сердце уезжало влево от центра. Гасим оба псевдоэлемента. */
.cb-wish::before,
.cb-wish::after {
	content: none !important;
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Сброс размеров и отступов, которые WooCommerce навязывает a.button.
   Класс `button` мы с разметки сняли, а это — страховка от чужих правил. */
.woocommerce a.cb-wish,
.woocommerce ul.products li.cb-product-card a.cb-wish,
.woocommerce div.product a.cb-wish {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--cb-wish-size);
	height: var(--cb-wish-size);
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	border-radius: 999px;
	background-image: none;
	line-height: 1;
	text-shadow: none;
}

.cb-wish__art {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 1.25rem;
	height: 1.25rem;
}

.cb-wish__heart {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
	transition: opacity 0.15s ease;
}

.cb-wish__heart path {
	fill: currentColor;
	fill-opacity: var(--cb-wish-fill);
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linejoin: round;
	stroke-linecap: round;
	transition: fill-opacity 0.18s ease;
}

.cb-wish__ring {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.05rem;
	height: 1.05rem;
	margin: -0.525rem 0 0 -0.525rem;
	border: 2px solid currentColor;
	border-top-color: transparent;
	border-radius: 50%;
	opacity: 0;
	transition: opacity 0.15s ease;
}

.cb-wish__label {
	display: none;
	white-space: nowrap;
}

.woocommerce a.cb-wish:not(.added):not(.loading):hover {
	--cb-wish-fill: 0.16;
	border-color: var(--cb-accent);
	background: var(--cb-surface);
	color: var(--cb-accent-dark);
	box-shadow: 0 10px 22px -10px var(--cb-shadow-accent);
	transform: translateY(-2px);
}

.woocommerce a.cb-wish.added {
	--cb-wish-fill: 1;
	border-color: var(--cb-accent-solid);
	background: var(--cb-accent-solid);
	color: var(--cb-on-accent);
	box-shadow: 0 8px 20px -10px var(--cb-shadow-accent);
}

.woocommerce a.cb-wish.added:hover {
	box-shadow: 0 12px 24px -10px var(--cb-shadow-accent);
	transform: translateY(-2px);
}

.cb-wish:focus-visible {
	outline: 2px solid var(--cb-accent);
	outline-offset: 2px;
}

.woocommerce a.cb-wish.loading {
	--cb-wish-fill: 0;
	border-color: var(--cb-line);
	background: var(--cb-glass);
	color: var(--cb-muted);
	box-shadow: 0 4px 14px var(--cb-shadow-ink);
	pointer-events: none;
}

.cb-wish.loading .cb-wish__heart {
	opacity: 0;
}

.cb-wish.loading .cb-wish__ring {
	opacity: 0.85;
	animation: cbWishSpin 0.68s linear infinite;
}

@keyframes cbWishSpin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes cbWishPop {
	0% {
		transform: scale(1);
	}
	38% {
		transform: scale(1.14);
	}
	68% {
		transform: scale(0.95);
	}
	100% {
		transform: scale(1);
	}
}

.cb-wish.is-just-added {
	animation: cbWishPop 0.52s cubic-bezier(0.34, 1.4, 0.64, 1);
}

/* Вариант с подписью — страница товара. */
.woocommerce a.cb-wish--labeled,
.woocommerce div.product a.cb-wish--labeled {
	width: auto;
	height: auto;
	min-height: 2.75rem;
	padding: 0.55rem 1.2rem;
	gap: 0.55rem;
}

.cb-wish--labeled .cb-wish__art {
	width: 1.15rem;
	height: 1.15rem;
}

.cb-wish--labeled .cb-wish__label {
	display: inline;
}

.cb-wish--labeled.added .cb-wish__label--add,
.cb-wish--labeled:not(.added) .cb-wish__label--in {
	display: none;
}

.cb-product-body {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	padding: 0.95rem 1rem 1.05rem;
	flex: 1;
}

.cb-product-title {
	color: var(--cb-ink);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.98rem;
	line-height: 1.35;
	background-image: linear-gradient(var(--cb-accent), var(--cb-accent));
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 0 2px;
	transition: color 0.18s ease, background-size 0.28s ease;
}

.cb-product-card:hover .cb-product-title {
	color: var(--cb-accent-dark);
	background-size: 100% 2px;
}

.cb-product-price {
	color: var(--cb-ink);
	font-weight: 700;
	font-size: 1.12rem;
	margin: 0;
}

.cb-product-price del {
	color: var(--cb-muted);
	font-weight: 400;
	font-size: 0.88rem;
	margin-right: 0.3rem;
}

.cb-product-sum {
	margin: 0;
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--cb-accent-dark);
	animation: cbCardIn 0.28s ease;
}

.cb-product-actions {
	margin-top: auto;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding-top: 0.55rem;
}

/* —— Степпер количества —— */
.cb-qty {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	min-width: 0;
	height: 2.75rem;
	box-sizing: border-box;
	border: 1px solid var(--cb-line);
	border-radius: 999px;
	background: var(--cb-surface);
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cb-qty:focus-within {
	border-color: var(--cb-accent);
	box-shadow: 0 0 0 3px var(--cb-accent-ring);
}

.cb-qty-btn {
	flex: 0 0 auto;
	width: 2rem;
	height: 2.5rem;
	border: 0;
	padding: 0;
	background: transparent;
	color: var(--cb-accent-dark);
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background 0.18s ease, color 0.18s ease;
}

.cb-qty-btn:hover:not(:disabled) {
	background: var(--cb-surface-2);
	color: var(--cb-accent-dark);
}

.cb-qty-btn:active:not(:disabled) {
	background: var(--cb-surface-3);
}

.cb-qty-btn:disabled {
	color: var(--cb-muted);
	opacity: 0.35;
	cursor: not-allowed;
}

/* Специфичность выше сброса темы: `input[type="text"]` */
.cb-qty input.cb-qty-input {
	flex: 0 0 auto;
	width: 2.2rem;
	height: 2.5rem;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	text-align: center;
	font: inherit;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 2.5rem;
	color: var(--cb-ink);
	background: transparent !important;
	box-shadow: none !important;
	-moz-appearance: textfield;
}

.cb-qty input.cb-qty-input:focus {
	outline: none;
	box-shadow: none !important;
}

.cb-qty-input::-webkit-outer-spin-button,
.cb-qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* —— Кнопка «В корзину» в карточке —— */
.woocommerce ul.products li.cb-product-card .button.cb-btn-add,
ul.products li.cb-product-card .button.cb-btn-add,
.cb-btn.cb-btn-add {
	position: relative;
	overflow: hidden;
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-height: 2.75rem;
	padding: 0.6rem 0.95rem;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--cb-btn-gradient) !important;
	color: var(--cb-on-accent) !important;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	text-transform: none;
	box-shadow: 0 8px 18px -10px var(--cb-shadow-accent-95);
	transition: transform 0.18s ease, box-shadow 0.24s ease;
}

.woocommerce ul.products li.cb-product-card .button.cb-btn-add:hover,
ul.products li.cb-product-card .button.cb-btn-add:hover {
	transform: translateY(-1px);
	box-shadow: 0 12px 24px -10px var(--cb-shadow-accent);
}

.woocommerce ul.products li.cb-product-card .button.cb-btn-add:active,
ul.products li.cb-product-card .button.cb-btn-add:active {
	transform: translateY(0) scale(0.985);
}

.cb-btn.cb-btn-add.is-loading {
	color: transparent !important;
	pointer-events: none;
	filter: saturate(0.7);
}

/* Кнопка «В корзину» под строкой со степпером — во всю ширину карточки */
.woocommerce ul.products li.cb-product-card .cb-product-buy .button.cb-btn-add,
.woocommerce ul.products li.cb-product-card .cb-product-buy .cb-btn.cb-btn-add,
ul.products li.cb-product-card .cb-product-buy .button.cb-btn-add,
ul.products li.cb-product-card .cb-product-buy .cb-btn.cb-btn-add {
	display: flex;
	flex: 0 0 auto;
	width: 100%;
}

.cb-btn.cb-btn-add.is-loading::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.05rem;
	height: 1.05rem;
	margin: -0.525rem 0 0 -0.525rem;
	border: 2px solid rgba(255, 255, 255, 0.45);
	border-top-color: var(--cb-on-accent);
	border-radius: 50%;
	animation: cbSpin 0.7s linear infinite;
	z-index: 2;
}

.cb-btn.cb-btn-add.is-added {
	background: var(--cb-btn-gradient-added) !important;
	box-shadow: 0 10px 22px -10px var(--cb-shadow-accent);
}

/* —— «Летящая» точка в корзину —— */
.cb-fly {
	position: fixed;
	z-index: 9999;
	width: 14px;
	height: 14px;
	margin: -7px 0 0 -7px;
	border-radius: 50%;
	background: var(--cb-accent);
	box-shadow: 0 0 0 6px var(--cb-accent-ring-3);
	pointer-events: none;
	transition: transform 0.72s cubic-bezier(0.35, 0.9, 0.4, 1), opacity 0.72s ease;
}

.cb-wishlist-count.is-bump,
.cb-cart-count.is-bump {
	animation: cbPop 0.5s ease;
}

.cb-btn-disabled {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.5rem;
	padding: 0.6rem 0.95rem;
	border: 1px solid var(--cb-line);
	border-radius: 999px;
	color: var(--cb-muted);
	font-size: 0.88rem;
	font-weight: 600;
}

/* —— Одиночный товар: корзина и избранное —— */
.woocommerce div.product form.cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem;
	margin: 1.1rem 0 0.35rem;
}

.woocommerce div.product form.cart .quantity {
	margin: 0;
}

.woocommerce div.product form.cart .quantity input.qty {
	width: 4.6rem;
	height: 2.75rem;
	border: 1px solid var(--cb-line) !important;
	border-radius: 999px !important;
	background: var(--cb-surface);
	font-weight: 700;
	color: var(--cb-ink);
}

/* Степпер на странице товара (собирается скриптом) */
.woocommerce div.product form.cart .quantity.cb-quantity {
	display: flex;
	align-items: center;
	float: none;
	width: auto;
	margin: 0;
}

.woocommerce div.product form.cart .quantity.cb-quantity .screen-reader-text {
	position: absolute;
}

.woocommerce div.product form.cart .quantity.cb-quantity .cb-qty {
	height: 2.75rem;
}

.woocommerce div.product form.cart .quantity.cb-quantity input.qty {
	width: 2.4rem !important;
	height: 2.5rem !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 0.95rem;
	line-height: 2.5rem;
	text-align: center;
	-moz-appearance: textfield;
}

.woocommerce div.product form.cart .quantity.cb-quantity input.qty:focus {
	outline: none;
	box-shadow: none !important;
}

.woocommerce div.product form.cart .quantity.cb-quantity input.qty::-webkit-outer-spin-button,
.woocommerce div.product form.cart .quantity.cb-quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.woocommerce div.product .single_add_to_cart_button {
	flex: 1 1 8rem;
	min-width: 0;
	width: auto;
	margin: 0;
	min-height: 2.75rem;
	border-radius: 999px !important;
	border: 0 !important;
	background: var(--cb-btn-gradient) !important;
	font-weight: 700;
	letter-spacing: 0.01em;
	box-shadow: 0 10px 22px -12px var(--cb-shadow-accent);
	transition: transform 0.18s ease, box-shadow 0.24s ease, filter 0.2s ease;
}

.woocommerce div.product .single_add_to_cart_button:hover {
	transform: translateY(-1px);
	filter: brightness(1.04);
	box-shadow: 0 14px 26px -12px var(--cb-shadow-accent);
}

/* Вариант с подписью на странице товара описан в блоке «Избранное» выше. */

/* —— Страница «Избранное» (WPLB) —— */
body.wplb-wishlist-page .wplb-wishlist,
.wplb-wishlist {
	background: var(--cb-surface);
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-radius-card);
	padding: 1.25rem;
}

.wplb-wishlist .woocommerce-info,
.wplb-wishlist .wishlist-empty {
	background: var(--cb-surface-2) !important;
	border: 1px solid var(--cb-line) !important;
	border-top: 1px solid var(--cb-line) !important;
	border-radius: 14px;
	color: var(--cb-ink) !important;
	padding: 1rem 1.15rem !important;
	margin: 0 0 1.1rem;
}

.wplb-wishlist .woocommerce-info::before,
.wplb-wishlist .wishlist-empty::before {
	color: var(--cb-accent-dark) !important;
}

.wplb-wishlist .return-to-shop a.button {
	border-radius: 999px !important;
	padding: 0.65rem 1.25rem !important;
}

.wplb-wishlist table.wishlist_table {
	width: 100%;
	border: 1px solid var(--cb-line) !important;
	border-radius: 14px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

.wplb-wishlist table.wishlist_table th {
	background: var(--cb-surface-2) !important;
	color: var(--cb-ink) !important;
	font-weight: 700;
	font-size: 0.9rem;
	text-align: left;
	padding: 0.8rem 0.9rem !important;
	border-bottom: 1px solid var(--cb-line) !important;
}

.wplb-wishlist table.wishlist_table td {
	padding: 0.9rem !important;
	border-bottom: 1px solid var(--cb-line) !important;
	vertical-align: middle;
}

.wplb-wishlist table.wishlist_table tr:last-child td {
	border-bottom: 0 !important;
}

.wplb-wishlist table.wishlist_table .product-thumbnail img {
	width: 72px;
	height: 72px;
	object-fit: cover;
	border-radius: 12px;
	max-width: none;
}

.wplb-wishlist table.wishlist_table .product-name a {
	color: var(--cb-ink);
	font-weight: 600;
	text-decoration: none;
}

.wplb-wishlist table.wishlist_table .product-name a:hover {
	color: var(--cb-accent-dark);
}

.wplb-wishlist table.wishlist_table .product-remove a {
	color: var(--cb-muted) !important;
	text-decoration: none;
	font-size: 1.05rem;
	line-height: 1;
}

.wplb-wishlist table.wishlist_table .product-remove a:hover {
	color: var(--cb-accent-dark) !important;
}

.wplb-wishlist table.wishlist_table .product-price {
	color: var(--cb-ink);
	font-weight: 700;
}

.wplb-wishlist .wishlist_table .add_to_cart_button,
.wplb-wishlist .wishlist_table .button {
	border-radius: 999px !important;
}

.wplb-wishlist .wplb-wishlist-share {
	margin-top: 1.25rem;
	padding-top: 1.1rem;
	border-top: 1px solid var(--cb-line);
}

.wplb-wishlist .wishlist-share__title {
	font-family: var(--cb-display);
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--cb-ink);
	margin: 0 0 0.7rem;
}

.wplb-wishlist .wishlist-share__buttons {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
}

.wplb-wishlist .wplb-wishlist-share-link {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.45rem 0.85rem !important;
	background: var(--cb-surface-2) !important;
	border: 1px solid var(--cb-line) !important;
	border-radius: 999px !important;
	color: var(--cb-ink) !important;
	text-decoration: none;
	font-size: 0.88rem;
	font-weight: 600;
	transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.wplb-wishlist .wplb-wishlist-share-link:hover {
	background: var(--cb-surface) !important;
	border-color: var(--cb-accent) !important;
	color: var(--cb-accent-dark) !important;
	transform: translateY(-1px);
}

.wplb-wishlist .wplb-wishlist-share-link__icon {
	display: inline-flex;
}

.wplb-wishlist .wplb-wishlist-share-link__icon svg {
	width: 16px;
	height: 16px;
	display: block;
	fill: currentColor;
}

.wplb-wishlist .wplb-wishlist-share-link__text {
	white-space: nowrap;
}

.wplb-wishlist .wplb-wishlist-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
}

.wplb-wishlist .wplb-wishlist-edit-link {
	display: inline-flex;
	align-items: center;
	font-weight: 700;
	text-decoration: none;
}

.wplb-wishlist .wplb-wishlist-edit-link:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* —— Кнопка «Заказать звонок» в HTML-виджете Elementor ——
   У неё инлайн-стили (свой зелёный var(--cb-accent), радиус 50px), поэтому перебиваем !important. */
#content a[href="#callback"],
.elementor a[href="#callback"] {
	display: block !important;
	border-radius: var(--cb-btn-radius) !important;
	background: var(--cb-btn-gradient) !important;
	color: var(--cb-on-accent) !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em;
	text-decoration: none !important;
	box-shadow: var(--cb-btn-shadow) !important;
	transition: var(--cb-btn-ease) !important;
}

#content a[href="#callback"]:hover,
.elementor a[href="#callback"]:hover {
	background: var(--cb-btn-gradient) !important;
	transform: translateY(-1px);
	filter: brightness(1.05);
	box-shadow: 0 14px 26px -12px var(--cb-shadow-accent) !important;
}

/* —— Cookie-баннер: кнопки в бренд-стиле —— */
.kb-cmp__ok,
.kb-cmp__no,
.kb-cmp__cfg,
.kb-cmp-reopen {
	border-radius: var(--cb-btn-radius) !important;
	font-weight: 700 !important;
	transition: var(--cb-btn-ease) !important;
}

.kb-cmp__ok,
.kb-cmp-reopen {
	background: var(--cb-btn-gradient) !important;
	color: var(--cb-on-accent) !important;
	border: 0 !important;
	box-shadow: var(--cb-btn-shadow) !important;
}

.kb-cmp__ok:hover,
.kb-cmp-reopen:hover {
	transform: translateY(-1px);
	filter: brightness(1.05);
	box-shadow: 0 14px 26px -12px var(--cb-shadow-accent) !important;
}

.kb-cmp__no,
.kb-cmp__cfg {
	background: var(--cb-surface) !important;
	color: var(--cb-ink) !important;
	border: 1px solid var(--cb-line) !important;
}

.kb-cmp__no:hover,
.kb-cmp__cfg:hover {
	border-color: var(--cb-accent) !important;
	color: var(--cb-accent-dark) !important;
}

/* —— Форма обратного звонка (модальное окно) —— */
html.cb-modal-open,
html.cb-modal-open body {
	overflow: hidden;
}

.cb-callback[hidden] {
	display: none !important;
}

.cb-callback {
	position: fixed;
	inset: 0;
	z-index: 300;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.cb-callback-overlay {
	position: absolute;
	inset: 0;
	background: var(--cb-overlay);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.cb-callback-panel {
	position: relative;
	z-index: 1;
	width: min(100%, 27rem);
	max-height: calc(100vh - 2rem);
	overflow: auto;
	padding: 1.75rem 1.75rem 1.5rem;
	background: var(--cb-surface);
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-radius-card);
	box-shadow: 0 30px 60px -24px var(--cb-shadow-modal);
	animation: cb-callback-in 0.22s ease-out;
}

@keyframes cb-callback-in {
	from {
		opacity: 0;
		transform: translateY(14px) scale(0.98);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.cb-callback-close {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	width: 2.25rem;
	height: 2.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--cb-line);
	border-radius: 999px;
	background: var(--cb-surface);
	color: var(--cb-ink);
	font-size: 1.4rem;
	line-height: 1;
	cursor: pointer;
	transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
}

.cb-callback-close:hover,
.cb-callback-close:focus-visible {
	border-color: var(--cb-accent);
	background: var(--cb-tint);
	color: var(--cb-accent-dark);
}

.cb-callback-title {
	margin: 0 2rem 0.35rem 0;
	font-family: var(--cb-display);
	font-size: 1.5rem;
	line-height: 1.2;
	color: var(--cb-ink);
}

.cb-callback-lead {
	margin: 0 0 1.1rem;
	color: var(--cb-muted);
	font-size: 0.95rem;
	line-height: 1.45;
}

.cb-callback-form {
	display: grid;
	gap: 0.85rem;
	margin: 0;
}

.cb-field {
	display: grid;
	gap: 0.3rem;
	margin: 0;
}

.cb-field-label {
	font-size: 0.82rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--cb-muted);
}

.cb-field-req {
	color: var(--cb-accent-dark);
}

.cb-callback-form input[type="text"],
.cb-callback-form input[type="tel"],
.cb-callback-form textarea {
	width: 100%;
	margin: 0;
	padding: 0.7rem 0.9rem;
	font-family: inherit;
	font-size: 1rem;
	color: var(--cb-ink);
	background: var(--cb-surface);
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-radius);
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.cb-callback-form textarea {
	resize: vertical;
	min-height: 3.25rem;
}

.cb-callback-form input[type="text"]:focus,
.cb-callback-form input[type="tel"]:focus,
.cb-callback-form textarea:focus {
	outline: none;
	border-color: var(--cb-accent);
	box-shadow: 0 0 0 3px var(--cb-accent-ring-2);
}

/* —— Согласия по 152-ФЗ (0.9.5): чекаут, форма звонка, отзыв ——
   Одна разметка (.cb-consents) печатается в трёх формах, поэтому стили
   общие. Обязательных согласий два — обработка ПД и принятие политики,
   оба на акцентной плашке `.cb-consent--req` с меткой «Обязательно».
   В 0.9.6 добавлена подсказка `.cb-review-notice` на странице товара.
   В 0.9.9 обязательное согласие разделено на два отдельных чекбокса,
   в 0.9.10 убран третий (cookie) — его собирает баннер cookie. */

.cb-consents {
	display: grid;
	gap: 0.45rem;
	margin: 0;
}

.cb-consents__lead {
	margin: 0;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--cb-ink);
}

.cb-consent {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.35;
	color: var(--cb-muted);
	cursor: pointer;
}

/* Ядровой WooCommerce задаёт `.woocommerce form .form-row label { line-height: 2 }`
   и на чекауте растягивал строки согласий вдвое. Перебиваем по специфичности. */
.woocommerce form .form-row .cb-consents label.cb-consent,
.cb-consents .cb-consent {
	line-height: 1.35;
}

.cb-consent input[type="checkbox"] {
	flex: 0 0 auto;
	width: 1.1rem;
	height: 1.1rem;
	margin: 0.1rem 0 0;
	accent-color: var(--cb-accent);
}

/* Обязательные галочки: акцентная плашка с полосой слева, чтобы их нельзя
   было пропустить. Две подряд читаются как один блок — между ними отступ
   меньше, чем между группами. */
.cb-consent--req {
	padding: 0.45rem 0.6rem;
	border-left: 3px solid var(--cb-accent);
	border-radius: 4px;
	background: var(--cb-accent-soft-2);
	color: var(--cb-ink);
	font-weight: 600;
}

.cb-consent--req + .cb-consent--req {
	margin-top: -0.2rem;
}

.cb-consent__tag {
	display: inline-block;
	margin: 0 0.4rem 0 0;
	padding: 0.05rem 0.42rem;
	border-radius: 999px;
	font-size: 0.66rem;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	white-space: nowrap;
	vertical-align: 0.05em;
}

.cb-consent__tag--req {
	background: var(--cb-accent-solid);
	color: #ffffff;
}

.cb-consent a {
	color: var(--cb-accent-dark);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.cb-consent a:hover {
	color: var(--cb-accent);
}

.cb-consent input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--cb-accent-border-strong);
	outline-offset: 2px;
}

/* Возврат из формы отзыва без согласия: заметная подсказка над формой. */
.cb-review-notice {
	margin: 0 0 1rem;
	padding: 0.7rem 0.9rem;
	border: 1px solid #e0b4b4;
	border-left-width: 4px;
	border-radius: 6px;
	background: #fdf2f2;
	color: #8a1f1f;
	font-size: 0.95rem;
}

/* —— Правовые документы (0.9.11): политика ПД, согласие на обработку ПД,
   политика cookie ————————————————
   Три страницы-документа собираются фильтром `the_content` (см. functions.php):
   переключатель документов → текст в колонке с ограниченной длиной строки →
   липкое оглавление разделов справа. Всё скоуплено по `body.cb-legal-doc`,
   чтобы обычные страницы не задеть.

   Длина строки: правовой текст читают подряд и вдумчиво, при контейнере
   1180 px строка выходила около 160 знаков. Абзацы и списки ограничены
   74 знаками, а таблицы и мета-плашка остаются во всю ширину колонки —
   их узкое место было бы хуже (объём ПД в политике и список cookie
   в 74 знака не влезают). */

.cb-legal-doc .page-header {
	padding-bottom: 0.7rem;
	border-bottom: 1px solid var(--cb-line);
}

/* Плавная прокрутка по якорям — только на правовых страницах. `:has()` нужен
   потому, что скроллит `html`, а класс висит на `body`; без поддержки
   просто не включается. */
@media (prefers-reduced-motion: no-preference) {
	html:has(body.cb-legal-doc) {
		scroll-behavior: smooth;
	}
}

/* —— Переключатель документов —— */
.cb-legal-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 1.7rem;
}

.cb-legal-nav__link {
	display: inline-flex;
	align-items: center;
	padding: 0.45rem 0.95rem;
	border: 1px solid var(--cb-line);
	border-radius: 999px;
	background: var(--cb-surface);
	color: var(--cb-ink);
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none;
	transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.cb-legal-nav__link:hover {
	border-color: var(--cb-accent-border);
	background: var(--cb-accent-soft);
	color: var(--cb-accent-dark);
}

.cb-legal-nav__link.is-current {
	border-color: transparent;
	background: var(--cb-accent-solid);
	color: var(--cb-on-accent);
}

/* —— Сетка документа —— */
.cb-legal-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 236px;
	gap: 2.6rem;
	/* Без `align-items: start`: с ним колонка оглавления сжимается до высоты
	   самой панели, и `position: sticky` внутри неё некуда двигаться —
	   оглавление уезжает вместе со страницей. */
}

/* —— Оглавление —— */
.cb-legal-toc {
	position: sticky;
	top: calc(var(--cb-header-h) + 1.4rem);
	padding: 1.05rem 1.1rem 1.15rem;
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-radius-card, 16px);
	background: var(--cb-surface);
	box-shadow: var(--cb-shadow-soft);
}

.cb-legal-toc__title {
	margin: 0 0 0.7rem;
	font-family: var(--cb-display);
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--cb-ink);
}

.cb-legal-toc__list {
	margin: 0;
	padding: 0;
	list-style: none;
	/* Длинная политика — 12 разделов; на низком экране список прокручивается
	   сам, а не обрезается. */
	max-height: calc(100vh - var(--cb-header-h) - 7rem);
	overflow-y: auto;
}

.cb-legal-toc__list a {
	display: grid;
	grid-template-columns: 1.5rem minmax(0, 1fr);
	gap: 0.3rem;
	padding: 0.34rem 0.45rem;
	border-radius: 8px;
	color: var(--cb-muted);
	font-size: 0.85rem;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease;
}

.cb-legal-toc__list a:hover {
	background: var(--cb-accent-soft);
	color: var(--cb-accent-dark);
}

.cb-legal-toc__list a.is-active {
	background: var(--cb-accent-soft-3);
	color: var(--cb-accent-dark);
	font-weight: 600;
}

.cb-legal-toc__num {
	color: var(--cb-accent-dark);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.cb-legal-toc__list a.is-active .cb-legal-toc__num {
	color: var(--cb-accent-solid);
}

/* —— Текст документа —— */
.cb-legal-body {
	font-size: 1.02rem;
	line-height: 1.72;
	color: var(--cb-ink);
}

.cb-legal-body > p,
.cb-legal-body > ul,
.cb-legal-body > ol {
	max-width: 74ch;
}

.cb-legal-body p {
	margin: 0 0 1.05rem;
}

.cb-legal-body strong {
	color: var(--cb-ink);
	font-weight: 700;
}

/* Первый абзац каждого документа — мета-строка «Редакция от …»: держим её
   плашкой, чтобы дата и область действия читались до текста. */
.cb-legal-body > p:first-child {
	max-width: none;
	margin: 0 0 1.7rem;
	padding: 0.85rem 1.1rem;
	border-left: 3px solid var(--cb-accent);
	border-radius: 8px;
	background: var(--cb-accent-soft-2);
	color: var(--cb-muted);
	font-size: 0.92rem;
	line-height: 1.55;
}

.cb-legal-body h2 {
	margin: 2.3rem 0 0.9rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--cb-line);
	font-family: var(--cb-display);
	font-size: clamp(1.22rem, 2vw, 1.45rem);
	line-height: 1.25;
	color: var(--cb-ink);
	/* Клик по оглавлению не должен уводить заголовок под липкую шапку. */
	scroll-margin-top: calc(var(--cb-header-h) + 1rem);
}

.cb-legal-body h2:first-child {
	margin-top: 0.5rem;
	padding-top: 0;
	border-top: 0;
}

/* Якорная ссылка появляется при наведении: и заголовок не шумит, и на раздел
   можно дать ссылку из письма или чата. */
.cb-legal-anchor {
	margin-left: 0.4rem;
	color: var(--cb-line);
	font-family: var(--cb-font);
	font-size: 0.8em;
	font-weight: 400;
	text-decoration: none;
	opacity: 0;
	transition: opacity 0.15s ease, color 0.15s ease;
}

.cb-legal-body h2:hover .cb-legal-anchor,
.cb-legal-anchor:focus-visible {
	opacity: 1;
}

.cb-legal-anchor:hover,
.cb-legal-anchor:focus-visible {
	color: var(--cb-accent);
}

@media (hover: none) {
	.cb-legal-anchor {
		opacity: 0.55;
	}
}

.cb-legal-body ul {
	margin: 0 0 1.2rem;
	padding: 0;
	list-style: none;
}

.cb-legal-body li {
	position: relative;
	margin: 0 0 0.4rem;
	padding-left: 1.35rem;
}

.cb-legal-body li::before {
	position: absolute;
	left: 0.15rem;
	top: 0.72em;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--cb-accent);
	content: "";
}

.cb-legal-body ul ul {
	margin: 0.45rem 0 0.2rem;
}

/* Вложенный список — те же точки, но контуром: уровни не сливаются. */
.cb-legal-body ul ul li::before {
	background: transparent;
	box-shadow: inset 0 0 0 1.5px var(--cb-accent-border);
}

.cb-legal-body ol {
	margin: 0 0 1.2rem;
	padding-left: 1.4rem;
	list-style: decimal;
}

.cb-legal-body ol li {
	padding-left: 0.25rem;
}

.cb-legal-body ol li::before {
	content: none;
}

.cb-legal-body em {
	color: var(--cb-muted);
}

.cb-legal-body a {
	color: var(--cb-accent-dark);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.cb-legal-body a:hover {
	color: var(--cb-accent);
}

.cb-legal-body code {
	padding: 0.12em 0.42em;
	border: 1px solid var(--cb-line);
	border-radius: 6px;
	background: var(--cb-surface-2);
	color: var(--cb-ink);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.88em;
	word-break: break-word;
}

/* —— Таблицы: цели и объём ПД в политике, список cookie ——
   На телефоне таблицу нельзя сжать в нечитаемые колонки (шесть колонок
   cookie давали 447 px при экране 390 px и растягивали всю страницу),
   поэтому она прокручивается внутри обёртки `.cb-legal-scroll`. */
.cb-legal-scroll {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1.2rem 0 1.7rem;
	border: 1px solid var(--cb-line);
	border-radius: 12px;
}

.cb-legal-table {
	width: 100%;
	min-width: 540px;
	border-collapse: collapse;
	margin: 0;
	/* Фон именно на таблице, а не на обёртке: обёртка прокручивается
	   и скругляет углы, фон на ней «отклеивался» бы при прокрутке. */
	background: var(--cb-surface);
	font-size: 0.92rem;
	line-height: 1.5;
}

/* Селекторы намеренно длинные. В теме Elementor подключён `reset.css`
   с `table td, table th { border: 1px solid rgba(128,128,128,.5) }` и
   серой заливкой нечётных строк — класс на таблице это перебивает по
   специфичности, но часть правил ресета применяется к ячейкам всё равно
   (границы схлопнутых таблиц браузер разрешает отдельно). Поэтому у
   ячеек все четыре границы и фон заданы от корня документа. */
.cb-legal-doc .cb-legal-scroll .cb-legal-table th,
.cb-legal-doc .cb-legal-scroll .cb-legal-table td {
	padding: 0.7rem 0.85rem;
	border: 0;
	border-bottom: 1px solid var(--cb-line);
	background: var(--cb-surface);
	text-align: left;
	vertical-align: top;
}

.cb-legal-doc .cb-legal-scroll .cb-legal-table th {
	background: var(--cb-accent-soft-2);
	font-weight: 700;
	white-space: nowrap;
}

.cb-legal-doc .cb-legal-scroll .cb-legal-table tbody tr:nth-child(even) td {
	background: var(--cb-surface-2);
}

.cb-legal-doc .cb-legal-scroll .cb-legal-table tbody tr:last-child td {
	border-bottom: 0;
}

/* —— Оглавление на телефоне —— */
.cb-legal-toc-m {
	display: none;
	margin: 0 0 1.5rem;
	border: 1px solid var(--cb-line);
	border-radius: 12px;
	background: var(--cb-surface);
}

.cb-legal-toc-m > summary {
	padding: 0.8rem 1rem;
	font-weight: 600;
	cursor: pointer;
	list-style: none;
}

.cb-legal-toc-m > summary::-webkit-details-marker {
	display: none;
}

.cb-legal-toc-m > summary::after {
	float: right;
	color: var(--cb-accent-dark);
	content: "+";
	transition: transform 0.18s ease;
}

.cb-legal-toc-m[open] > summary::after {
	content: "−";
}

.cb-legal-toc-m .cb-legal-toc__list {
	padding: 0 0.6rem 0.7rem;
	max-height: none;
}

@media (max-width: 900px) {
	.cb-legal-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.cb-legal-side {
		display: none;
	}

	.cb-legal-toc-m {
		display: block;
	}

	.cb-legal-body {
		font-size: 1rem;
	}

	.cb-legal-body > p,
	.cb-legal-body > ul,
	.cb-legal-body > ol {
		max-width: none;
	}

	.cb-legal-body h2 {
		margin-top: 1.9rem;
		padding-top: 1.2rem;
		font-size: 1.2rem;
	}
}

@media (max-width: 640px) {
	.cb-legal-nav {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 0.4rem;
		scrollbar-width: none;
	}

	.cb-legal-nav::-webkit-scrollbar {
		display: none;
	}

	.cb-legal-nav__link {
		flex: 0 0 auto;
	}

	.cb-legal-table {
		min-width: 520px;
		font-size: 0.86rem;
	}

	.cb-legal-doc .cb-legal-scroll .cb-legal-table th,
	.cb-legal-doc .cb-legal-scroll .cb-legal-table td {
		padding: 0.55rem 0.6rem;
	}
}

/* Печать: документ нужен на бумаге без переключателя, оглавления и «хвостов». */
@media print {
	.cb-legal-nav,
	.cb-legal-side,
	.cb-legal-toc-m,
	.cb-legal-anchor {
		display: none !important;
	}

	.cb-legal-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.cb-legal-body,
	.cb-legal-body a {
		color: #000;
	}

	.cb-legal-scroll {
		overflow: visible;
		border-color: #999;
	}

	.cb-legal-table {
		min-width: 0;
	}
}

.cb-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.cb-callback-submit {
	width: 100%;
	min-height: 46px;
	margin: 0.15rem 0 0;
	padding: 0.7rem 1.2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: var(--cb-btn-radius);
	background: var(--cb-btn-gradient);
	color: var(--cb-on-accent);
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	box-shadow: var(--cb-btn-shadow);
	transition: var(--cb-btn-ease);
}

.cb-callback-submit:hover,
.cb-callback-submit:focus-visible {
	transform: translateY(-1px);
	filter: brightness(1.05);
	box-shadow: 0 14px 26px -12px var(--cb-shadow-accent);
}

.cb-callback-submit.is-loading {
	opacity: 0.75;
	cursor: progress;
	transform: none;
}

.cb-callback-submit.is-loading::after {
	content: "";
	width: 1rem;
	height: 1rem;
	margin-left: 0.5rem;
	border: 2px solid rgba(255, 255, 255, 0.45);
	border-top-color: var(--cb-on-accent);
	border-radius: 999px;
	animation: cb-spin 0.7s linear infinite;
}

@keyframes cb-spin {
	to {
		transform: rotate(360deg);
	}
}

.cb-callback-status {
	margin: 0;
	min-height: 1.1rem;
	font-size: 0.9rem;
	line-height: 1.35;
	color: var(--cb-muted);
}

.cb-callback-status.is-success {
	color: var(--cb-ok);
	font-weight: 600;
}

.cb-callback-status.is-error {
	color: var(--cb-error);
	font-weight: 600;
}

.cb-callback-alt {
	margin: 0.15rem 0 0;
	font-size: 0.85rem;
	color: var(--cb-muted);
}

.cb-callback-alt a {
	font-weight: 700;
	white-space: nowrap;
}

/* —— Блок «Отзывы и контакты» на главной ——
   Разметка живёт в HTML-виджете Elementor (элемент 32bf1a7): слева отзывы Яндекс Карт,
   справа контакты. Здесь — бренд-оформление вместо прежних инлайн-стилей
   (--cb-accent, --cb-tint, --cb-muted, --cb-ink, радиусы 15/20/50, чёрная тень). */
.cb-reviews-block {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	gap: 30px;
	align-items: stretch;
}

.cb-reviews-block iframe {
	display: block;
	flex: 1 1 auto;
	width: 100%;
	min-height: 500px;
	border: 0;
}

.cb-reviews-card,
.cb-contacts-card {
	background: var(--cb-surface);
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-radius-card);
	overflow: hidden;
}

/* Внутри — колонка: карта растягивается, подпись «Яндекс Карты» занимает свою строку
   и не перекрывает собственную ссылку виджета. */
.cb-reviews-card {
	display: flex;
	flex-direction: column;
}

.cb-reviews-frame {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.cb-reviews-credit {
	flex: 0 0 auto;
	padding: 0.7rem 1rem;
	border-top: 1px solid var(--cb-line);
	background: var(--cb-surface);
	color: var(--cb-muted) !important;
	font-size: 0.72rem;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cb-reviews-credit:hover {
	color: var(--cb-accent-dark) !important;
}

.cb-contacts-card {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 40px;
	border-top: 3px solid var(--cb-accent);
}

.cb-contacts-title {
	margin: 0 0 1.6rem;
	font-family: var(--cb-display);
	font-size: 1.5rem;
	line-height: 1.2;
	color: var(--cb-ink);
}

.cb-contacts-list {
	margin: 0;
}

.cb-contacts-item + .cb-contacts-item {
	margin-top: 1.4rem;
}

.cb-contacts-item dt {
	margin: 0 0 0.3rem;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--cb-muted);
}

.cb-contacts-item dd {
	margin: 0;
	font-size: 1.05rem;
	line-height: 1.45;
	color: var(--cb-ink);
}

.cb-contacts-item dd a {
	color: var(--cb-ink) !important;
	font-weight: 700;
	text-decoration: none;
	transition: color 0.18s ease;
}

.cb-contacts-item dd a:hover {
	color: var(--cb-accent-dark) !important;
}

.cb-contacts-item:first-of-type dd a {
	font-size: 1.3rem;
}

/* Кнопку красит канон `#content a[href="#callback"]`; здесь только положение в карточке. */
.cb-contacts-cta {
	margin-top: auto;
	padding: 1rem 1.5rem;
	text-align: center;
}

@media (max-width: 1000px) {
	.cb-reviews-block {
		grid-template-columns: 1fr;
	}

	.cb-reviews-block iframe {
		min-height: 460px;
	}

	.cb-contacts-card {
		padding: 32px;
	}
}

@media (max-width: 560px) {
	.cb-reviews-block {
		gap: 20px;
	}

	.cb-reviews-block iframe {
		min-height: 380px;
	}

	.cb-contacts-card {
		padding: 24px;
	}

	.cb-contacts-item:first-of-type dd a {
		font-size: 1.2rem;
	}
}

/* —— Адаптив —— */
@media (max-width: 960px) {
	.cb-wishlist-label {
		display: none;
	}

	.cb-wishlist {
		padding: 0.5rem 0.6rem;
	}

	.cb-footer-links,
	.cb-footer-nav {
		min-width: 0;
	}
}

@media (max-width: 560px) {
	.cb-product-actions {
		flex-wrap: wrap;
		gap: 0.45rem;
	}

	.cb-product-actions .cb-qty {
		flex: 1 1 auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.woocommerce ul.products li.cb-product-card,
	ul.products li.cb-product-card,
	.cb-product-sum,
	.cb-wishlist-count.is-bump,
	.cb-cart-count.is-bump,
	.cb-wish.is-just-added,
	.cb-wish.loading .cb-wish__ring {
		animation: none !important;
	}

	.cb-product-media img,
	.cb-fly {
		transition: none !important;
	}
}

/* ————————————————————————————————————————————————————————————————
 * Главная: полоса «Доставка и доверие» (Elementor, страница 3849).
 *
 * До этого блок собирался из трёх контейнеров: слева фото-плашка с фоном
 * `contain` и белым текстом (он норовил съехать на светлый фон), справа две
 * тесные колонки по 185 px, а карточка оффера заезжала сверху на -200 px
 * и перекрывала описания «Быстро / Аккуратно». Ниже те же данные пересобраны
 * в современную полосу: стат-карточка с фото и зелёным оверлеем, две
 * карточки-фишки доставки и отдельная карточка оффера с изображением.
 * ———————————————————————————————————————————————————————————————— */

/* Полоса: две равные колонки, воздух между ними, тянутся по высоте */
body.home .elementor-3849 .elementor-element-3f8bb5f {
	align-items: stretch;
	gap: 28px !important;
}

/* — Стат-карточка: фото фоном (cover) + зелёный оверлей — */
body.home .elementor-3849 .elementor-element-1366dd9 {
	position: relative;
	isolation: isolate;
	justify-content: flex-end;
	gap: 14px !important;
	min-height: clamp(320px, 34vw, 460px) !important;
	padding: clamp(26px, 3vw, 46px) !important;
	border-radius: 28px;
	overflow: hidden;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	box-shadow: 0 34px 70px -46px rgba(7, 40, 11, 0.7);
}

body.home .elementor-3849 .elementor-element-1366dd9::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(180deg, rgba(10, 56, 15, 0.1) 0%, rgba(10, 56, 15, 0.5) 52%, rgba(7, 40, 11, 0.9) 100%);
}

body.home .elementor-3849 .elementor-element-1366dd9 > * {
	position: relative;
	z-index: 1;
}

body.home .elementor-3849 .elementor-element-1366dd9 .elementor-widget-heading {
	margin: 0 !important;
	text-align: left;
}

body.home .elementor-3849 .elementor-element-1366dd9 br {
	display: none;
}

body.home .elementor-3849 .elementor-element-64b042e .elementor-heading-title {
	margin: 0;
	font-family: var(--cb-font);
	font-size: clamp(1rem, 1.4vw, 1.2rem);
	font-weight: 600;
	font-style: normal;
	line-height: 1.35;
	color: rgba(255, 255, 255, 0.9);
	letter-spacing: 0.015em;
}

body.home .elementor-3849 .elementor-element-ecc41c5 .elementor-heading-title {
	margin: 0;
	font-family: var(--cb-display);
	font-size: clamp(3.25rem, 6vw, 4.75rem);
	font-weight: 700;
	font-style: normal;
	line-height: 1;
	color: var(--cb-on-accent);
	letter-spacing: -0.02em;
	text-shadow: 0 2px 30px rgba(4, 27, 7, 0.45);
}

/* — Правая колонка: заголовок + две карточки-фишки — */
body.home .elementor-3849 .elementor-element-7de07c5 {
	justify-content: center;
	gap: 24px !important;
	padding: 6px 0 !important;
}

body.home .elementor-3849 .elementor-element-9384990 {
	margin: 0 !important;
}

body.home .elementor-3849 .elementor-element-9384990 .elementor-heading-title {
	margin: 0;
	font-family: var(--cb-display);
	font-size: clamp(1.5rem, 2.3vw, 2.05rem);
	font-weight: 700;
	line-height: 1.18;
	color: var(--cb-ink);
}

/* Фишки переносятся сами: как только колонке не хватает ширины,
   карточки встают друг под друга, а не сжимают текст до 180 px. */
body.home .elementor-3849 .elementor-element-7e4a061 {
	flex-direction: row !important;
	flex-wrap: wrap;
	gap: 18px !important;
	align-items: stretch;
}

body.home .elementor-3849 .elementor-element-a3f48b1,
body.home .elementor-3849 .elementor-element-697d760 {
	flex: 1 1 260px;
	min-width: 220px;
	max-width: 100%;
	gap: 10px !important;
	padding: 22px !important;
	background: var(--cb-surface);
	border: 1px solid var(--cb-line);
	border-radius: 20px;
	box-shadow: 0 20px 44px -36px rgba(15, 92, 23, 0.6);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.home .elementor-3849 .elementor-element-a3f48b1:hover,
body.home .elementor-3849 .elementor-element-697d760:hover {
	transform: translateY(-3px);
	border-color: var(--cb-accent-border);
	box-shadow: 0 26px 50px -32px rgba(15, 92, 23, 0.65);
}

body.home .elementor-3849 .elementor-element-9a53ba1,
body.home .elementor-3849 .elementor-element-d2860fe,
body.home .elementor-3849 .elementor-element-dc2c500,
body.home .elementor-3849 .elementor-element-4412ac4,
body.home .elementor-3849 .elementor-element-892ec5e,
body.home .elementor-3849 .elementor-element-b2b7c27 {
	margin: 0 !important;
}

body.home .elementor-3849 .elementor-element-9a53ba1 img,
body.home .elementor-3849 .elementor-element-d2860fe img {
	width: 30px;
	height: 30px;
	padding: 11px;
	box-sizing: content-box;
	background: var(--cb-icon-tile);
	border-radius: 14px;
}

body.home .elementor-3849 .elementor-element-dc2c500 .elementor-heading-title,
body.home .elementor-3849 .elementor-element-4412ac4 .elementor-heading-title {
	margin: 0;
	font-family: var(--cb-font);
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--cb-accent-dark);
}

body.home .elementor-3849 .elementor-element-892ec5e p,
body.home .elementor-3849 .elementor-element-b2b7c27 p {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.55;
	color: var(--cb-muted);
}

/* — Оффер: отдельная карточка под полосой, без наезда на текст — */
body.home .elementor-3849 .elementor-element-f1efd92 {
	position: relative;
	z-index: 1;
	margin-top: 32px !important;
}

body.home .elementor-3849 .elementor-element-f1efd92 > .e-con-inner {
	gap: 28px !important;
	align-items: stretch;
	padding: 0 !important;
}

body.home .elementor-3849 .elementor-element-21db3cd {
	flex: 1 1 0;
	min-width: 0;
	padding: 0 !important;
}

body.home .elementor-3849 .elementor-element-0befff3 {
	position: relative;
	overflow: hidden;
	gap: 16px !important;
	padding: clamp(26px, 3vw, 44px) !important;
	background: var(--cb-surface);
	border: 1px solid var(--cb-accent-ring-3);
	border-radius: 28px;
	box-shadow: 0 40px 80px -58px rgba(7, 40, 11, 0.65);
}

body.home .elementor-3849 .elementor-element-0befff3::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 5px;
	background: linear-gradient(90deg, var(--cb-accent), var(--cb-accent-dark));
}

body.home .elementor-3849 .elementor-element-0befff3 .elementor-widget {
	margin: 0 !important;
}

body.home .elementor-3849 .elementor-element-799aee4 .elementor-heading-title {
	margin: 0;
	font-family: var(--cb-display);
	font-size: clamp(1.55rem, 2.3vw, 2.1rem);
	font-weight: 700;
	line-height: 1.15;
	color: var(--cb-accent-dark);
}

body.home .elementor-3849 .elementor-element-daf5f9a .elementor-heading-title,
body.home .elementor-3849 .elementor-element-f5649e4 .elementor-heading-title,
body.home .elementor-3849 .elementor-element-d6f2492 .elementor-heading-title {
	margin: 0;
	font-family: var(--cb-font);
	font-size: clamp(1.02rem, 1.2vw, 1.18rem);
	font-weight: 600;
	line-height: 1.5;
	color: var(--cb-ink);
}

body.home .elementor-3849 .elementor-element-a866dd3 p {
	margin: 0;
	font-size: 0.85rem;
	line-height: 1.45;
	color: var(--cb-muted);
}

body.home .elementor-3849 .elementor-element-b15b470 {
	flex: 0 0 42%;
	border-radius: 28px;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	box-shadow: 0 40px 80px -58px rgba(7, 40, 11, 0.65);
}

/* — Адаптив полосы — */
@media (max-width: 1140px) {
	/* Elementor тянет полосу вверх на -120 px; теперь карточка сплошная
	   и перекрывала бы нижний товар — возвращаем обычный отступ.
	   Заодно полоса перестаёт делиться на две колонки: фото-плашка
	   идёт широкой шапкой, фишки — под ней во всю ширину. */
	body.home .elementor-3849 .elementor-element-3f8bb5f {
		flex-direction: column;
		margin-top: 0 !important;
	}

	body.home .elementor-3849 .elementor-element-1366dd9,
	body.home .elementor-3849 .elementor-element-7de07c5 {
		width: 100% !important;
		max-width: 100% !important;
	}

	body.home .elementor-3849 .elementor-element-1366dd9 {
		min-height: clamp(290px, 40vw, 400px) !important;
	}

	body.home .elementor-3849 .elementor-element-7de07c5 {
		padding: 0 !important;
		gap: 20px !important;
	}
}

@media (max-width: 767px) {
	body.home .elementor-3849 .elementor-element-3f8bb5f {
		gap: 22px !important;
	}

	body.home .elementor-3849 .elementor-element-1366dd9 {
		min-height: 300px !important;
	}

	body.home .elementor-3849 .elementor-element-7de07c5 {
		gap: 18px !important;
	}

	body.home .elementor-3849 .elementor-element-0befff3 {
		padding: 26px !important;
	}
}

/* ==========================================================================
   v0.4.28 — контентные страницы (О нас, Кейтеринг, Доставка и оплата)
   Разметка — в HTML-виджетах Elementor (a3b749e, 93d7987, 4a117f2).
   Здесь — бренд-классы вместо инлайн-палитры --cb-accent / --cb-tint / --cb-muted / --cb-ink
   и вместо JS-обработчиков onmouseover.
   ========================================================================== */

.cb-page-body {
	max-width: 1040px;
	margin: 0 auto;
}

.cb-page-body > :last-child {
	margin-bottom: 0;
}

/* —— Вводный блок —— */
.cb-intro {
	margin: 0 0 2.5rem;
	text-align: center;
}

.cb-intro__title {
	margin: 0 0 0.7rem;
	font-family: var(--cb-display);
	font-size: clamp(1.8rem, 3.4vw, 2.4rem);
	line-height: 1.2;
	color: var(--cb-ink);
}

.cb-intro__text {
	max-width: 46rem;
	margin: 0 auto;
	font-size: 1.05rem;
	line-height: 1.6;
	color: var(--cb-muted);
}

.cb-intro__text--accent {
	color: var(--cb-accent-dark);
	font-style: italic;
}

.cb-section-title {
	margin: 0 0 1.8rem;
	font-family: var(--cb-display);
	font-size: 1.5rem;
	line-height: 1.25;
	color: var(--cb-ink);
	text-align: center;
}

/* —— Сетки и карточки —— */
.cb-cards {
	display: grid;
	gap: 20px;
	margin: 0 0 2.5rem;
}

.cb-cards--3 {
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.cb-cards--5 {
	grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
	gap: 16px;
	margin-bottom: 3rem;
	text-align: center;
}

.cb-card {
	padding: 26px;
	background: var(--cb-surface);
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-radius-card);
	transition: border-color 0.2s ease, box-shadow 0.24s ease, transform 0.2s ease;
}

.cb-card--accent {
	border-left: 4px solid var(--cb-accent);
}

.cb-card--fact {
	padding: 22px 18px;
}

.cb-card:hover {
	border-color: var(--cb-accent);
	box-shadow: 0 18px 34px -20px var(--cb-shadow-accent-55);
	transform: translateY(-2px);
}

.cb-card__icon {
	margin-bottom: 0.5rem;
	font-size: 1.7rem;
	line-height: 1;
}

.cb-card__title {
	display: block;
	margin: 0 0 0.45rem;
	font-family: var(--cb-display);
	font-size: 1.1rem;
	line-height: 1.3;
	color: var(--cb-ink);
}

.cb-card p {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.55;
	color: var(--cb-muted);
}

.cb-card__label {
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--cb-ink);
}

/* —— Мягкая панель: два столбца на десктопе —— */
.cb-panel {
	padding: 34px;
	margin: 0 0 3rem;
	background: linear-gradient(180deg, var(--cb-tint), var(--cb-surface));
	border: 1px solid var(--cb-line);
	border-radius: 24px;
}

.cb-panel--split {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 32px;
}

.cb-panel__col {
	flex: 1 1 320px;
	min-width: 0;
}

.cb-panel__title {
	margin: 0 0 1rem;
	font-family: var(--cb-display);
	font-size: 1.35rem;
	line-height: 1.3;
	color: var(--cb-ink);
}

.cb-panel p {
	margin: 0 0 0.9rem;
	line-height: 1.6;
	color: var(--cb-muted);
}

.cb-panel p:last-child {
	margin-bottom: 0;
}

.cb-metric {
	flex: 0 1 230px;
	padding: 28px 22px;
	text-align: center;
	background: var(--cb-surface);
	border: 1px solid var(--cb-line);
	border-radius: var(--cb-radius-card);
	box-shadow: var(--cb-shadow-lift);
}

.cb-metric__value {
	font-family: var(--cb-display);
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1;
	color: var(--cb-accent-dark);
}

.cb-metric__label {
	margin-top: 0.5rem;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--cb-ink);
}

.cb-checklist {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 0.6rem 1.2rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cb-checklist li {
	position: relative;
	padding-left: 1.7rem;
	line-height: 1.5;
	color: var(--cb-ink);
}

.cb-checklist li::before {
	content: "✔";
	position: absolute;
	left: 0;
	font-weight: 700;
	color: var(--cb-accent);
}

.cb-quote {
	flex: 1 1 300px;
	min-width: 0;
	margin: 0;
	padding-left: 20px;
	border-left: 3px solid var(--cb-accent);
	font-style: italic;
	line-height: 1.6;
	color: var(--cb-muted);
}

/* —— Тарифы доставки —— */
.cb-rates {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	margin: 0 0 3rem;
}

.cb-rate {
	padding: 34px;
	text-align: center;
	background: linear-gradient(160deg, var(--cb-surface), var(--cb-tint));
	border: 2px solid var(--cb-accent);
	border-radius: 22px;
	box-shadow: 0 18px 34px -24px var(--cb-shadow-accent-60);
}

.cb-rate__value {
	margin-bottom: 0.6rem;
	font-family: var(--cb-display);
	font-size: 2.3rem;
	font-weight: 700;
	line-height: 1;
	color: var(--cb-accent-dark);
}

.cb-rate__value--sm {
	font-size: 1.5rem;
}

.cb-rate__title {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--cb-ink);
}

.cb-rate__text {
	margin-top: 0.5rem;
	font-size: 1rem;
	line-height: 1.5;
}

.cb-rate__note {
	display: inline-block;
	margin-top: 0.7rem;
	padding: 0.2rem 0.85rem;
	font-size: 0.9rem;
	color: var(--cb-muted);
	background: var(--cb-surface-3);
	border-radius: var(--cb-btn-radius);
}

.cb-rate--dark {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: var(--cb-panel-dark);
	border-color: var(--cb-panel-dark);
	color: var(--cb-on-dark-muted);
	box-shadow: 0 18px 34px -24px var(--cb-shadow-ink-hard);
}

.cb-rate--dark .cb-rate__value--sm {
	color: var(--cb-accent-on-dark);
}

/* —— Способы оплаты —— */
.cb-payments {
	padding: 40px;
	text-align: center;
	background: var(--cb-surface);
	border: 1px solid var(--cb-line);
	border-radius: 24px;
}

.cb-payments__title {
	margin: 0 0 2rem;
	font-family: var(--cb-display);
	font-size: 1.6rem;
	line-height: 1.25;
	color: var(--cb-ink);
}

.cb-payments__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 32px;
}

.cb-payments__name {
	margin-bottom: 0.4rem;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--cb-ink);
}

.cb-payments__desc {
	font-size: 0.95rem;
	color: var(--cb-muted);
}

.cb-note {
	margin: 2.2rem 0 0;
	padding: 15px 18px;
	text-align: left;
	font-size: 0.92rem;
	line-height: 1.5;
	color: var(--cb-muted);
	background: var(--cb-tint);
	border: 1px dashed var(--cb-accent);
	border-radius: 12px;
}

.cb-note strong {
	color: var(--cb-ink);
}

/* —— Тёмная полоса-призыв —— */
.cb-band {
	padding: 40px;
	text-align: center;
	background: var(--cb-panel-dark);
	border-radius: 24px;
	box-shadow: 0 20px 40px -24px var(--cb-shadow-ink-hard);
}

.cb-band__title {
	margin: 0 0 0.8rem;
	font-family: var(--cb-display);
	font-size: 1.55rem;
	line-height: 1.25;
	color: var(--cb-accent-on-dark);
}

.cb-band__text {
	margin: 0 0 1.6rem;
	font-size: 1.05rem;
	color: var(--cb-on-dark-muted);
}

.cb-band__cta,
#content .cb-band__cta,
.elementor .cb-band__cta {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 15rem;
	padding: 1rem 2rem;
	font-weight: 700;
	color: var(--cb-on-accent) !important;
	text-decoration: none !important;
	background: var(--cb-btn-gradient) !important;
	border-radius: var(--cb-btn-radius);
	box-shadow: var(--cb-btn-shadow);
	transition: var(--cb-btn-ease);
}

.cb-band__cta:hover,
.cb-band__cta:focus-visible {
	transform: translateY(-1px);
	filter: brightness(1.06);
	box-shadow: 0 14px 26px -12px var(--cb-shadow-accent);
}

/* —— Строка действий: WhatsApp + звонок —— */
.cb-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
	margin: 2rem 0 0;
}

.cb-wa {
	display: inline-flex !important;
	align-items: center;
	gap: 0.55rem;
	padding: 1rem 1.8rem;
	font-weight: 700;
	color: var(--cb-accent-dark) !important;
	text-decoration: none !important;
	background: var(--cb-surface);
	border: 1px solid var(--cb-accent);
	border-radius: var(--cb-btn-radius);
	transition: var(--cb-btn-ease);
}

.cb-wa svg {
	flex: 0 0 auto;
	width: 1.15rem;
	height: 1.15rem;
}

.cb-wa:hover,
.cb-wa:focus-visible {
	background: var(--cb-tint);
	transform: translateY(-1px);
}

/* Кнопку звонка красит канон `#content a[href="#callback"]`; здесь — только компактная ширина. */
#content .cb-actions a[href="#callback"],
.elementor .cb-actions a[href="#callback"],
#content .cb-cta-row a[href="#callback"],
.elementor .cb-cta-row a[href="#callback"] {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	min-width: 15rem;
	padding: 1rem 2rem !important;
}

.cb-cta-row {
	margin: 0 0 2rem;
	text-align: center;
}

.cb-cta-row p {
	margin: 0 0 1.2rem;
	font-weight: 600;
	color: var(--cb-ink);
}

/* —— Галерея и закрывающий блок —— */
.cb-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 15px;
	margin: 0 0 3rem;
}

.cb-gallery img {
	display: block;
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: var(--cb-radius-card);
}

.cb-closing {
	max-width: 46rem;
	margin: 0 auto 3rem;
	padding-top: 2rem;
	border-top: 1px solid var(--cb-line);
	text-align: center;
}

.cb-closing p {
	margin: 0 0 1rem;
	line-height: 1.65;
	color: var(--cb-muted);
}

.cb-closing p:last-child {
	margin-bottom: 0;
}

.cb-closing__slogan {
	font-family: var(--cb-display);
	font-size: 1.2rem;
	line-height: 1.4;
	color: var(--cb-accent-dark);
}

@media (max-width: 767px) {
	.cb-panel,
	.cb-payments,
	.cb-band {
		padding: 26px;
		border-radius: 20px;
	}

	.cb-rate {
		padding: 26px;
	}

	.cb-metric__value {
		font-size: 2.2rem;
	}

	.cb-gallery img {
		height: 170px;
	}

	.cb-wa,
	#content .cb-actions a[href="#callback"],
	.elementor .cb-actions a[href="#callback"],
	#content .cb-cta-row a[href="#callback"],
	.elementor .cb-cta-row a[href="#callback"] {
		width: 100% !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cb-card,
	.cb-wa,
	.cb-band__cta,
	body.home .elementor-3849 .elementor-element-a3f48b1,
	body.home .elementor-3849 .elementor-element-697d760 {
		transition: none;
	}

	.cb-card:hover,
	.cb-wa:hover,
	.cb-band__cta:hover {
		transform: none;
	}
}

/* ==========================================================================
   v0.5.0 — WooCommerce: фирменные подложки вместо фиолетовой семьи ядра.
   Ядро Woo тянет светлые сиреневые подложки у notice и payment_box и
   полупрозрачный фиолетовый у блока оплаты. Переводим их на --cb-*.
   ========================================================================== */

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	background-color: var(--cb-surface-2);
	color: var(--cb-ink);
}

.woocommerce-info::before,
.woocommerce-message::before {
	color: var(--cb-accent-dark);
}

.woocommerce-error::before {
	color: var(--cb-error);
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	background: var(--cb-surface-2);
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
	border-bottom-color: var(--cb-line);
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
	background-color: var(--cb-surface-3);
	color: var(--cb-ink);
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: var(--cb-surface-3);
}

.woocommerce form .form-row .required,
.woocommerce-page form .form-row .required,
.woocommerce-info a,
.woocommerce-message a {
	color: var(--cb-accent-dark);
}

/* ==========================================================================
   v0.5.0 — Тёмная тема.
   Атрибут data-cb-theme выставляет boot-скрипт из functions.php в <head>
   до первой отрисовки, поэтому системная тема (prefers-color-scheme) влияет
   только на первый визит, а мигания нет. Вся тёмная тема — один селектор.
   ========================================================================== */

html[data-cb-theme="dark"] {
	color-scheme: dark;

	/* —— Поверхности —— */
	--cb-bg: #0e1511;
	--cb-surface: #151f19;
	--cb-surface-2: #1b2721;
	--cb-surface-3: #223029;
	--cb-tint: #18241d;
	--cb-icon-tile: #1f2d25;

	/* —— Текст —— */
	--cb-ink: #eaf3ec;
	--cb-muted: #a5bdac;

	/* —— Акцент ——
	   Тёмный край градиента кнопки остаётся фирменным тёмно-зелёным: белый
	   текст на нём даёт 4.7:1, а на ярком светлом зелёном было 2.6:1. */
	--cb-accent: #35c73f;
	--cb-accent-dark: #61d96b;
	--cb-accent-solid: #1e8626;
	--cb-line: #2b3a31;
	--cb-ok: #6fc47c;
	--cb-error: #ff8a80;
	--cb-disabled: #4a5a50;
	--cb-on-accent: #ffffff;
	--cb-on-dark: #ffffff;

	/* —— Разметка на фото —— */
	--cb-glass: rgba(21, 31, 25, 0.94);
	--cb-header-bg: rgba(14, 21, 17, 0.92);
	--cb-panel-dark: #16241b;
	--cb-panel-dark-ink: #eaf3ec;
	--cb-on-dark-muted: rgba(234, 243, 236, 0.82);
	--cb-accent-on-dark: #7fe08a;

	/* —— Полупрозрачный акцент —— */
	--cb-accent-soft: rgba(53, 199, 63, 0.12);
	--cb-accent-soft-2: rgba(53, 199, 63, 0.14);
	--cb-accent-soft-3: rgba(53, 199, 63, 0.18);
	--cb-accent-ring: rgba(53, 199, 63, 0.24);
	--cb-accent-ring-2: rgba(53, 199, 63, 0.26);
	--cb-accent-ring-3: rgba(53, 199, 63, 0.3);
	--cb-accent-border: rgba(53, 199, 63, 0.5);
	--cb-accent-border-strong: rgba(53, 199, 63, 0.6);
	--cb-accent-ring-strong: rgba(53, 199, 63, 0.8);

	/* —— Тени: зелёное свечение на тёмном фоне не читается, глушим —— */
	--cb-overlay: rgba(0, 0, 0, 0.62);
	--cb-shadow-ink-soft: rgba(0, 0, 0, 0.4);
	--cb-shadow-ink: rgba(0, 0, 0, 0.5);
	--cb-shadow-ink-strong: rgba(0, 0, 0, 0.6);
	--cb-shadow-ink-hard: rgba(0, 0, 0, 0.72);
	--cb-shadow-modal: rgba(0, 0, 0, 0.68);
	--cb-shadow-accent-soft: rgba(0, 0, 0, 0.35);
	--cb-shadow-accent: rgba(0, 0, 0, 0.5);
	--cb-shadow-accent-12: rgba(0, 0, 0, 0.42);
	--cb-shadow-accent-16: rgba(0, 0, 0, 0.44);
	--cb-shadow-accent-22: rgba(0, 0, 0, 0.46);
	--cb-shadow-accent-35: rgba(0, 0, 0, 0.5);
	--cb-shadow-accent-38: rgba(0, 0, 0, 0.5);
	--cb-shadow-accent-55: rgba(0, 0, 0, 0.55);
	--cb-shadow-accent-60: rgba(0, 0, 0, 0.58);
	--cb-shadow-accent-90: rgba(0, 0, 0, 0.6);
	--cb-shadow-accent-95: rgba(0, 0, 0, 0.6);
	--cb-btn-shadow: 0 10px 22px -12px rgba(0, 0, 0, 0.7);
	--cb-btn-shadow-hover: 0 14px 26px -12px rgba(0, 0, 0, 0.75);

	/* —— WooCommerce —— */
	--wc-primary: #1e8626;
	--wc-primary-text: #ffffff;
	--wc-secondary: #1b2721;
	--wc-secondary-text: #eaf3ec;
	--wc-content-bg: #151f19;
	--wc-subtext: #a5bdac;
	--wc-form-color-background: #151f19;
	--wc-form-color-text: #eaf3ec;
	--wc-form-border-color: #2b3a31;
	--wc-green: #6fc47c;
	--wc-red: #ff8a80;
}

/* —— Логотип: тёмно-зелёный SVG на тёмной шапке исчезает.
   Поднимаем яркость, сохраняя фирменный зелёный. —— */
html[data-cb-theme="dark"] .cb-brand .custom-logo,
html[data-cb-theme="dark"] .cb-brand img {
	filter: brightness(1.9) saturate(1.15);
}

/* —— Elementor: китовые глобальные цвета.
   Класс .elementor-kit-3863 стоит на <body>, поэтому переопределяем его,
   а не html: тогда CSS-переменные из post-3863.css перекрыты по каскаду. —— */
html[data-cb-theme="dark"] .elementor-kit-3863 {
	--e-global-color-primary: #eaf3ec;
	--e-global-color-secondary: #a5bdac;
	--e-global-color-text: #a5bdac;
	--e-global-color-accent: #35c73f;

	/* Поверхность (было «Белый» #FFFFFF) — карточки, плашки, подложки */
	--e-global-color-3641bb2: #151f19;
	/* Светло-серый — вторичные контейнеры */
	--e-global-color-f32727b: #1b2721;
	/* Жёлто-бежевый — тёплые секции */
	--e-global-color-10dc3d2: #18241d;
	/* «В тенях» */
	--e-global-color-ec7aa94: #1b2721;
	/* Синий и маджента — служебные, уводим в бренд */
	--e-global-color-57cf481: #2fa63a;
	--e-global-color-7d4ca70: #c46bb4;
	--e-global-color-9d678ad: #8ecb1a;
	--e-global-color-930de8b: #ff8a80;
	--e-global-color-d10167d: #ffca00;
}

/* Elementor: подписи и текст, у которых цвет не привязан к глобальному.
   Заголовки на фото и тёмных плитках главной не трогаем — они там белые. */
body.home .elementor a[href*="/product-category/"] .elementor-heading-title,
body.home .elementor .elementor-element-1366dd9 .elementor-heading-title,
html[data-cb-theme="dark"] body.home .elementor a[href*="/product-category/"] .elementor-heading-title,
html[data-cb-theme="dark"] body.home .elementor .elementor-element-1366dd9 .elementor-heading-title {
	color: var(--cb-on-dark);
}

/* —— Тёмные формы: Elementor, Woo, поиск, Select2 —— */
html[data-cb-theme="dark"] input[type="text"],
html[data-cb-theme="dark"] input[type="email"],
html[data-cb-theme="dark"] input[type="tel"],
html[data-cb-theme="dark"] input[type="url"],
html[data-cb-theme="dark"] input[type="password"],
html[data-cb-theme="dark"] input[type="number"],
html[data-cb-theme="dark"] input[type="search"],
html[data-cb-theme="dark"] input[type="date"],
html[data-cb-theme="dark"] select,
html[data-cb-theme="dark"] textarea,
html[data-cb-theme="dark"] .woocommerce form .form-row input.input-text,
html[data-cb-theme="dark"] .woocommerce form .form-row textarea {
	/* Поле светлее и плашки (--cb-surface), и фона страницы (--cb-bg):
	   иначе на чекауте 29 из 30 полей сливались с карточкой. */
	background-color: var(--cb-surface-3);
	color: var(--cb-ink);
	border-color: var(--cb-line);
}

html[data-cb-theme="dark"] ::placeholder {
	color: var(--cb-muted);
	opacity: 0.75;
}

html[data-cb-theme="dark"] input[type="checkbox"],
html[data-cb-theme="dark"] input[type="radio"] {
	accent-color: var(--cb-accent-solid);
}

html[data-cb-theme="dark"] .select2-container .select2-selection--single,
html[data-cb-theme="dark"] .select2-container .select2-selection--multiple,
html[data-cb-theme="dark"] .select2-dropdown {
	background-color: var(--cb-surface-3);
	border-color: var(--cb-line);
}

html[data-cb-theme="dark"] .select2-container .select2-selection--single .select2-selection__rendered,
html[data-cb-theme="dark"] .select2-results__option {
	color: var(--cb-ink);
}

html[data-cb-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--cb-muted) transparent transparent;
}

html[data-cb-theme="dark"] .select2-results__option--highlighted[aria-selected],
html[data-cb-theme="dark"] .select2-results__option--highlighted[data-selected] {
	background-color: var(--cb-accent-solid);
	color: var(--cb-on-accent);
}

/* —— Тёмные таблицы корзины и заказа —— */
html[data-cb-theme="dark"] .woocommerce table.shop_table,
html[data-cb-theme="dark"] .woocommerce table.shop_table th,
html[data-cb-theme="dark"] .woocommerce table.shop_table td {
	color: var(--cb-ink);
	border-color: var(--cb-line);
}

html[data-cb-theme="dark"] .woocommerce table.shop_table thead th {
	background-color: var(--cb-surface-2);
}

html[data-cb-theme="dark"] .woocommerce table.shop_table tbody tr:nth-child(even) td {
	background-color: var(--cb-tint);
}

html[data-cb-theme="dark"] .cart_totals,
html[data-cb-theme="dark"] .woocommerce-checkout #order_review,
html[data-cb-theme="dark"] .woocommerce-billing-fields,
html[data-cb-theme="dark"] .woocommerce-additional-fields {
	color: var(--cb-ink);
}

/* —— Тёмные подложки чужих блоков —— */
html[data-cb-theme="dark"] .woocommerce-error,
html[data-cb-theme="dark"] .woocommerce-info,
html[data-cb-theme="dark"] .woocommerce-message {
	background-color: var(--cb-surface-2);
	color: var(--cb-ink);
}

html[data-cb-theme="dark"] #add_payment_method #payment,
html[data-cb-theme="dark"] .woocommerce-cart #payment,
html[data-cb-theme="dark"] .woocommerce-checkout #payment {
	background: var(--cb-surface-2);
}

html[data-cb-theme="dark"] #add_payment_method #payment div.payment_box,
html[data-cb-theme="dark"] .woocommerce-cart #payment div.payment_box,
html[data-cb-theme="dark"] .woocommerce-checkout #payment div.payment_box {
	background-color: var(--cb-surface-3);
	color: var(--cb-ink);
}

html[data-cb-theme="dark"] #add_payment_method #payment div.payment_box::before,
html[data-cb-theme="dark"] .woocommerce-cart #payment div.payment_box::before,
html[data-cb-theme="dark"] .woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: var(--cb-surface-3);
}

/* —— Модалка обратного звонка: поля и подписи —— */
html[data-cb-theme="dark"] .cb-callback,
html[data-cb-theme="dark"] .cb-callback-card {
	color: var(--cb-ink);
}

html[data-cb-theme="dark"] .cb-callback-field input,
html[data-cb-theme="dark"] .cb-callback-field textarea,
html[data-cb-theme="dark"] .cb-callback input,
html[data-cb-theme="dark"] .cb-callback textarea {
	background: var(--cb-surface-3);
	color: var(--cb-ink);
	border-color: var(--cb-line);
}

/* —— Избранное WPLB —— */
html[data-cb-theme="dark"] .wplb-wishlist table,
html[data-cb-theme="dark"] .wplb-wishlist .wplb-wishlist-share-link,
html[data-cb-theme="dark"] .wplb-wishlist-item {
	color: var(--cb-ink);
	border-color: var(--cb-line);
}

/* —— Тёмные поля на страницах входа и регистрации —— */
html[data-cb-theme="dark"] .woocommerce form.login,
html[data-cb-theme="dark"] .woocommerce form.register,
html[data-cb-theme="dark"] .woocommerce-EditAccountForm {
	background: var(--cb-surface);
	border-color: var(--cb-line);
	color: var(--cb-ink);
}

/* —— Нативные скроллбары под тёмный фон —— */
html[data-cb-theme="dark"] {
	scrollbar-color: var(--cb-surface-3) var(--cb-bg);
}

/* ==========================================================================
   Каталог: современный архив + фильтры (0.6.0)
   ========================================================================== */

/* —— Раскладка: сайдбар фильтров + сетка —— */
.cb-catalog {
	display: grid;
	grid-template-columns: 262px minmax(0, 1fr);
	gap: 32px;
	align-items: start;
	margin-top: 1.25rem;
}

.cb-catalog-side {
	position: sticky;
	top: calc(var(--cb-header-h) + 1rem);
	align-self: start;
}

.cb-catalog-overlay { display: none; }

/* —— Карточка фильтров —— */
.cb-filter {
	display: flex;
	flex-direction: column;
	gap: 18px;
	background: var(--cb-surface);
	border: 1px solid var(--cb-line);
	border-radius: 18px;
	padding: 20px;
	box-shadow: 0 18px 40px -34px var(--cb-shadow-ink-strong);
}

.cb-filter-head { display: flex; align-items: center; gap: 12px; }
.cb-filter-title { font-family: var(--cb-display); font-weight: 700; font-size: 1.1rem; color: var(--cb-ink); }
.cb-filter-reset { margin-left: auto; font-size: 0.85rem; color: var(--cb-muted); text-decoration: none; }
.cb-filter-reset:hover { color: var(--cb-accent-dark); text-decoration: underline; text-underline-offset: 3px; }
.cb-filter-close { display: none; }

.cb-filter-body { display: flex; flex-direction: column; gap: 18px; }
.cb-filter-block + .cb-filter-block { border-top: 1px solid var(--cb-line); padding-top: 16px; }
.cb-filter-label {
	margin: 0 0 10px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--cb-muted);
}

.cb-filter-back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 12px;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--cb-accent-dark);
	text-decoration: none;
}
.cb-filter-back:hover { text-decoration: underline; text-underline-offset: 3px; }

.cb-filter-list { list-style: none; margin: 0; padding: 0; max-height: 320px; overflow-y: auto; }
.cb-filter-item { list-style: none; margin: 0; }

.cb-check {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 0;
	cursor: pointer;
	color: var(--cb-ink);
	font-size: 0.94rem;
	line-height: 1.3;
}
.cb-check input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.cb-check-box {
	position: relative;
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	border: 1.5px solid var(--cb-line);
	border-radius: 6px;
	background: var(--cb-surface);
	transition: background 0.15s ease, border-color 0.15s ease;
}
.cb-check input:checked + .cb-check-box { background: var(--cb-accent-solid); border-color: var(--cb-accent-solid); }
.cb-check input:checked + .cb-check-box::after {
	content: "";
	position: absolute;
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid var(--cb-on-accent);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.cb-check input:focus-visible + .cb-check-box { box-shadow: 0 0 0 3px var(--cb-accent-ring-2); }
.cb-check:hover .cb-check-box { border-color: var(--cb-accent); }
.cb-check-text { flex: 1 1 auto; }
.cb-filter-count { flex: 0 0 auto; color: var(--cb-muted); font-size: 0.8rem; }

.cb-filter-list--nav .cb-filter-navitem a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 6px 0;
	color: var(--cb-ink);
	text-decoration: none;
	font-size: 0.94rem;
}
.cb-filter-list--nav .cb-filter-navitem a:hover { color: var(--cb-accent-dark); }
.cb-filter-list--nav .cb-filter-navitem.is-active a { color: var(--cb-accent-dark); font-weight: 700; }

/* Цена */
.cb-filter-range { display: flex; align-items: center; gap: 10px; }
.cb-filter-mini { flex: 1 1 0; min-width: 0; }
.cb-filter-mini input {
	width: 100%;
	min-width: 0;
	padding: 0.55rem 0.7rem;
	border: 1px solid var(--cb-line);
	border-radius: 10px;
	background: var(--cb-surface);
	color: var(--cb-ink);
	font-family: var(--cb-font);
	font-size: 0.95rem;
}
.cb-filter-mini input:hover { border-color: var(--cb-accent); }
.cb-filter-mini input:focus { border-color: var(--cb-accent); box-shadow: 0 0 0 3px var(--cb-accent-ring-2); outline: none; }
.cb-filter-dash { color: var(--cb-muted); }

.cb-filter-submit { width: 100%; }

/* —— Шапка каталога и тулбар —— */
.cb-catalog-head { margin-bottom: 0.5rem; }
.cb-catalog-head h1 { margin: 0; }
.cb-catalog .woocommerce-breadcrumb { margin-bottom: 0.85rem; }

.cb-catalog-toolbar { display: flex; align-items: center; gap: 14px; margin: 0.75rem 0 1rem; }
.cb-catalog-count { margin: 0 !important; color: var(--cb-muted); font-size: 0.92rem; }
.cb-catalog-ordering { float: none !important; margin: 0 0 0 auto !important; }
.cb-catalog-ordering select.orderby { min-width: 220px; }

.cb-filter-open {
	display: none;
	align-items: center;
	gap: 8px;
	padding: 0.55rem 1rem;
	border: 1px solid var(--cb-line);
	border-radius: 999px;
	background: var(--cb-surface);
	color: var(--cb-ink);
	font-family: var(--cb-font);
	font-weight: 600;
	font-size: 0.92rem;
	cursor: pointer;
}
.cb-filter-open:hover { border-color: var(--cb-accent); color: var(--cb-accent-dark); }

/* —— Чипсы активных фильтров —— */
.cb-catalog-chiprow { margin-bottom: 1.1rem; }
.cb-catalog-chiprow:empty { display: none; }
.cb-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.cb-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border: 1px solid var(--cb-accent-border);
	border-radius: 999px;
	background: var(--cb-accent-soft-2);
	color: var(--cb-accent-dark);
	font-size: 0.85rem;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.15s ease, border-color 0.15s ease;
}
.cb-chip:hover { background: var(--cb-accent-soft-3); border-color: var(--cb-accent); }
.cb-chip-x { font-size: 1.05rem; line-height: 1; opacity: 0.75; }
.cb-chip--reset { background: transparent; border-style: dashed; border-color: var(--cb-line); color: var(--cb-muted); }
.cb-chip--reset:hover { color: var(--cb-accent-dark); border-color: var(--cb-accent); }

/* —— Сетка и состояние загрузки —— */
.cb-catalog-grid-wrap { transition: opacity 0.2s ease; }
.cb-catalog.is-loading .cb-catalog-grid-wrap { opacity: 0.4; pointer-events: none; }
.cb-catalog.is-loading .cb-catalog-count { opacity: 0.6; }

/* 4 колонки базовой темы на широком экране — в каталоге оставляем 3 */
.woocommerce ul.products.cb-catalog-grid { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
@media (min-width: 1212px) {
	.woocommerce ul.products.cb-catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.cb-catalog-pagination-slot { margin-top: 0.5rem; }

/* —— Пустой результат —— */
.cb-catalog-empty {
	text-align: center;
	padding: 56px 20px;
	border: 1px dashed var(--cb-line);
	border-radius: 18px;
	background: var(--cb-surface);
}
.cb-catalog-empty-title { font-family: var(--cb-display); font-size: 1.3rem; font-weight: 700; margin: 0 0 6px; }
.cb-catalog-empty-text { color: var(--cb-muted); margin: 0 0 18px; }

/* —— SEO-описание под товарами —— */
.cb-catalog-seo {
	margin-top: 2.5rem;
	padding: 24px 26px;
	border: 1px solid var(--cb-line);
	border-radius: 18px;
	background: var(--cb-surface);
	color: var(--cb-muted);
	font-size: 0.96rem;
	line-height: 1.65;
}
.cb-catalog-seo h2,
.cb-catalog-seo h3 { color: var(--cb-ink); }
.cb-catalog-seo p:first-child { margin-top: 0; }
.cb-catalog-seo p:last-child { margin-bottom: 0; }

/* —— Планшет и мобильные: фильтр — выдвижная панель —— */
@media (max-width: 1023px) {
	.cb-catalog { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.cb-filter-open { display: inline-flex; }

	.cb-catalog-side {
		position: fixed;
		top: 0;
		left: 0;
		bottom: auto;
		width: min(340px, 88vw);
		height: 100vh;
		height: 100dvh;
		max-height: 100dvh;
		z-index: 120;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 16px;
		background: var(--cb-bg);
		border-right: 1px solid var(--cb-line);
		box-shadow: 0 0 60px -20px var(--cb-shadow-ink-strong);
		transform: translateX(-104%);
		transition: transform 0.26s ease;
	}
	.cb-catalog.is-filters-open .cb-catalog-side { transform: none; }

	.cb-catalog-overlay:not([hidden]) {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 110;
		background: var(--cb-overlay);
	}

	.cb-filter-close {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-left: 4px;
		width: 32px;
		height: 32px;
		border: 0;
		border-radius: 50%;
		background: var(--cb-surface-2);
		color: var(--cb-ink);
		font-size: 1.3rem;
		line-height: 1;
		cursor: pointer;
	}
	.cb-filter-list { max-height: none; }

	/* Панель не скроллится целиком: прокручивается только тело фильтра,
	   а кнопка «Показать» остаётся внизу и ничего не перекрывает */
	.cb-catalog-side { display: flex; flex-direction: column; overflow: hidden; }

	.cb-filter { flex: 1 1 auto; min-height: 0; }

	.cb-filter-body {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		padding-right: 2px;
	}

	.cb-filter-submit { flex: 0 0 auto; }
}

html.cb-drawer-open { overflow: hidden; }

@media (max-width: 600px) {
	.cb-catalog-toolbar { flex-wrap: wrap; }
	.cb-catalog-ordering { margin-left: 0 !important; width: 100%; }
	.cb-catalog-ordering select.orderby { width: 100%; }
	.cb-catalog-seo { padding: 18px; }
}

/* ==========================================================================
   Корзина: карточки товаров, липкая сводка, промокод, витрина апселлов (0.7.0)
   ========================================================================== */

/* —— Общая раскладка: список товаров + сводка заказа —— */

.woocommerce-cart .woocommerce {
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
	margin: 0;
}

.woocommerce-cart .cart-collaterals.cb-cart-collaterals {
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
	margin: 0;
}

.cb-cart-page {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
	gap: 1.25rem;
	align-items: start;
}

.cb-cart-form {
	margin: 0;
	padding: 1.1rem 1.25rem 1.25rem;
	border: 1px solid var(--cb-line);
	border-radius: 20px;
	background: var(--cb-surface);
}

.cb-cart-form__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.5rem;
	padding-bottom: 0.85rem;
	border-bottom: 1px solid var(--cb-line);
}

.cb-cart-form__title {
	margin: 0;
	font-size: 1.15rem;
	line-height: 1.3;
}

.cb-cart-form__count {
	color: var(--cb-muted);
	font-size: 0.9rem;
	font-weight: 600;
}

/* —— Строка товара —— */

.cb-cart-items {
	display: grid;
	gap: 0.75rem;
	margin: 0.85rem 0 0;
	padding: 0;
	list-style: none;
}

.cb-cart-item {
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr) auto minmax(6.5rem, auto) auto;
	align-items: center;
	gap: 1rem;
	margin: 0;
	padding: 0.85rem;
	border: 1px solid transparent;
	border-radius: 16px;
	background: var(--cb-surface-2);
	transition: border-color 0.18s ease, background 0.18s ease;
}

.cb-cart-item:hover {
	border-color: var(--cb-line);
	background: var(--cb-surface-3);
}

.cb-cart-item__media {
	width: 84px;
	height: 84px;
	overflow: hidden;
	border-radius: 12px;
	background: var(--cb-surface);
}

.cb-cart-item__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cb-cart-item__main {
	min-width: 0;
}

.cb-cart-item__name {
	margin: 0 0 0.3rem;
	font-size: 1rem;
	line-height: 1.35;
}

.cb-cart-item__name a {
	color: var(--cb-ink);
	text-decoration: none;
}

.cb-cart-item__name a:hover {
	color: var(--cb-accent-dark);
}

.cb-cart-item__main .variation {
	margin: 0.15rem 0;
	color: var(--cb-muted);
	font-size: 0.85rem;
}

.cb-cart-item__main .variation p {
	margin: 0;
}

.cb-cart-item__main .backorder_notification {
	margin: 0.3rem 0 0;
	color: var(--cb-muted);
	font-size: 0.85rem;
}

.cb-cart-item__unit {
	margin: 0.35rem 0 0;
	color: var(--cb-muted);
	font-size: 0.9rem;
}

.cb-cart-item__unit-value {
	color: var(--cb-ink);
	font-weight: 700;
}

.cb-cart-item__label {
	display: none;
}

.cb-cart-item__qty {
	display: flex;
	align-items: center;
}

.cb-cart-item__total {
	min-width: 6.5rem;
	text-align: right;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--cb-ink);
	white-space: nowrap;
}

.cb-cart-item__total-value {
	display: inline-block;
}

.cb-cart-item__total del {
	color: var(--cb-muted);
	font-size: 0.85em;
	font-weight: 600;
}

.cb-cart-item__total ins {
	text-decoration: none;
}

.cb-cart-item__remove {
	display: flex;
	align-items: center;
	justify-content: center;
}

.cb-cart-item__remove-link,
.woocommerce a.remove.cb-cart-item__remove-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	width: 2.25rem;
	height: 2.25rem;
	border: 1px solid transparent;
	border-radius: 999px;
	color: var(--cb-muted) !important;
	background: transparent;
	font-size: 1rem;
	text-decoration: none !important;
	transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.cb-cart-item__remove-link:hover,
.woocommerce a.remove.cb-cart-item__remove-link:hover {
	border-color: var(--cb-line);
	color: var(--cb-error) !important;
	background: var(--cb-surface);
}

.cb-cart-item__remove-icon {
	font-size: 1.5rem;
	line-height: 1;
}

.cb-cart-item__remove-text {
	display: none;
}

/* —— Шаг количества в корзине —— */

.cb-qty--cart {
	height: 2.6rem;
	background: var(--cb-surface);
}

.cb-qty--cart > .quantity {
	display: contents;
}

/* Специфичность выше правил ядра `.woocommerce .quantity input.qty` (0,2,1) */
.woocommerce-cart .cb-cart-item .cb-qty--cart input.qty {
	flex: 0 0 auto;
	width: 2.6rem;
	height: 2.35rem;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	text-align: center;
	font-family: inherit;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 2.35rem;
	color: var(--cb-ink);
	background: transparent !important;
	box-shadow: none !important;
	-moz-appearance: textfield;
	appearance: textfield;
}

.woocommerce-cart .cb-cart-item .cb-qty--cart input.qty::-webkit-outer-spin-button,
.woocommerce-cart .cb-cart-item .cb-qty--cart input.qty::-webkit-inner-spin-button {
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
}

/* —— Панель под списком товаров —— */

.cb-cart-form__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem 1rem;
	margin-top: 1rem;
	padding-top: 0.9rem;
	border-top: 1px solid var(--cb-line);
}

.cb-cart-form__hint {
	margin: 0;
	color: var(--cb-muted);
	font-size: 0.85rem;
}

.cb-cart-form__hint.is-busy {
	color: var(--cb-ink);
}

.cb-cart-form__hint.is-busy::after {
	content: '';
	display: inline-block;
	width: 0.55rem;
	height: 0.55rem;
	margin-left: 0.4rem;
	border-radius: 50%;
	background: var(--cb-accent);
	animation: cb-cart-pulse 0.9s ease-in-out infinite;
	vertical-align: middle;
}

@keyframes cb-cart-pulse {
	0%, 100% { opacity: 0.25; transform: scale(0.8); }
	50% { opacity: 1; transform: scale(1); }
}

.cb-cart-form__continue {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	color: var(--cb-accent-dark) !important;
	font-size: 0.9rem;
	font-weight: 700;
	text-decoration: none;
}

.cb-cart-form__continue::before {
	content: '\2190';
	font-size: 1rem;
	line-height: 1;
}

.cb-cart-form__continue:hover {
	color: var(--cb-accent) !important;
}

/* Кнопка нужна только как запасной путь без JS */
.cb-cart-js .cb-cart-form__update {
	display: none;
}

.cb-cart-form__update {
	order: 3;
}

/* —— Сводка заказа —— */

.cb-cart-aside {
	position: sticky;
	top: calc(var(--cb-header-h) + 1rem);
	display: grid;
	gap: 0.85rem;
	padding: 1.25rem;
	border: 1px solid var(--cb-line);
	border-radius: 20px;
	background: var(--cb-surface);
}

/* Ядро WooCommerce плавает сводкой вправо и режет её до 48% */
.woocommerce-cart .cart-collaterals .cart_totals {
	float: none;
	width: 100%;
	text-align: left;
}

.cb-cart-totals__title {
	margin: 0 0 0.85rem;
	font-size: 1.15rem;
	line-height: 1.3;
}

.cb-cart-totals__table {
	width: 100%;
	margin: 0 !important;
	border: 0 !important;
	border-collapse: collapse;
	border-radius: 0;
	background: transparent;
}

.cb-cart-totals__table tr,
.cb-cart-totals__table th,
.cb-cart-totals__table td {
	border: 0 !important;
	background: transparent !important;
	padding: 0.4rem 0 !important;
	vertical-align: middle;
	line-height: 1.45;
}

.cb-cart-totals__table th {
	text-align: left;
	color: var(--cb-muted);
	font-weight: 600;
	font-size: 0.95rem;
}

/* Ядро навязывает колонке подписей 35% — оставляем ей 30% */
.woocommerce-cart .cart-collaterals .cart_totals .cb-cart-totals__table th {
	width: 30%;
}

.cb-cart-totals__table td {
	text-align: right;
	color: var(--cb-ink);
	font-weight: 700;
}

.cb-cart-totals__table .cart-discount th,
.cb-cart-totals__table .cart-discount td {
	color: var(--cb-ok);
}

.cb-cart-totals__table .cart-discount a {
	color: var(--cb-muted) !important;
	font-size: 0.85rem;
	text-decoration: underline;
}

.cb-cart-totals__table .cart-discount a:hover {
	color: var(--cb-error) !important;
}

.cb-cart-totals__table .order-total th,
.cb-cart-totals__table .order-total td {
	padding-top: 0.85rem !important;
	border-top: 1px solid var(--cb-line) !important;
	color: var(--cb-ink);
	font-size: 1.3rem;
	font-weight: 700;
}

.cb-cart-totals__table .order-total th {
	color: var(--cb-ink);
}

.cb-cart-totals__table .order-total td .woocommerce-Price-amount {
	font-weight: 700;
}

.cb-cart-totals__table .order-total td small,
.cb-cart-totals__table .order-total td .includes_tax {
	display: block;
	color: var(--cb-muted);
	font-size: 0.75rem;
	font-weight: 600;
}

/* —— Способы доставки: карточки-радио —— */

.cb-cart-totals__row--shipping th,
.cb-cart-totals__row--shipping td {
	padding-top: 0.75rem !important;
}

.cb-cart-totals__row--shipping th {
	vertical-align: top;
}

.cb-cart-totals__row--shipping td {
	text-align: left;
	font-weight: 600;
}

/* Селектор с #shipping_method намеренно длиннее правил ядра
   (`.woocommerce ul#shipping_method li ...`), иначе они побеждают. */
.woocommerce-cart .cb-cart-aside #shipping_method {
	display: grid;
	gap: 0.45rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-cart .cb-cart-aside #shipping_method li {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	margin: 0;
	padding: 0.6rem 0.7rem;
	border: 1px solid var(--cb-line);
	border-radius: 12px;
	background: var(--cb-surface-2);
	line-height: 1.45;
	list-style: none outside;
	cursor: pointer;
	transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.woocommerce-cart .cb-cart-aside #shipping_method li:hover {
	border-color: var(--cb-accent-border);
}

.woocommerce-cart .cb-cart-aside #shipping_method li:has(input:checked) {
	border-color: var(--cb-accent);
	background: var(--cb-accent-soft-2);
	box-shadow: 0 0 0 2px var(--cb-accent-ring);
}

.woocommerce-cart .cb-cart-aside #shipping_method li input[type='radio'] {
	flex: 0 0 auto;
	margin: 0.15rem 0 0;
	vertical-align: top;
}

.woocommerce-cart .cb-cart-aside #shipping_method li label {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
	width: 100%;
	margin: 0;
	color: var(--cb-ink);
	font-size: 0.93rem;
	font-weight: 600;
	cursor: pointer;
}

.woocommerce-cart .cb-cart-aside #shipping_method .woocommerce-Price-amount {
	white-space: nowrap;
	font-weight: 700;
}

.woocommerce-shipping-destination,
.woocommerce-shipping-contents {
	margin: 0.6rem 0 0;
	color: var(--cb-muted);
	font-size: 0.82rem;
	font-weight: 400;
}

/* Адрес самовывоза под способами доставки: подпись печатает
   woocommerce/cart/cart-shipping.php в корзине и в оформлении заказа. */
.cb-pickup-note {
	line-height: 1.45;
}

.cb-pickup-note strong {
	color: var(--cb-ink);
	font-weight: 600;
}

/* Ядро даёт кнопке свои отступы и margin-bottom — прижимаем её к низу сводки */
.woocommerce-cart .cb-cart-totals__cta {
	padding: 0;
	margin-top: 1rem;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .cb-cart-totals__cta .button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 3rem;
	margin: 0;
	padding: 0.75rem 1.25rem;
	font-size: 1rem;
	text-align: center;
}

/* —— Промокод —— */

.cb-cart-promo {
	border: 1px dashed var(--cb-line);
	border-radius: 14px;
	background: transparent;
}

.cb-cart-promo__toggle {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.65rem 0.8rem;
	color: var(--cb-accent-dark);
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}

.cb-cart-promo__toggle::-webkit-details-marker {
	display: none;
}

.cb-cart-promo__toggle:hover {
	color: var(--cb-accent);
}

.cb-cart-promo__icon {
	display: inline-flex;
	width: 1.15rem;
	height: 1.15rem;
	color: currentColor;
}

.cb-cart-promo__icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.cb-cart-promo[open] .cb-cart-promo__toggle {
	border-bottom: 1px dashed var(--cb-line);
}

.cb-cart-promo__form {
	display: flex;
	gap: 0.5rem;
	padding: 0.7rem 0.8rem;
}

.cb-cart-promo__form .input-text {
	flex: 1 1 auto;
	min-width: 0;
	height: 2.6rem;
	padding: 0 0.75rem;
	border: 1px solid var(--cb-line) !important;
	border-radius: 10px !important;
	background: var(--cb-surface) !important;
	color: var(--cb-ink);
	font-size: 0.9rem;
	box-shadow: none !important;
}

.cb-cart-promo__form .input-text:focus {
	border-color: var(--cb-accent) !important;
	box-shadow: 0 0 0 3px var(--cb-accent-ring) !important;
	outline: none;
}

.cb-cart-promo__submit {
	flex: 0 0 auto;
	padding: 0 1rem;
	border: 0;
	border-radius: 10px;
	background: var(--cb-accent-solid);
	color: var(--cb-on-accent);
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	transition: filter 0.18s ease, opacity 0.18s ease;
}

.cb-cart-promo__submit:hover:not(:disabled) {
	filter: brightness(1.08);
}

.cb-cart-promo__form.is-busy {
	opacity: 0.65;
	pointer-events: none;
}

/* —— Витрина «Добавьте к заказу» —— */

.cb-cart-upsell {
	margin-top: 1.75rem;
	padding: 1.25rem;
	border: 1px solid var(--cb-line);
	border-radius: 20px;
	background: var(--cb-surface);
}

.cb-cart-upsell__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.5rem 0.85rem;
	margin-bottom: 1rem;
}

.cb-cart-upsell__title {
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.3;
}

.cb-cart-upsell__note {
	margin: 0;
	color: var(--cb-muted);
	font-size: 0.9rem;
}

.cb-cart-upsell ul.products {
	margin-bottom: 0 !important;
}

/* —— Пустая корзина —— */

.woocommerce-cart .cart-empty,
.woocommerce-cart .wc-empty-cart-message .cart-empty {
	margin: 0 0 1rem;
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--cb-ink);
}

.woocommerce-cart .return-to-shop {
	margin: 0;
}

/* —— Индикатор занятости WooCommerce (blockUI) —— */

.cb-cart-page .blockUI.blockOverlay {
	background-color: var(--cb-surface) !important;
	opacity: 0.5 !important;
}

.cb-cart-page .blockUI.blockMsg {
	border: 0 !important;
	background: transparent !important;
}

.cb-cart-form.processing {
	cursor: progress;
}

/* —— Планшет: сводка уходит под список —— */

@media (max-width: 1023px) {
	.cb-cart-page {
		grid-template-columns: minmax(0, 1fr);
		gap: 1rem;
	}

	.cb-cart-aside {
		position: static;
	}
}

/* На низких экранах липкая сводка выше окна — пусть едет вместе со страницей */
@media (min-width: 1024px) and (max-height: 780px) {
	.cb-cart-aside {
		position: static;
	}
}

/* —— Мобильные: карточка заказа в две колонки —— */

@media (max-width: 700px) {
	.cb-cart-form {
		padding: 0.9rem 0.9rem 1rem;
		border-radius: 16px;
	}

	.cb-cart-item {
		grid-template-columns: 72px minmax(0, 1fr);
		grid-template-areas:
			'media main'
			'qty total'
			'remove remove';
		column-gap: 0.85rem;
		row-gap: 0.75rem;
		align-items: start;
		padding: 0.75rem;
	}

	.cb-cart-item__media {
		grid-area: media;
		width: 72px;
		height: 72px;
	}

	.cb-cart-item__main {
		grid-area: main;
	}

	.cb-cart-item__qty {
		grid-area: qty;
	}

	.cb-cart-item__total {
		grid-area: total;
		min-width: 0;
		align-self: center;
	}

	.cb-cart-item__remove {
		grid-area: remove;
		justify-content: flex-start;
		padding-top: 0.6rem;
		border-top: 1px solid var(--cb-line);
	}

	.cb-cart-item__label {
		display: none;
	}

	.cb-cart-item__remove-link,
	.woocommerce-cart .cb-cart-item a.remove.cb-cart-item__remove-link {
		width: auto;
		height: auto;
		padding: 0.35rem 0.7rem;
		border-color: var(--cb-line);
		background: var(--cb-surface);
		font-size: 0.85rem;
		font-weight: 700;
	}

	.cb-cart-item__remove-icon {
		font-size: 1.1rem;
	}

	.cb-cart-item__remove-text {
		display: inline;
	}

	.cb-cart-form__actions {
		justify-content: flex-start;
	}

	.cb-cart-form__hint {
		order: 2;
		width: 100%;
	}

	.cb-cart-form__continue {
		order: 1;
	}

	.cb-cart-promo__form {
		flex-direction: column;
	}

	.cb-cart-promo__submit {
		height: 2.6rem;
	}

	.cb-cart-aside,
	.cb-cart-upsell {
		padding: 1rem;
		border-radius: 16px;
	}
}

@media (max-width: 420px) {
	.cb-cart-item {
		grid-template-columns: 64px minmax(0, 1fr);
	}

	.cb-cart-item__media {
		width: 64px;
		height: 64px;
	}

	.cb-cart-item__name {
		font-size: 0.95rem;
	}
}

/* ==========================================================================
   Оформление заказа (0.8.0) — короткая форма + липкая сводка заказа.

   Раскладка повторяет корзину: слева карточки с полями, справа сводка,
   которую на десктопе видно при прокрутке. Разметку даёт
   woocommerce/checkout/form-checkout.php (`.cb-checkout` — это <form>),
   поэтому сетка ставится прямо на форму.
   ========================================================================== */

/* Ядро оборачивает страницу в карточку (правило в «Единый вид форм»);
   внутри уже есть свои карточки, поэтому у обёртки убираем фон и рамку. */
.woocommerce-checkout .woocommerce {
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
	margin: 0;
}

.cb-checkout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 400px);
	gap: 1.25rem;
	align-items: start;
}

.cb-checkout-main {
	display: grid;
	gap: 1.25rem;
	min-width: 0;
}

/* Ядро печатает между карточками пустые <wc-order-attribution-inputs>
   (скрытые поля маркетинговой атрибуции заказа). Высота у них нулевая, но
   строка в сетке с gap всё равно даёт отступ — прячем саму обёртку.
   display: none не мешает работе: поля остаются в DOM и уходят в заказ. */
.cb-checkout wc-order-attribution-inputs {
	display: none;
}

/* Карточки левой колонки: данные покупателя и комментарий к заказу */
.cb-checkout .woocommerce-billing-fields,
.cb-checkout .woocommerce-additional-fields {
	padding: 1.1rem 1.25rem 1.25rem;
	border: 1px solid var(--cb-line);
	border-radius: 20px;
	background: var(--cb-surface);
}

/* Ядро растягивает .col2-set и .col-1 во float-колонки — снимаем:
   ширина задаётся сеткой. Селектор с #customer_details перебивает ядро. */
.woocommerce-checkout #customer_details {
	margin: 0;
}

.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
	float: none;
	width: auto;
}

/* —— Группы полей —— */

.cb-checkout-group__title {
	margin: 0 0 0.85rem;
	font-size: 1.15rem;
	line-height: 1.3;
}

/* Между группами — пунктир вместо рамки: карточка одна, блоков два */
.cb-checkout-group + .cb-checkout-group {
	margin-top: 1.4rem;
	padding-top: 1.35rem;
	border-top: 1px dashed var(--cb-line);
}

/* —— Сетка полей: две дорожки, широкие поля — во всю ширину ——
   Все правила ниже начинаются с `.cb-checkout .cb-checkout-grid` (три
   класса). Это не для красоты: у ядра есть свои `.woocommerce form
   .form-row-first { width: 47% }` и `.woocommerce form .form-row label
   { line-height: 2 }` — два класса плюс элемент. Селекторы послабее
   проиграли бы им независимо от порядка подключения файлов, поэтому
   дорожки сетки описаны с запасом. */

.cb-checkout .cb-checkout-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.9rem 1rem;
}

.cb-checkout .cb-checkout-grid > .form-row {
	float: none;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
}

.cb-checkout .cb-checkout-grid > .form-row-wide,
.cb-checkout .cb-checkout-grid > .form-row.notes {
	grid-column: 1 / -1;
}

.cb-checkout .cb-checkout-grid .form-row label {
	display: block;
	margin-bottom: 0.35rem;
	color: var(--cb-ink);
	font-size: 0.92rem;
	font-weight: 600;
	line-height: 1.35;
}

.cb-checkout .cb-checkout-grid .form-row .input-text,
.cb-checkout .cb-checkout-grid .form-row select,
.cb-checkout .cb-checkout-grid .form-row textarea {
	width: 100%;
	min-height: 2.75rem;
	padding: 0.55rem 0.8rem;
	font-size: 0.95rem;
	line-height: 1.4;
}

.cb-checkout .cb-checkout-grid .form-row textarea {
	min-height: 5.5rem;
	resize: vertical;
}

.cb-checkout ::placeholder {
	color: var(--cb-muted);
	opacity: 0.75;
}

/* Тёмные настройки браузера подсвечивают заполненное поле жёлтым —
   заливаем своей поверхностью, чтобы в тёмной теме не было белого пятна. */
.cb-checkout input:-webkit-autofill,
.cb-checkout textarea:-webkit-autofill,
.cb-checkout select:-webkit-autofill {
	-webkit-text-fill-color: var(--cb-ink);
	-webkit-box-shadow: 0 0 0 100px var(--cb-surface) inset !important;
}

/* Страна в форме скрыта: магазин возит только по России, значение
   подтверждает hello_canapebar_checkout_country() в functions.php.
   !important нужен потому, что скрипты ядра (address-i18n.js,
   country-select.js) вправе вернуть полю display при смене страны. */
.cb-checkout #billing_country_field {
	display: none !important;
}

/* Регион и населённый пункт тоже скрыты: адрес вводится одной строкой, а
   регион и город подсказка заполняет за кадром (см. раздел «Подсказки адреса»
   в functions.php). !important по той же причине, что и у страны: скрипты
   ядра (address-i18n.js, country-select.js) вправе вернуть полю display. */
.cb-checkout #billing_state_field,
.cb-checkout #billing_city_field {
	display: none !important;
}

/* —— Адрес доставки: одна строка с подсказками —— */

/* Заголовка у группы нет (см. form-billing.php), его роль играет подпись
   единственного поля — как у комментария к заказу. */
.cb-checkout .cb-checkout-grid > #billing_address_1_field > label {
	margin-bottom: 0.85rem;
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.3;
}

/* Список подсказок позиционируется относительно самого поля, а не дорожки
   сетки: под полем ещё живёт подпись-статус, и «100%» от дорожки уехало бы
   под неё. Обёртку .cb-address-shell создаёт assets/js/checkout-address.js. */
.cb-checkout .cb-address-shell {
	position: relative;
}

.cb-address-suggest {
	position: absolute;
	z-index: 40;
	top: calc(100% + 0.3rem);
	right: 0;
	left: 0;
	max-height: 17rem;
	margin: 0;
	padding: 0.3rem;
	overflow-y: auto;
	list-style: none;
	border: 1px solid var(--cb-line);
	border-radius: 14px;
	background: var(--cb-surface);
	box-shadow: 0 18px 40px var(--cb-shadow-ink);
}

.cb-address-suggest[hidden] {
	display: none;
}

.cb-address-suggest__item {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.1rem 0.5rem;
	padding: 0.55rem 0.7rem;
	border-radius: 10px;
	cursor: pointer;
	line-height: 1.4;
}

.cb-address-suggest__item + .cb-address-suggest__item {
	margin-top: 0.1rem;
}

.cb-address-suggest__item.is-active,
.cb-address-suggest__item:hover {
	background: var(--cb-tint);
}

.cb-address-suggest__label {
	color: var(--cb-ink);
	font-size: 0.95rem;
}

.cb-address-suggest__region {
	color: var(--cb-muted);
	font-size: 0.8rem;
}

/* Подпись-статус под полем: «адрес в зоне доставки», «вне зоны» и т.п.
   Пустая подпись не занимает места (поле высотой 0 всё равно дало бы отступ). */
.cb-address-hint {
	margin: 0.45rem 0 0;
	color: var(--cb-muted);
	font-size: 0.85rem;
	line-height: 1.45;
}

.cb-address-hint:empty {
	display: none;
}

.cb-address-hint.is-ok {
	color: var(--cb-ok);
}

.cb-address-hint.is-warn {
	color: var(--cb-error);
}

/* —— Комментарий к заказу —— */
/* Своей рамки у блока нет: он часть той же левой колонки. Заголовок —
   подпись самого поля (в шаблоне h3 убран, чтобы не дублировать текст),
   поэтому она крупнее обычных подписей и как заголовок группы. */

.cb-checkout .woocommerce-additional-fields .cb-checkout-grid > .form-row > label {
	margin-bottom: 0.85rem;
	font-size: 1.15rem;
	font-weight: 700;
}

/* —— Сводка заказа —— */

.cb-checkout-aside {
	position: sticky;
	top: calc(var(--cb-header-h) + 1rem);
	display: grid;
	gap: 1rem;
	padding: 1.25rem;
	border: 1px solid var(--cb-line);
	border-radius: 20px;
	background: var(--cb-surface);
}

.cb-checkout-aside #order_review_heading {
	margin: 0;
	font-size: 1.15rem;
	line-height: 1.3;
}

/* Внутри сводки: таблица заказа, затем блок оплаты — с тем же шагом,
   что и между блоками в колонке (сводку перерисовывает AJAX-фрагментами,
   но сама обёртка остаётся на месте). */
.cb-checkout-aside #order_review {
	display: grid;
	gap: 1rem;
}

/* Таблица сводки разбирается на строки-флексбоксы. Это не украшение:
   в колонке шириной 400px две колонки таблицы отдавали под суммы 89px, а
   строка доставки со списком способов не совпадала по ширине с блоком
   оплаты — разделитель обрывался за 89px до края карточки. display: block
   убирает колоночную сетку, flex раскладывает пару «подпись — сумма», а
   сумма уезжает вправо через margin-left: auto (см. ниже).
   Разметку таблицы при этом менять не нужно: её перерисовывает
   AJAX-фрагмент wc-ajax=update_order_review. */
.cb-checkout-aside .cb-review-order__table,
.cb-checkout-aside .cb-review-order__table thead,
.cb-checkout-aside .cb-review-order__table tbody,
.cb-checkout-aside .cb-review-order__table tfoot {
	display: block;
	width: 100%;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0;
	background: transparent;
}

.cb-checkout-aside .cb-review-order__table tr {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem;
}

.cb-checkout-aside .cb-review-order__table th,
.cb-checkout-aside .cb-review-order__table td {
	display: block;
	width: auto;
	padding: 0.45rem 0 !important;
	border: 0 !important;
	background: transparent !important;
	vertical-align: top;
	line-height: 1.45;
}

/* Шапка таблицы: две служебные подписи, поэтому тихо и мелко */
.cb-checkout-aside .cb-review-order__table thead th {
	padding-bottom: 0.35rem !important;
	border-bottom: 1px solid var(--cb-line) !important;
	color: var(--cb-muted);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.cb-checkout-aside .cb-review-order__table .product-name {
	width: auto;
	text-align: left;
	color: var(--cb-ink);
	font-weight: 600;
}

/* Суммы: прижаты к правому краю строки (margin-left: auto в flex) и не
   переносятся. Исключение для строки доставки важное: её ячейка — тоже
   tfoot td, а внутри лежит список способов доставки. С общим nowrap
   названия способов не переносились и вылезали за карточку. */
.cb-checkout-aside .cb-review-order__table .product-total,
.cb-checkout-aside .cb-review-order__table tfoot tr:not(.woocommerce-shipping-totals) td {
	margin-left: auto;
	text-align: right;
	color: var(--cb-ink);
	font-weight: 700;
	white-space: nowrap;
}

.cb-checkout-aside .cb-review-order__table tbody tr + tr .product-name,
.cb-checkout-aside .cb-review-order__table tbody tr + tr .product-total {
	border-top: 1px dashed var(--cb-line) !important;
}

.cb-checkout-aside .cb-review-order__table tbody .product-quantity {
	color: var(--cb-muted);
	font-weight: 600;
}

/* Варианты товара (dl.variation) — строкой под названием */
.cb-checkout-aside .cb-review-order__table dl.variation {
	display: flex;
	flex-wrap: wrap;
	gap: 0.15rem 0.35rem;
	margin: 0.2rem 0 0;
	color: var(--cb-muted);
	font-size: 0.82rem;
	font-weight: 400;
}

.cb-checkout-aside .cb-review-order__table dl.variation dt,
.cb-checkout-aside .cb-review-order__table dl.variation dd {
	margin: 0;
	padding: 0;
	font-size: inherit;
}

/* Итоговые строки: подписи слева тише, суммы справа настойчивее */
.cb-checkout-aside .cb-review-order__table tfoot th {
	text-align: left;
	color: var(--cb-muted);
	font-size: 0.95rem;
	font-weight: 600;
}

.cb-checkout-aside .cb-review-order__table .cart-discount th,
.cb-checkout-aside .cb-review-order__table .cart-discount td {
	color: var(--cb-ok);
}

.cb-checkout-aside .cb-review-order__table .cart-discount a {
	color: var(--cb-muted) !important;
	font-size: 0.85rem;
	text-decoration: underline;
}

.cb-checkout-aside .cb-review-order__table .cart-discount a:hover {
	color: var(--cb-error) !important;
}

.cb-checkout-aside .cb-review-order__table tr.order-total th,
.cb-checkout-aside .cb-review-order__table tr.order-total td {
	padding-top: 0.85rem !important;
	border-top: 1px solid var(--cb-line) !important;
	color: var(--cb-ink);
	font-size: 1.3rem;
	font-weight: 700;
}

.cb-checkout-aside .cb-review-order__table tr.order-total td small,
.cb-checkout-aside .cb-review-order__table tr.order-total td .includes_tax {
	display: block;
	color: var(--cb-muted);
	font-size: 0.75rem;
	font-weight: 600;
}

/* Строка доставки: подпись и способы стоят один над другим во всю ширину
   карточки. Названия способов длинные («Доставка в пределах МКАД»), в паре
   с суммой они переносились бы по три строки и рвали сводку. */
.cb-checkout-aside .cb-review-order__table tr.woocommerce-shipping-totals {
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	padding-top: 0.55rem !important;
	border-top: 1px dashed var(--cb-line) !important;
}

.cb-checkout-aside .cb-review-order__table tr.woocommerce-shipping-totals th,
.cb-checkout-aside .cb-review-order__table tr.woocommerce-shipping-totals td {
	width: 100%;
	margin: 0;
	padding: 0 !important;
	text-align: left;
	white-space: normal;
}

.cb-checkout-aside .cb-review-order__table tr.woocommerce-shipping-totals th {
	padding-bottom: 0.45rem !important;
}

.cb-checkout-aside #shipping_method {
	display: grid;
	gap: 0.45rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cb-checkout-aside #shipping_method li {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	margin: 0;
	padding: 0.6rem 0.7rem;
	border: 1px solid var(--cb-line);
	border-radius: 12px;
	background: var(--cb-surface-2);
	line-height: 1.45;
	list-style: none outside;
	cursor: pointer;
	transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.cb-checkout-aside #shipping_method li:hover {
	border-color: var(--cb-accent-border);
}

.cb-checkout-aside #shipping_method li:has(input:checked) {
	border-color: var(--cb-accent);
	background: var(--cb-accent-soft-2);
	box-shadow: 0 0 0 2px var(--cb-accent-ring);
}

.cb-checkout-aside #shipping_method li input[type='radio'] {
	flex: 0 0 auto;
	margin: 0.15rem 0 0;
	vertical-align: top;
}

.cb-checkout-aside #shipping_method li label {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.15rem 0.5rem;
	width: 100%;
	margin: 0;
	color: var(--cb-ink);
	font-size: 0.93rem;
	font-weight: 600;
	cursor: pointer;
}

.cb-checkout-aside #shipping_method .woocommerce-Price-amount {
	white-space: nowrap;
	font-weight: 700;
}

/* —— Оплата —— */

.woocommerce-checkout .cb-checkout-aside #payment {
	padding: 1rem;
	border: 1px solid var(--cb-line);
	border-radius: 16px;
	background: var(--cb-surface-2);
}

.woocommerce-checkout .cb-checkout-aside #payment ul.payment_methods {
	display: grid;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

.woocommerce-checkout .cb-checkout-aside #payment ul.payment_methods li {
	margin: 0;
	padding: 0.7rem 0.8rem;
	border: 1px solid var(--cb-line);
	border-radius: 12px;
	background: var(--cb-surface);
	list-style: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.woocommerce-checkout .cb-checkout-aside #payment ul.payment_methods li:hover {
	border-color: var(--cb-accent-border);
}

.woocommerce-checkout .cb-checkout-aside #payment ul.payment_methods li:has(input:checked) {
	border-color: var(--cb-accent);
	box-shadow: 0 0 0 2px var(--cb-accent-ring);
}

.woocommerce-checkout .cb-checkout-aside #payment ul.payment_methods li label {
	display: inline;
	margin: 0;
	color: var(--cb-ink);
	font-weight: 600;
	cursor: pointer;
}

.woocommerce-checkout .cb-checkout-aside #payment ul.payment_methods li img {
	max-height: 1.5rem;
	width: auto;
	margin-left: 0.35rem;
	vertical-align: middle;
}

.woocommerce-checkout .cb-checkout-aside #payment div.payment_box {
	margin: 0.6rem 0 0;
	padding: 0.7rem 0.8rem;
	border-radius: 10px;
	font-size: 0.88rem;
	line-height: 1.5;
}

.woocommerce-checkout .cb-checkout-aside #payment div.payment_box p {
	margin: 0;
}

/* Условия и кнопка «Оформить заказ»: подпись об обработке данных стоит
   выше кнопки, поэтому отступ нужен снизу, а не сверху. */
.cb-checkout-aside .woocommerce-terms-and-conditions-wrapper {
	margin: 0 0 0.85rem;
	font-size: 0.88rem;
}

.cb-checkout-aside #payment .form-row.place-order {
	margin: 0.85rem 0 0;
	padding: 0;
}

.cb-checkout-aside #place_order {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 3rem;
	padding: 0.75rem 1.25rem;
	font-size: 1.05rem;
}

/* Ошибки валидации: ядро печатает их списком над формой */
.woocommerce-checkout .woocommerce-error li {
	font-size: 0.92rem;
}

/* —— Купон на оформлении —— */

/* Форму купона ядро показывает по клику и задаёт display инлайном,
   поэтому здесь только оформление и раскладка полей. */
.woocommerce-checkout .checkout_coupon {
	display: grid;
	gap: 0.6rem;
	margin: 0 0 1.25rem;
	padding: 0.85rem 1rem;
	border: 1px dashed var(--cb-line);
	border-radius: 14px;
	background: var(--cb-surface);
}

.woocommerce-checkout .checkout_coupon .form-row {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}

.woocommerce-checkout .checkout_coupon .form-row-first {
	flex: 1 1 auto;
	min-width: 0;
}

.woocommerce-checkout .checkout_coupon .input-text {
	width: 100%;
	min-height: 2.75rem;
	padding: 0.55rem 0.8rem;
}

.woocommerce-checkout .checkout_coupon .button {
	width: 100%;
	min-height: 2.75rem;
}

/* —— Планшет: сводка уходит под форму —— */

@media (max-width: 1023px) {
	.cb-checkout {
		grid-template-columns: minmax(0, 1fr);
		gap: 1rem;
	}

	.cb-checkout-aside {
		position: static;
	}
}

/* На низких экранах липкая сводка выше окна — пусть едет со страницей */
@media (min-width: 1024px) and (max-height: 780px) {
	.cb-checkout-aside {
		position: static;
	}
}

/* —— Мобильные: поля в одну колонку —— */

@media (max-width: 700px) {
	.cb-checkout .woocommerce-billing-fields,
	.cb-checkout .woocommerce-additional-fields,
	.cb-checkout-aside {
		padding: 1rem;
		border-radius: 16px;
	}

	.cb-checkout .cb-checkout-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.85rem;
	}

	.cb-checkout-group + .cb-checkout-group {
		margin-top: 1.15rem;
		padding-top: 1.1rem;
	}
}

/* ==========================================================================
   0.9.3 — Мобильные: товары по 2 в ряд (главная, каталог, витрина корзины)

   Базовая сетка `repeat(auto-fill, minmax(220px, 1fr))` на телефоне давала
   одну колонку: при контейнере 358–449 px две карточки по 220 px не проходят.
   Здесь колонки задаются жёстко, а карточка сжимается — иначе в две колонки
   не помещаются шаг количества, сердечко и «В корзину».
   Блок намеренно последний в файле: он должен перекрывать правила каталога.
   ========================================================================== */

@media (max-width: 767px) {
	/* —— Сетка: ровно две колонки —— */
	.woocommerce ul.products,
	.woocommerce ul.products.cb-catalog-grid,
	ul.products.cb-catalog-grid,
	.cb-home-slot-placed ul.products,
	.cb-cart-upsell ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.75rem;
	}

	/* —— Карточка: поля и типографика под узкую колонку —— */
	.woocommerce ul.products li.cb-product-card .cb-product-body,
	ul.products li.cb-product-card .cb-product-body {
		padding: 0.7rem 0.7rem 0.8rem;
		gap: 0.3rem;
	}

	.woocommerce ul.products li.cb-product-card .cb-product-title,
	ul.products li.cb-product-card .cb-product-title {
		font-size: 0.88rem;
		line-height: 1.3;
	}

	.woocommerce ul.products li.cb-product-card .cb-product-price,
	ul.products li.cb-product-card .cb-product-price {
		font-size: 1rem;
	}

	.woocommerce ul.products li.cb-product-card .cb-product-price del,
	ul.products li.cb-product-card .cb-product-price del {
		font-size: 0.8rem;
	}

	.cb-product-sum {
		font-size: 0.78rem;
	}

	.cb-badge {
		top: 0.45rem;
		left: 0.45rem;
		font-size: 0.65rem;
		padding: 0.3rem 0.45rem;
	}

	/* —— Низ карточки: шаг количества + сердечко —— */
	.cb-product-actions {
		gap: 0.4rem;
		padding-top: 0.4rem;
	}

	.cb-qty {
		height: 2.5rem;
	}

	.cb-qty-btn {
		width: clamp(1.3rem, 4.2vw, 1.6rem);
		height: 2.3rem;
		font-size: 1rem;
	}

	.cb-qty input.cb-qty-input {
		width: clamp(1.3rem, 4.2vw, 1.6rem);
		min-width: 0;
		height: 2.3rem;
		line-height: 2.3rem;
		font-size: 0.85rem;
	}

	/* Сердце: на узких экранах круглая кнопка меньше, подпись — компактнее. */
	.woocommerce a.cb-wish {
		--cb-wish-size: 2.5rem;
	}

	.woocommerce a.cb-wish--labeled,
	.woocommerce div.product a.cb-wish--labeled {
		width: auto;
		height: auto;
		padding: 0.5rem 1rem;
	}

	/* —— Кнопки: «В корзину» и «Нет в наличии» —— */
	.woocommerce ul.products li.cb-product-card .button.cb-btn-add,
	ul.products li.cb-product-card .button.cb-btn-add,
	.cb-btn-disabled {
		font-size: 0.72rem;
		padding: 0.5rem 0.45rem;
		letter-spacing: 0.01em;
	}

	.cb-product-buy {
		margin-top: 0.45rem;
	}
}

/* ————————————————————————————————————————————————————————————————
 * Motion-дизайн (0.9.14) — появление и исчезновение элементов
 *
 * Один язык движения на весь сайт: элемент, который при загрузке стоит
 * ниже линии входа, мягко проявляется, когда доходит до неё, а полностью
 * ушедший за край экрана — гаснет и снова готов к появлению. Направление
 * берётся из того, с какой стороны элемент вошёл: снизу — подъём, сверху —
 * спуск, картинки — zoom. Соседи по контейнеру идут каскадом по 55 мс.
 *
 * Анимируются только `opacity`, `translate` и `scale` — они не воевут с
 * `transform`, на котором держатся подъёмы карточек и кнопок при наведении.
 * Показанный элемент не держит ни анимации, ни активного слоя, поэтому
 * hover отвечает мгновенно, а в покое ничего не перерисовывается.
 *
 * Состояния расставляет скрипт (секция «Motion» в конце store.js):
 *   .cb-reveal                  — элемент скрыт и ждёт входа в кадр
 *   .cb-reveal.is-in            — проигрывает появление
 *   .cb-reveal.is-shown         — показан и свободен (статичный)
 *   .cb-reveal.is-shown.is-out  — проигрывает исчезновение
 * Направление: .cb-dir-up / .cb-dir-down / .cb-dir-zoom, уход: .cb-out-up / .cb-out-down.
 *
 * Класс в селекторах продублирован (`.cb-reveal.cb-reveal`) намеренно: у
 * карточек товара WooCommerce своя анимация появления с более длинным
 * селектором (`.woocommerce ul.products li.cb-product-card`), и без
 * дублирования её `animation` перебивала бы нашу.
 *
 * Без JS и при `prefers-reduced-motion: reduce` классов нет вовсе —
 * страница просто статична, ничего не мигает и не остаётся невидимым.
 * ———————————————————————————————————————————————————————————————— */

:root {
	--cb-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
	--cb-ease-in: cubic-bezier(0.4, 0, 1, 1);
	--cb-motion-in: 480ms;
	--cb-motion-out: 240ms;
}

/* —— Скрытое состояние и направления —— */
.cb-reveal.cb-reveal:not(.is-shown):not(.is-in) {
	opacity: 0;
}

.cb-reveal.cb-reveal:not(.is-shown):not(.is-in).cb-dir-up {
	translate: 0 22px;
}

.cb-reveal.cb-reveal:not(.is-shown):not(.is-in).cb-dir-down {
	translate: 0 -22px;
}

.cb-reveal.cb-reveal:not(.is-shown):not(.is-in).cb-dir-zoom {
	scale: 0.96;
}

/* —— Появление —— */
.cb-reveal.cb-reveal.is-in {
	animation-duration: var(--cb-motion-in);
	animation-timing-function: var(--cb-ease-out);
	animation-delay: var(--cb-delay, 0ms);
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: backwards;
}

.cb-reveal.cb-reveal.is-in.cb-dir-up {
	animation-name: cbRevealUp;
}

.cb-reveal.cb-reveal.is-in.cb-dir-down {
	animation-name: cbRevealDown;
}

.cb-reveal.cb-reveal.is-in.cb-dir-zoom {
	animation-name: cbRevealZoom;
}

@keyframes cbRevealUp {
	from {
		opacity: 0;
		translate: 0 22px;
	}
	to {
		opacity: 1;
		translate: 0 0;
	}
}

@keyframes cbRevealDown {
	from {
		opacity: 0;
		translate: 0 -22px;
	}
	to {
		opacity: 1;
		translate: 0 0;
	}
}

@keyframes cbRevealZoom {
	from {
		opacity: 0;
		scale: 0.96;
	}
	to {
		opacity: 1;
		scale: 1;
	}
}

/* —— Исчезновение —— */
.cb-reveal.cb-reveal.is-shown.is-out {
	animation-duration: var(--cb-motion-out);
	animation-timing-function: var(--cb-ease-in);
	animation-delay: 0ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.cb-reveal.cb-reveal.is-shown.is-out.cb-out-up {
	animation-name: cbRevealOutUp;
}

.cb-reveal.cb-reveal.is-shown.is-out.cb-out-down {
	animation-name: cbRevealOutDown;
}

@keyframes cbRevealOutUp {
	to {
		opacity: 0;
		translate: 0 -14px;
	}
}

@keyframes cbRevealOutDown {
	to {
		opacity: 0;
		translate: 0 14px;
	}
}

/* —— Слои: выпадающее меню, мобильное меню, окно заявки, фильтры ——
   `display` анимируется отдельным дискретным переходом (`allow-discrete`),
   поэтому слой не только въезжает, но и доигрывает уход, а не исчезает
   рывком. Строка без `allow-discrete` оставлена как фолбэк для старых
   браузеров: они просто не увидят перехода. */

.cb-mega {
	opacity: 1;
	transition: opacity 0.24s var(--cb-ease-out), translate 0.24s var(--cb-ease-out);
	transition: opacity 0.24s var(--cb-ease-out), translate 0.24s var(--cb-ease-out),
		display 0.24s allow-discrete;
}

.cb-mega[hidden] {
	opacity: 0;
	translate: 0 -10px;
}

@starting-style {
	.cb-mega:not([hidden]) {
		opacity: 0;
		translate: 0 -10px;
	}
}

/* Каскад иконок каталога: играет каждый раз при раскрытии панели, потому
   что анимация стартует заново, как только у контейнера появляется бокс. */
.cb-mega-item {
	transition: background 0.15s ease, color 0.15s ease, opacity 0.28s var(--cb-ease-out),
		translate 0.28s var(--cb-ease-out);
	animation: cbMegaItemIn 0.28s var(--cb-ease-out) backwards;
	animation-delay: var(--cb-mi, 0s);
}

.cb-mega-item:nth-child(1) { --cb-mi: 0.01s; }
.cb-mega-item:nth-child(2) { --cb-mi: 0.03s; }
.cb-mega-item:nth-child(3) { --cb-mi: 0.05s; }
.cb-mega-item:nth-child(4) { --cb-mi: 0.07s; }
.cb-mega-item:nth-child(5) { --cb-mi: 0.09s; }
.cb-mega-item:nth-child(6) { --cb-mi: 0.11s; }
.cb-mega-item:nth-child(7) { --cb-mi: 0.13s; }
.cb-mega-item:nth-child(8) { --cb-mi: 0.15s; }
.cb-mega-item:nth-child(9) { --cb-mi: 0.17s; }
.cb-mega-item:nth-child(10) { --cb-mi: 0.19s; }
.cb-mega-item:nth-child(11) { --cb-mi: 0.21s; }
.cb-mega-item:nth-child(n + 12) { --cb-mi: 0.23s; }

@keyframes cbMegaItemIn {
	from {
		opacity: 0;
		translate: 0 -6px;
	}
	to {
		opacity: 1;
		translate: 0 0;
	}
}

.cb-callback {
	opacity: 1;
	transition: opacity 0.24s var(--cb-ease-out);
	transition: opacity 0.24s var(--cb-ease-out), display 0.24s allow-discrete;
}

.cb-callback[hidden] {
	opacity: 0;
}

@starting-style {
	.cb-callback:not([hidden]) {
		opacity: 0;
	}
}

/* —— Появление служебных сообщений (корзина, отзыв, заявка) —— */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.cb-review-notice {
	animation: cbNoticeIn 0.34s var(--cb-ease-out) backwards;
}

@keyframes cbNoticeIn {
	from {
		opacity: 0;
		translate: 0 -8px;
	}
	to {
		opacity: 1;
		translate: 0 0;
	}
}

/* —— Мобильные слои (меню и панель фильтров) —— */
@media (max-width: 960px) {
	.cb-nav {
		opacity: 0;
		translate: 0 -8px;
		transition: opacity 0.22s var(--cb-ease-out), translate 0.22s var(--cb-ease-out);
		transition: opacity 0.22s var(--cb-ease-out), translate 0.22s var(--cb-ease-out),
			display 0.22s allow-discrete;
	}

	.cb-site-header.is-open .cb-nav {
		opacity: 1;
		translate: 0 0;
	}

	@starting-style {
		.cb-site-header.is-open .cb-nav {
			opacity: 0;
			translate: 0 -8px;
		}
	}

	.cb-nav-list > li {
		animation: cbNavItemIn 0.26s var(--cb-ease-out) backwards;
		animation-delay: var(--cb-ni, 0s);
	}

	.cb-nav-list > li:nth-child(1) { --cb-ni: 0.03s; }
	.cb-nav-list > li:nth-child(2) { --cb-ni: 0.06s; }
	.cb-nav-list > li:nth-child(3) { --cb-ni: 0.09s; }
	.cb-nav-list > li:nth-child(4) { --cb-ni: 0.12s; }
	.cb-nav-list > li:nth-child(5) { --cb-ni: 0.15s; }
	.cb-nav-list > li:nth-child(6) { --cb-ni: 0.18s; }
	.cb-nav-list > li:nth-child(n + 7) { --cb-ni: 0.21s; }

	@keyframes cbNavItemIn {
		from {
			opacity: 0;
			translate: 0 -6px;
		}
		to {
			opacity: 1;
			translate: 0 0;
		}
	}
}

@media (max-width: 1023px) {
	.cb-catalog-overlay {
		opacity: 1;
		transition: opacity 0.24s var(--cb-ease-out);
		transition: opacity 0.24s var(--cb-ease-out), display 0.24s allow-discrete;
	}

	.cb-catalog-overlay[hidden] {
		opacity: 0;
	}

	@starting-style {
		.cb-catalog-overlay:not([hidden]) {
			opacity: 0;
		}
	}
}

/* —— Cookie-баннер и кнопка его повторного вызова (плагин kanapebar-legal) ——
   Стили плагина печатаются в футере и по специфичности равны нашим, но они
   не задают ни `opacity`, ни `transition`, ни `translate` — поэтому здесь
   ничего не перебивается, добавляется только движение. */

.kb-cmp {
	opacity: 1;
	transition: opacity 0.3s var(--cb-ease-out), translate 0.3s var(--cb-ease-out);
	transition: opacity 0.3s var(--cb-ease-out), translate 0.3s var(--cb-ease-out),
		display 0.3s allow-discrete;
}

.kb-cmp[hidden] {
	opacity: 0;
	translate: 0 14px;
}

.kb-cmp-reopen {
	opacity: 1;
	transition: opacity 0.22s var(--cb-ease-out), translate 0.22s var(--cb-ease-out);
	transition: opacity 0.22s var(--cb-ease-out), translate 0.22s var(--cb-ease-out),
		display 0.22s allow-discrete;
}

.kb-cmp-reopen[hidden] {
	opacity: 0;
	translate: 0 8px;
}

@starting-style {
	.kb-cmp:not([hidden]) {
		opacity: 0;
		translate: 0 14px;
	}

	.kb-cmp-reopen:not([hidden]) {
		opacity: 0;
		translate: 0 8px;
	}
}

/* —— Страховка на случай смены настройки на ходу —— */
@media (prefers-reduced-motion: reduce) {
	.cb-reveal.cb-reveal,
	.cb-reveal.cb-reveal:not(.is-shown):not(.is-in) {
		opacity: 1 !important;
		translate: none !important;
		scale: none !important;
		animation: none !important;
	}

	.cb-mega,
	.cb-mega[hidden],
	.cb-nav,
	.cb-callback,
	.cb-callback[hidden],
	.cb-catalog-overlay,
	.cb-catalog-overlay[hidden],
	.kb-cmp,
	.kb-cmp[hidden],
	.kb-cmp-reopen,
	.kb-cmp-reopen[hidden] {
		opacity: 1 !important;
		translate: none !important;
		transition: none !important;
	}

	.cb-mega-item,
	.cb-nav-list > li,
	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-error,
	.cb-review-notice {
		animation: none !important;
	}
}

/* ==========================================================================
   v0.9.19–0.9.20 — Шапка: иконки, гамбургер, отказ от розового
   --------------------------------------------------------------------------
   Родительский hello-elementor/reset.css красит ЛЮБУЮ кнопку в #c36
   (розовый) и перекрашивает её в розовый на :hover/:focus. Специфичность
   `button:hover` выше, чем у одиночного класса, поэтому гамбургер, тема и
   другие кнопки темы «розовели» при наведении. Гасим это один раз здесь и
   задаём свой hover каждой кнопке шапки.

   Заодно иконки шапки (корзина, избранное, тема, гамбургер) приведены к
   одному виду: одинаковый размер, один контур, единый hover.

   v0.9.20: мобильный ряд шапки снова переносится (flex-wrap: wrap) — иначе
   открытый список меню (flex-basis 100%) влезал в первую строку и сминал
   логотип, кнопки и сам гамбургер. Полосы гамбургера стали 20px с
   закруглением, средняя растёт при наведении, крестик морфит в центре.
   ========================================================================== */

/* —— Розовое из родительского сброса —— */
button,
[type="button"],
[type="submit"],
[type="reset"] {
	border-color: var(--cb-line);
	background-color: transparent;
	color: inherit;
}

button:hover,
button:focus,
[type="button"]:hover,
[type="button"]:focus,
[type="submit"]:hover,
[type="submit"]:focus,
[type="reset"]:hover,
[type="reset"]:focus {
	background-color: transparent;
	color: inherit;
	text-decoration: none;
}

/* У этих кнопок фон задан правилом с меньшей специфичностью, поэтому
   возвращаем цвет явно, чтобы при наведении он не «пропадал». */
.cb-filter-open:hover,
.cb-filter-open:focus-visible {
	background: var(--cb-tint);
	border-color: var(--cb-accent);
	color: var(--cb-accent-dark);
}

.cb-filter-close:hover,
.cb-filter-close:focus-visible {
	background: var(--cb-accent-soft-3);
	color: var(--cb-accent-dark);
}

/* —— Общий каркас кнопок шапки —— */
.cb-site-header {
	--cb-hit: 2.75rem;
}

.cb-site-header .cb-icon {
	display: block;
	overflow: visible;
}

.cb-site-header .cb-cart,
.cb-site-header .cb-wishlist,
.cb-site-header .cb-theme-toggle,
.cb-site-header .cb-nav-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-width: var(--cb-hit);
	height: var(--cb-hit);
	padding: 0 1rem;
	border: 1px solid var(--cb-line);
	border-radius: 999px;
	background: var(--cb-surface);
	color: var(--cb-ink) !important;
	font-family: var(--cb-font);
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 1px 2px var(--cb-shadow-ink-soft);
	transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease,
		transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.cb-site-header .cb-cart-icon,
.cb-site-header .cb-wishlist-icon {
	display: inline-flex;
	width: 1.2rem;
	height: 1.2rem;
	pointer-events: none;
}

.cb-site-header .cb-cart-icon svg,
.cb-site-header .cb-wishlist-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	transition: fill 0.18s ease;
}

.cb-site-header .cb-cart-label,
.cb-site-header .cb-wishlist-label {
	white-space: nowrap;
	pointer-events: none;
}

/* Наведение: зелёный контур вместо розового из сброса */
.cb-site-header .cb-wishlist:hover,
.cb-site-header .cb-wishlist:focus-visible,
.cb-site-header .cb-theme-toggle:hover,
.cb-site-header .cb-theme-toggle:focus-visible,
.cb-site-header .cb-nav-toggle:hover,
.cb-site-header .cb-nav-toggle:focus-visible {
	border-color: var(--cb-accent);
	background: var(--cb-tint);
	color: var(--cb-accent-dark) !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 18px -12px var(--cb-shadow-accent-55);
}

/* Сердце наполняется и при наведении, и когда в избранном что-то есть */
.cb-site-header .cb-wishlist:hover .cb-wishlist-icon svg,
.cb-site-header .cb-wishlist:focus-visible .cb-wishlist-icon svg,
.cb-site-header .cb-wishlist:has(.cb-wishlist-count:not(.is-empty)) .cb-wishlist-icon svg {
	fill: currentColor;
}

.cb-site-header .cb-cart:hover,
.cb-site-header .cb-cart:focus-visible {
	border-color: transparent;
	filter: brightness(1.06);
	transform: translateY(-1px);
	box-shadow: var(--cb-btn-shadow-hover);
}

.cb-site-header .cb-cart {
	border-color: transparent;
	background: var(--cb-btn-gradient);
	color: var(--cb-on-accent) !important;
	box-shadow: var(--cb-btn-shadow);
}

/* —— Счётчики —— */
.cb-site-header .cb-cart-count,
.cb-site-header .cb-wishlist-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.3rem;
	height: 1.3rem;
	padding: 0 0.32rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
	transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.cb-site-header .cb-cart-count {
	background: var(--cb-on-accent);
	color: var(--cb-accent-solid);
}

.cb-site-header .cb-cart-count.is-empty {
	opacity: 0.76;
}

.cb-site-header .cb-wishlist-count {
	background: var(--cb-accent-solid);
	color: var(--cb-on-accent);
}

.cb-site-header .cb-wishlist-count.is-empty {
	background: var(--cb-surface-3);
	color: var(--cb-accent-dark);
}

/* —— Гамбургер: три полосы, короткая средняя, крестик при открытии —— */
.cb-site-header .cb-nav-toggle {
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 0;
}

.cb-site-header .cb-nav-toggle .cb-bar {
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 999px;
	background: currentColor;
	transform-origin: center;
	transition: transform 0.3s cubic-bezier(0.2, 0.75, 0.3, 1), width 0.3s cubic-bezier(0.2, 0.75, 0.3, 1),
		opacity 0.16s ease;
}

.cb-site-header .cb-nav-toggle .cb-bar--mid {
	width: 13px;
}

.cb-site-header .cb-nav-toggle:hover .cb-bar--mid,
.cb-site-header .cb-nav-toggle:focus-visible .cb-bar--mid {
	width: 20px;
}

.cb-site-header .cb-nav-toggle[aria-expanded="true"],
.cb-site-header.is-open .cb-nav-toggle {
	border-color: var(--cb-accent);
	background: var(--cb-accent-soft-3);
	color: var(--cb-accent-dark) !important;
}

.cb-site-header .cb-nav-toggle[aria-expanded="true"] .cb-bar--top {
	transform: translateY(7px) rotate(45deg);
}

.cb-site-header .cb-nav-toggle[aria-expanded="true"] .cb-bar--mid {
	width: 20px;
	opacity: 0;
	transform: scaleX(0.2);
}

.cb-site-header .cb-nav-toggle[aria-expanded="true"] .cb-bar--bottom {
	transform: translateY(-7px) rotate(-45deg);
}

/* Иконки темы не должны перехватывать нажатие и курсор */
.cb-theme-toggle-icon {
	pointer-events: none;
}

.cb-site-header .cb-theme-toggle:focus-visible,
.cb-site-header .cb-wishlist:focus-visible,
.cb-site-header .cb-cart:focus-visible,
.cb-site-header .cb-nav-toggle:focus-visible {
	outline: 3px solid var(--cb-accent-border-strong);
	outline-offset: 2px;
}

/* —— Компактные иконки без подписей ——
   Ниже 1100px подписи «Корзина»/«Избранное» не помещаются рядом с логотипом
   и меню: остаются значок и счётчик-бейдж, как в мобильной шапке. */
@media (max-width: 1100px) {
	.cb-site-header .cb-cart,
	.cb-site-header .cb-wishlist {
		width: var(--cb-hit);
		min-width: var(--cb-hit);
		padding: 0;
	}

	/* Подпись прячем визуально, но не из дерева доступности */
	.cb-site-header .cb-cart-label,
	.cb-site-header .cb-wishlist-label {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		white-space: nowrap;
	}

	/* Счётчик — бейдж в углу иконки */
	.cb-site-header .cb-cart-count,
	.cb-site-header .cb-wishlist-count {
		position: absolute;
		top: -4px;
		right: -4px;
		min-width: 1.1rem;
		height: 1.1rem;
		padding: 0 0.22rem;
		font-size: 0.68rem;
		box-shadow: 0 0 0 2px var(--cb-header-bg);
	}

	.cb-site-header .cb-cart-icon,
	.cb-site-header .cb-wishlist-icon {
		width: 1.15rem;
		height: 1.15rem;
	}
}

/* Меню ещё инлайн, но телефон уступает место иконкам: ниже 1210px
   строка «логотип + меню + корзина + избранное + тема» не помещается. */
@media (max-width: 1210px) {
	.cb-site-header .cb-phone {
		display: none;
	}
}

/* —— Мобильная шапка: одна строка, гамбургер справа —— */
@media (max-width: 960px) {
	.cb-site-header {
		--cb-hit: 2.5rem;
	}

	.cb-header-inner {
		flex-wrap: wrap;
		align-items: center;
		gap: 0.5rem 0.6rem;
		padding-block: 0.5rem;
	}

	.cb-brand {
		order: 1;
		flex: 1 1 0;
		margin-right: auto;
		min-width: 0;
	}

	/* Логотип уступает место иконкам, а не выталкивает их за край */
	.cb-header-inner .cb-brand .custom-logo-link {
		max-width: min(11.5rem, 100%);
	}

	.cb-header-inner .cb-brand img {
		max-width: 100%;
		height: auto;
	}

	.cb-header-actions {
		order: 2;
		flex: 0 0 auto;
		gap: 0.5rem;
	}

	/* Иконки в мобильной шапке чуть крупнее — по ним попадают пальцем.
	   Солнце/луна растут вместе с корзиной и сердцем, чтобы набор был
	   одного размера. */
	.cb-site-header .cb-cart-icon,
	.cb-site-header .cb-wishlist-icon,
	.cb-site-header .cb-theme-toggle-icon svg {
		width: 1.3rem;
		height: 1.3rem;
	}

	.cb-site-header .cb-nav-toggle {
		display: inline-flex;
		order: 3;
		flex: 0 0 auto;
	}

	/* Выпадающее меню: пункты-плитки и мягкое появление */
	.cb-site-header.is-open .cb-nav {
		animation: cbNavDrop 0.26s ease both;
	}

	.cb-site-header .cb-nav-list {
		gap: 0.15rem;
	}

	.cb-site-header .cb-nav-list a {
		min-height: 2.6rem;
		padding: 0.65rem 0.8rem;
		border-radius: 12px;
	}
}

@keyframes cbNavDrop {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 560px) {
	.cb-brand img,
	.cb-brand .custom-logo {
		max-height: 32px;
	}

	.cb-brand-text {
		font-size: 1.15rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cb-site-header.is-open .cb-nav,
	.cb-site-header .cb-nav-toggle .cb-bar {
		animation: none !important;
		transition: none !important;
	}
}