/* === 01-product-card.css === */
/* ============================================
Product Card — картка товару, product-item,
кількість, варіації, опції, анімації
============================================ */

/* Product List - Start */
.product-list {
	display: grid;
	grid-template-columns: repeat(var(--products-in-col), 1fr);
	gap: var(--products-indent-h) var(--products-indent-w);
}
.product-card {
	position: relative;
	display: flex;
	flex-direction: column;
}
.product-card .product-image-wrapper  {
	position: relative;
}
.product-card .product-image-wrapper img {
	height: auto;
	aspect-ratio: 9 / 12; /* CODE 01 (29.07): було 1/1 (квадрат) — клієнт прямо просив вертикальне фото */
	width: 100%;
	border-radius: var(--radius-small);
	z-index: 1;
}
.product-card .product-image-wrapper .product-image-second {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 2;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all 0.7s ease;
}
.product-card:hover .product-image-wrapper .product-image-second {
	opacity: 1;
}
@media (max-width: 1279px) {
	.product-card .product-image-wrapper .product-image-second {
		display: none;
	}
}
.product-card img.cart-icon {
	border-radius: 0px;
}
.product-card > a {
	height: 100%;
	display: flex;
	flex-direction: column;
	font-size: 0;
	line-height: 0;
}
.product-card .product-info-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
/* Product List - End */

/* Product Badge - Start */
.product-tags-or-badges {
	position: absolute;
	top: 15px;
	left: 15px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	z-index: 2;
}
.product-tags-or-badges .product-badge {
	display: block;
	background: var(--tag-bg, var(--primary));
	color: var(--tag-text, var(--primary-match));
	border-radius: var(--radius-small);
	padding: 6px 7px 4px 7px;
	font-size: 13px;
	line-height: 13px;
	text-align: center;
}
.product-tags-or-badges .product-badge.out-of-stock {
	background: var(--red);
	color: #fff;
}
/* Product Badge - End */

/* Product Card Outofstock - Start */
.product-card.outofstock .product-image-wrapper > a {
	opacity: 0.5;
}
.product-card.outofstock .add-to-cart-wrapper .btn.disabled {
	cursor: default;
	pointer-events: none;
}
/* Product Card Outofstock - End */

/* Product Stock Status - Start */
.product-card .stock-status {
	display: flex;
	display: none !important;
	position: absolute;
	top: 15px;
	left: 15px;
	align-items: center;
	gap: 6px;
	padding: 8px 15px;
	background: var(--white);
	border-radius: var(--radius-max);
	font-family: var(--font-family-1);
	font-size: 13px;
	line-height: 13px;
}

/* Stock Status Colors - универсальные для всех контекстов */
.stock-status {
	color: var(--black);
}
.stock-status.in-stock {
	color: var(--green);
}
.stock-status.out-of-stock {
	color: var(--red);
}
.stock-status.on-order,
.stock-status.on-backorder {
	color: var(--gold);
}
.stock-status.no-status {
	color: var(--blue);
}
/* Product Stock Status - End */

/* CODE 01 (29.07): вся картка клікабельна — оверлей-посилання найнижче, інтерактивні елементи (вподобайка/плашки розмірів) повинні бути вище за z-index */
.product-card .card-link-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
}
.product-card .options-group {
	position: relative;
	z-index: 2;
}
.product-card .view-product-btn {
	position: relative;
	z-index: 2;
}
/* CODE 01 (29.07): стара розумна кнопка (вибір варіації/додати в кошик) схована, НЕ видалена з коду (мінімальний ризик, легко відкотити) */
.product-card .add-to-cart-wrapper {
	display: none !important; /* CODE 01 (29.07): без !important перебивалося іншим display:flex-правилом цьогож файлу (жива перевірка 29.07) */
}

/* Wishlist - Start  */
.product-card .action-items {
	position: absolute;
	top: 15px;
	right: 15px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	z-index: 3;
}
.product-card .wishlist-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	/* CODE 01 (29.07): було background:var(--primary) (чорна підложка) — клієнт хоче просто іконку без фону. background:none явно — інакше просто видалення правила відкриває браузерний дефолт<button> (сірий rgb(239,239,239), помічено живим переглядом) */
	background: none;
	border: none;
	border-radius: var(--radius-small);
	padding: 6px 6px 6px 6px;
	cursor: pointer;
}
.product-card button.wishlist-btn:before {
	content: "" !important;
	display: flex !important;
	width: 27px !important;
	height: 27px !important;
	margin-right: 0px !important;
	background: url(/wp-content/themes/shop/img/icons/wishlist.svg) !important;
	background-position: 50% 50% !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	/* CODE 01 (29.07): filter (перефарбовував іконку під білу на чорному фоні) прибрано разом з фоном — тепер чорна контурна іконка з власного кольору SVG */
	transition: all 0.3s ease;
}
.in-wishlist-already {
	position: relative;
}
.product-card button.wishlist-btn.in-wishlist-already:before {
	background: url(/wp-content/themes/shop/img/icons/wishlist-full.svg) !important;
	background-position: 50% 50% !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}
/* Wishlist - End  */

/* Star Rating - Start  */
.product-card .star-rating-wrapper {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 20px;
}
.product-card .star-rating-wrapper .star-rating {
	font-size: 18px;
	line-height: 18px;
	color: var(--gray);
}
.product-card .star-rating-wrapper .rating-value {
	font-family: var(--font-family-1);
	font-size: 13px;
	line-height: 13px;
	color: var(--gray);
	font-weight: 500;
	transform: translateY(1px);
}
/* Star Rating - End  */

/* Product SKU - Start  */
.product-card .product-card-sku {
	font-family: var(--font-family-2);
	font-size: 16px;
	line-height: 22px;
	color: var(--gray);
	margin-top: 17px;
}

@media (max-width: 1279px) {
	.product-card .product-card-sku {
		font-size: 14px;
		line-height: 22px;
		margin-top: 14px;
	}
}
/* Product SKU - End  */

/* Product Title */
.product-card .product-title {
	font-family: var(--font-family-1);
	font-size: 18px;
	line-height: 21px;
	width: 100%;
	margin: 14px 0;
	color: var(--black);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
}

/* Options - Start  */
.options-group {
	margin-bottom: 14px;
}
.option-block {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.option-head {
	width: 100%;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
}
.option-block span.option-value {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	height: 30px;
	padding: 0px 9px;
	background: var(--white);
	border: 1px solid var(--primary);
	font-size: 14px;
	line-height: 14px;
	transition: all 0.3s ease;
	cursor: pointer;
}
.option-block span.option-value.selected {
	background: var(--primary);
	color: var(--white);
}
/* CODE 01: hover + недоступний (sold-out) розмір */
.option-block span.option-value:not(.selected):hover {
	background: var(--light-gray);
}
.option-block span.option-value.disabled {
	border-color: var(--border);
	color: var(--gray);
	text-decoration: line-through;
	cursor: not-allowed;
	pointer-events: none;
}
@media (max-width: 1680px) {
	.option-block span.option-value {
		height: 24px;
		padding: 0px 6px;
		font-size: 12px;
		line-height: 12px;
	}
	.option-block {
		gap: 4px;
	}
}

/* Color - Start */
.options-group .option-block.pa_color-options {
	display: none !important;
}
.color-option {
	position: relative;
	display: flex;
	width: 30px;
	height: 30px;
	background: var(--light-gray);
	border-radius: var(--radius-max);
	cursor: pointer;
	border: 2px solid var(--border);
	transition: all 0.3s ease;
}

.color-option.selected {
	border: 2px solid var(--black);
}
/* CODE 01: hover-обводка + недоступний (sold-out) колір */
.color-option:not(.selected):hover {
	border-color: var(--dark-gray);
}
.color-option.disabled {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}
.color-option.disabled::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: var(--radius-max);
	background: linear-gradient(to top right, transparent calc(50% - 1px), var(--gray) calc(50% - 1px), var(--gray) calc(50% + 1px), transparent calc(50% + 1px));
}
.color-option .color-name {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	padding: 10px;
	border-radius: var(--radius-small);
	background: var(--light-gray);
	box-shadow: 0 0 8px rgb(0 0 0 / 15%);
	font-family: var(--font-family-1);
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	color: var(--black);
	position: absolute;
	top: 33px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0 auto;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all 0.3s ease;
}
.color-option:hover .color-name {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}
@media (max-width: 1680px) {
	.color-option {
		width: 24px;
		height: 24px;
	}
	.color-option .color-name {
		top: 27px;
	}
}
/* Color - End */
/* Options - End  */

/* Add To Cart - Start  */
.product-card .add-to-cart-wrapper {
	display: flex;
	flex-direction: row-reverse;
	gap: 10px;
	margin-top: auto;
}
.product-card .product_type_simple.in-cart {
	pointer-events: none !important;
}
.btn.btn-accent.in-cart {
	background: var(--primary);
	color: #fff;
}
.btn.btn-accent.in-cart span {
	color: var(--white);
}
.added_to_cart.wc-forward {
	display: none!important;
}
/* Add To Cart - End  */

/* Variation Popup - Start */
.variation-popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(255 255 255 / 60%);
	backdrop-filter: blur(5px);
	z-index: 100;
	border-radius: inherit;
}

.variation-popup-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: var(--white);
	padding: 15px;
	border-radius: var(--radius-medium);
	width: 90%;
	max-width: 300px;
	max-height: 80%;
	overflow-y: auto;
	box-shadow: 0 4px 20px rgb(0 0 0 / 12%);
}

.popup-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

.popup-header h4 {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
}

.close-popup {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	background: var(--light-gray);
	border: none;
	border-radius: var(--radius-max);
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	transition: all 0.3s ease;
}
.close-popup:hover {
	background: var(--border);
}

.variation-attribute-row {
	margin-bottom: 10px;
}

.variation-attribute-row label {
	display: block;
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 13px;
	font-weight: 500;
	color: var(--dark-gray);
}

.variation-options {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.variation-popup-content .variation-option {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	padding: 0 10px;
	background: var(--white);
	border: 1px solid var(--border);
	border-radius: var(--radius-small);
	font-size: 13px;
	line-height: 13px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.variation-option:hover {
	border-color: var(--primary);
}
.variation-option.active {
	background: var(--primary);
	border-color: var(--primary);
	color: var(--white);
}

.variation-info {
	margin-bottom: 12px;
}
.variation-info .variation-price {
	font-size: 16px;
	font-weight: 600;
}
.variation-info .variation-stock {
	font-size: 13px;
	margin-top: 4px;
}

.variation-row {
	margin-bottom: 15px;
}

.variation-row label {
	display: block;
	margin-bottom: 5px;
	font-weight: 500;
}

.variation-select {
	width: 100%;
	padding: 8px;
	border: 1px solid var(--border);
	border-radius: var(--radius-small);
}

/* Адаптация блока количества в карточке */
.product-card .custom-quantity-input {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 0 20px;
}

/* Variation Popup - Mob */
@media (max-width: 1279px) {
	.popup-header {
		margin-bottom: 5px;
	}
	.popup-header h4 {
		font-size: 12px;
		line-height: 14px;
		font-weight: 500;
	}
	.variation-popup-content {
		padding: 10px;
	}
	.variation-popup-content .variation-attribute-row label {
		margin-bottom: 5px;
		font-size: 10px;
		line-height: 10px;
	}
	.variation-popup-content .variation-options {
		gap: 4px;
	}
	.variation-popup-content .variation-option {
		height: 21px;
		padding: 0 6px;
		font-size: 11px;
		line-height: 11px;
	}
	.variation-popup-content .btn {
		height: 30px !important;
	}
	.variation-popup-content .variation-info .variation-price {
		font-size: 12px;
		line-height: 14px;
		font-weight: 500;
	}
}
/* Variation Popup - End */

/* Hidden product info */
.product-card .product-info-wrapper .product-sku,
.product-card .product-info-wrapper .product-meta,
.product-card .product-info-wrapper .product-short-description,
.product-card .product-info-wrapper .product-categories {
	display: none !important;
}

/* Product Card Responsive - Start */
@media (max-width: 1279px) {
	.product-card .product-title {
		font-size: 14px;
		line-height: 18px;
		margin: 10px 0;
	}
	.product-card {
		--btn-height: 40px;
	}
	.swiper-slide .product-card {
		height: 100%;
	}
	.product-card .btn {
		font-size: 11px;
		margin-top: auto;
	}
	.product-card .add-to-cart-wrapper {
		gap: 5px;
	}
	.product-card .custom-quantity-input {
		padding: 0 10px;
	}
	.product-card .custom-quantity-input .quantity-display {
		width: 15px;
		font-size: 12px;
	}
	.product-tags-or-badges {
		top: 10px;
		left: 10px;
		gap: 5px;
	}
	.product-card .product-badge {
		padding: 8px 7px 7px 7px;
		font-size: 11px;
		line-height: 11px;
	}
	.product-card .action-items {
		top: 10px;
		right: 10px;
		gap: 5px;
	}
	.product-card .compare-btn, .product-card .wishlist-btn {
		width: 24px;
		height: 24px;
		padding: 5px;
	}
	.product-card .product-item__price {
		font-size: 13px;
		line-height: 16px;
	}
}
/* Product Card Responsive - End */

/* ================================ */
/* Universal Product Item Component */
/* ================================ */

.product-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 0;
	background: var(--white);
	border-radius: var(--radius-small);
	position: relative;
	transition: all 0.3s ease;
}
.product-item__image {
	width: 90px;
	height: 90px;
}
.product-item__img {
	border-radius: var(--radius-small);
}
.product-item__info {
	flex-grow: 1;
}
.product-item__name {
	font-family: var(--font-family-1);
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	margin-bottom: 8px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-item__variations {
	font-size: 14px;
	line-height: 18px;
	color: var(--dark-gray);
	margin-bottom: 8px;
}
.product-item__variations:empty {
	display: none;
}
.variation-item {
	margin-bottom: 4px;
}
.product-item__price {
	font-family: var(--font-family-1);
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
	width: fit-content;
	margin-bottom: 15px;
}
.product-item__price:has(del) {
	display: flex;
	flex-direction: row-reverse;
	gap: 10px;
	margin-right: auto;
}
.product-item__price del {
	font-size: 14px;
	color: var(--dark-gray);
}
.product-item__price ins {
	text-decoration: none;
}
.product-item .btn {
	height: var(--btn-height-small) !important;
}
.product-item__actions {
	display: flex;
	align-items: center;
	gap: 10px;
	height: var(--btn-height-small);
}
.product-item__remove {
	display: flex;
	align-items: center;
	gap: 8px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	border-radius: var(--radius-small);
	transition: all 0.3s ease;
}
.product-item__remove img {
	width: 20px;
	height: 20px;
	display: none;
}
.product-item__total {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 100px;
	height: var(--btn-height-small);
	font-family: var(--font-family-1);
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
}

/* Product Item Outofstock */
.product-item.outofstock .product-item__image-link {
	opacity: 0.5;
}
.product-item.outofstock .product-item__actions .btn.disabled {
	cursor: default;
	pointer-events: none;
}
.product-item__stock-label {
	color: var(--red);
	font-size: 13px;
	line-height: 13px;
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: -4px;
}

/* Context modifiers */
.cart-lightbox .product-item__add-to-cart,
.cart-lightbox .product-item__total {
	display: none;
}
.wishlist-lightbox .product-item__total {
	display: none;
}
.wishlist-lightbox .product-item.is-variable .product-item__quantity {
	display: block !important;
}
.checkout-wrapper .product-item__add-to-cart {
	display: none;
}

/* ================================ */
/* Quantity Input                    */
/* ================================ */

.custom-quantity-input {
	display: flex;
	align-items: center;
	background: transparent;
	border: 1px solid var(--border);
	border-radius: var(--radius-small);
	overflow: hidden;
	height: var(--btn-height);
}
.product-item .custom-quantity-input {
	height: var(--btn-height-small);
}

.custom-quantity-input .quantity-btn {
	width: 28px;
	height: 28px;
	margin: 0px;
	border: none;
	background: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 2px;
	color: var(--black);
	transition: all 0.3s ease;
}
/* CODE 01: hover кнопок кількості */
.custom-quantity-input .quantity-btn:hover {
	background: var(--light-gray);
}
/* CODE 01: кнопка "+" неактивна при досягненні ліміту замовлення (10 шт / залишок складу) */
.custom-quantity-input .quantity-btn:disabled {
	opacity: 0.3;
	cursor: not-allowed;
	pointer-events: none;
}
.custom-quantity-input .quantity-btn:disabled:hover {
	background: none;
}
.product-item .custom-quantity-input .quantity-btn {
	width: 28px;
	height: 28px;
}

.custom-quantity-input .quantity-display {
	width: 20px;
	height: 100%;
	border: none;
	background: transparent;
	text-align: center;
	font-family: var(--font-family-1);
	font-size: 16px;
	font-weight: 500;
	color: var(--black);
	padding: 0;
}
.product-item .custom-quantity-input .quantity-display {
	width: 20px;
}
.custom-quantity-input.loading {
	opacity: 0.5;
	pointer-events: none;
}

/* Product Item Responsive */
@media (max-width: 768px) {
	.product-item {
		flex-wrap: wrap;
	}
	.product-item__image {
		width: 60px;
		height: 60px;
	}
	.product-item__info {
		max-width: calc(100% - 60px - 10px - 30px);
	}
	.product-item__quantity {
		margin-left: calc(60px + 10px);
	}
	.product-item:not(:has(.product-item__quantity)) .product-item__actions {
		margin-left: calc(60px + 10px);
	}
	.product-item .btn {
		font-size: 14px;
		line-height: 14px;
		padding: 0 20px;
	}
	.product-item__remove {
		position: absolute;
		top: 0;
		right: 0;
	}
	.product-item__remove img {
		width: 20px;
		height: 20px;
		display: block;
	}
	.product-item__remove span {
		display: none;
	}
	.product-item__total {
		justify-content: flex-end;
		flex-grow: 1;
	}
}

/* ================================ */
/* Animations                       */
/* ================================ */

.product-item.updating {
	opacity: 0.6;
}

.product-item.removing {
	opacity: 0;
	transform: translateX(-20px);
}

@keyframes slideIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.product-item {
	animation: slideIn 0.3s ease-out;
}

/* === 02-forms.css === */
/* ============================================
Forms — інпути, чекбокси, лайтбокси форм,
інформер, авторизація, one-click
============================================ */

/* Forms All - Start */
::-webkit-input-placeholder {
	color: var(--dark-gray);
	transform: translateY(2px);
}
:-moz-placeholder {
	color: var(--dark-gray);
	transform: translateY(2px);
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}
input[type="number"] {
	-moz-appearance: textfield;
	appearance: textfield;
}
input,
textarea,
.checkout-dropdown-toggle {
	position: relative;
	width: 100%;
	color: var(--black);
	padding: 12px 30px 12px 10px; /* CODE 01 (28.07, chvist): було 0 зліва — текст наліплений на лівий край, праворуч 30px не чіпав — місце під іконку */
	outline: none;
	border: none;
	border-bottom: 1px solid var(--border);
	background: transparent;
	border-radius: 0;
	font-family: var(--font-family-2);
	font-size: 14px;
	line-height: 17px;
	resize: vertical;
	transition: border-color 0.2s ease;
}
/* CODE 01: фокус-стан поля — межа чорніє (монохром) */
input:focus,
textarea:focus,
.checkout-dropdown-toggle:focus {
	border-bottom-color: var(--black);
}
.checkbox-custom {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}
.checkbox-custom input {
	display: none;
}
.checkbox-custom input + span {
	position: relative;
	display: flex;
	width: 20px;
	height: 20px;
	min-width: 20px;
	border: 1px solid var(--border);
	border-radius: var(--radius-max);
	transition: all 0.3s ease-in-out;
}
.checkbox-custom input:checked + span {
	border: 1px solid var(--primary);
}
.checkbox-custom input + span::after {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	border-radius: var(--radius-max);
	background: var(--primary);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}
.checkbox-custom input:checked + span::after {
	opacity: 1;
	visibility: visible;
}
.checkbox-custom input + span + span {
	transform: translateY(1px);
}
.privacy-policy:not(body) a {
	text-decoration: underline;
	transition: all 0.3s ease-in-out;
}
.privacy-policy span a:hover {
	color: var(--dark-gray);
}
input.error {
	border-bottom-color: var(--red) !important;
}
/* Forms All - End */

/* Forms Lightbox - Start */
.form-lightbox-wrapper {
	position: relative;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 15px;
	z-index: 0;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	pointer-events: none;
}
.form-lightbox-wrapper.ready {
	position: fixed;
	z-index: 99999;
}
.form-lightbox-wrapper.active {
	pointer-events: all;
	opacity: 1;
}
.lightbox-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: all 0.3s ease-in-out;
	pointer-events: none;
	z-index: 110;
}
.form-lightbox-wrapper.active .lightbox-background {
	pointer-events: all;
	opacity: 1;
}
.lightbox-section {
	position: relative;
	display: flex;
	width: 750px;
	max-width: 100%;
	max-height: calc(100vh - var(--header-height));
	padding: 40px 20px 40px 40px;
	margin-top: var(--header-height);
	background: var(--white);
	border-radius: var(--radius-medium);
	box-shadow: 0px 0px 24px 0px #8e8e8e33;
	z-index: 120;
}
.catalog-lightbox .lightbox-section {
	max-height: 750px;
	box-shadow: 0px 0px 0px 0px transparent;
}
.catalog-lightbox .lightbox-section {
	max-height: 750px;
	box-shadow: 0px 0px 0px 0px transparent;
}
.close-lightbox {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 10px;
	cursor: pointer;
	z-index: 10;
}
.close-lightbox img {
	width: 20px;
	height: 20px;
	object-fit: contain;
	transition: opacity 0.2s ease;
}
/* CODE 01: hover close-кнопок (монохром) */
.close-lightbox:hover img,
.close-informer:hover img {
	opacity: 0.6;
}
.lightbox-content {
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 100%;
	height: 100%;
	max-height: calc(100dvh - var(--header-height) - 60px - 40px);
	overflow-y: auto;
	padding-right: 20px;
}
.form-head {
	display: flex;
	align-items: center;
	gap: 10px;
}
.form-head .h2 {
	transform: translateY(7px);
}
.form-description {
	display: flex;
	max-width: 360px;
	color: var(--dark-gray);
	line-height: 20px;
}
.form-head img {
	width: 40px;
	height: 40px;
	object-fit: contain;
}
.form-fields {
	display: flex;
	flex-direction: column;
	gap: var(--blocks-indent);
}
.form-data-group {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: var(--blocks-indent);
	width: 100%;
}
.form-data-group > *:not([class*="col"]) {
	grid-column: 1 / -1;
}
@media (max-width: 1680px) {
	.catalog-lightbox .lightbox-section {
		max-height: 500px;
	}
}
@media (max-width: 1279px) {
	.lightbox-section {
		padding: 30px 10px 30px 30px;
	}
	.close-lightbox {
		top: 5px;
		right: 5px;
	}
	.close-lightbox img {
		width: 18px;
		height: 18px;
	}
	.lightbox-content {
		max-height: calc(100dvh - var(--header-height) - 40px - 40px);
	}
}
/* Form Lightbox - End */

/* Informer Lightbox - Start */
.informer-wrapper {
	position: relative;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 15px;
	z-index: 0;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	pointer-events: none;
}
.informer-wrapper.ready {
	position: fixed;
	z-index: 99999;
}
.informer-wrapper.active {
	pointer-events: all;
	opacity: 1;
}
.informer-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: all 0.3s ease-in-out;
	pointer-events: none;
	z-index: 110;
}
.informer-wrapper.active .informer-background {
	pointer-events: all;
	opacity: 1;
}
.informer-section {
	position: relative;
	display: flex;
	width: 620px;
	max-width: 100%;
	max-height: calc(100vh - var(--header-height));
	padding: 45px;
	margin-top: var(--header-height);
	background: var(--white);
	border-radius: var(--radius-medium);
	box-shadow: 0px 0px 24px 0px #8e8e8e33;
	overflow-y: auto;
	z-index: 120;
}
.close-informer {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 15px;
	cursor: pointer;
}
.informer-content-wrapper {
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 100%;
	height: 100%;
}
.informer-content-box {
	display: flex;
	flex-direction: column;
}
@media (max-width: 1279px) {
	.informer-section {
		padding: 20px;
		margin-top: 0;
	}
	.close-informer {
		top: 5px;
		right: 5px;
	}
}
/* Informer Lightbox - End */

/* User Account Lightbox - Start */
#login-lightbox .lightbox-section {
	width: 600px;
}
#login-lightbox .form-row-half {
	display: flex;
	gap: 10px;
}
#login-lightbox .form-row-half .form-input {
	flex: 1;
}
.user-ajax-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--blocks-indent);
}
.user-ajax-wrapper .h2 {
	text-align: center;
}
.user-ajax-wrapper p {
	font-size: 16px;
	line-height: 21px;
	color: var(--dark-gray);
	text-align: center;
	max-width: 480px;
	margin: 0px auto 20px auto;
}
.user-ajax-wrapper input {
	border: none;
	border-bottom: 1px solid var(--border);
	padding: 15px 0;
}
#forgot-password {
	font-size: 16px;
	line-height: 19px;
	color: var(--dark-gray);
	margin-bottom: 15px;
}
.user-ajax-wrapper .btn {
	color: var(--primary-match);
}
.user-navigtion {
	font-family: var(--font-family-1);
	font-size: 18px;
	line-height: 18px;
	text-align: center;
}
.pc-text {
	font-size: 16px;
	line-height: 19px;
	color: var(--dark-gray);
	text-align: center;
	margin-top: 10px;
}
#login-lightbox input.woocommerce-invalid {
	border-bottom-color: var(--red) !important;
}
#login-lightbox .error-message {
	font-family: var(--font-family-1);
	font-size: 14px;
	line-height: 14px;
	color: var(--red);
	margin-top: -10px;
}
@media (max-width: 1279px) {
	.user-ajax-wrapper p {
		font-size: 14px;
		line-height: 17px;
		margin: 0px auto 10px auto;
	}
	.user-navigtion {
		font-size: 16px;
	}
	.pc-text {
		font-size: 14px;
		line-height: 17px;
	}
}
/* User Account Lightbox - End */

/* One Click Order - Start */
.one-click-order .lightbox-section {
	max-width: 900px;
}
/* One Click Order - End */

/* === 03-menu.css === */
/* ============================================
Menu — dropdown, мегаменю, каталог-лайтбокс
============================================ */

/* Dropdown Simple - Start */
.dropdown-simple {
	position: relative;
	cursor: pointer;
}
.dropdown-simple .dropdown-box {
	position: absolute;
	top: calc(100% + 10px);
	display: flex;
	flex-direction: column;
	gap: 5px;
	background: var(--white);
	width: max-content;
	padding: 15px;
	color: var(--black);
	border: 1px solid var(--border);
	border-radius: var(--radius-small);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.dropdown-simple.active > .dropdown-box {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}
/* CODE 01: hover пунктів простого дропдауна */
.dropdown-simple .dropdown-box a:hover {
	text-decoration: underline;
}
/* Dropdown Simple - End */

/* Dropdown Complex - Start */
.dropdown-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
	color: var(--white);
	cursor: pointer;
	margin-top: 2px;
}
.dropdown-wrapper > .current-choise {
	color: var(--white);
}
.dropdown-wrapper > .dropdown-icon {
	min-width: 9px;
	width: 9px;
	height: 9px;
	object-fit: contain;
	filter: invert(1);
	margin-top: -2px;
}
.dropdown-wrapper > .dropdown-box {
	position: absolute;
	bottom: -81px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	background: var(--white);
	width: 85px;
	padding: 10px;
	color: var(--black);
	border: 1px solid var(--border);
	border-radius: var(--radius-small);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.dropdown-wrapper.active > .dropdown-box {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}
.dropdown-wrapper > .dropdown-box .item-switch {
	display: flex;
	justify-content: space-between;
	gap: 5px;
	color: var(--black);
}
/* CODE 01: hover + активний вибір */
.dropdown-wrapper .item-switch:hover {
	color: var(--dark-gray);
}
.dropdown-wrapper .item-switch.active {
	font-weight: 600;
}
/* Dropdown Complex - End */

/* Мегаменю - Start */
.mega-menu-wrapper {
	position: relative;
}
.mega-menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 0%;
	height: 0%;
	background: transparent;
	opacity: 0;
	z-index: -1;
	pointer-events: none;
}
.mega-menu-wrapper.active + .mega-menu-overlay {
	width: 100%;
	height: 100%;
	pointer-events: all;
}
.mega-menu {
	display: flex;
	align-items: center;
	gap: 5px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.mega-menu li {
	position: relative;
}
.mega-menu > li {
	padding-left: 20px;
}

/* Основное меню */
.mega-menu > li > a {
	display: flex;
	align-items: center;
	gap: 8px;
	transition: all 0.5s ease;
}

.mega-menu > li > a:hover {
	color: var(--primary);
}

.mega-menu .menu-arrow {
	transition: transform 0.5s ease;
}

.mega-menu > li.menu-open .menu-arrow {
	transform: rotate(180deg);
}

/* Подменю первого уровня - скрыто по умолчанию */
.mega-menu > li > .sub-menu.level-1 {
	position: absolute;
	top: 53px;
	left: 0;
	width: 300px;
	padding: 0px;
	background: var(--white);
	border: 1px solid var(--border);
	border-top: none;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.5s ease;
	z-index: 1000;
	list-style: none;
	margin: 0;
	pointer-events: none;
}

/* Показываем подменю первого уровня при наведении */
.mega-menu > li.menu-open > .sub-menu.level-1 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: all;
}

/* Элементы первого уровня подменю */
.mega-menu .level-1-item:last-child {
	margin-bottom: 0;
}

.mega-menu .level-1-item > a {
	display: block;
	padding: 20px;
	transition: all 0.5s ease;
}

.mega-menu .level-1-item > a:hover {
	background: var(--primary);
	color: var(--white);
}

/* Подменю второго уровня - скрыто по умолчанию */
.mega-menu .level-1-item > .sub-menu.level-2 {
	position: fixed;
	top: 0px;
	left: calc(100% + 1px);
	width: 300px;
	padding: 0px;
	background: var(--white);
	margin-left: 30px;
	border: 1px solid var(--border);
	border-left: none;
	border-top: none;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
	z-index: 1001;
	list-style: none;
	margin: 0;
}

/* Показываем подменю второго уровня при наведении */
.mega-menu .level-1-item:hover > .sub-menu.level-2 {
	opacity: 1;
	visibility: visible;
}

/* Элементы второго уровня подменю */
.mega-menu .level-2-item {
	position: relative;
}

.mega-menu .level-2-item:last-child {
	margin-bottom: 0;
}

.mega-menu .level-2-item > a {
	display: block;
	padding: 20px;
	transition: all 0.5s ease;
}

.mega-menu .level-2-item > a:hover {
	color: var(--black);
}

/* Подменю третьего уровня и далее - ВСЕГДА ВИДИМЫ внутри родителя */
.mega-menu .sub-menu.level-3-plus {
	position: static;
	background: transparent;
	box-shadow: none;
	padding: 0;
	margin-top: 0px;
	margin-left: 20px;
	opacity: 1;
	visibility: visible;
	transition: none;
	list-style: none;
}

/* Элементы третьего уровня и далее */
.mega-menu .level-3-plus-item {
	margin-bottom: 8px;
	position: relative;
	padding-left: 15px;
}

.mega-menu .level-3-plus-item:before {
	content: "–";
	position: absolute;
	left: 0;
	top: 0;
	color: var(--black);
}

.mega-menu .level-3-plus-item:last-child {
	margin-bottom: 0;
}

.mega-menu .level-3-plus-item > a {
	display: block;
	transition: all 0.5s ease;
}

.mega-menu .level-3-plus-item > a:hover {
	color: var(--black);
}

/* Вложенные уровни 4+ */
.mega-menu .level-3-plus .sub-menu.level-3-plus {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

/* Зображення для меню */
.menu-item-image {
	position: fixed;
	top: 0;
	left: calc(100%);
	width: 300px;
	border: 1px solid var(--border);
	border-left: none;
	border-top: none;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
}
.sub-menu.level-2 + .menu-item-image {
	left: calc(200%);
}
.mega-menu .level-1-item:hover .menu-item-image {
	opacity: 1;
	visibility: visible;
}

.menu-item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Убираем переполнение */
.mega-menu .sub-menu {
	max-height: calc(100vh - 200px);
	overflow-y: visible;
}

/* Кастомный скролбар */
.mega-menu .sub-menu::-webkit-scrollbar {
	width: 4px;
}

.mega-menu .sub-menu::-webkit-scrollbar-track {
	background: transparent;
}

.mega-menu .sub-menu::-webkit-scrollbar-thumb {
	background: var(--gray);
	border-radius: var(--radius-small);
}

.mega-menu .sub-menu::-webkit-scrollbar-thumb:hover {
	background: var(--dark-gray);
}

@media (max-width: 1680px) {
	.mega-menu > li > .sub-menu.level-1 {
		top: 53px;
	}
}
/* Мегаменю - End */

/* Catalog Lightbox - Start */
.catalog-lightbox-wrapper {
	position: relative;
	top: 0;
	left: 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	padding: 0;
	z-index: 0;
	opacity: 0;
	transition: all 0.5s ease-in-out;
	pointer-events: none;
}
.catalog-lightbox-wrapper.ready {
	position: fixed;
	z-index: 99999;
}
.catalog-lightbox-wrapper.active {
	pointer-events: all;
	opacity: 1;
}
.catalog-lightbox-wrapper .lightbox-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(65, 65, 65, 0);
	opacity: 0;
	transition: all 0.5s ease-in-out;
	pointer-events: none;
	z-index: 110;
}
.catalog-lightbox-wrapper.active .lightbox-background {
	pointer-events: all;
	opacity: 1;
}
.catalog-lightbox-wrapper .lightbox-section {
	padding: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	overflow: hidden;
	background: var(--white);
	border-radius: 0;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	max-width: calc(100% - 60px);
	margin-left: 30px;
}
.catalog-lightbox-wrapper .close-lightbox {
	display: none;
}
.catalog-lightbox-wrapper .lightbox-content {
	display: flex;
	width: 100%;
	height: 100%;
	min-height: 320px;
	max-height: calc(100dvh - var(--header-height) - 0px - 40px);
}
.catalog-lightbox-wrapper .catalog-container {
	display: flex;
	width: 100%;
	height: 100%;
}

/* Лівий блок з категоріями - Start */
.catalog-lightbox-wrapper .categories-sidebar {
	display: flex;
	flex-direction: column;
	width: 300px;
	min-width: 300px;
	height: 100%;
	max-height: 750px;
	border-right: 1px solid var(--border);
	overflow-y: auto;
	padding: 20px 0;
}
.catalog-lightbox-wrapper .category-item {
	position: relative;
	display: flex;
	align-items: center;
	padding: 10px 20px;
	transition: all 0.3s ease;
	cursor: pointer;
}
.catalog-lightbox-wrapper .category-item:hover {
	background: var(--light-gray);
}
.catalog-lightbox-wrapper .category-item.active {
	background: var(--light-gray);
}
.catalog-lightbox-wrapper .category-link {
	display: flex;
	align-items: center;
	gap: 15px;
	flex: 1;
	text-decoration: none;
}
.catalog-lightbox-wrapper .category-image {
	width: 50px;
	height: 50px;
	min-width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.catalog-lightbox-wrapper .category-image img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border-radius: 3px;
}
.catalog-lightbox-wrapper .category-placeholder img {
	filter: brightness(0) invert(0.7);
}
.catalog-lightbox-wrapper .category-name {
	font-family: var(--font-family-1);
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: var(--black);
}
.catalog-lightbox-wrapper .category-arrow {
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(90deg);
	transition: all 0.3s ease;
}
.catalog-lightbox-wrapper .category-item:hover .category-arrow,
.catalog-lightbox-wrapper .category-item.active .category-arrow {
	transform: rotate(0deg);
}
.catalog-lightbox-wrapper .category-arrow img {
	width: 12px;
	height: 12px;
	object-fit: contain;
	filter: brightness(0);
}
.category-item[data-category-id="15"] {
	display: none !important;
}

@media (max-width: 1680px) {
	.catalog-lightbox-wrapper .category-item {
		padding: 10px 20px;
	}
}
/* Лівий блок з категоріями - End */

/* Правий блок з підкатегоріями - Start */
.catalog-lightbox-wrapper .subcategories-panel {
	width: 100%;
	height: 100%;
	max-height: 600px;
	background: var(--white);
	overflow-y: auto;
	padding: 0;
	border-left: 1px solid var(--border);
	margin-left: -1px;
}
.catalog-lightbox-wrapper .subcategories-content {
	display: none;
	flex-wrap: wrap;
	gap: 20px;
	padding: 35px 25px;
}
.catalog-lightbox-wrapper .subcategories-content.active {
	display: flex;
}
.catalog-lightbox-wrapper .subcategory-group {
	display: flex;
	flex-direction: column;
	gap: 0px;
	width: calc(100% / 4 - 20px * 4 / 3);
}
.catalog-lightbox-wrapper .subcategory-level-2 {
	font-family: var(--font-family-1);
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	color: var(--black);
	text-decoration: none;
	transition: all 0.3s ease;
}
.catalog-lightbox-wrapper .subcategory-level-2:hover {
	color: var(--primary);
}
.catalog-lightbox-wrapper .subcategory-level-3 {
	font-family: var(--font-family-1);
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: var(--dark-gray);
	text-decoration: none;
	transition: all 0.3s ease;
}
.catalog-lightbox-wrapper .subcategory-level-3:hover {
	color: var(--black);
}

/* Scrollbar стилі */
.catalog-lightbox-wrapper .categories-sidebar::-webkit-scrollbar,
.catalog-lightbox-wrapper .subcategories-panel::-webkit-scrollbar {
	width: 6px;
}
.catalog-lightbox-wrapper .categories-sidebar::-webkit-scrollbar-track,
.catalog-lightbox-wrapper .subcategories-panel::-webkit-scrollbar-track {
	background: var(--light-gray);
}
.catalog-lightbox-wrapper .categories-sidebar::-webkit-scrollbar-thumb,
.catalog-lightbox-wrapper .subcategories-panel::-webkit-scrollbar-thumb {
	background: var(--gray);
	border-radius: var(--radius-small);
}
.catalog-lightbox-wrapper .categories-sidebar::-webkit-scrollbar-thumb:hover,
.catalog-lightbox-wrapper .subcategories-panel::-webkit-scrollbar-thumb:hover {
	background: var(--dark-gray);
}
/* Правий блок з підкатегоріями - End */

/* Catalog Lightbox - End */

/* === 04-reviews.css === */
/* ============================================
   Reviews — картки відгуків, повний текст,
   форма відгуку, фото, YouTube
   ============================================ */

/* Review Cards - Start */
.review-card {
	background: var(--light-gray);
	border-radius: var(--radius-small);
	padding: 20px;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	position: relative;
}

/* Шапка карточки отзыва */
.review-card .review-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
}

.review-card .review-meta {
	display: flex;
	align-items: flex-start;
	flex-direction: column-reverse;
	width: 100%;
	gap: 5px;
}
.review-card .review-author {
	display: block;
	font-family: var(--font-family-2);
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.review-card .review-date {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: var(--dark-gray);
}

/* Информация о товаре в отзыве */
.review-card .review-product-info {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--border);
}

.review-card .product-link {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: var(--primary);
	text-decoration: none;
	transition: all 0.3s ease;
}

.review-card .product-link:hover {
	text-decoration: underline;
}

/* Контент отзыва */
.review-card .review-content {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.review-card .review-text {
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.review-card .read-more-review {
	display: inline-block;
	font-family: var(--font-family-2);
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	font-weight: 500;
	margin-bottom: 10px;
	transition: all 0.3s ease;
}

/* Фотографии в карточке отзыва */
.review-card .review-photos {
	margin-top: auto;
}

.review-card .review-photos-grid {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.review-card .review-photo-thumb,
.review-youtube-thumb {
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: var(--radius-small);
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s ease;
}

.review-card .review-photo-thumb:hover,
.review-youtube-thumb:hover {
	opacity: 0.8;
	transform: scale(1.05);
	border-color: var(--primary);
}

.review-card .review-photo-thumb img,
.review-card .review-youtube-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Рейтинг в карточке */
.review-card .star-rating {
	display: flex;
	gap: 3px;
	font-size: 20px;
	line-height: 20px;
}

.review-card .star {
	color: var(--gray);
	cursor: default;
}

.review-card .star.filled {
	color: var(--black);
}

/* Модификатор для больших звезд (страница товара) */
.review-card-slider .star-rating {
	font-size: 28px;
	line-height: 25px;
}

.review-card-slider .star.filled {
	color: var(--black);
}

/* Модификаторы для разных контекстов */
.review-card.review-card-slider {
	height: 100%;
}

.review-card.review-card-slider .review-text {
	-webkit-line-clamp: 6;
}

.reviews-grid .review-card {
	width: calc(100% / 4 - var(--blocks-indent) * 3 / 4);
}

.review-card.hidden {
	display: none;
}

.review-card .read-more-review.expanded {
	color: var(--primary);
}

.review-card .review-text {
	transition: all 0.3s ease;
}

.review-card-slider .review-text.expanded {
	-webkit-line-clamp: unset;
	display: block;
}

/* YouTube видео в карточках отзывов */
.youtube-play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	pointer-events: none;
	transition: all 0.3s ease;
}
.youtube-play-icon svg {
	width: 20px;
	height: 20px;
}

.review-youtube-thumb:hover .youtube-play-icon {
	transform: translate(-50%, -50%) scale(1.1);
}

/* YouTube лайтбокс */
.youtube-video-lightbox .lightbox-section {
	padding: 0 !important;
}
.youtube-video-lightbox .lightbox-section .close-lightbox {
	background: rgb(255 255 255 / 50%);
	z-index: 10;
	transition: all 0.3s ease;
}
.youtube-video-lightbox .lightbox-section .close-lightbox:hover {
	background: rgb(255 255 255 / 100%);
}

.youtube-video-lightbox .youtube-lightbox-content {
	padding: 0;
	overflow: visible;
}

.youtube-video-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
	height: 0;
	overflow: hidden;
	border-radius: var(--radius-small);
	background: #000;
}

.youtube-video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	border-radius: var(--radius-small);
}

@media (max-width: 1279px) {
	.youtube-video-lightbox .lightbox-section {
		padding: 20px;
		width: 95%;
	}
}

/* YouTube видео в информере полного отзыва */
.review-full-youtube {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid var(--border);
}

.review-full-youtube-container {
	position: relative;
	width: 100%;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: var(--radius-medium);
	overflow: hidden;
	background: #000;
}

.review-full-youtube-container iframe {
	width: 100%;
	height: 100%;
	border: none;
}

/* Форма - поле YouTube */
.youtube-upload-section {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.youtube-upload-label {
	display: block;
	font-family: var(--font-family-2);
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 5px;
}

.youtube-input {
	width: 100%;
}

.youtube-info {
	font-size: 12px;
	line-height: 16px;
	color: var(--dark-gray);
}

.youtube-preview-container {
	display: none;
	margin-top: 10px;
}

.youtube-preview-container.active {
	display: block;
}

.youtube-preview-item {
	position: relative;
	width: 100%;
	max-width: 100px;
	overflow: hidden;
	border-radius: var(--radius-small);
}

.youtube-preview-item img {
	width: 100%;
	height: auto;
	display: block;
}

.youtube-preview-remove {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.youtube-preview-remove:hover {
	background: rgba(0, 0, 0, 0.9);
	transform: scale(1.1);
}

.youtube-preview-remove::before,
.youtube-preview-remove::after {
	content: "";
	position: absolute;
	width: 9px;
	height: 1px;
	background: white;
}

.youtube-preview-remove::before {
	transform: rotate(45deg);
}

.youtube-preview-remove::after {
	transform: rotate(-45deg);
}

.youtube-preview-play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	pointer-events: none;
}
.youtube-preview-play-icon svg {
	width: 20px;
	height: 20px;
}

/* Review Cards Responsive */
@media (max-width: 1279px) {
	.youtube-lightbox-close {
		top: -40px;
		width: 35px;
		height: 35px;
	}

	.youtube-lightbox-close::before,
	.youtube-lightbox-close::after {
		width: 25px;
	}
}

@media (max-width: 1680px) {
	.reviews-grid .review-card {
		width: calc(100% / 3 - var(--blocks-indent) * 2 / 3);
		padding: 25px;
	}

	.review-card .review-author {
		font-size: 16px;
		line-height: 22px;
	}
}

@media (max-width: 1279px) {
	.reviews-grid .review-card {
		width: 100%;
		padding: 20px;
	}

	.review-card .review-header {
		margin-bottom: 15px;
	}

	.review-card .review-person {
		width: 40px;
		height: 40px;
		min-width: 40px;
	}

	.review-card .review-text {
		font-size: 14px;
		line-height: 22px;
		-webkit-line-clamp: 4;
	}

	.review-card .review-photos-grid {
		gap: 5px;
	}

	.review-card .review-photo-thumb,
	.review-youtube-thumb {
		width: 40px;
		height: 40px;
	}

	.review-card .star-rating {
		font-size: 18px;
	}
}
/* Review Cards - End */

/* Информер для полного текста отзыва - Start */

/* Шапка информера */
.review-full-header {
	display: flex;
	gap: 20px;
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--border);
}

.review-full-avatar {
	width: 60px;
	height: 60px;
	min-width: 60px;
	border-radius: var(--radius-max);
	overflow: hidden;
	background: var(--light-gray);
}

.review-full-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.review-full-meta {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.review-full-author {
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
}

.review-full-date {
	font-size: 14px;
	line-height: 20px;
	color: var(--dark-gray);
}

/* Контент информера */
.review-full-content {
	font-size: 16px;
	line-height: 26px;
	max-height: 400px;
	overflow-y: auto;
	padding-right: 10px;
}
.review-full-rating {
	display: flex;
	gap: 3px;
	font-size: 22px;
	line-height: 22px;
}
.review-full-rating .star {
	color: var(--gray);
}
.review-full-rating .star.filled {
	color: var(--black);
}

/* Фотографии в информере */
.review-full-photos {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid var(--border);
}
.review-full-photos .review-photos-grid {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.review-full-photos .review-photo-thumb {
	width: 100px;
	height: 100px;
	border-radius: var(--radius-medium);
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s ease;
}

.review-full-photos .review-photo-thumb:hover {
	opacity: 0.9;
	transform: scale(1.05);
	border-color: var(--primary);
}

.review-full-photos .review-photo-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 1279px) {
	.review-full-header {
		display: flex;
		flex-direction: column;
		gap: 5px;
		margin-bottom: 20px;
		padding-bottom: 15px;
	}

	.review-full-avatar {
		width: 50px;
		height: 50px;
		min-width: 50px;
	}

	.review-full-author {
		font-size: 18px;
		line-height: 24px;
	}

	.review-full-content {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 0;
		max-height: calc(100dvh - 380px);
	}

	.review-full-rating {
		font-size: 20px;
	}

	.review-full-photos .review-photo-thumb {
		width: 50px;
		height: 50px;
	}
}
/* Информер для полного текста отзыва - End */

/* Форма отзыва (для лайтбокса) - Start */
.form-lightbox-wrapper.store-review-form .lightbox-section {
	max-width: 730px;
}

.form-lightbox-wrapper.store-review-form .form-head {
	margin-bottom: 30px;
	text-align: center;
}

.form-lightbox-wrapper.store-review-form .form-head .h2 {
	margin-bottom: 10px;
}

.form-lightbox-wrapper.store-review-form .form-head p {
	font-size: 16px;
	line-height: 24px;
	color: var(--dark-gray);
}

/* Рейтинг в форме */
.rating-section {
	width: 220px !important;
	margin-bottom: 25px;
}

.rating-section label {
	display: block;
	font-family: var(--font-family-2);
	margin-bottom: 10px;
}

.stars-rating {
	display: flex;
	gap: 5px;
}

.stars-rating .star {
	font-size: 32px;
	color: var(--border);
	cursor: pointer;
	transition: all 0.3s ease;
}

.stars-rating .star:hover,
.stars-rating .star.active {
	color: var(--black);
	transform: scale(1.1);
}

/* Загрузка фото в форме */
.photo-upload-section {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-bottom: 25px;
}

.photo-upload-label {
	display: none;
	font-family: var(--font-family-2);
	margin-bottom: 10px;
}
.btn.photo-upload-btn {
	height: 35px;
	padding: 0 18px;
}

.photo-upload-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	margin-left: 50px;
}

#file-upload,
#store-review-photos,
#review-photos {
	display: none;
}

.photo-info {
	max-width: 170px;
	color: var(--dark-gray);
}

/* Превью загруженных фото */
.photo-preview,
.photo-preview-container,
#photo-preview,
#store-photo-preview {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 15px;
}

.photo-preview-container,
#store-photo-preview {
	position: absolute;
	top: 60px;
	display: flex;
	justify-content: flex-end;
	min-width: 150px;
}

.photo-preview-item {
	position: relative;
	width: 78px;
	height: 78px;
	border-radius: var(--radius-small);
	overflow: hidden;
}

.photo-preview-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.photo-preview-item .remove-photo,
.photo-preview-item .photo-preview-remove {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 24px;
	height: 24px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: var(--radius-max);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.photo-preview-item .remove-photo:hover,
.photo-preview-item .photo-preview-remove:hover {
	background: rgba(0, 0, 0, 0.9);
	transform: scale(1.1);
}

.photo-preview-item .remove-photo::before,
.photo-preview-item .remove-photo::after,
.photo-preview-item .photo-preview-remove::before,
.photo-preview-item .photo-preview-remove::after {
	content: "";
	position: absolute;
	width: 12px;
	height: 2px;
	background: white;
}

.photo-preview-item .remove-photo::before,
.photo-preview-item .photo-preview-remove::before {
	transform: rotate(45deg);
}

.photo-preview-item .remove-photo::after,
.photo-preview-item .photo-preview-remove::after {
	transform: rotate(-45deg);
}
.review-success-message {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: center;
	text-align: center;
	max-width: 510px;
	margin: 30px auto;
}
@media (max-width: 1279px) {
	.photo-upload-wrapper {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		margin-left: 0;
	}

	.photo-upload-btn {
		width: 100%;
		justify-content: center;
	}

	.photo-preview,
	.photo-preview-container,
	#photo-preview,
	#store-photo-preview {
		position: relative;
		top: 0;
		width: 100% !important;
		gap: 8px;
	}

	.photo-preview-item {
		width: 80px;
		height: 80px;
	}

	.photo-preview-item .remove-photo,
	.photo-preview-item .photo-preview-remove {
		width: 20px;
		height: 20px;
	}

	.photo-preview-item .remove-photo::before,
	.photo-preview-item .remove-photo::after,
	.photo-preview-item .photo-preview-remove::before,
	.photo-preview-item .photo-preview-remove::after {
		width: 10px;
	}
	.photo-upload-section {
		width: 100% !important;
		justify-content: flex-start;
		margin-bottom: 15px;
	}
}
/* Форма отзыва (для лайтбокса) - End */

/* === 05-cart-wishlist.css === */
/* Shop List (Cart & Wishlist) - Універсальні стилі
================================================== */
:root {
	--shop-list-width: 760px;
	--shop-list-padding: 30px;
	--shop-list-mobile-width: 100vw;
	--shop-list-mobile-padding: 20px 10px 20px 20px;
}

/* Загальні стилі лайтбоксів
========================== */
.shop-list-lightbox .lightbox-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.shop-list-lightbox.active .lightbox-background {
	opacity: 1;
	visibility: visible;
}

.shop-list-lightbox .lightbox-section {
	position: fixed;
	top: 0;
	right: -120vw;
	width: var(--shop-list-width);
	height: 100dvh;
	max-height: 100dvh;
	margin-top: 0;
	padding: var(--shop-list-padding);
	background: var(--white);
	z-index: 9999;
	transition: right 0.3s ease;
	overflow-y: auto;
	border-radius: 0;
}

.shop-list-lightbox.active .lightbox-section {
	right: 0;
}

.shop-list-lightbox .lightbox-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	max-height: 100%;
}

/* Кнопка закриття
================ */
.shop-list-lightbox .close-lightbox {
	position: absolute;
	top: var(--shop-list-padding);
	right: var(--shop-list-padding);
	padding: 0;
	background: transparent;
	border-radius: 0;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 1;
}
.shop-list-lightbox .close-lightbox img {
	width: 28px;
	height: 28px;
}

/* Хедер
====== */
.shop-list-lightbox .shop-list-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	padding-right: 45px;
}

.shop-list-lightbox .form-head {
	display: flex;
	align-items: center;
	gap: 15px;
}

.shop-list-lightbox .form-head img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.shop-list-lightbox .form-head .h2 {
	margin: 0;
	font-size: 24px;
	line-height: 28px;
}

/* Тіло списку
=========== */
.shop-list-lightbox .shop-list-body {
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	flex-grow: 1;
	padding-right: 10px;
}

.shop-list-lightbox .shop-list-items {
	display: flex;
	flex-direction: column;
	margin-bottom: 25px;
}
.shop-list-lightbox.wishlist-lightbox .shop-list-items {
	overflow: auto;
}
.shop-list-lightbox .shop-list-items .product-item__quantity {
	margin-top: 5px;
}
.shop-list-lightbox.wishlist-lightbox .shop-list-items .product-item__quantity {
	margin-top: 0px;
}
/* CODE 01: розділювач міні-карток у списку (кошик/вішліст) */
.shop-list-items .product-item {
	border-bottom: 1px solid var(--border);
}
.shop-list-items .product-item:last-child {
	border-bottom: none;
}

/* Порожній список
=============== */
.shop-list-lightbox .shop-list-empty-message {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	height: 100%;

}
.shop-list-lightbox .shop-list-empty-message p {
	font-size: 16px;
	color: var(--dark-gray);
	margin: 0;
	text-align: center;
}

/* Футер (тільки для корзини)
========================== */
.shop-list-lightbox .shop-list-footer {
	margin-top: auto;
	border-top: 1px solid var(--border);
}

/* Кнопки дій
=========== */
.shop-list-lightbox .shop-list-actions {
	display: flex;
	gap: 10px;
}

.shop-list-lightbox .shop-list-actions .btn {
	width: 100%;
	justify-content: center;
	height: 50px;
}

.shop-list-lightbox .shop-list-actions .btn img {
	width: 20px;
	height: 20px;
	margin-right: 8px;
}

/* Стани завантаження
================== */
.shop-list-lightbox .shop-list-loading {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	z-index: 10;
	justify-content: center;
	align-items: center;
}

.shop-list-lightbox.loading .shop-list-loading {
	display: flex;
}

.shop-list-lightbox .loader-spinner {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 4px solid var(--light-gray);
	border-top: 4px solid var(--primary);
	animation: spin 0.8s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.shop-list-lightbox.loading .shop-list-body {
	opacity: 0.6;
	pointer-events: none;
}

/* Upsell Block - Start */
.shop-list-lightbox .shop-list-upsell-wrapper {
	position: relative;
	margin-top: auto;
	padding-top: 25px;
	margin-bottom: 2px;
	border-top: 1px solid var(--border);
}

.shop-list-lightbox .shop-list-upsell-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.shop-list-lightbox .shop-list-upsell-header .h3 {
	font-size: 20px;
	line-height: 24px;
	color: var(--black);
	margin: 0;
}
.shop-list-upsell-products .options-group {
	display: none;
}
.shop-list-lightbox .swiper-buttons.outside {
	top: 27px;
}
.shop-list-lightbox .shop-list-upsell-header .upsell-swiper-buttons {
	margin: 0;
	gap: 8px;
}

.shop-list-lightbox .shop-list-upsell-header .upsell-swiper-buttons > * {
	width: 32px;
	height: 32px;
}

.shop-list-lightbox .shop-list-upsell-products {
	position: relative;
}
.shop-list-lightbox .shop-list-upsell-products:not(.has-slider) {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.shop-list-lightbox .shop-list-upsell-products:not(.has-slider) .product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: calc(25% - 15px * 3 / 4);
}
.shop-list-lightbox .shop-list-upsell-products .product-card .product-title {
	font-size: 14px;
	line-height: 16px;
	height: 32px;
	margin: 8px 0;
}

.shop-list-lightbox .shop-list-upsell-products .product-card .product-tags-or-badges {
	top: 8px;
	left: 8px;
}
.shop-list-lightbox .shop-list-upsell-products .product-card .action-items {
	display: none;
}

.shop-list-lightbox .shop-list-upsell-products .product-card .product-item__price { 
	font-size: 14px; 
	line-height: 14px; 
	margin-bottom: 8px; 
}
.shop-list-lightbox .shop-list-upsell-products .product-card .btn {
	position: relative;
	bottom: initial;
	right: initial;
	width: 100%;
	font-size: 12px;
}
.shop-list-lightbox .shop-list-upsell-products .product-card {
	width: auto;
}
.shop-list-lightbox .shop-list-upsell-products .product-card .option-block {
	gap: 6px;
}
.shop-list-lightbox .shop-list-upsell-products .product-card .option-block span.option-value {
	font-size: 12px;
	line-height: 12px;
}
.shop-list-lightbox .shop-list-upsell-products .product-card .add-to-cart-wrapper {
	margin-top: 20px;
}
.shop-list-lightbox .shop-list-upsell-products .product-card .variation-warning {
	width: fit-content;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
}
.shop-list-upsell-wrapper .popup-header {
	margin-bottom: 5px;
}
.shop-list-upsell-wrapper .popup-header h4 {
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
}
.shop-list-upsell-wrapper .variation-popup-content {
	padding: 10px;
}
.shop-list-upsell-wrapper .variation-popup-content .variation-attribute-row label {
	margin-bottom: 5px;
	font-size: 10px;
	line-height: 10px;
}
.shop-list-upsell-wrapper .variation-popup-content .variation-options {
	gap: 4px;
}
.shop-list-upsell-wrapper .variation-popup-content .variation-option {
	height: 21px;
	padding: 0 6px;
	font-size: 11px;
	line-height: 11px;
}
.shop-list-upsell-wrapper .variation-popup-content .btn {
	height: 30px !important;
}
.shop-list-upsell-wrapper .variation-popup-content .variation-info .variation-price {
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
}

/* Upsell Block - End */

/* Адаптив
======== */
@media (max-width: 768px) {
	.shop-list-lightbox .lightbox-section {
		width: var(--shop-list-mobile-width);
		right: -100%;
		padding: var(--shop-list-mobile-padding);
	}

	.shop-list-lightbox .close-lightbox {
		top: 20px;
		right: 20px;
		width: 32px;
		height: 32px;
	}

	.shop-list-lightbox .shop-list-header {
		margin-bottom: 20px;
		padding-right: 40px;
	}

	.shop-list-lightbox .form-head .h2 {
		font-size: 20px;
		line-height: 24px;
	}
	.shop-list-lightbox .shop-list-body {
		padding-right: 0;
	}
	.shop-list-lightbox .lightbox-content {
		padding-right: 10px;
	}
	.shop-list-lightbox .shop-list-footer {
		padding-top: 20px;
	}

	.shop-list-lightbox .cart-subtotal {
		font-size: 16px;
	}

	.shop-list-lightbox .shop-list-actions .btn {
		height: 45px;
		font-size: 14px;
	}

	.cart-lightbox .continue-shopping {
		display: none;
	}
	.shop-list-lightbox .shop-list-upsell-products:not(.has-slider) .product-card {
		width: calc(50% - 15px * 1 / 2);
	}
	.shop-list-lightbox .shop-list-items .product-item__quantity {
		margin-top: 35px;
	}
}

/* Специфічні налаштування для корзини
=================================== */
.cart-lightbox {
	--products-in-col: 4;
	--products-indent-w: 15px;
}

@media (max-width: 768px) {
	.cart-lightbox {
		--products-in-col: 2;
	}
}

/* Лічильники — стилі в header.css (включає compare) */

















/* Інформаційний блок корзини (Скидки, Бонуси, Доставка)
====================================================== */
.cart-summary-info {
	margin-bottom: 20px;
}

.cart-summary-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	line-height: 1.4;
}

.cart-summary-item.cart-discounts {
	padding: 15px 0;
	border-bottom: 1px solid var(--border);
	flex-wrap: wrap;
}

/* Детализация скидок */
.discount-items-detail {
	width: 100%;
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px dashed var(--border);
}

.discount-detail-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2px 0;
	font-size: 12px;
	color: var(--dark-gray);
}

.discount-detail-name {
	flex: 1;
}

.discount-detail-amount {
	flex-shrink: 0;
	color: var(--accent, #e74c3c);
}

.cart-summary-label {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--black);
}

.cart-summary-label img {
	flex-shrink: 0;
}

.cart-summary-value {
	display: flex;
	align-items: center;
	gap: 6px;
}

/* Підсумкова сума */
.cart-total-line {
	padding: 15px 0 5px;
}

.cart-total-line .cart-summary-label {
	font-size: 18px;
	color: var(--black);
}

.cart-total-line .cart-summary-value {
	font-size: 20px;
	color: var(--accent);
}

/* Блок бонусів */
.cart-bonuses .cart-summary-value {
	color: #27ae60;
}

.info-tooltip {
	background: none;
	border: none;
	padding: 0;
	cursor: help;
	opacity: 0.6;
	transition: opacity 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.info-tooltip:hover {
	opacity: 1;
}

/* Прогрес безкоштовної доставки */
.cart-shipping-progress {
	flex-direction: column;
	align-items: stretch;
	padding: 15px 0;
	gap: 12px;
}

.shipping-progress-text {
	font-size: 14px;
	text-align: left;
}

.shipping-progress-bar {
	width: 100%;
}

.progress-track {
	position: relative;
	height: 8px;
	background: var(--border);
	border-radius: 4px;
	margin-top: 5px;
	overflow: visible;
}

.progress-fill {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: linear-gradient(90deg, var(--black), var(--gray));
	border-radius: 4px;
	transition: width 0.4s ease;
}

.progress-indicator {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 16px;
	height: 16px;
	background: var(--white);
	border: 2px solid var(--black);
	border-radius: 50%;
	transition: left 0.4s ease;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.progress-indicator.reached {
	border-color: #27ae60;
}

.progress-label {
	position: absolute;
	top: -22px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 11px;
	font-weight: 600;
	color: var(--black);
	white-space: nowrap;
	background: #fff;
	padding: 2px 6px;
	border-radius: 3px;
	transition: all 0.3s ease;
}
.reached .progress-label {
	display: none;
}

.progress-labels {
	display: flex;
	justify-content: space-between;
	font-size: 11px;
	color: var(--dark-gray);
}

/* Адаптив для інформаційного блоку */
@media (max-width: 768px) {
	.cart-summary-info {
		margin-bottom: 15px;
	}

	.cart-summary-item {
		padding: 8px 0;
		font-size: 13px;
	}

	.cart-summary-label img {
		width: 14px;
		height: 14px;
	}

	.cart-total-line .cart-summary-label {
		font-size: 16px;
	}

	.cart-total-line .cart-summary-value {
		font-size: 18px;
	}

	.shipping-progress-text {
		font-size: 12px;
	}

	.progress-label {
		font-size: 10px;
		top: -26px;
		padding: 2px 4px;
	}
}

/* === 06-helpers.css === */
/* ============================================
   Helpers — scroll-to-top, FAQ, list-check,
   confirm, notifications, fly-to-cart, admin bar
   ============================================ */

#compare-notification {
	display: none!important;
}

/* List Check - Start */
.list-check {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.list-check-item {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}
.list-check-item img {
	position: relative;
	top: 5px;
	min-width: 18px;
	width: 18px;
	height: 18px;
	object-fit: contain;
}
/* List Check - End */

/* Scroll to Top - Start */
#scrollToTopBtn {
	display: none;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	bottom: 64px;
	right: 64px;
	z-index: 999;
	cursor: pointer;
	height: 60px;
	width: 60px;
	padding: 0px;
	border-radius: var(--radius-max);
	background-color: var(--primary);
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease;
}
#scrollToTopBtn svg {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	transition: all 0.3s ease;
}
#scrollToTopBtn svg path {
	stroke: var(--primary-match);
}
#scrollToTopBtn.active {
	opacity: 1;
	pointer-events: all;
}
#scrollToTopBtn:hover {
	background-color: var(--accent);
}
#scrollToTopBtn:hover svg path {
	stroke: var(--accent-match);
}
@media (max-width: 1279px) {
	#scrollToTopBtn {
		width: 56px;
		height: 56px;
		right: 20px;
		bottom: 15px;
	}
}
/* Scroll to Top - End */

/* FAQ - Start */
section.faq {
	padding-top: 50px;
	padding-bottom: 100px;
}
section.faq .h2 {
	margin-bottom: 20px;
}
.faq-block {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding: 7px 7px 7px 15px;
	background: var(--light-gray);
	border-radius: var(--radius-small);
}
.faq-question span {
	font-weight: 600;
	margin-top: 2px;
	border-radius: var(--radius-small);
}
.faq-question i {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 34px;
	height: 34px;
	background: var(--primary);
	border-radius: var(--radius-small);
	transition: background 0.3s ease;
}
/* CODE 01: hover-стан питання — іконка-бокс темніє (мова primary->accent) */
.faq-question:hover i {
	background: var(--accent);
}
.faq-question i img {
	width: 14px;
	height: 14px;
	object-fit: contain;
	filter: var(--primary-filter-match);
	transform: rotate(90deg);
	transition: all 0.5s ease;
}
.faq-question.active i img {
	transform: rotate(270deg);
}
.faq-answer {
	display: none;
	padding: 7px 7px 7px 15px;
	margin-top: 10px;
	color: var(--dark-gray);
}
.answer-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.faq-answer.open {
	visibility: visible;
	max-height: 1000px;
	opacity: 1;
}
/* FAQ - End */

/* Product Fly to Cart - Start */
.cart-bounce {
	animation: cartBounce 0.3s ease-in-out;
}
@keyframes cartBounce {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
.flying-product {
	pointer-events: none;
	transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* Product Fly to Cart - End */

/* Site Confirm - Start */
.site-confirm-overlay {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.site-confirm-overlay.show {
	opacity: 1;
}
.site-confirm {
	background: #fff;
	border-radius: 12px;
	padding: 24px;
	max-width: 400px;
	width: calc(100% - 40px);
	transform: scale(0.9);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.site-confirm-overlay.show .site-confirm {
	transform: scale(1);
}
.site-confirm__message {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px;
	text-align: center;
}
.site-confirm__buttons {
	display: flex;
	gap: 12px;
}
.site-confirm__buttons .btn {
	flex: 1;
}
/* Site Confirm - End */

/* Site Notifications - Start */
.site-notification {
	position: fixed;
	z-index: 99999;
	left: 50%;
	padding: 14px 24px;
	background: var(--black);
	color: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	font-size: 14px;
	line-height: 1.4;
	opacity: 0;
	transform: translateX(-50%) translateY(20px);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: none;
	max-width: calc(100vw - 40px);
}
.site-notification.show {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
	pointer-events: auto;
}
.site-notification.position-bottom {
	bottom: 30px;
}
.site-notification.position-top {
	top: 30px;
	transform: translateX(-50%) translateY(-20px);
}
.site-notification.position-top.show {
	transform: translateX(-50%) translateY(0);
}
.site-notification.success { background: #27ae60; }
.site-notification.error { background: #e74c3c; }
.site-notification.warning { background: #f39c12; }
.site-notification.info { background: #3498db; }
@media (max-width: 768px) {
	.site-notification {
		left: 20px;
		right: 20px;
		width: auto;
		max-width: none;
		transform: translateY(20px);
		text-align: center;
	}
	.site-notification.show {
		transform: translateY(0);
	}
	.site-notification.position-bottom {
		bottom: 20px;
	}
	.site-notification.position-top {
		top: 20px;
		transform: translateY(-20px);
	}
	.site-notification.position-top.show {
		transform: translateY(0);
	}
}
/* Site Notifications - End */

/* Other - Start */
.site-url:first-letter {
	text-transform: capitalize;
}
.woocommerce-notices-wrapper {
	display: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td {
	padding: 15px 15px 15px 5px;
}
/* Other - End */

/* For Admins - Start */
@media (min-width: 1280px) {
	html {
		margin-top: 0px !important;
	}
	#wpadminbar {
		position: absolute;
		top: calc(var(--header-height) * -1);
		background: var(--black);
		width: fit-content;
		height: 10px;
		line-height: 10px;
		z-index: 9999;
		opacity: 0.01;
		transition: all 0.3s ease;
	}
	#wpadminbar #wp-admin-bar-appearance {
		margin-top: 0;
	}
	#wpadminbar:hover {
		opacity: 1;
	}
	ul#wp-admin-bar-root-default {
		width: fit-content;
	}
	ul#wp-admin-bar-top-secondary {
		display: none !important;
	}
	#wpadminbar * {
		height: auto !important;
		line-height: 10px !important;
		font-size: 9px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	#wpadminbar .quicklinks a,
	#wpadminbar .quicklinks > ul,
	#wpadminbar .quicklinks > ul li {
		height: 10px !important;
	}
	#wpadminbar .ab-icon:before,
	#wpadminbar .ab-item:before {
		font-size: 10px;
		padding: 1px 0;
		top: 1px !important;
	}
	#wpadminbar .ab-top-secondary {
		position: absolute;
		right: 0;
		top: 0;
	}
	#adminbarsearch,
	#wp-admin-bar-search {
		display: none;
	}
	#wp-admin-bar-woocommerce-site-visibility-badge,
	.woocommerce-site-status-badge-live {
		display: none !important;
	}
	ul#wp-admin-bar-root-default {
		flex-direction: row !important;
	}
	ul#wp-admin-bar-new-content-default,
	ul#wp-admin-bar-user-actions {
		flex-direction: column !important;
		gap: 5px !important;
	}
}
@media (max-width: 1279px) {
	html {
		margin-top: 0px !important;
	}
	#wpadminbar {
		display: none;
	}
}
/* For Admins - End */

/* === 07-blog.css === */
/* ============================================
   Blog — post-card-mini
   ============================================ */

/* Post Card Mini - Start */
.post-card-mini {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: var(--white);
	border-radius: var(--radius-small);
	overflow: hidden;
	transition: all 0.3s ease;
	border: 1px solid var(--border);
}

.post-card-mini .post-image {
	position: relative;
	width: 100%;
	height: 320px;
	overflow: hidden;
}

.post-card-mini .post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.post-card-mini .post-content {
	display: flex;
	flex-direction: column;
	padding: 20px;
}
.post-card-mini .post-meta {
	margin-bottom: 10px;
}
.post-card-mini .post-date {
	font-family: var(--font-family-1);
	font-size: 12px;
	line-height: 14px;
	color: var(--gray);
	font-weight: 300;
}
.post-card-mini .post-title {
	margin-bottom: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
}
.post-card-mini .post-excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	color: var(--dark-gray);
	margin-top: auto;
}

@media (max-width: 1279px) {
	.post-card-mini .post-image {
		height: 180px;
	}

	.post-card-mini .post-content {
		padding: 15px;
	}

	.post-card-mini .post-title {
		font-size: 18px;
		line-height: 22px;
	}
}
/* Post Card Mini - End */