/* ==========================================================================
   Modern Choise — кастомні стилі поверх Blocksy
   ========================================================================== */

/* ==========================================================================
   ШРИФТ MELODRAMA (self-hosted)
   Файли — у /wp-content/uploads/2026/06/ (корене-відносні URL, тож не прив'язані
   до домену). Elementor-заголовки з font-family: Melodrama підхоплять цей @font-face.
   ========================================================================== */
@font-face {
	font-family: 'Melodrama';
	src: url('/wp-content/uploads/2026/06/Melodrama-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Melodrama';
	src: url('/wp-content/uploads/2026/06/Melodrama-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Melodrama';
	src: url('/wp-content/uploads/2026/06/Melodrama-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Melodrama';
	src: url('/wp-content/uploads/2026/06/Melodrama-Semibold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Melodrama';
	src: url('/wp-content/uploads/2026/06/Melodrama-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* ==========================================================================
   КАСТОМНИЙ ХЕДЕР
   Розмітка: blocksy-child/inc/custom-header.php
   Логіка:   blocksy-child/assets/js/header.js
   ========================================================================== */

:root {
	--mc-header-pad-x: 48px;
	--mc-header-pad-y: 26px;
	--mc-header-color: #1a1a1a;      /* текст на світлому (внутрішні сторінки) */
	--mc-header-color-inv: #ffffff;  /* текст на прозорому (головна)           */
	--mc-header-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--mc-header-fz: 14px;
	--mc-header-ls: -0.02em;
	--mc-header-gap: 30px;
	--mc-z-header: 100;
}


/* ---- Каркас ---- */
.mc-header {
	position: relative;
	z-index: var(--mc-z-header);
	width: 100%;
	background-color: #ffffff;
	color: var(--mc-header-color);
	font-family: var(--mc-header-font);
}

.mc-header__inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: start;
	gap: 20px;
	padding: var(--mc-header-pad-y) var(--mc-header-pad-x);
}

.mc-header__col--left   { justify-self: start; }
.mc-header__col--center { justify-self: center; }
.mc-header__col--right  { justify-self: end; }

/* ---- Прозорий стан на головній ---- */
.mc-header--transparent {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: transparent;
	color: var(--mc-header-color-inv);
}

/* ---- Меню (ліва частина) ---- */
.mc-menu {
	display: flex;
	align-items: center;
	gap: var(--mc-header-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.mc-menu__item,
.mc-menu li {
	position: relative;
	margin: 0;
	list-style: none;
}

.mc-menu a,
.mc-menu__link {
	display: inline-block;
	color: inherit;
	text-decoration: none;
	font-size: var(--mc-header-fz);
	font-weight: 500;
	letter-spacing: var(--mc-header-ls);
	line-height: 1;
	transition: opacity 0.2s ease;
}

.mc-menu a:hover,
.mc-menu__link:hover {
	opacity: 0.6;
}

/* Стрілка для пунктів із підменю */
.mc-menu .menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 7px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	opacity: 0.8;
}

/* ---- Випадне підменю (десктоп) ---- */
.mc-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	margin: 0;
	padding: 12px 0;
	list-style: none;
	background: #ffffff;
	color: var(--mc-header-color);
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
	border-radius: 2px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
	z-index: 10;
}

.mc-menu li:hover > .sub-menu,
.mc-menu li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.mc-menu .sub-menu li {
	width: 100%;
}

.mc-menu .sub-menu a {
	display: block;
	padding: 9px 22px;
	white-space: nowrap;
	color: var(--mc-header-color);
	font-weight: 400;
	opacity: 1;
}

.mc-menu .sub-menu a:hover {
	opacity: 1;
	background: rgba(0, 0, 0, 0.04);
}

/* Вкладене підменю 2-го рівня */
.mc-menu .sub-menu .sub-menu {
	top: 0;
	left: 100%;
}

/* ---- Лого (центр) ---- */
.mc-logo {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.mc-logo__img {
	display: block;
	width: auto;
	height: 120px;
	max-height: 120px;
	object-fit: contain;
}

.mc-logo__text {
	font-size: 26px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: inherit;
	line-height: 1;
}

/* Лого біле на прозорому хедері (монохромний темний лайн-арт → інверсія) */
.mc-header--transparent .mc-logo__img {
	filter: brightness(0) invert(1);
}

/* На головній лого в шапці невидиме (великий логотип лежить по центру героя),
   але місце під нього лишається — щоб не ламати grid-розкладку хедера. */
.mc-header--transparent .mc-header__col--center {
	visibility: hidden;
}

/* ---- Дії (права частина) ---- */
.mc-actions {
	display: flex;
	align-items: center;
	gap: var(--mc-header-gap);
}

.mc-actions__link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: inherit;
	text-decoration: none;
	font-size: var(--mc-header-fz);
	font-weight: 500;
	letter-spacing: var(--mc-header-ls);
	line-height: 1;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-family: inherit;
	transition: opacity 0.2s ease;
}

.mc-actions__link:hover {
	opacity: 0.6;
}

.mc-cart__count {
	font-variant-numeric: tabular-nums;
}

/* ---- Іконка кошика (тільки мобільний) ---- */
.mc-cart-mobile {
	display: none; /* на десктопі приховано, показуємо в медіа-запиті */
	position: relative;
	align-items: center;
	color: inherit;
	text-decoration: none;
}

.mc-cart-mobile__icon {
	display: block;
}

/* Бейдж-лічильник поверх іконки */
.mc-cart-mobile .mc-cart__count {
	position: absolute;
	top: -6px;
	right: -8px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	box-sizing: border-box;
	border-radius: 9px;
	background: #1a1a1a;
	color: #ffffff;
	font-size: 10px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
}

/* На прозорому хедері бейдж інвертований (біле коло, темний текст) */
.mc-header--transparent .mc-cart-mobile .mc-cart__count {
	background: #ffffff;
	color: #1a1a1a;
}

/* ---- Бургер (моб.) ---- */
.mc-burger {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 28px;
	height: 24px;
	padding: 0;
	background: none;
	border: 0;
	cursor: pointer;
	color: inherit; /* успадкувати колір хедера (білий на прозорому) */
}

.mc-burger span {
	display: block;
	width: 100%;
	height: 2px;
	background-color: currentColor;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

/* ==========================================================================
   Оверлей пошуку
   ========================================================================== */
.mc-search {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background-color: #ffffff;
	color: var(--mc-header-color);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
	opacity: 0;
	transform: translateY(-8px);
	transition: opacity 0.25s ease, transform 0.25s ease;
	pointer-events: none;
}

.mc-search[hidden] {
	display: block; /* контролюємо видимість через клас, а не hidden */
}

body.mc-search-open .mc-search {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.mc-search__inner {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	padding: 40px var(--mc-header-pad-x);
	display: flex;
	align-items: center;
	gap: 16px;
}

.mc-search__inner form {
	flex: 1;
}

.mc-search__inner input[type="search"],
.mc-search__inner input[type="text"] {
	width: 100%;
	font-size: 22px;
	border: 0;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
	background: transparent;
	outline: none;
}

.mc-search__close {
	font-size: 30px;
	line-height: 1;
	background: none;
	border: 0;
	cursor: pointer;
	color: inherit;
}

/* ==========================================================================
   Мобільне offcanvas-меню
   ========================================================================== */
.mc-offcanvas {
	position: fixed;
	inset: 0;
	z-index: 200;
}

.mc-offcanvas[hidden] {
	display: block; /* керуємо класом body.mc-menu-open */
	pointer-events: none;
}

.mc-offcanvas__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.mc-offcanvas__panel {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: min(86vw, 380px);
	background: #ffffff;
	color: var(--mc-header-color);
	padding: 72px 32px 32px;
	transform: translateX(-100%);
	transition: transform 0.3s ease;
	overflow-y: auto;
}

body.mc-menu-open .mc-offcanvas { pointer-events: auto; }
body.mc-menu-open .mc-offcanvas__backdrop { opacity: 1; }
body.mc-menu-open .mc-offcanvas__panel { transform: translateX(0); }

.mc-offcanvas__close {
	position: absolute;
	top: 20px;
	right: 24px;
	font-size: 30px;
	line-height: 1;
	background: none;
	border: 0;
	cursor: pointer;
}

.mc-nav--mobile .mc-menu {
	flex-direction: column;
	align-items: flex-start;
	gap: 22px;
}

.mc-nav--mobile .mc-menu a {
	font-size: 18px;
}

/* У мобільному меню підменю — статичне (розкрите), без дропдауна */
.mc-nav--mobile .mc-menu .sub-menu {
	position: static;
	opacity: 1;
	visibility: visible;
	transform: none;
	min-width: 0;
	margin: 14px 0 0;
	padding: 0 0 0 16px;
	background: none;
	box-shadow: none;
	border-radius: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.mc-nav--mobile .mc-menu .sub-menu a {
	padding: 0;
	font-size: 15px;
	white-space: normal;
}

/* Стрілку в мобільному меню не показуємо */
.mc-nav--mobile .menu-item-has-children > a::after {
	display: none;
}

/* Дії в offcanvas виглядають як продовження того ж меню:
   без роздільника, той самий стиль пунктів і відступ, що й у основному меню. */
.mc-offcanvas__actions {
	margin-top: 22px;
}

.mc-offcanvas__actions .mc-menu {
	flex-direction: column;
	align-items: flex-start;
	gap: 22px;
}

.mc-offcanvas__actions .mc-menu a {
	font-size: 18px;
}

/* ==========================================================================
   Адаптив
   ========================================================================== */
@media (max-width: 1000px) {
	:root {
		--mc-header-pad-x: 20px;
		--mc-header-pad-y: 18px;
	}

	/* На мобільному: бургер зліва, лого по центру. Меню — тільки в offcanvas. */
	.mc-header .mc-nav--primary,
	.mc-header .mc-nav--actions {
		display: none;
	}

	.mc-burger { display: flex; }

	/* Іконка кошика з лічильником справа */
	.mc-cart-mobile { display: inline-flex; }

	.mc-logo__img { height: 44px; max-height: 44px; }

    .mc-header__inner{
        align-items: center;
    }
}

/* ==========================================================================
   ГЕРОЙ-СЛАЙДЕР НА ГОЛОВНІЙ (Elementor n-carousel / Swiper)
   Пагінація — горизонтальні білі риски внизу по центру, активна яскравіша.
   ========================================================================== */
.home .elementor-widget-n-carousel {
	/* Swiper-змінні пагінації */
	--swiper-pagination-color: #ffffff;
	--swiper-pagination-bullet-inactive-color: #ffffff;
	--swiper-pagination-bullet-inactive-opacity: 0.4;
	--swiper-pagination-bullet-width: 32px;
	--swiper-pagination-bullet-height: 2px;
	--swiper-pagination-bullet-border-radius: 0;
	--swiper-pagination-bullet-horizontal-gap: 8px;
	position: relative;
}

/* Контейнер пагінації — поверх слайда, внизу по центру */
.home .elementor-widget-n-carousel .swiper-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 34px !important;
	top: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	z-index: 5;
	line-height: 0;
    transform: none;
}

/* Риска-буллет */
.home .elementor-widget-n-carousel .swiper-pagination-bullet {
	width: 32px;
	height: 2px;
	margin: 0 !important;
	border-radius: 0;
	background: #ffffff;
	opacity: 0.4;
	transition: opacity 0.3s ease;
}

.home .elementor-widget-n-carousel .swiper-pagination-bullet-active {
	opacity: 1;
}

/* ==========================================================================
   ФОЛБЕК: примусовий position:absolute для Elementor-блоків
   Elementor-контейнери .e-con мають базове position:relative, що інколи
   перекриває налаштування "Absolute" (баг специфічності/кешу у V4 atomic).
   Додай потрібному блоку клас у полі "Classes" в Elementor — і він стане
   absolute із заданими офсетами. Офсети можна далі змінювати в Elementor.
   ========================================================================== */

/* Соц-іконки в героях (клас: mc-hero-socials) */
.mc-hero-socials.e-con,
.mc-hero-socials.elementor-element {
	position: absolute !important;
	right: 20px;
	bottom: 100px;
	z-index: 2;
    width: 75px;
    flex-direction: column;
    padding: 0;
}

/* Універсальний хелпер: будь-який блок із класом mc-absolute стане absolute.
   Офсети задавай уже в налаштуваннях Elementor (Top/Right/Bottom/Left). */
.mc-absolute.e-con,
.mc-absolute.elementor-element {
	position: absolute !important;
}

/* ==========================================================================
   КАРТКА ТОВАРУ (WooCommerce loop) — override content-product.php
   ========================================================================== */
.mc-card.product {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
	font-family: var(--mc-header-font);
}

.mc-card__media {
	position: relative;
	overflow: hidden;
	aspect-ratio: 4 / 5;
	margin-bottom: 14px;
	background: #f2efe9;
	border-radius: 15px;
	overflow: hidden;
}

.mc-card__image {
	display: block;
	width: 100%;
	height: 100%;
}

.mc-card__image img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	transition: transform 0.5s ease;
    border-radius: 8px;
}

.mc-card:hover .mc-card__image img {
	transform: scale(1.04);
}

/* Бейдж знижки */
.mc-card__badge {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 3;
	padding: 6px 9px;
	border-radius: 3px;
	background: #ffffff;
	color: #E01616;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
}

/* Вішліст ShopEngine — перенесений у медіа (вправо-вгору), стилізований під дизайн */
.mc-card__media > .shopengine-wishlist {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 3;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin: 0;
	padding: 0;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #1a1a1a;
	line-height: 1;
}

.mc-card__media > .shopengine-wishlist i {
	font-size: 22px;
	line-height: 1;
	color: inherit;
	filter: drop-shadow(0 0px 1px rgba(255, 255, 255, 0.6));
	transition: transform 0.2s ease;
}

.mc-card__media > .shopengine-wishlist:hover i {
	transform: scale(1.1);
}

/* Товар уже у вішлісті */
.mc-card__media > .shopengine-wishlist.active i,
.mc-card__media > .shopengine-wishlist.added i {
	color: #e01616;
}

/* У панелі кошика лишаємо тільки "Add to cart": quick view / compare ховаємо */
.mc-card__cart .shopengine-quickview-trigger,
.mc-card__cart .shopengine-comparison {
	display: none !important;
}

/* Панель "Add to cart" — з'являється при наведенні знизу зображення */
.mc-card__cart {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	transform: translateY(100%);
	transition: transform 0.3s ease;
}

.mc-card:hover .mc-card__cart {
	transform: translateY(0);
}

.mc-card__cart .button,
.mc-card__cart a.button {
	display: block;
	width: 100%;
	margin: 0;
	padding: 18px 10px;
	border: 0;
	border-radius: 0;
	background: #111111;
	color: #ffffff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}

.mc-card__cart .button:hover,
.mc-card__cart a.button:hover {
	background: #000000;
	color: #ffffff;
}

/* Тільки текст на кнопці — без іконок */
.mc-card__cart .button::before,
.mc-card__cart .button::after {
	content: none !important;
	display: none !important;
}

.mc-card__cart .button i,
.mc-card__cart .button svg {
	display: none !important;
}

/* Інфо під зображенням */
.mc-card__head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
}

.mc-card__title {
	color: #1a1a1a;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none;
}

.mc-card__title:hover {
	opacity: 0.7;
}

.mc-card__price {
	flex-shrink: 0;
	color: #1a1a1a;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
}

.mc-card__price del {
	margin-right: 6px;
	color: #b0aaa2;
	font-weight: 400;
	text-decoration: line-through;
}

.mc-card__price ins {
	color: #1a1a1a;
	text-decoration: none;
}

.mc-card__cat {
	margin-top: 6px;
	color: #9a938c;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* Дотикові пристрої: панель кошика показуємо завжди (немає hover) */
@media (hover: none) {
	.mc-card__cart {
		position: static;
		transform: none;
		margin-top: 10px;
	}
}


@media (max-width: 767px) {
    .mc-hero-socials.e-con,
    .mc-hero-socials.elementor-element {
        flex-direction: row;
        gap: 20px;
        justify-content: center;
        width: 100%;
        right: 0;
        bottom: 50px;
    }
}
/* ==========================================================================
   EAEL WOO PRODUCT CAROUSEL → вигляд каталожної картки
   Розмітка: віджет Essential Addons "Woo Product Carousel" (.eael-woo-product-carousel)
   Доробка: assets/js/custom.js (перенос heart, відсоток знижки, категорія)
   ========================================================================== */
.eael-woo-product-carousel .eael-product-carousel {
	font-family: var(--mc-header-font);
	text-align: left;
    margin: 0 !important;
}

/* Медіа */
.eael-woo-product-carousel .product-image-wrap,
.eael-woo-product-carousel .image-wrap {
	position: relative;
    border-radius: 20px !important;
}

/* Обрізаємо приховану панель "Add to cart" (яка з'їжджає знизу) */
.eael-woo-product-carousel .product-image-wrap {
	overflow: hidden;
}

.eael-woo-product-carousel .image-wrap {
	overflow: hidden;
	aspect-ratio: 4 / 5;
	background: #f2efe9;
	padding: 0 !important;
}

.eael-woo-product-carousel .image-wrap > a,
.eael-woo-product-carousel .image-wrap > a img {
	display: block;
	width: 100%;
	height: 100%;
}

.eael-woo-product-carousel .image-wrap img {
	object-fit: cover;
	transition: transform 0.5s ease;
}

.eael-woo-product-carousel .eael-product-carousel:hover .image-wrap img {
	transform: scale(1.04);
}

/* Бейдж знижки (-X% підставляє JS) */
.eael-woo-product-carousel .eael-onsale {
	position: absolute !important;
	top: 14px !important;
	left: 14px !important;
	z-index: 3;
	margin: 0 !important;
	padding: 6px 9px !important;
	min-width: 0;
	border-radius: 3px;
	background: #ffffff !important;
	color: #e01616 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
}

/* Вішліст ShopEngine — перенесений у .image-wrap (вправо-вгору) */
.eael-woo-product-carousel .image-wrap > .shopengine-wishlist {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 3;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin: 0;
	padding: 0;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #1a1a1a;
	line-height: 1;
}

.eael-woo-product-carousel .image-wrap > .shopengine-wishlist i {
	font-size: 22px;
	line-height: 1;
	color: inherit;
	filter: drop-shadow(0 1px 2px rgba(255, 255, 255, 0.6));
	transition: transform 0.2s ease;
}

.eael-woo-product-carousel .image-wrap > .shopengine-wishlist:hover i {
	transform: scale(1.1);
}

.eael-woo-product-carousel .image-wrap > .shopengine-wishlist.active i,
.eael-woo-product-carousel .image-wrap > .shopengine-wishlist.added i {
	color: #e01616;
}

/* Оверлей дій → панель "Add to cart" знизу зображення (з'являється при наведенні).
   !important — щоб перебити дефолтні opacity/visibility/transform віджета EAEL. */
.eael-woo-product-carousel .image-hover-wrap {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	top: auto !important;
	width: 100% !important;
	height: auto !important;
	transform: translateY(100%) !important;
	transition: transform 0.3s ease !important;
	opacity: 1 !important;
	visibility: visible !important;
	background: none !important;
	pointer-events: auto !important;
}

.eael-woo-product-carousel .eael-product-carousel:hover .image-hover-wrap,
.eael-woo-product-carousel .image-wrap:hover .image-hover-wrap {
	transform: translateY(0) !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.eael-woo-product-carousel .image-hover-wrap .icons-wrap,
.eael-woo-product-carousel .image-hover-wrap .icons-wrap.box-style {
	display: block !important;
	position: static !important; /* повертаємо в потік, щоб .image-hover-wrap мав висоту й плавно з'їжджав */
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	transform: none !important;
	opacity: 1 !important;
	bottom: 0 !important;
}

/* Лишаємо тільки додавання в кошик; решту іконок ховаємо */
.eael-woo-product-carousel .image-hover-wrap .eael-product-quick-view,
.eael-woo-product-carousel .image-hover-wrap .view-details,
.eael-woo-product-carousel .image-hover-wrap .shopengine-quickview-trigger,
.eael-woo-product-carousel .image-hover-wrap .shopengine-comparison {
	display: none !important;
}

.eael-woo-product-carousel .image-hover-wrap .add-to-cart {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

/* Кнопка: додати в кошик (simple) / Select options (variable) / Buy (external) */
.eael-woo-product-carousel .image-hover-wrap .add-to-cart .button {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 18px 10px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #111111 !important;
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em;
	line-height: 1 !important;
	text-align: center !important;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Override з вищою специфічністю (0,6,2), щоб перебити правила EAEL з !important
   на padding та height:50px (котрі мають (0,5,2)). */
.eael-woo-product-carousel-container .eael-product-carousel .image-hover-wrap .icons-wrap.box-style li a.button,
.eael-woo-product-carousel-container .eael-product-carousel .image-hover-wrap .icons-wrap li a.button {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 18px 10px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #111111 !important;
	color: #ffffff !important;
	font-size: 13px !important;
	line-height: 1 !important;
	text-align: center !important;
}

/* Прибираємо будь-які іконки з кнопки — лишається тільки текст */
.eael-woo-product-carousel .image-hover-wrap .add-to-cart .button::before,
.eael-woo-product-carousel .image-hover-wrap .add-to-cart .button::after {
	content: none !important;
	display: none !important;
}

.eael-woo-product-carousel .image-hover-wrap .add-to-cart .button i,
.eael-woo-product-carousel .image-hover-wrap .add-to-cart .button svg {
	display: none !important;
}

.eael-woo-product-carousel .image-hover-wrap .add-to-cart .button:hover {
	background: #000000;
	color: #ffffff;
}

/* Інфо: назва + ціна в один рядок, категорія під назвою */
.eael-woo-product-carousel .product-details-wrap {
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	gap: 12px;
	margin-top: 14px;
	padding: 0 !important;
}

.eael-woo-product-carousel .product-details {
	margin: 0;
	padding: 0;
}

.eael-woo-product-carousel .eael-product-title {
	margin: 0;
}

.eael-woo-product-carousel .eael-product-title h2 {
	margin: 0 !important;
	color: #1a1a1a;
	font-size: 15px !important;
	font-weight: 500;
	line-height: 1.3;
}

.eael-woo-product-carousel .eael-product-title a:hover h2 {
	opacity: 0.7;
}

.eael-woo-product-carousel .mc-eael-cat {
	margin-top: 6px;
	color: #9a938c;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.eael-woo-product-carousel .eael-product-price {
	flex-shrink: 0;
	margin: 0 !important;
	padding: 0 !important;
	color: #1a1a1a;
	font-size: 15px !important;
	font-weight: 500;
	white-space: nowrap;
	text-align: right !important;
}

.eael-woo-product-carousel .eael-product-price del {
	margin-right: 6px;
	color: #b0aaa2;
	font-weight: 400;
	text-decoration: line-through;
}

.eael-woo-product-carousel .eael-product-price ins {
	color: #1a1a1a;
	text-decoration: none;
}

/* Дотик: показуємо панель кошика завжди */
@media (hover: none) {
	.eael-woo-product-carousel .image-hover-wrap {
		position: static;
		transform: none;
	}
}

/* ==========================================================================
   СТРІЛКИ КАРУСЕЛІ EAEL → у правий верхній кут, над слайдером
   ========================================================================== */
.eael-woo-product-carousel-container {
	position: relative;
}

/* Круглі кнопки вгорі-справа (над слайдером, у ряд із заголовком) */
.eael-woo-product-carousel-container .swiper-button-prev,
.eael-woo-product-carousel-container .swiper-button-next {
	position: absolute !important;
	top: -64px !important;          /* підняти над слайдером; підправити за потреби */
	bottom: auto !important;
	left: auto !important;
	margin: 0 !important;
	width: 44px !important;
	height: 44px !important;
	border-radius: 50% !important;
	border: 1px solid #d9d3cb !important;
	background: #ffffff !important;
	color: #1a1a1a !important;
	transform: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 6 !important;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.eael-woo-product-carousel-container .swiper-button-next {
	right: 0 !important;
}

.eael-woo-product-carousel-container .swiper-button-prev {
	right: 54px !important;
}

.eael-woo-product-carousel-container .swiper-button-prev:hover,
.eael-woo-product-carousel-container .swiper-button-next:hover {
	background: #1a1a1a !important;
	color: #ffffff !important;
	border-color: #1a1a1a !important;
}

/* Розмір іконки-шеврона */
.eael-woo-product-carousel-container .swiper-button-prev::after,
.eael-woo-product-carousel-container .swiper-button-next::after {
	font-size: 15px !important;
	font-weight: 600;
}

/* Іконки-стрілки (якщо EAEL використовує <i> замість ::after) */
.eael-woo-product-carousel-container .swiper-button-prev i,
.eael-woo-product-carousel-container .swiper-button-next i {
	font-size: 15px !important;
	line-height: 1;
}

/* Приглушена (disabled) стрілка */
.eael-woo-product-carousel-container .swiper-button-disabled {
	opacity: 0.35 !important;
}

@media (max-width: 767px) {
	.eael-woo-product-carousel-container .swiper-button-prev,
	.eael-woo-product-carousel-container .swiper-button-next {
		width: 38px !important;
		height: 38px !important;
		top: -52px !important;
	}
	.eael-woo-product-carousel-container .swiper-button-prev {
		right: 46px !important;
	}
}

/* ==========================================================================
   КАСТОМНИЙ ФУТЕР
   Розмітка: blocksy-child/inc/custom-footer.php · Контент: ACF + CF7 + меню
   ========================================================================== */
:root {
	--mc-footer-bg: #58222f;
	--mc-footer-text: #f2e9e6;
	--mc-footer-muted: rgba(242, 233, 230, 0.6);
}

.mc-footer {
	padding: 40px;
	font-family: var(--mc-header-font);
}

.mc-footer__wrap {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 440px;
	gap: 24px;
	max-width: 1600px;
	margin: 0 auto;
}

.mc-footer__main,
.mc-footer__newsletter {
	background: var(--mc-footer-bg);
	color: var(--mc-footer-text);
	border-radius: 24px;
}

/* ---- Ліва картка ---- */
.mc-footer__main {
	display: flex;
	gap: 64px;
	padding: 56px;
}

.mc-footer__brand {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-shrink: 0;
	gap: 40px;
    width: 33%;
    max-width: 280px;
}

.mc-footer__logo {
	display: inline-block;
	line-height: 0;
}

.mc-footer__logo-img {
	display: block;
	width: 100%;
	max-width: 280px;
    width: 100%;
	height: auto;
}

.mc-footer__logo-text {
	font-family: 'Melodrama', var(--mc-header-font);
	font-size: 40px;
	color: var(--mc-footer-text);
	line-height: 1;
}

.mc-footer__madeby {
	font-size: 13px;
	color: var(--mc-footer-muted);
}

.mc-footer__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
    align-items: flex-end;
	gap: 48px;
}

/* ---- Колонки меню ---- */
.mc-footer__cols {
	display: flex;
	gap: 60px;
}

.mc-footer__col-title {
	margin: 0 0 22px;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
}

.mc-footer__menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.mc-footer__menu li {
	margin: 0;
}

.mc-footer__menu a {
	color: var(--mc-footer-muted);
	text-decoration: none;
	font-size: 14px;
	transition: color 0.2s ease;
}

.mc-footer__menu a:hover {
	color: #ffffff;
}

/* ---- Партнери ---- */
.mc-footer__partners {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 48px;
}

.mc-footer__partner {
	display: inline-flex;
	align-items: center;
}

.mc-footer__partner-img {
	max-height: 40px;
	width: auto;
	opacity: 0.55;
	transition: opacity 0.2s ease;
}

.mc-footer__partner:hover .mc-footer__partner-img {
	opacity: 0.9;
}

/* ---- Права картка: розсилка ---- */
.mc-footer__newsletter {
	display: flex;
	flex-direction: column;
	padding: 48px;
}

.mc-footer__news-title {
	margin: 0 0 auto;
	color: #ffffff;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.2;
}

.mc-footer__form {
	margin-top: 40px;
}

/* CF7-форма */
.mc-footer__form .wpcf7 { margin: 0; }
.mc-footer__form p { margin: 0; }

.mc-footer__form input[type="email"],
.mc-footer__form input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	background: #1c1517;
	border: 0;
	border-radius: 8px;
	padding: 16px 18px;
	color: #ffffff;
	font-size: 15px;
	font-family: inherit;
	outline: none;
}

.mc-footer__form input::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.mc-footer__form input[type="submit"],
.mc-footer__form button[type="submit"] {
	width: 100%;
	margin-top: 14px;
	background: #ffffff;
	color: #1a1a1a;
	border: 0;
	border-radius: 8px;
	padding: 16px;
	font-size: 15px;
	font-weight: 600;
	font-family: inherit;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.mc-footer__form input[type="submit"]:hover,
.mc-footer__form button[type="submit"]:hover {
	opacity: 0.85;
}

/* CF7 повідомлення */
.mc-footer__form .wpcf7-response-output {
	margin: 14px 0 0 !important;
	border-radius: 8px;
	color: #fff;
	font-size: 13px;
}

/* ---- Адаптив ---- */
@media (max-width: 1100px) {
	.mc-footer__wrap {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 782px) {
	.mc-footer {
		padding: 16px;
	}
    .mc-footer__brand{
        width: 100%;
        max-width: initial;
        align-items: center;
    }

    .mc-footer__content{
        align-items: center;
    }
	.mc-footer__main {
		flex-direction: column;
		gap: 40px;
		padding: 36px 28px;
	}
	.mc-footer__cols {
		gap: 40px;
		flex-wrap: wrap;
	}
	.mc-footer__newsletter {
		padding: 36px 28px;
	}
	.mc-footer__news-title {
		font-size: 24px;
	}
	.mc-footer__partners {
		gap: 28px;
	}
}

/* Ховаємо вбудований блок Blocksy "Trending" (краще вимкнути розширення:
   wp-admin → Blocksy → Extensions → Trending → Deactivate) */
.ct-trending-block {
	display: none !important;
}

/* ==========================================================================
   КАСТОМНА СТОРІНКА ТОВАРУ
   Розмітка: woocommerce/content-single-product.php · JS: assets/js/product.js
   ========================================================================== */
.mc-product {
	max-width: 1360px;
	margin: 0 auto;
	padding: 40px 40px 80px;
	font-family: var(--mc-header-font);
	color: #1a1a1a;
}

/* Ховаємо хлібні крихти на сторінці товару (немає в дизайні) */
.single-product .woocommerce-breadcrumb { display: none; }

/* ---- Верх: галерея + summary ---- */
.mc-product__top {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 60px;
	align-items: start;
}

/* Галерея (тумбнейли зліва краще ввімкнути в Customizer → WooCommerce → Gallery) */
.mc-product__gallery .woocommerce-product-gallery__image img,
.mc-product__gallery img { border-radius: 10px; }

.mc-product__gallery .flex-control-thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}
.mc-product__gallery .flex-control-thumbs li { width: 72px; }
.mc-product__gallery .flex-control-thumbs img { border-radius: 8px; cursor: pointer; opacity: .7; }
.mc-product__gallery .flex-control-thumbs img.flex-active,
.mc-product__gallery .flex-control-thumbs img:hover { opacity: 1; }

/* ---- Summary ---- */
.mc-product__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
}
.mc-product__cat {
	margin-bottom: 10px;
	color: #9a938c;
	font-size: 12px;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.mc-product__title {
	margin: 0;
	font-size: 34px;
	font-weight: 500;
	line-height: 1.15;
}
.mc-product__wish { flex-shrink: 0; color: #1a1a1a; }
.mc-product__wish a, .mc-product__wish .shopengine-wishlist {
	background: none !important; border: 0 !important; color: inherit; display: inline-flex;
}
.mc-product__wish i, .mc-product__wish svg { font-size: 22px; width: 22px; height: 22px; }

/* Сердечко вішліста YITH у summary товару */
.mc-product__wish .yith-add-to-wishlist-button-block { margin: 0 !important; padding: 0 !important; }
.mc-product__wish .yith-wcwl-add-to-wishlist-button__label { display: none !important; }
.mc-product__wish .yith-wcwl-add-to-wishlist-button,
.mc-product__wish .yith-wcwl-add-to-wishlist a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: #1a1a1a !important;
	cursor: pointer;
	line-height: 0;
}
.mc-product__wish .yith-wcwl-icon {
	width: 24px !important;
	height: 24px !important;
	margin: 0 !important;
	color: #1a1a1a !important;
	transition: transform 0.2s ease, color 0.2s ease, fill 0.2s ease;
}
.mc-product__wish .yith-wcwl-add-to-wishlist-button:hover .yith-wcwl-icon { transform: scale(1.1); }
/* Стан "у вішлісті" → червоне (перебиває базовий темний) */
.mc-product__wish .yith-wcwl-add-to-wishlist-button--added,
.mc-product__wish .yith-wcwl-add-to-wishlist-button--added .yith-wcwl-icon,
.mc-product__wish .yith-add-to-wishlist-button-block--added .yith-wcwl-add-to-wishlist-button,
.mc-product__wish .yith-add-to-wishlist-button-block--added .yith-wcwl-icon {
	color: #e01616 !important;
}
.mc-product__wish .yith-wcwl-tooltip, .mc-product__wish .ajax-loading { display: none !important; }

.mc-product__price {
	margin: 14px 0 22px;
	font-size: 18px;
	font-weight: 500;
}
.mc-product__excerpt {
	padding-top: 22px;
	border-top: 1px solid #ececec;
	color: #555;
	line-height: 1.65;
	font-size: 15px;
}

/* Приховуємо стандартний <select> варіацій — замість нього свотчі */
.mc-product .variations select { display: none !important; }
.mc-product .variations,
.mc-product .variations tbody,
.mc-product .variations tr,
.mc-product .variations th,
.mc-product .variations td {
	display: block; width: 100%; padding: 0; border: 0; text-align: left;
}
.mc-product .variations .label label {
	display: block;
	margin: 22px 0 12px;
	font-size: 15px;
	font-weight: 500;
}
.mc-product .reset_variations {
	display: inline-block; margin-top: 8px; font-size: 12px; color: #9a938c;
}

/* Свотчі */
.mc-swatches { display: flex; flex-wrap: wrap; gap: 12px; }
.mc-swatch {
	padding: 12px 20px;
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	background: #fff;
	color: #1a1a1a;
	font-family: inherit;
	font-size: 14px;
	cursor: pointer;
	transition: border-color .15s ease, background .15s ease;
}
.mc-swatch:hover { border-color: #b7b7b7; }
.mc-swatch.is-active { border-color: #1a1a1a; background: #f5f3f0; }

/* Кількість + Add to cart */
.mc-product form.cart,
.mc-product .woocommerce-variation-add-to-cart {
	display: flex;
	align-items: stretch;
	gap: 14px;
	margin: 22px 0 0;
}
.mc-product .variations_form.cart { display: block; } /* обгортка variable */
/* Кількість — лишаємо нативний степер Blocksy (не ламаємо його розкладку),
   лише розтягуємо по висоті в один рядок з Add to cart. */
.mc-product .quantity { align-self: stretch; height: 100%; }

.mc-product .quantity input[type=number]{
    border-color: rgba(0, 0, 0, 0.2);
}

.mc-product .single_add_to_cart_button {
	flex: 1;
	min-width: 200px;
	background: #111 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 8px !important;
	padding: 16px 30px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	transition: background .2s ease;
}
.mc-product .single_add_to_cart_button:hover { background: #000 !important; }

.mc-product__shipping {
	display: inline-block;
	margin: 18px 0 6px;
	color: #9a938c;
	font-size: 13px;
	text-decoration: underline;
}

/* ---- Акордеони ---- */
.mc-accordions { margin-top: 26px; border-top: 1px solid #ececec; }
.mc-accordion { border-bottom: 1px solid #ececec; }
.mc-accordion__head {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding: 18px 0;
	background: none;
	border: 0;
	cursor: pointer;
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	color: #1a1a1a;
	text-align: left;
}
.mc-accordion__icon { position: relative; width: 14px; height: 14px; flex-shrink: 0; }
.mc-accordion__icon::before,
.mc-accordion__icon::after {
	content: ""; position: absolute; background: #1a1a1a; transition: transform .25s ease, opacity .25s ease;
}
.mc-accordion__icon::before { top: 6px; left: 0; width: 14px; height: 2px; }
.mc-accordion__icon::after  { top: 0; left: 6px; width: 2px; height: 14px; }
.mc-accordion.is-open .mc-accordion__icon::after { transform: scaleY(0); opacity: 0; }
.mc-accordion__body { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.mc-accordion.is-open .mc-accordion__body { max-height: 600px; }
.mc-accordion__inner { padding: 0 0 20px; color: #555; font-size: 14px; line-height: 1.65; }

/* ---- Блок іконок ---- */
.mc-features {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 64px;
	padding: 56px 0;
	margin-top: 20px;
}
.mc-features__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	text-align: center;
}
.mc-features__icon { width: 30px; height: 30px; object-fit: contain; }
.mc-features__label { font-size: 15px; color: #1a1a1a; }

/* ---- Фото + опис ---- */
.mc-product__mediatext {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 64px;
	align-items: start;
	margin: 10px 0 80px;
}
.mc-product__mediatext-media img { width: 100%; height: auto; border-radius: 10px; display: block; }
.mc-product__mediatext-content { font-size: 16px; line-height: 1.7; color: #1a1a1a; }
.mc-product__mediatext-content h2,
.mc-product__mediatext-content h3 { color: #9a938c; font-size: 15px; font-weight: 500; margin: 0 0 8px; }
.mc-product__mediatext-content p { margin: 0 0 22px; }

/* ---- Related ("You may also like") ---- */
.mc-product .related > h2 {
	font-size: 26px; font-weight: 500; margin: 0 0 28px;
	font-family: 'Melodrama', var(--mc-header-font);
}

/* ---- Адаптив ---- */
@media (max-width: 1000px) {
	.mc-product__top { grid-template-columns: 1fr; gap: 36px; }
	.mc-product__mediatext { grid-template-columns: 1fr; gap: 28px; }
	.mc-features { gap: 36px; padding: 40px 0; }
}
@media (max-width: 600px) {
	.mc-product { padding: 24px 16px 60px; }
	.mc-product__title { font-size: 26px; }
	.mc-product form.cart,
	.mc-product .woocommerce-variation-add-to-cart { flex-wrap: wrap; }
	.mc-product .single_add_to_cart_button { width: 100%; }
}

/* ==========================================================================
   СТОРІНКА ТОВАРУ — доробки під дизайн
   ========================================================================== */

/* ---- Свотчі плагіна (woo-variation-swatches) під наш стиль ---- */
.mc-product .variable-items-wrapper.button-variable-items-wrapper {
	display: flex !important;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
.mc-product .variable-item.button-variable-item {
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 12px 20px !important;
	border: 1px solid #dcdcdc !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: none !important;
	transition: border-color .15s ease, background .15s ease;
}
.mc-product .variable-item.button-variable-item:hover { border-color: #b7b7b7 !important; }
.mc-product .variable-item.button-variable-item.selected {
	border-color: #1a1a1a !important;
	background: #f5f3f0 !important;
	box-shadow: none !important;
}
.mc-product .variable-item .variable-item-span-button {
	padding: 0 !important;
	font-size: 14px;
	line-height: 1;
	color: #1a1a1a;
}

/* Дубль назви обраної варіації (": Black") ховаємо — лишаємо тільки "Color/Size" */
.mc-product .woo-selected-variation-item-name { display: none !important; }

/* ShopEngine comparison — не потрібно */
.mc-product .shopengine-comparison,
.mc-product .shopengine_comparison_add_to_list_action { display: none !important; }

/* ---- Вішліст-heart угорі summary ---- */
.mc-product__wish .shopengine-wishlist {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 40px; height: 40px;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #1a1a1a;
	cursor: pointer;
}
.mc-product__wish .shopengine-wishlist i { font-size: 24px; line-height: 1; }
.mc-product__wish .shopengine-wishlist.active i,
.mc-product__wish .shopengine-wishlist.added i { color: #e01616; }

/* ---- Ряд кількість + Add to cart ---- */
.mc-product .woocommerce-variation-add-to-cart {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 22px;
}
.mc-product .ct-cart-actions {
	display: flex;
	align-items: stretch;
	gap: 14px;
	flex: 1;
	min-width: 260px;
}

/* ==========================================================================
   ГАЛЕРЕЯ Blocksy (flexy) → вертикальні тумбнейли зліва
   ========================================================================== */
.mc-product__gallery .flexy-container {
	display: flex !important;
	align-items: flex-start;
	gap: 16px;
}
.mc-product__gallery .flexy {
	order: 2;
	flex: 1;
	min-width: 0;
	margin: 0 !important;
}
.mc-product__gallery .flexy-pills {
	order: 1;
	width: 88px;
	flex-shrink: 0;
	margin: 0 !important;
	overflow: visible !important;
}
.mc-product__gallery .flexy-pills ol {
	display: flex !important;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
	transform: none !important;
	width: auto !important;
}
.mc-product__gallery .flexy-pills li {
	width: 88px !important;
	height: auto !important;
	margin: 0 !important;
	flex: 0 0 auto;
}
.mc-product__gallery .flexy-pills img {
	border-radius: 8px;
	cursor: pointer;
	opacity: .65;
	transition: opacity .2s ease;
}
.mc-product__gallery .flexy-pills li.active img,
.mc-product__gallery .flexy-pills img:hover { opacity: 1; }

@media (max-width: 1000px) {
	.mc-product__gallery .flexy-container { flex-direction: column; }
	.mc-product__gallery .flexy { order: 1; width: 100%; }
	.mc-product__gallery .flexy-pills { order: 2; width: 100%; }
	.mc-product__gallery .flexy-pills ol { flex-direction: row; flex-wrap: wrap; }
}

/* Головне фото галереї — на всю ширину колонки (а не 378px) */
.mc-product__gallery .flexy,
.mc-product__gallery .flexy-view,
.mc-product__gallery .flexy-items,
.mc-product__gallery .flexy-item {
	width: 100% !important;
	max-width: none !important;
}
.mc-product__gallery .flexy-item {
	flex: 0 0 100% !important;
	min-width: 100% !important;
}
.mc-product__gallery .flexy-item figure,
.mc-product__gallery .flexy-item .ct-media-container {
	width: 100% !important;
	margin: 0 !important;
}
.mc-product__gallery .flexy-item img {
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	border-radius: 10px;
}

/* Blocksy робить .woocommerce-product-gallery шириною 50% — у нашій колонці це
   зайве (колонка вже ~50%). Розтягуємо на всю ширину колонки. */
.mc-product { --product-gallery-width: 100%; }
.mc-product .woocommerce-product-gallery {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

/* ==========================================================================
   БЛОК "ФОТО + ТЕКСТ" — фото від лівого краю до центру + скляна картка
   ========================================================================== */
.mc-product__mediatext {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	grid-template-columns: 1fr 1fr;
	gap: 0;
	align-items: stretch;
	margin-top: 40px;
	margin-bottom: 80px;
}

.mc-product__mediatext-media {
	position: relative;
	min-height: 640px;
}
.mc-product__mediatext-media > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0 20px 20px 0;
}

.mc-product__mediatext-content {
	align-self: center;
	max-width: 640px;
	padding: 0 6vw 0 60px;
}

/* Скляна картка */
.mc-product__overlay {
	position: absolute;
	top: 9%;
	right: 14%;
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: 340px;
	padding: 14px 20px 14px 14px;
	background: rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 16px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
}
.mc-product__overlay-thumb {
	display: block;
	flex-shrink: 0;
	line-height: 0;
}
.mc-product__overlay-thumb img {
	display: block;
	width: 72px !important;
	height: 72px !important;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 12px;
}
.mc-product__overlay-info {
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.mc-product__overlay-title {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	transition: opacity 0.2s ease;
}
.mc-product__overlay-thumb:hover,
.mc-product__overlay-title:hover { opacity: 0.8; }
.mc-product__overlay-cat {
	color: rgba(255, 255, 255, 0.75);
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.mc-product__overlay-price,
.mc-product__overlay-price .amount,
.mc-product__overlay-price .woocommerce-Price-amount {
	color: #fff;
	font-size: 15px;
	margin-top: 2px;
}

@media (max-width: 1000px) {
	.mc-product__mediatext {
		width: auto;
		margin-left: 0;
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.mc-product__mediatext-media { min-height: 0; }
	.mc-product__mediatext-media > img { border-radius: 12px; }
	.mc-product__mediatext-content { padding: 0; max-width: none; }
	.mc-product__overlay { left: 5%; max-width: 78%; }
}

/* ==========================================================================
   RELATED "You may also like" (override single-product/related.php)
   ========================================================================== */
.mc-related {
	max-width: 1360px;
	margin: 30px auto 80px;
	padding: 0 40px;
	font-family: var(--mc-header-font);
}
.mc-related__head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 20px;
	margin: 0 0 28px;
}
.mc-related__title {
	margin: 0;
	color: #1a1a1a;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.1;
}
.mc-related__shopall {
	flex-shrink: 0;
	color: #1a1a1a;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: opacity 0.2s ease;
}
.mc-related__shopall:hover { opacity: 0.6; }

/* Ховаємо дефолтний заголовок Blocksy, якщо десь лишиться */
.mc-related > .ct-module-title { display: none; }

@media (max-width: 600px) {
	.mc-related { padding: 0 16px; }
	.mc-related__title { font-size: 24px; }
}

/* ==========================================================================
   МІНІ-КОШИК (правий off-canvas)
   Розмітка: inc/mini-cart.php + woocommerce/cart/mini-cart.php · JS: mini-cart.js
   ========================================================================== */
.mc-minicart {
	position: fixed;
	inset: 0;
	z-index: 300;
	font-family: var(--mc-header-font);
}
.mc-minicart[hidden] { display: block; pointer-events: none; }

.mc-minicart__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	transition: opacity 0.3s ease;
}
.mc-minicart__panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(92vw, 440px);
	background: #fff;
	display: flex;
	flex-direction: column;
	transform: translateX(100%);
	transition: transform 0.3s ease;
	box-shadow: -10px 0 40px rgba(0, 0, 0, 0.12);
}
body.mc-minicart-open .mc-minicart { pointer-events: auto; }
body.mc-minicart-open .mc-minicart__backdrop { opacity: 1; }
body.mc-minicart-open .mc-minicart__panel { transform: translateX(0); }

/* Хедер */
.mc-minicart__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 28px;
	border-bottom: 1px solid #eee;
}
.mc-minicart__heading { font-size: 18px; font-weight: 500; }
.mc-minicart__count { font-weight: 600; }
.mc-minicart__close {
	background: none; border: 0; font-size: 26px; line-height: 1; cursor: pointer; color: #1a1a1a;
}

/* Контейнер вмісту (фрагмент) — колонка на всю висоту */
.mc-minicart__panel .widget_shopping_cart_content {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

/* Список товарів (скрол) */
.mc-minicart__items {
	flex: 1;
	overflow-y: auto;
	padding: 0 28px;
}
.mc-minicart__items ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mc-mini-item {
	display: grid;
	grid-template-columns: 96px 1fr auto;
	gap: 18px;
	padding: 22px 0;
	border-bottom: 1px solid #eee;
}
.mc-mini-item__img { line-height: 0; }
.mc-mini-item__img img {
	width: 96px; height: 96px; object-fit: cover; border-radius: 8px; display: block;
}
.mc-mini-item__info { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.mc-mini-item__title {
	color: #1a1a1a; font-size: 16px; font-weight: 500; text-decoration: none; line-height: 1.25;
}
.mc-mini-item__title:hover { opacity: 0.7; }
.mc-mini-item__meta,
.mc-mini-item__meta p,
.mc-mini-item__meta dl { margin: 0; font-size: 13px; color: #9a938c; }
.mc-mini-item__meta dt, .mc-mini-item__meta dd { display: inline; margin: 0; }
.mc-mini-item__meta dt { color: #1a1a1a; font-weight: 500; }

/* Степер кількості */
.mc-qty {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	margin-top: 4px;
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	overflow: hidden;
}
.mc-qty__btn {
	width: 38px; height: 40px; border: 0; background: none; cursor: pointer;
	font-size: 18px; line-height: 1; color: #1a1a1a;
}
.mc-qty__btn:hover { background: #f5f3f0; }
.mc-qty__val {
	min-width: 30px; text-align: center; font-size: 15px; font-variant-numeric: tabular-nums;
}
.mc-qty.is-loading { opacity: 0.5; pointer-events: none; }

/* Ціна + видалення */
.mc-mini-item__side {
	display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between;
}
.mc-mini-item__price { font-size: 16px; font-weight: 500; white-space: nowrap; }
.mc-mini-item__price del { color: #b0aaa2; font-weight: 400; margin-right: 4px; display: block; font-size: 14px; }
.mc-mini-item__price ins { text-decoration: none; color: #1a1a1a; }
.mc-mini-item__remove {
	font-size: 20px; line-height: 1; color: #1a1a1a; text-decoration: none;
}
.mc-mini-item__remove:hover { color: #e01616; }

/* Низ: subtotal + checkout + оплата */
.mc-minicart__foot {
	padding: 22px 28px 26px;
	border-top: 1px solid #eee;
	background: #fff;
}
.mc-minicart__subtotal {
	display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 18px;
	font-size: 20px;
}
.mc-minicart__subtotal strong { font-weight: 600; }
.mc-minicart__checkout {
	display: block;
	width: 100%;
	padding: 18px;
	background: #111;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	border-radius: 10px;
	transition: background 0.2s ease;
}
.mc-minicart__checkout:hover { background: #000; color: #fff; }
.mc-minicart__pay {
	display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 20px;
}
.mc-minicart__pay .mc-pay__img {
	height: 30px; width: auto; border: 1px solid #eee; border-radius: 6px; padding: 4px 8px; box-sizing: content-box;
}

.mc-minicart__empty { padding: 40px 28px; color: #9a938c; text-align: center; }

@media (max-width: 480px) {
	.mc-mini-item { grid-template-columns: 76px 1fr auto; gap: 12px; }
	.mc-mini-item__img img { width: 76px; height: 76px; }
}

/* Перебиваємо grid-стилі міні-кошика Blocksy (інакше ціна/× падають у новий рядок) */
.mc-minicart .widget_shopping_cart_content li.mc-mini-item {
	display: grid !important;
	grid-template-columns: 96px 1fr auto !important;
	grid-template-rows: auto !important;
	grid-template-areas: none !important;
	gap: 18px !important;
	align-items: start !important;
	position: relative !important;
	padding: 22px 0 !important;
	margin: 0 !important;
}
.mc-minicart .mc-mini-item > * { grid-column: auto !important; grid-row: auto !important; }
.mc-minicart .mc-mini-item__img { float: none !important; margin: 0 !important; width: auto !important; }
.mc-minicart .mc-mini-item__img img { float: none !important; margin: 0 !important; }
.mc-minicart .mc-mini-item__side {
	position: static !important;
	display: flex !important;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
	height: 100%;
}
.mc-minicart .mc-mini-item__remove {
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	color: #1a1a1a !important;
	background: none !important;
	font-size: 20px !important;
	line-height: 1 !important;
}
.mc-minicart .mc-mini-item__remove::before { content: none !important; }

/* ==========================================================================
   КАТАЛОГ + ФІЛЬТРИ (AJAX)
   Розмітка/AJAX: inc/shop-filters.php · JS: assets/js/shop-filter.js
   ========================================================================== */
.mc-shop-layout {
	display: flex;
	align-items: flex-start;
	gap: 48px;
	font-family: var(--mc-header-font);
}
.mc-shop-sidebar { width: 240px; flex-shrink: 0; }
.mc-shop-main { flex: 1; min-width: 0; position: relative; }
.mc-shop-main.is-loading { opacity: 0.5; pointer-events: none; transition: opacity .2s ease; }

/* Дефолтний result-count ховаємо (зверху лишається лише сортування) */
.mc-shop-main .woocommerce-result-count { display: none; }
.mc-shop-main .woocommerce-ordering { float: none; margin: 0 0 24px; text-align: right; margin-left: auto; }
.mc-shop-main .woocommerce-ordering select {
	border: 0; background: none; font-family: inherit; font-size: 14px; cursor: pointer; color: #1a1a1a;
}

/* ---- Сайдбар ---- */
.mc-filters__head {
	display: flex; align-items: center; justify-content: space-between;
	font-size: 15px; font-weight: 500; padding-bottom: 16px; border-bottom: 1px solid #ececec;
}
.mc-filters__reset {
	background: none; border: 0; cursor: pointer; font-size: 12px; color: #9a938c; text-decoration: underline;
}

.mc-filter-sec { border-bottom: 1px solid #ececec; }
.mc-filter-sec__head {
	width: 100%; display: flex; align-items: center; justify-content: space-between;
	background: none; border: 0; cursor: pointer; padding: 18px 0;
	font-family: inherit; font-size: 15px; font-weight: 500; color: #1a1a1a; text-align: left;
}
.mc-filter-sec__chev {
	width: 9px; height: 9px; border-right: 1.5px solid #1a1a1a; border-bottom: 1.5px solid #1a1a1a;
	transform: rotate(45deg); transition: transform .25s ease; margin-top: -4px;
}
.mc-filter-sec[data-open="1"] .mc-filter-sec__chev { transform: rotate(-135deg); margin-top: 3px; }

.mc-filter-sec__body {
	display: none; padding: 0 0 20px;
}
.mc-filter-sec[data-open="1"] .mc-filter-sec__body { display: block; }

/* Чекбокси */
.mc-filter-opt {
	display: flex; align-items: center; gap: 12px; padding: 8px 0; cursor: pointer; font-size: 14px; color: #1a1a1a;
}
.mc-filter-opt input { position: absolute; opacity: 0; width: 0; height: 0; }
.mc-filter-opt__box {
	width: 18px; height: 18px; border: 1.5px solid #cfc8c1; border-radius: 4px; flex-shrink: 0;
	position: relative; transition: border-color .15s ease, background .15s ease;
}
.mc-filter-opt input:checked + .mc-filter-opt__box {
	background: #1a1a1a; border-color: #1a1a1a;
}
.mc-filter-opt input:checked + .mc-filter-opt__box::after {
	content: ""; position: absolute; left: 5px; top: 2px; width: 5px; height: 9px;
	border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg);
}
.mc-filter-opt input:focus-visible + .mc-filter-opt__box { outline: 2px solid #1a1a1a; outline-offset: 2px; }

/* Ціна */
.mc-price { display: flex; align-items: center; gap: 10px; }
.mc-price__in {
	width: 100%; padding: 10px 12px; border: 1px solid #dcdcdc; border-radius: 8px; font-size: 14px; font-family: inherit;
}
.mc-price__sep { color: #9a938c; }

.mc-shop-empty { padding: 60px 0; color: #9a938c; }

/* ---- Кнопка "Filter" (тільки моб.) + off-canvas панель ---- */
.mc-filter-toggle { display: none; }
.mc-filter-backdrop { display: none; }

@media (max-width: 900px) {
	.mc-shop-layout { display: block; }

	/* Filter + сортування в один рядок */
	.mc-shop-main .woo-listing-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin-bottom: 20px;
	}
	/* Сортування на мобільному — лише іконка (прозорий селект поверх іконки) */
	.mc-shop-main .woo-listing-top .woocommerce-ordering {
		position: relative;
		width: 42px;
		height: 42px;
		margin: 0;
		flex-shrink: 0;
	}
	.mc-shop-main .woocommerce-ordering .ct-sort-icon {
		display: block !important;
		position: absolute;
		inset: 0;
		margin: auto;
		width: 18px;
		height: 18px;
		pointer-events: none;
		color: #1a1a1a;
	}
	.mc-shop-main .woocommerce-ordering select {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		opacity: 0;
		cursor: pointer;
	}

	/* Кнопка над товарами */
	.mc-filter-toggle {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		margin: 0;
		padding: 12px 20px;
		border: 1px solid #dcdcdc;
		border-radius: 10px;
		background: #fff;
		font-family: var(--mc-header-font);
		font-size: 14px;
		font-weight: 500;
		color: #1a1a1a;
		cursor: pointer;
	}
	.mc-filter-toggle__count {
		display: inline-flex; align-items: center; justify-content: center;
		min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px;
		background: #1a1a1a; color: #fff; font-size: 11px; font-weight: 600;
	}
	.mc-filter-toggle__count[hidden] { display: none; }

	/* Панель зліва */
	.mc-shop-sidebar {
		position: fixed;
		top: 0; left: 0; bottom: 0;
		width: min(86vw, 340px);
		background: #fff;
		z-index: 310;
		padding: 24px 24px 40px;
		overflow-y: auto;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
		box-shadow: 10px 0 40px rgba(0, 0, 0, 0.12);
	}
	body.mc-filters-open .mc-shop-sidebar { transform: translateX(0); }

	.mc-filter-backdrop {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 305;
		background: rgba(0, 0, 0, 0.4);
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease, visibility 0.3s ease;
	}
	body.mc-filters-open .mc-filter-backdrop { opacity: 1; visibility: visible; }
}

/* Кнопка закриття панелі (тільки моб.) */
.mc-filters__close { display: none; background: none; border: 0; font-size: 24px; line-height: 1; cursor: pointer; color: #1a1a1a; }
@media (max-width: 900px) {
	.mc-filters__close { display: inline-block; margin-left: auto; }
}

/* ==========================================================================
   SHOP HERO (Elementor-банер магазину) — фолбек-розкладка у 2 колонки,
   бо V4-atomic flexbox на фронті не завжди застосовує свій CSS.
   ========================================================================== */
.mc-shop-hero {
	padding: 24px 0 48px;
}
.mc-shop-hero .elementor { width: 100%; }

/* Головний контейнер — рядок */
.mc-shop-hero .elementor > .e-con {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 48px;
	max-width: none;
    padding: 0;
}

/* Текст — решта, зображення — рівно 50% ширини */
.mc-shop-hero .elementor > .e-con > .e-con { min-width: 0; }
.mc-shop-hero .elementor > .e-con > .e-con:first-child  { flex: 1 1 0;  padding-left: 30px;}
.mc-shop-hero .elementor > .e-con > .e-con:last-child   { flex: 0 0 50%; padding: 0; }

/* Зображення на всю ширину своєї колонки */
.mc-shop-hero img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;

}

@media (max-width: 900px) {
	.mc-shop-hero { }
	.mc-shop-hero .elementor > .e-con { flex-direction: column-reverse !important; gap: 24px; }
	.mc-shop-hero .elementor > .e-con > .e-con:first-child,
	.mc-shop-hero .elementor > .e-con > .e-con:last-child { flex: 1 1 100%; }
    .mc-shop-hero img{
        border-radius: 0 !important;
    }
}

/* Сердечко-вішліст у хедері (десктоп + мобільний) */
.mc-header__col--right {
	display: flex;
	align-items: center;
	gap: 24px;
}
.mc-wish-link {
	display: inline-flex;
	align-items: center;
	color: inherit;
	text-decoration: none;
	transition: opacity 0.2s ease;
}
.mc-wish-link svg { display: block; }
.mc-wish-link svg path { transition: fill 0.2s ease; }
.mc-wish-link:hover svg path { fill: currentColor; }

/* ==========================================================================
   СТОРІНКА ВІШЛІСТА ([mc_wishlist])
   ========================================================================== */
/* Текстурний фон як на головній (підстав URL зображення текстури нижче) */
body.mc-wishlist-page {
	/* --mc-paper-bg: #f6f2ea;
	background-color: var(--mc-paper-bg); */
	/* background-image: url('/wp-content/uploads/XXXX/paper-texture.png'); background-repeat: repeat; */
}

.woocommerce .wishlist-title{
	display: none;
}
/* Робимо контент-обгортки прозорими, щоб фон було видно */
body.mc-wishlist-page #main,
body.mc-wishlist-page .entry-content,
body.mc-wishlist-page [class*="ct-container"] {
	background: transparent !important;
}

/* Заголовок — Melodrama */
body.mc-wishlist-page .entry-content h1,
body.mc-wishlist-page .entry-content h2,
body.mc-wishlist-page .entry-content h3,
body.mc-wishlist-page .entry-content .wp-block-heading {
	font-family: 'Melodrama', serif;
	font-weight: 500;
	line-height: 1.1;
	font-size: clamp(30px, 4vw, 52px);
	color: #1a1a1a;
}

/* Сітка карток (незалежна від Blocksy — шорткод у Elementor) */
.mc-wishlist { margin-top: 30px; }
.mc-wishlist .products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 34px 24px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.mc-wishlist .products::before,
.mc-wishlist .products::after { content: none !important; display: none !important; }
.mc-wishlist .products > li.mc-card {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	clear: none !important;
	list-style: none !important;
}
@media (max-width: 1024px) {
	.mc-wishlist .products { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
	.mc-wishlist .products { grid-template-columns: repeat(2, 1fr); gap: 24px 14px; }
}
.mc-wishlist-empty {
	padding: 60px 0;
	font-family: var(--mc-header-font);
	color: #9a938c;
}

/* ==========================================================================
   ВІШЛІСТ YITH на картці — вигляд як раніше (сердечко вправо-вгору)
   ========================================================================== */
.mc-card__wish {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 3;
	line-height: 0;
}
.mc-card__wish .yith-wcwl-add-to-wishlist,
.mc-card__wish .yith-wcwl-add-to-wishlist * { margin: 0 !important; padding: 0 !important; }

/* Ховаємо стандартні іконки/текст YITH */
.mc-card__wish .yith-wcwl-add-to-wishlist i,
.mc-card__wish .yith-wcwl-add-to-wishlist img,
.mc-card__wish .yith-wcwl-add-to-wishlist svg,
.mc-card__wish .yith-wcwl-add-to-wishlist span { display: none !important; }

/* Клікабельне сердечко (outline) */
.mc-card__wish .yith-wcwl-add-to-wishlist a {
	display: block !important;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	overflow: hidden;
	white-space: nowrap;
	border: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
	filter: drop-shadow(0 1px 2px rgba(255, 255, 255, 0.6));
	transition: transform 0.2s ease;
}
.mc-card__wish .yith-wcwl-add-to-wishlist a:hover { transform: scale(1.1); }

/* Стан "у вішлісті" → червоне залите сердечко */
.mc-card__wish .yith-wcwl-wishlistaddedbrowse a,
.mc-card__wish .yith-wcwl-wishlistexistsbrowse a,
.mc-card__wish .yith-wcwl-add-to-wishlist a.exists {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e01616' stroke='%23e01616' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
}

/* Прибираємо тултіп/лічильник YITH, якщо є */
.mc-card__wish .yith-wcwl-tooltip,
.mc-card__wish .ajax-loading { display: none !important; }

/* YITH heart у EAEL-каруселі (переноситься JS-ом у .mc-eael-wish) */
.eael-woo-product-carousel .image-wrap > .mc-eael-wish {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 3;
	line-height: 0;
}
.mc-eael-wish .yith-wcwl-add-to-wishlist,
.mc-eael-wish .yith-wcwl-add-to-wishlist * { margin: 0 !important; padding: 0 !important; }
.mc-eael-wish .yith-wcwl-add-to-wishlist i,
.mc-eael-wish .yith-wcwl-add-to-wishlist img,
.mc-eael-wish .yith-wcwl-add-to-wishlist svg,
.mc-eael-wish .yith-wcwl-add-to-wishlist span { display: none !important; }
.mc-eael-wish .yith-wcwl-add-to-wishlist a {
	display: block !important;
	width: 34px; height: 34px;
	text-indent: -9999px; overflow: hidden; white-space: nowrap; border: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
	filter: drop-shadow(0 1px 2px rgba(255, 255, 255, 0.6));
}
.mc-eael-wish .yith-wcwl-wishlistaddedbrowse a,
.mc-eael-wish .yith-wcwl-wishlistexistsbrowse a,
.mc-eael-wish .yith-wcwl-add-to-wishlist a.exists {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e01616' stroke='%23e01616' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
}

/* ==========================================================================
   YITH нова розмітка (.yith-add-to-wishlist-button-block) на картках
   ========================================================================== */
.mc-card__wish .yith-add-to-wishlist-button-block,
.mc-eael-wish .yith-add-to-wishlist-button-block { margin: 0 !important; padding: 0 !important; }

/* Ховаємо текстовий лейбл */
.mc-card__wish .yith-wcwl-add-to-wishlist-button__label,
.mc-eael-wish .yith-wcwl-add-to-wishlist-button__label { display: none !important; }

/* Кнопка = квадрат-сердечко */
.mc-card__wish .yith-wcwl-add-to-wishlist-button,
.mc-eael-wish .yith-wcwl-add-to-wishlist-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: #1a1a1a;
	cursor: pointer;
	line-height: 0;
}
.mc-card__wish .yith-wcwl-icon,
.mc-eael-wish .yith-wcwl-icon {
	width: 22px !important;
	height: 22px !important;
	margin: 0 !important;
	filter: drop-shadow(0 1px 2px rgba(255, 255, 255, 0.6));
	transition: transform 0.2s ease, color 0.2s ease, fill 0.2s ease;
}
.mc-card__wish .yith-wcwl-add-to-wishlist-button:hover .yith-wcwl-icon,
.mc-eael-wish .yith-wcwl-add-to-wishlist-button:hover .yith-wcwl-icon { transform: scale(1.1); }

/* Стан "у вішлісті" → червоне */
.mc-card__wish .yith-wcwl-add-to-wishlist-button--added,
.mc-card__wish .yith-add-to-wishlist-button-block--added .yith-wcwl-add-to-wishlist-button,
.mc-card__wish .yith-wcwl-add-to-wishlist-button.exists,
.mc-eael-wish .yith-wcwl-add-to-wishlist-button--added,
.mc-eael-wish .yith-add-to-wishlist-button-block--added .yith-wcwl-add-to-wishlist-button,
.mc-eael-wish .yith-wcwl-add-to-wishlist-button.exists {
	color: #e01616;
}
.mc-card__wish .yith-wcwl-add-to-wishlist-button--added .yith-wcwl-icon,
.mc-card__wish .yith-add-to-wishlist-button-block--added .yith-wcwl-icon,
.mc-eael-wish .yith-wcwl-add-to-wishlist-button--added .yith-wcwl-icon,
.mc-eael-wish .yith-add-to-wishlist-button-block--added .yith-wcwl-icon {
	fill: #e01616;
	color: #e01616;
}

/* ==========================================================================
   YITH-кнопка «над фото» в EAEL-каруселі (yith-wcwl-add-to-wishlist-button-over-image)
   YITH ставить її top-left — переносимо вправо-вгору + стиль під дизайн.
   Клони (data-mc-clone) — візуальні копії для слайдів Swiper.
   ========================================================================== */
.eael-woo-product-carousel .yith-wcwl-add-to-wishlist-button-over-image {
	position: absolute !important;
	top: 12px !important;
	right: 12px !important;
	left: auto !important;
	bottom: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 34px !important;
	height: 34px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: #1a1a1a;
	cursor: pointer;
	line-height: 0;
	z-index: 4;
}
.eael-woo-product-carousel .yith-wcwl-add-to-wishlist-button-over-image .yith-wcwl-icon {
	width: 22px !important;
	height: 22px !important;
	margin: 0 !important;
	color: inherit;
	filter: drop-shadow(0 1px 2px rgba(255, 255, 255, 0.6));
	transition: transform 0.2s ease, color 0.2s ease, fill 0.2s ease;
}
.eael-woo-product-carousel .yith-wcwl-add-to-wishlist-button-over-image:hover .yith-wcwl-icon {
	transform: scale(1.1);
}
/* Стан "у вішлісті" → червоне залите (SVG id=heart, fill=currentColor) */
.eael-woo-product-carousel .yith-wcwl-add-to-wishlist-button-over-image.yith-wcwl-add-to-wishlist-button--added {
	color: #e01616;
}

/* ==========================================================================
   СІТКА КАТЕГОРІЙ ТОВАРІВ ([mc_categories])
   ========================================================================== */
/* Ховаємо Blocksy-хіро (заголовок сторінки) на сторінці категорій */
body.mc-categories-page .hero-section,
body.mc-categories-page .page-title,
body.mc-categories-page .entry-header { display: none !important; }

.mc-cats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.mc-cats--cols-1 { grid-template-columns: 1fr; }
.mc-cats--cols-2 { grid-template-columns: repeat(2, 1fr); }
.mc-cats--cols-3 { grid-template-columns: repeat(3, 1fr); }
.mc-cats--cols-5 { grid-template-columns: repeat(5, 1fr); }
.mc-cats--cols-6 { grid-template-columns: repeat(6, 1fr); }

.mc-cat {
	position: relative;
	display: block;
	border-radius: 8px;
	overflow: hidden;
	background: #f2efe9;
	text-decoration: none;
}
.mc-cat__media {
	position: relative;
	line-height: 0;
}
/* Висоту картки задає саме зображення (у потоці) — інакше в grid неявні
   ряди з aspect-ratio на елементі не резервують висоту й налазять на футер. */
.mc-cat__img {
	display: block;
	width: 100%;
	height: auto !important;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	transition: transform 0.6s ease;
}
.mc-cat:hover .mc-cat__img { transform: scale(1.05); }

/* Затемнення знизу для читабельності тексту */
.mc-cat__overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	padding: 28px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.15) 45%, rgba(0, 0, 0, 0) 100%);
}
.mc-cat__title {
	margin: 0;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.15;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
}
.mc-cat__btn {
	display: inline-block;
	padding: 10px 22px;
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.04em;
	line-height: 1;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.mc-cat:hover .mc-cat__btn {
	background: #fff;
	border-color: #fff;
	color: #1a1a1a;
}

/* Адаптив лише зменшує великі значення; вибір 2 колонки не чіпаємо */
@media (max-width: 1024px) {
	.mc-cats--cols-4,
	.mc-cats--cols-5,
	.mc-cats--cols-6 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
	.mc-cats--cols-3,
	.mc-cats--cols-4,
	.mc-cats--cols-5,
	.mc-cats--cols-6 { grid-template-columns: repeat(2, 1fr); }
	.mc-cats { gap: 14px; }
	.mc-cat__overlay { padding: 18px; gap: 12px; }
	.mc-cat__title { font-size: 20px; }
}

/* ==========================================================================
   СТОРІНКА 404
   ========================================================================== */
.mc-404 {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 60vh;
	padding: 80px 20px;
	text-align: center;
}
.mc-404__inner {
	max-width: 560px;
	width: 100%;
}
.mc-404__code {
	font-family: 'Melodrama', serif;
	font-weight: 600;
	line-height: 1;
	font-size: clamp(90px, 16vw, 180px);
	color: #1a1a1a;
	letter-spacing: 0.02em;
}
.mc-404__title {
	margin: 10px 0 14px;
	font-size: clamp(24px, 4vw, 34px);
	font-weight: 500;
	color: #1a1a1a;
}
.mc-404__text {
	margin: 0 auto 30px;
	max-width: 420px;
	color: #6f6a64;
	font-size: 15px;
	line-height: 1.6;
}
.mc-404__search {
	margin: 0 auto 28px;
	max-width: 420px;
}
.mc-404__search form {
	display: flex;
	gap: 8px;
}
.mc-404__search input[type="search"],
.mc-404__search input[type="text"] {
	flex: 1 1 auto;
	height: 46px;
	padding: 0 16px;
	border: 1px solid #ddd6cc;
	border-radius: 4px;
	background: #fff;
	font-size: 14px;
}
.mc-404__search button {
	height: 46px;
	padding: 0 20px;
	border: 0;
	border-radius: 4px;
	background: #1a1a1a;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	white-space: nowrap;
}
.mc-404__actions {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
}
.mc-404__btn {
	display: inline-block;
	padding: 13px 28px;
	border: 1px solid #1a1a1a;
	border-radius: 4px;
	color: #1a1a1a;
	font-size: 13px;
	letter-spacing: 0.04em;
	line-height: 1;
	transition: background 0.2s ease, color 0.2s ease;
}
.mc-404__btn:hover {
	background: #1a1a1a;
	color: #fff;
}
.mc-404__btn--dark {
	background: #1a1a1a;
	color: #fff;
}
.mc-404__btn--dark:hover {
	background: #000;
	border-color: #000;
}
@media (max-width: 480px) {
	.mc-404__search form { flex-direction: column; }
	.mc-404__actions { flex-direction: column; }
	.mc-404__btn { width: 100%; }
}

/* ==========================================================================
   ІНТЕРАКТИВНЕ ПАННО ([mc_panno_scene])
   ========================================================================== */
.mc-panno {
	--mc-panno-color: #a40e26;
	position: relative;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}
.mc-panno__bg {
	display: block;
	width: 100%;
	height: auto;
}
/* Шар панно — позиція за центром (X/Y у %), ширина у % контейнера */
.mc-panno__art {
	position: absolute;
	transform: translate(-50%, -50%);
	line-height: 0;
	pointer-events: none;
}
.mc-panno__img {
	display: block;
	width: 100%;
	height: auto;
}
/* Знебарвлення базового панно — щоб маска давала будь-який колір */
.mc-panno__img--desat {
	filter: grayscale(1) contrast(1.05) brightness(1.06);
}
/* Кольорова маска: суцільний колір, обрізаний формою панно, змішаний з базою */
.mc-panno__tint {
	position: absolute;
	inset: 0;
	background-color: var(--mc-panno-color);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: background-color 0.35s ease;
	pointer-events: none;
}

/* Свотчі стрічки — клікабельні (без обводки активного стану) */
.masscie-team-member { cursor: pointer; }