/* Qaem Toys: "شگفت‌انگیز" daily-deals strip on the homepage. */

.qt-amazing {
	--amz-brand: var(--qt-error);
	--amz-brand-dark: #93281C;
	--amz-card: var(--qt-bg-card);
	--amz-text: var(--qt-text);
	--amz-muted: var(--qt-text-muted);
	--amz-gap: 10px;
	--amz-per: 7;
	--amz-side: 190px;

	display: flex;
	align-items: stretch;
	gap: var(--amz-gap);
	padding: var(--amz-gap);
	border-radius: var(--qt-radius-xl);
	background: linear-gradient(135deg, #D8503E 0%, var(--amz-brand) 45%, var(--amz-brand-dark) 100%);
	color: #fff;
	box-sizing: border-box;
}
.qt-amazing *, .qt-amazing *::before, .qt-amazing *::after { box-sizing: border-box; }

/* ---------- Fixed column ---------- */
.qt-amazing__side {
	display: flex;
	flex: 0 0 var(--amz-side);
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding: 18px 12px;
	text-align: center;
}
.qt-amazing__icon { width: 72px; height: 72px; color: #fff; }
.qt-main .qt-amazing__title { margin: 0; color: #fff; font-size: 26px; font-weight: 800; letter-spacing: -.5px; text-shadow: 0 2px 6px rgba(0, 0, 0, .18); }

/* Clock order reads left to right: hours : minutes : seconds */
.qt-amazing__timer { display: flex; align-items: center; gap: 4px; direction: ltr; }
.qt-amazing__digit {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	padding: 5px 6px;
	border-radius: 8px;
	background: #fff;
	color: var(--amz-brand);
	font-size: 15px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}
.qt-amazing__colon { color: rgba(255, 255, 255, .85); font-size: 15px; font-weight: 700; }

.qt-main .qt-amazing__all {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 20px;
	border-radius: var(--qt-radius-full);
	background: #fff;
	color: var(--amz-brand);
	font-size: 14px;
	font-weight: 700;
	transition: transform .18s ease, box-shadow .18s ease;
}
.qt-main .qt-amazing__all:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0, 0, 0, .18); }
.qt-amazing__all svg { width: 15px; height: 15px; }

/* ---------- Slider ---------- */
.qt-amazing__slider { position: relative; flex: 1; min-width: 0; }
.qt-amazing__track {
	display: flex;
	gap: var(--amz-gap);
	margin: 0;
	padding: 0;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x proximity;
	list-style: none;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
}
.qt-amazing__track::-webkit-scrollbar { display: none; }

.qt-amazing__nav {
	position: absolute;
	top: 32%;                      /* روی تصویر می‌نشیند، نه روی عنوان محصول */
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .85);
	color: var(--amz-brand);
	cursor: pointer;
	transform: translateY(-50%);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
	transition: background .18s ease, opacity .18s ease;
}
.qt-amazing__nav:hover { background: #fff; }
.qt-amazing__nav[disabled] { opacity: 0; pointer-events: none; }
.qt-amazing__nav svg { width: 17px; height: 17px; }
.qt-amazing__nav--prev { inset-inline-start: 6px; }
.qt-amazing__nav--next { inset-inline-end: 6px; }

/* ---------- Deal card ---------- */
.qt-offer {
	flex: 0 0 calc((100% - (var(--amz-per) - 1) * var(--amz-gap)) / var(--amz-per));
	scroll-snap-align: start;
}
.qt-main .qt-offer__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 12px 10px 14px;
	border-radius: var(--qt-radius-md);
	background: var(--amz-card);
	color: var(--amz-text);
	transition: transform .18s ease, box-shadow .18s ease;
}
.qt-main .qt-offer__link:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(0, 0, 0, .18); }
.qt-offer__media { aspect-ratio: 1 / 1; margin-bottom: 10px; overflow: hidden; border-radius: 8px; background: var(--qt-bg-page); }
.qt-offer__media img { display: block; width: 100%; height: 100%; object-fit: contain; }
.qt-offer__title {
	display: -webkit-box;
	min-height: 2.9em;
	margin: 0 0 10px;
	overflow: hidden;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.45;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.qt-offer__deal { display: flex; align-items: center; gap: 6px; margin-top: auto; }
.qt-offer__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	padding: 3px 7px;
	border-radius: var(--qt-radius-full);
	background: var(--amz-brand);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}
.qt-offer__old { color: var(--amz-muted); font-size: 12px; text-decoration: line-through; }
.qt-offer__price { display: flex; align-items: baseline; gap: 4px; margin-top: 6px; }
.qt-offer__price b { font-size: 16px; font-weight: 800; }
.qt-offer__price span { font-size: 11px; color: var(--amz-muted); }

.qt-offer--all .qt-offer__link { align-items: center; justify-content: center; gap: 10px; text-align: center; }
.qt-main .qt-offer--all .qt-offer__link span { color: var(--amz-brand); font-size: 14px; font-weight: 700; }
.qt-offer--all svg { width: 34px; height: 34px; color: var(--amz-brand); }

/* ---------- Responsive ---------- */
@media (max-width: 1400px) { .qt-amazing { --amz-per: 6; } }
@media (max-width: 1200px) { .qt-amazing { --amz-per: 5; } }
@media (max-width: 1000px) { .qt-amazing { --amz-per: 4; --amz-side: 170px; } }
@media (max-width: 820px) {
	.qt-amazing { --amz-per: 3; flex-direction: column; }
	.qt-amazing__side { flex: 0 0 auto; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 10px; padding: 12px 8px 4px; }
	.qt-amazing__icon { width: 40px; height: 40px; }
	.qt-main .qt-amazing__title { font-size: 20px; }
	.qt-main .qt-amazing__all { padding: 7px 16px; font-size: 13px; }
}
@media (max-width: 560px) {
	.qt-amazing { --amz-per: 2; }
	.qt-amazing__side { justify-content: center; }
	.qt-main .qt-amazing__title { flex: 1; text-align: right; }
	.qt-amazing__nav { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.qt-amazing__track { scroll-behavior: auto; }
	.qt-main .qt-offer__link, .qt-main .qt-amazing__all { transition: none; }
}
