/* Kitchenu - Product action bar (Win11 cards, below gallery) */

.single-product .product-gallery-col > .col-inner {
	width: 100% !important;
}

.single-product .ku-action-bar {
	width: 100% !important;
	max-width: 100% !important;
	margin: 14px 0 0 !important;
	padding: 10px !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, 0.78) !important;
	border: 1px solid rgba(255, 255, 255, 0.95) !important;
	box-shadow:
		0 10px 30px rgba(15, 23, 42, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
	backdrop-filter: blur(18px) saturate(1.35);
	-webkit-backdrop-filter: blur(18px) saturate(1.35);
	box-sizing: border-box !important;
	direction: rtl !important;
	unicode-bidi: isolate;
}

.single-product .ku-action-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 10px !important;
	width: 100% !important;
	direction: rtl !important;
}

.single-product .ku-action-grid.ku-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.single-product .ku-action-item {
	min-width: 0 !important;
	display: flex !important;
}

.single-product .ku-action-item > a,
.single-product .ku-action-item > .htcompare-button-area,
.single-product .ku-action-item .htcompare-button-area {
	width: 100% !important;
	display: flex !important;
	min-width: 0 !important;
}

.single-product .ku-action-btn,
.single-product .ku-action-item .htcompare-btn {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	min-height: 92px !important;
	padding: 12px 8px !important;
	border-radius: 12px !important;
	font-family: 'Vazirmatn', Tahoma, sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.55 !important;
	text-align: center !important;
	text-decoration: none !important;
	border: 1px solid rgba(15, 23, 42, 0.08) !important;
	background: rgba(248, 250, 252, 0.92) !important;
	color: #1e293b !important;
	box-shadow:
		0 2px 8px rgba(15, 23, 42, 0.05),
		inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
	transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
	direction: rtl !important;
	unicode-bidi: plaintext;
}

.single-product .ku-action-btn svg,
.single-product .ku-action-item .htcompare-btn svg {
	width: 22px !important;
	height: 22px !important;
	flex-shrink: 0 !important;
}

.single-product .ku-action-btn span,
.single-product .ku-action-item .evercompare-btn-text {
	display: block !important;
	font-family: 'Vazirmatn', Tahoma, sans-serif !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
	color: inherit !important;
	direction: rtl !important;
	text-align: center !important;
	letter-spacing: 0 !important;
}

.single-product .ku-action-btn:hover,
.single-product .ku-action-item .htcompare-btn:hover {
	transform: translateY(-2px) !important;
	box-shadow:
		0 10px 22px rgba(15, 23, 42, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.single-product .ku-action-rules {
	background: rgba(239, 246, 255, 0.95) !important;
	color: #1d4ed8 !important;
	border-color: rgba(147, 197, 253, 0.55) !important;
}

.single-product .ku-action-rules:hover {
	background: rgba(219, 234, 254, 0.98) !important;
	border-color: #93c5fd !important;
}

.single-product .ku-action-video {
	background: rgba(255, 241, 242, 0.95) !important;
	color: #be123c !important;
	border-color: rgba(253, 164, 175, 0.55) !important;
}

.single-product .ku-action-video:hover {
	background: rgba(255, 228, 230, 0.98) !important;
	border-color: #fb7185 !important;
}

.single-product .ku-action-sales {
	background: rgba(236, 253, 245, 0.95) !important;
	color: #047857 !important;
	border-color: rgba(110, 231, 183, 0.55) !important;
}

.single-product .ku-action-sales:hover {
	background: rgba(209, 250, 229, 0.98) !important;
	border-color: #34d399 !important;
}

.single-product .ku-action-compare,
.single-product .ku-action-item .htcompare-btn {
	background: rgba(255, 251, 235, 0.95) !important;
	color: #b45309 !important;
	border-color: rgba(252, 211, 77, 0.55) !important;
}

.single-product .ku-action-compare:hover,
.single-product .ku-action-item .htcompare-btn:hover {
	background: rgba(254, 243, 199, 0.98) !important;
	border-color: #fbbf24 !important;
}

.single-product .ku-action-item .ever-compare-loader svg {
	width: 22px !important;
	height: 22px !important;
}

.single-product .ku-action-item .ku-compare-icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.single-product .ku-action-item .htcompare-btn.ku-action-compare .ever-compare-loader {
	display: none !important;
}

.single-product .ku-action-item .htcompare-btn .evercompare-btn-text {
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	background: transparent !important;
	width: auto !important;
}

.single-product .product-gallery-col p.ku-compare-source-hidden,
.single-product .product-gallery-col .ku-compare-source-hidden {
	display: none !important;
}

.single-product .product-gallery-col > .col-inner > p:has(> .htcompare-button-area):not(:has(.ku-action-bar)) {
	display: none !important;
}

.single-product .row.ku-product-actions-old {
	display: none !important;
}

/* Hidden source lightbox panels (content cloned into modal) */
.single-product #test.mfp-hide,
.single-product #est.mfp-hide,
.single-product #ku-product-video.mfp-hide {
	display: none !important;
}

/* Centered action modal (rules + sales contact) */
.ku-action-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 1000061;
	background: rgba(15, 23, 42, 0.9);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	align-items: center;
	justify-content: center;
	padding: calc(56px + env(safe-area-inset-top, 0px)) 16px calc(24px + env(safe-area-inset-bottom, 0px));
	box-sizing: border-box;
}

.ku-action-modal.ku-open {
	display: flex;
}

.ku-action-modal-card {
	width: min(96vw, 560px);
	max-height: calc(100vh - 96px);
	overflow: auto;
	border-radius: 18px;
	background: #ffffff;
	padding: 24px 20px;
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
	font-family: 'Vazirmatn', Tahoma, sans-serif;
	font-size: 14px;
	line-height: 1.9;
	color: #374151;
	direction: rtl;
	text-align: right;
	-webkit-overflow-scrolling: touch;
}

.ku-action-modal-card.ku-action-modal-sales {
	text-align: center;
}

.ku-action-modal-card .category-number-box {
	margin-bottom: 16px;
	padding: 14px 16px;
	border-radius: 14px;
	background: linear-gradient(145deg, #f0fdf4 0%, #ecfdf5 100%);
	border: 1px solid #a7f3d0;
}

.ku-action-modal-card .category-number-title {
	display: block;
	font-size: 15px;
	font-weight: 800;
	color: #065f46;
	margin-bottom: 10px;
}

.ku-action-modal-card .category-number-name {
	font-weight: 700;
	color: #334155;
}

.ku-action-modal-card .category-number-value {
	font-weight: 800;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	letter-spacing: 0.02em;
}

.ku-action-modal-card a[href^="tel:"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	padding: 10px 20px;
	border-radius: 999px;
	background: #065f46;
	color: #fff !important;
	font-weight: 700;
	text-decoration: none !important;
	direction: ltr;
	unicode-bidi: embed;
}

.ku-action-modal-close {
	position: absolute;
	top: calc(14px + env(safe-area-inset-top, 0px));
	left: 14px;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.ku-action-modal-close:hover {
	background: rgba(255, 255, 255, 0.22);
}

body.ku-action-modal-open {
	overflow: hidden !important;
}

body.ku-action-modal-open .mfp-wrap,
body.ku-action-modal-open .mfp-bg {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

@media (max-width: 849px) {
	.single-product .ku-action-grid,
	.single-product .ku-action-grid.ku-cols-3 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.single-product .ku-action-btn,
	.single-product .ku-action-item .htcompare-btn {
		min-height: 84px !important;
		padding: 10px 6px !important;
	}

	.single-product .ku-action-btn span,
	.single-product .ku-action-item .evercompare-btn-text {
		font-size: 10.5px !important;
	}
}

@media (max-width: 420px) {
	.single-product .ku-action-bar {
		padding: 8px !important;
	}

	.single-product .ku-action-grid {
		gap: 8px !important;
	}

	.ku-action-modal-card {
		padding: 20px 16px;
		border-radius: 16px;
	}
}