/* ویجت ویژگی‌های محصول الماسارا */

.amw-paw {
	--amw-icon-size: 28px;
	display: block;
}

.amw-paw a {
	color: inherit;
	text-decoration: none;
}

/* ---------- سطر معرفی ---------- */

.amw-paw__header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}

.amw-paw__title {
	margin: 0;
	white-space: nowrap;
}

.amw-paw__divider {
	flex: 1 1 auto;
	height: 0;
	border-top: 1px dashed #d9dbe4;
}

.amw-paw__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	line-height: 1;
}

.amw-paw__icon svg {
	width: var(--amw-icon-size);
	height: var(--amw-icon-size);
	display: block;
}

.amw-paw__icon img {
	width: var(--amw-icon-size);
	height: auto;
	display: block;
}

/* ---------- سطر آیتم‌ها ---------- */

.amw-paw__items {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.amw-paw__items.amw-flex .amw-paw__item {
	flex: 0 1 var(--amw-item-basis, auto);
	min-width: 0;
}

.amw-paw__item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px 24px;
	background: #fff;
	border: 1px solid #eef0f6;
	transition: all 0.3s ease;
	min-width: 0;
}

.amw-paw__item.amw-item-row {
	flex-direction: row;
	align-items: center;
}

.amw-paw__item.amw-item-row-between {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.amw-paw__label {
	font-size: 14px;
	color: #2b4b80;
}

.amw-paw__value {
	font-weight: 700;
	color: #1a2b4a;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ---------- پیام ادیتور ---------- */

.amw-paw__notice {
	padding: 16px;
	border: 1px dashed #c00;
	border-radius: 6px;
	color: #c00;
	font-size: 13px;
	text-align: center;
}

/* ---------- ویجت توضیحات محصول ---------- */

/*
 * حالت «کل ویجت لینک باشد» با یک لینک روکش کار می‌کند تا لینک تودرتو نسازد.
 * روکش کل کادر را می‌گیرد، و هر لینک یا دکمهٔ واقعیِ داخل متن یک لایه بالاتر
 * می‌نشیند تا هم قابل کلیک بماند و هم با Tab در دسترس باشد.
 */
.amw-pd--linked {
	position: relative;
}

.amw-pd__overlay-link {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.amw-pd--linked :is(a, button, input, select, textarea):not(.amw-pd__overlay-link) {
	position: relative;
	z-index: 2;
}

.amw-pd__content {
	color: #1a2b4a;
	line-height: 2;
}

.amw-pd__content p:last-child {
	margin-bottom: 0;
}

/* ---------- ویجت گالری محصول ----------
 *
 * ساختار: .amw-pg (position:relative) > .amw-pg__strip > شاخص + همه تامبنیل‌ها (flat)
 *
 * دسکتاپ (>=768px): گرید N ستونه (--amw-pg-thumbs)؛ تصویر شاخص تمام عرض سطر
 * اول، فقط N تامبنیل اول نمایش و بقیه (--extra) مخفی.
 *
 * موبایل «یکی‌درمیون»: نوار اسکرول افقی. ترفند: flex ستونی + wrap با ارتفاع
 * ثابت (--amw-pg-mh). آیتم تمام‌ارتفاع یک «ستون» کامل را می‌گیرد و مربع است
 * (عرض = ارتفاع از aspect-ratio)؛ دو آیتم نصف‌ارتفاع خودکار در یک ستون روی هم
 * می‌نشینند. الگوی 3n+1 تعیین می‌کند کدام آیتم‌ها بزرگ باشند:
 * شاخص(۱) بزرگ، ۲تای بعد کوچک، جایگاه ۴ بزرگ، ... یکی‌درمیون مثل دیزاین.
 */

.amw-pg {
	position: relative;
	--amw-pg-rgap: 8px;
	--amw-pg-cgap: 8px;
}

.amw-pg__strip {
	display: grid;
	grid-template-columns: 1fr 1fr;
	row-gap: var(--amw-pg-rgap);
	column-gap: var(--amw-pg-cgap);
}

.amw-pg__main,
.amw-pg__thumb {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	cursor: pointer;
	overflow: hidden;
	aspect-ratio: 1 / 1;
}

.amw-pg__main img,
.amw-pg__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
	transition: all 0.3s ease;
}

@media (max-width: 767px) {

	/* ---- نوار اسکرول افقی یکی‌درمیون ---- */
	.amw-pg--mobile-alt .amw-pg__strip {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		height: var(--amw-pg-mh, 85vw);
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.amw-pg--mobile-alt .amw-pg__strip::-webkit-scrollbar {
		display: none;
	}

	/* پیش‌فرض: مربع کوچک، دوتا در هر ستون */
	.amw-pg--mobile-alt .amw-pg__strip > .amw-pg__thumb {
		flex: 0 0 auto;
		height: calc((100% - var(--amw-pg-rgap, 8px)) / 2);
		width: auto;
		scroll-snap-align: center;
	}

	/* آیتم‌های جایگاه 3n+1 (شاخص، تامبنیل ۳، ۶، ...) تمام‌ارتفاع و مربع بزرگ */
	.amw-pg--mobile-alt .amw-pg__strip > .amw-pg__main,
	.amw-pg--mobile-alt .amw-pg__strip > .amw-pg__thumb:nth-child(3n + 1) {
		flex: 0 0 auto;
		height: 100%;
		width: auto;
		scroll-snap-align: center;
	}

	/* در موبایل همه تصاویر دیده می‌شوند؛ اورلی و بلور «بیشتر» بی‌معنی است */
	.amw-pg--mobile-alt .amw-pg__strip > .amw-pg__thumb--more .amw-pg__more-overlay {
		display: none;
	}

	.amw-pg--mobile-alt .amw-pg__strip > .amw-pg__thumb--more img {
		filter: none !important;
	}

	/* ---- حالت «همان چیدمان دسکتاپ» در موبایل: گرید ۲ ستونه ---- */
	.amw-pg--mobile-match .amw-pg__strip > .amw-pg__main {
		grid-column: 1 / -1;
	}

	.amw-pg--mobile-match .amw-pg__strip > .amw-pg__thumb--extra {
		display: none;
	}
}

/* دسکتاپ */
@media (min-width: 768px) {
	.amw-pg__strip {
		grid-template-columns: repeat(var(--amw-pg-thumbs, 4), minmax(0, 1fr));
	}

	.amw-pg__strip > .amw-pg__main {
		grid-column: 1 / -1;
	}

	.amw-pg__strip > .amw-pg__thumb--extra {
		display: none;
	}
}

/* ---- نشانگر پیشرفت + تعداد (فقط موبایل یکی‌درمیون) ---- */

.amw-pg__counter {
	display: none;
}

@media (max-width: 767px) {
	.amw-pg--mobile-alt > .amw-pg__counter {
		position: absolute;
		bottom: 12px;
		inset-inline-start: 12px;
		z-index: 2;
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 7px 12px;
		border-radius: 999px;
		background-color: rgba(255, 255, 255, 0.92);
		box-shadow: 0 2px 10px rgba(16, 24, 40, 0.15);
		color: #1a2b4a;
		font-size: 13px;
		font-weight: 700;
		line-height: 1;
		pointer-events: none;
	}

	.amw-pg__counter-bar {
		width: 44px;
		height: 5px;
		border-radius: 999px;
		background-color: #e4e7ee;
		overflow: hidden;
	}

	.amw-pg__counter-fill {
		display: block;
		height: 100%;
		width: 0;
		border-radius: inherit;
		background-color: #8a94a6;
		transition: width 0.15s ease;
	}
}

/* اورلی «تصاویر بیشتر» با سه‌نقطه */
.amw-pg__more-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(16, 24, 40, 0.6);
}


.amw-pg__dots {
	display: flex;
	gap: 5px;
}

.amw-pg__dots span {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #fff;
}

/* ---------- مودال گالری ---------- */

body.amw-pg-noscroll {
	overflow: hidden;
}

.amw-pg-modal {
	--amw-pg-modal-dur: 260ms;
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: rgba(255, 255, 255, 0.98);
	padding: 16px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		opacity var(--amw-pg-modal-dur) ease,
		transform var(--amw-pg-modal-dur) cubic-bezier(0.16, 1, 0.3, 1),
		visibility var(--amw-pg-modal-dur);
}

.amw-pg-modal.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition-delay: 0s;
}

/* ---------- انیمیشن‌های ورود/خروج مودال ---------- */

.amw-pg-modal--anim-fade {
	transform: none;
}

.amw-pg-modal--anim-fade-scale {
	transform: scale(0.96);
}
.amw-pg-modal--anim-fade-scale.is-open {
	transform: scale(1);
}

.amw-pg-modal--anim-slide-up {
	transform: translateY(30px);
}
.amw-pg-modal--anim-slide-up.is-open {
	transform: translateY(0);
}

.amw-pg-modal--anim-zoom .amw-pg-modal__stage,
.amw-pg-modal--anim-zoom .amw-pg-modal__tab,
.amw-pg-modal--anim-zoom .amw-pg-modal__strip {
	transform: scale(0.9);
	transition: transform var(--amw-pg-modal-dur) cubic-bezier(0.16, 1, 0.3, 1);
}
.amw-pg-modal--anim-zoom.is-open .amw-pg-modal__stage,
.amw-pg-modal--anim-zoom.is-open .amw-pg-modal__tab,
.amw-pg-modal--anim-zoom.is-open .amw-pg-modal__strip {
	transform: scale(1);
}

/* رعایت prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
	.amw-pg-modal,
	.amw-pg-modal * {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
}

.amw-pg-modal__close {
	position: absolute;
	top: 20px;
	inset-inline-start: 20px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
	border: 0;
	background: none;
	color: #1a2b4a;
	font-size: 26px;
	cursor: pointer;
	line-height: 1;
}

.amw-pg-modal__tab {
	flex-shrink: 0;
	margin-bottom: 8px;
	padding: 8px 22px;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 0 2px 12px rgba(16, 24, 40, 0.1);
	color: #1a2b4a;
	font-size: 14px;
	font-weight: 700;
}

.amw-pg-modal__stage {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	flex: 1 1 auto;
	width: 100%;
	min-height: 0;
}

.amw-pg-modal__imgwrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
	height: 100%;
}

.amw-pg-modal__img {
	max-width: 100%;
	max-height: 72vh;
	width: auto;
	height: auto;
	object-fit: contain;
	transition: opacity 0.2s ease;
}

.amw-pg-modal__img.is-loading {
	opacity: 0.4;
}

.amw-pg-modal__spinner {
	position: absolute;
	width: 32px;
	height: 32px;
	border: 3px solid rgba(26, 43, 74, 0.15);
	border-top-color: #1a2b4a;
	border-radius: 50%;
	animation: amw-pg-spin 0.8s linear infinite;
}

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

.amw-pg-modal__nav {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 50%;
	background-color: #ffffff;
	box-shadow: 0 2px 12px rgba(16, 24, 40, 0.12);
	color: #1a2b4a;
	cursor: pointer;
	transition: all 0.2s ease;
}

.amw-pg-modal__strip {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: 100%;
	margin-top: 12px;
	padding: 4px;
	overflow-x: auto;
	scrollbar-width: thin;
}

.amw-pg-modal__strip button {
	flex-shrink: 0;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	line-height: 0;
}

.amw-pg-modal__strip img {
	width: 64px;
	height: 64px;
	object-fit: cover;
	border-radius: 8px;
	border: 2px solid transparent;
	opacity: 0.75;
	transition: all 0.2s ease;
}

.amw-pg-modal__strip button:hover img {
	opacity: 1;
}

.amw-pg-modal__strip .is-active img {
	opacity: 1;
	border-color: #1a2b4a;
}

/* ---------- استایل کارتی تامبنیل + بج تعداد ---------- */

.amw-pg__thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.amw-pg__more-count {
	position: absolute;
	top: 10px;
	inset-inline-start: 10px;
	z-index: 1;
	padding: 4px 10px;
	border-radius: 8px;
	background-color: #1a2b40;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	direction: ltr;
}

.amw-pg__more-count--top-end {
	inset-inline-start: auto;
	inset-inline-end: 10px;
}

.amw-pg__more-count--bottom-start {
	top: auto;
	bottom: 10px;
}

.amw-pg__more-count--bottom-end {
	top: auto;
	bottom: 10px;
	inset-inline-start: auto;
	inset-inline-end: 10px;
}

.amw-pg__more-count--center {
	top: 50%;
	inset-inline-start: 50%;
	transform: translate(-50%, -50%);
}

[dir="rtl"] .amw-pg__more-count--center {
	transform: translate(50%, -50%);
}

/* ---------- سطر معرفی دوخطی (عنوان + زیرعنوان) ---------- */

.amw-paw__header--stacked {
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
}

.amw-paw__subrow {
	display: flex;
	align-items: center;
	gap: 10px;
}

.amw-paw__subtitle {
	color: #5b6b8c;
	font-size: 14px;
	white-space: nowrap;
}

/* ---------- نوار تب چسبان ---------- */

.amw-nav {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 12px 18px;
	background-color: #f6f7fb;
	z-index: 20;
}

/* چسبیدن با موتور JS (fixed + جای‌نگهدار) انجام می‌شود — نه position:sticky */
.amw-nav {
	justify-content: space-between;
	box-sizing: border-box;
}

/* گروه فلش‌ها + عنوان — تا فاصله بینابینی با تب‌ها درست تنظیم شود */
.amw-nav__lead {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}

.amw-nav__title {
	font-size: 20px;
	font-weight: 800;
	color: #1a2b4a;
	white-space: nowrap;
	perspective: 400px;
	display: inline-block;
}

.amw-nav__title-in {
	display: inline-block;
	transform-origin: center center;
}

/* رول ۳۶۰ درجه عنوان داینامیک؛ متن در نیمه انیمیشن (۹۰ درجه، لحظه ناپدید بودن) عوض می‌شود */
@keyframes amw-roll-down {
	to {
		transform: rotateX(-360deg);
	}
}

@keyframes amw-roll-up {
	to {
		transform: rotateX(360deg);
	}
}

.amw-nav__title-in.amw-roll-down {
	animation: amw-roll-down 0.5s cubic-bezier(0.45, 0, 0.25, 1);
}

.amw-nav__title-in.amw-roll-up {
	animation: amw-roll-up 0.5s cubic-bezier(0.45, 0, 0.25, 1);
}

@media (prefers-reduced-motion: reduce) {
	.amw-nav__title-in.amw-roll-down,
	.amw-nav__title-in.amw-roll-up {
		animation: none;
	}
}

.amw-nav__items {
	display: flex;
	align-items: center;
	gap: 24px;
	overflow-x: auto;
	scrollbar-width: none;
}

.amw-nav__items::-webkit-scrollbar {
	display: none;
}

.amw-nav__item {
	position: relative;
	color: #5b6b8c;
	font-size: 14px;
	white-space: nowrap;
	text-decoration: none;
	transition: color 0.2s ease;
}

.amw-nav__item::after {
	content: '';
	position: absolute;
	inset-inline: 0;
	bottom: -7px;
	height: 0;
	border-top: 2px dotted #16265c;
	opacity: 0;
	transition: opacity 0.2s ease;
}

/* فلش‌های پیمایش بخش قبلی/بعدی (مثل دیزاین: شورون بالا + خط تیره + شورون پایین) */
.amw-nav__steps {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	flex-shrink: 0;
}

.amw-nav__step {
	display: inline-flex;
	padding: 2px;
	border: 0;
	border-radius: 4px;
	background: none;
	color: #16265c;
	cursor: pointer;
	line-height: 0;
	transition: color 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

.amw-nav__step:hover {
	transform: scale(1.15);
}

.amw-nav__step img {
	width: 14px;
	height: auto;
	display: block;
}

.amw-nav__step-dash {
	width: 10px;
	height: 2px;
	border-radius: 2px;
	background-color: #c9cfdd;
}

.amw-nav__item.is-active {
	color: #1a2b4a;
	font-weight: 700;
}

.amw-nav__item.is-active::after {
	opacity: 1;
}

/* ---------- سوالات متداول ---------- */

.amw-faq {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

.amw-faq__item {
	background-color: #fff;
	border: 1px solid #eef0f6;
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.25s ease;
}

.amw-faq__qwrap {
	margin: 0;
}

.amw-faq__q {
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
	padding: 14px 16px;
	border: 0;
	background: none;
	cursor: pointer;
	text-align: start;
	font: inherit;
}

.amw-faq__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 6px;
	background-color: #eef1f7;
	color: #1a2b4a;
	font-weight: 700;
	transition: all 0.25s ease;
}

.amw-faq__item.is-open .amw-faq__num {
	background-color: #16265c;
	color: #fff;
}

.amw-faq__qtext {
	flex: 1 1 auto;
	color: #1a2b4a;
	font-size: 15px;
	font-weight: 700;
}

.amw-faq__chev {
	flex-shrink: 0;
	display: inline-flex;
	color: #2b4b80;
	transition: transform 0.25s ease;
}

.amw-faq__item.is-open .amw-faq__chev {
	transform: rotate(180deg);
}

.amw-faq__a-in {
	padding: 0 70px 18px;
	color: #33415e;
	font-size: 14px;
	line-height: 2;
}

/* ---------- دیدگاه‌ها ---------- */

.amw-rv__headwrap {
	position: relative;
}

.amw-rv__open {
	position: absolute;
	top: 0;
	inset-inline-end: 0;
	padding: 10px 22px;
	border: 0;
	border-radius: 8px;
	background-color: #16265c;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.2s ease;
}

.amw-rv__empty {
	color: #5b6b8c;
}

.amw-rv__list {
	display: flex;
	flex-direction: column;
	row-gap: 28px;
}

.amw-rv__card {
	position: relative;
	border: 1px solid #eef0f6;
	border-radius: 8px;
	background-color: #fff;
}

.amw-rv__card--reply {
	margin-inline-start: 24px;
}

.amw-rv__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: -1px -1px 0;
	padding: 12px 18px;
	border-radius: 8px;
	background-color: #f6f7fb;
	color: #1a2b4a;
	font-size: 13px;
	font-weight: 700;
}

.amw-rv__card--admin .amw-rv__head {
	background-color: #16265c;
	color: #fff;
}

.amw-rv__reply-badge {
	position: absolute;
	top: 40px;
	inset-inline-end: -44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 6px;
	background-color: #16265c;
	color: #fff;
}

@media (max-width: 900px) {
	.amw-rv__reply-badge {
		display: none;
	}
}

.amw-rv__body {
	padding: 16px 18px;
}

.amw-rv__text {
	color: #1a2b4a;
	font-size: 14px;
	line-height: 2;
}

.amw-rv__pros,
.amw-rv__cons {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	font-size: 13px;
	color: #33415e;
}

.amw-rv__pros li,
.amw-rv__cons li {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 4px;
}

.amw-rv__pros li::before {
	content: '+';
	color: #1eaa59;
	font-weight: 900;
}

.amw-rv__cons li::before {
	content: '−';
	color: #e5484d;
	font-weight: 900;
}

.amw-rv__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 12px;
}

.amw-rv__login {
	color: #8a94a6;
	font-size: 13px;
	text-decoration: none;
}

.amw-rv__stars {
	display: inline-flex;
	flex-direction: row-reverse;
	font-size: 20px;
	letter-spacing: 2px;
}

.amw-rv__star {
	color: #d4d7de;
}

.amw-rv__star.is-on {
	color: #f6b40e;
}

/*
 * تلهٔ ربات فرم دیدگاه. عمداً display:none نیست — بعضی ربات‌ها فیلدهای
 * مخفی را نادیده می‌گیرند. به‌جایش از جریان خارج و از دید پنهان می‌شود.
 */
.amw-rv-form__trap {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* ---------- مودال ثبت دیدگاه ---------- */

.amw-rv-modal {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background-color: rgba(10, 16, 30, 0.55);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.25s ease, visibility 0.25s;
}

.amw-rv-modal.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.amw-rv-modal__sheet {
	width: 100%;
	max-width: 440px;
	max-height: 92vh;
	overflow-y: auto;
	border-radius: 16px;
	background-color: #fff;
	padding: 20px;
	transform: translateY(16px);
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.amw-rv-modal.is-open .amw-rv-modal__sheet {
	transform: translateY(0);
}

.amw-rv-modal__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
	font-weight: 800;
	color: #1a2b4a;
}

.amw-rv-modal__close {
	border: 0;
	background: none;
	cursor: pointer;
	color: #1a2b4a;
	line-height: 0;
}

.amw-rv-modal__product {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	border: 1px solid #eef0f6;
	border-radius: 10px;
	margin-bottom: 20px;
	font-size: 13px;
	font-weight: 700;
	color: #1a2b4a;
}

.amw-rv-modal__product img {
	width: 44px;
	height: 44px;
	object-fit: cover;
	border-radius: 8px;
}

.amw-rv-form__label {
	margin: 16px 0 8px;
	font-size: 13px;
	font-weight: 700;
	color: #1a2b4a;
}

.amw-rv-form__label b {
	color: #e5484d;
}

.amw-rv-form__label--center {
	text-align: center;
}

.amw-rv-form__emoji {
	display: flex;
	justify-content: center;
	gap: 14px;
	margin-bottom: 8px;
}

.amw-rv-form__emoji label {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	cursor: pointer;
	font-size: 12px;
	color: #5b6b8c;
}

.amw-rv-form__emoji input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.amw-rv-form__emoji span {
	font-size: 34px;
	filter: grayscale(1);
	transform: scale(0.9);
	transition: all 0.2s ease;
}

.amw-rv-form__emoji input:checked + span {
	filter: none;
	transform: scale(1.12);
}

.amw-rv-form__identity {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-top: 12px;
}

.amw-rv-form input[type="text"],
.amw-rv-form input[type="email"],
.amw-rv-form textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #dfe3ec;
	border-radius: 10px;
	font: inherit;
	font-size: 13px;
}

.amw-rv-form__pointrow {
	display: flex;
	gap: 8px;
}

.amw-rv-form__add {
	flex-shrink: 0;
	width: 40px;
	border: 1px solid #dfe3ec;
	border-radius: 10px;
	background: #fff;
	color: #2f6fed;
	font-size: 18px;
	cursor: pointer;
}

.amw-rv-form__pointlist {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	font-size: 13px;
	color: #33415e;
}

.amw-rv-form__pointlist li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 4px 0;
}

.amw-rv-form__remove {
	border: 0;
	background: none;
	color: #8a94a6;
	font-size: 12px;
	cursor: pointer;
}

.amw-rv-form__recommend {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	font-size: 13px;
	color: #33415e;
}

.amw-rv-form__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 20px;
}

.amw-rv-form__submit {
	display: inline-block;
	padding: 10px 32px;
	border: 0;
	border-radius: 999px;
	background-color: #c6f232;
	color: #1a2b4a;
	font-size: 14px;
	font-weight: 800;
	cursor: pointer;
	text-decoration: none;
}

.amw-rv-form__submit:disabled {
	opacity: 0.6;
	cursor: wait;
}

.amw-rv-form__anon {
	font-size: 13px;
	color: #33415e;
}

.amw-rv-form__message {
	margin-top: 12px;
	font-size: 13px;
	min-height: 1em;
}

.amw-rv-form__message.is-success {
	color: #1eaa59;
}

.amw-rv-form__message.is-error {
	color: #e5484d;
}

.amw-rv-form__login {
	text-align: center;
	padding: 16px 0;
	color: #33415e;
	font-size: 14px;
}

/* ---------- عناصر متن ویجت توضیحات: جدول و بلاک‌کوت ---------- */

.amw-pd__content table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
}

.amw-pd__content th,
.amw-pd__content td {
	border: 1px solid #e4e7ee;
	padding: 10px 14px;
}

.amw-pd__content th {
	background-color: #f6f7fb;
	font-weight: 700;
}

.amw-pd__content blockquote {
	margin: 20px 0;
	padding: 14px 18px;
	background-color: #f6f7fb;
	border-inline-start: 4px solid #16265c;
	border-radius: 8px;
}

/* ---------- اسلایدر هیرو ---------- */

.amw-hero__wrap {
	position: relative;
}

.amw-hero__skeleton {
	--amw-hero-skel-a: #f2f2f2;
	--amw-hero-skel-b: #e2e2e2;
	--amw-hero-skel-dur: 1.6s;
	position: absolute;
	inset: 0;
	z-index: 2;
	background: linear-gradient(to right, var(--amw-hero-skel-a) 20%, var(--amw-hero-skel-b) 30%, var(--amw-hero-skel-a) 50%);
	background-size: 200% 100%;
	animation: amw-hero-skeleton var(--amw-hero-skel-dur) infinite linear;
}

@keyframes amw-hero-skeleton {
	0%   { background-position: -200px 0; }
	100% { background-position: calc(200px + 100%) 0; }
}

.amw-hero__swiper {
	width: 100%;
	height: 100%;
}

.amw-hero__link {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.amw-hero__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition-property: opacity, transform;
	transition-duration: 1000ms;
}

/* ---------- نوار کنترل‌ها (پیجینیشن + فلش‌ها) ---------- */

.amw-hero__controls {
	--amw-hero-bar-bg: #fff;
	--amw-hero-bar-radius: 20px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	background: var(--amw-hero-bar-bg);
	border-radius: var(--amw-hero-bar-radius) var(--amw-hero-bar-radius) 0 0;
}

/* شکل بریده تزئینی دو طرف نوار — با toggle «نمایش برش تزئینی» غیرفعال می‌شود */
.amw-hero__controls:not(.amw-hero__controls--no-notch)::before,
.amw-hero__controls:not(.amw-hero__controls--no-notch)::after {
	content: "";
	--amw-hero-notch-size: 26px;
	width: calc(var(--amw-hero-notch-size) * 25 / 26);
	height: var(--amw-hero-notch-size);
	position: absolute;
	border-bottom: 8px solid var(--amw-hero-notch-color, var(--amw-hero-bar-bg));
	background: none;
}

.amw-hero__controls:not(.amw-hero__controls--no-notch)::before {
	border-radius: 0 0 0 39px;
	border-left: 8px solid var(--amw-hero-notch-color, var(--amw-hero-bar-bg));
	right: calc(var(--amw-hero-notch-size) * -0.63);
	transform: rotate(3deg);
	top: 26px;
}

.amw-hero__controls:not(.amw-hero__controls--no-notch)::after {
	border-radius: 0 0 39px 0;
	border-right: 8px solid var(--amw-hero-notch-color, var(--amw-hero-bar-bg));
	left: calc(var(--amw-hero-notch-size) * -0.65);
	top: 27.2px;
}

.amw-hero__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: none;
	cursor: pointer;
	flex-shrink: 0;
	transition: background-color .2s ease, color .2s ease;
}

.amw-hero__btn svg,
.amw-hero__btn img {
	width: var(--amw-hero-nav-size, 24px);
	height: var(--amw-hero-nav-size, 24px);
	display: block;
}

.amw-hero__btn--prev svg,
.amw-hero__btn--prev img {
	transform: rotate(180deg);
}

.amw-hero__pagination.swiper-pagination {
	position: static !important;
	display: flex !important;
	flex-direction: row;
	align-items: center;
	width: auto !important;
}

.amw-hero .swiper-pagination-bullet {
	--amw-hero-dot: 6px;
	width: var(--amw-hero-dot);
	height: var(--amw-hero-dot);
	display: flex;
	transition: all .4s ease;
	margin: 0 !important;
	opacity: 1 !important;
}

/* ---------- پیام ادیتور ---------- */

.amw-hero__notice {
	padding: 16px;
	border: 1px dashed #c00;
	border-radius: 6px;
	color: #c00;
	font-size: 13px;
	text-align: center;
}

/* ---------- بخش محصولات ---------- */

.amw-ps { display: block; }

.amw-ps__header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
}

.amw-ps__title {
	margin: 0;
	white-space: nowrap;
}

/* پیل‌های دسته‌بندی + دکمه مشاهده همه، به‌عنوان یک ردیف مدیریت‌شده */
.amw-ps__filter-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
}

.amw-ps__pills {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

/* پیشوند button به همان دلیلِ «button.amw-ps__btn» — پیل‌ها هم <button>اند */
button.amw-ps__pill {
	display: inline-flex;
	align-items: center;
	padding: 8px 18px;
	border: 1px solid transparent;
	border-radius: 20px;
	background: #f2f4f8;
	color: #4b5259;
	font: inherit;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* پیش‌فرض حالت فعال (رنگ‌ها از پنل قابل تغییرند) */
button.amw-ps__pill.is-active {
	background: #16265c;
	color: #fff;
}

.amw-ps__viewall {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/*
 * فقط اسلایدر و دکمه‌های ناوبری داخل این باکس‌اند (پیجینیشن بیرون است) تا
 * «top: 50%» دکمه‌ها دقیقاً وسط کارت‌ها بیفتد، نه وسط کارت‌ها+پیجینیشن.
 * flow-root هم جلوی نشتِ مارجین منفی اسلایدر به بیرون را می‌گیرد.
 */
.amw-ps__slider-wrap {
	position: relative;
	display: flow-root;
}

/*
 * سوایپر ناچاراً overflow را می‌برد، پس سایهٔ کارت‌ها روی لبه‌ها قطع می‌شد.
 * راه‌حل: پدینگ متقارن (مرز برش را به بیرون هل می‌دهد) + مارجین منفی دقیقاً
 * به همان اندازه (اثر پدینگ روی چیدمان را کامل خنثی می‌کند).
 * چون هر دو در چهار جهت برابرند، مکان و اندازهٔ کارت‌ها هیچ تغییری نمی‌کند —
 * برخلاف حالت نامتقارن که فاصلهٔ هدر تا اسلایدر را به هم می‌ریخت.
 * width عمداً auto است: با border-box، «width:100%» پدینگ را از عرض محتوا
 * کم می‌کرد و کارت‌ها را باریک می‌کرد.
 */
/*
 * سلکتور عمداً دو کلاسه است (۰,۲,۰).
 *
 * خودِ سوایپر روی همین عنصر «‎.swiper { padding: 0; margin-left: auto;
 * margin-right: auto }» دارد — با یک کلاس، یعنی هم‌وزنِ ‎.amw-ps__slider‎.
 * در حالت عادی شیت ما دیرتر می‌آید و برنده است، ولی المنتور هم نسخهٔ خودش
 * از CSS سوایپر را دارد و اگر آن دیرتر چاپ شود، برنده عوض می‌شود.
 *
 * آن‌وقت خرابی موذی است: از شورت‌هند ما فقط ‎margin-left/right‎ بازنویسی
 * می‌شود و ‎margin-top/bottom: -24px‎ سرِ جایش می‌ماند — یعنی همان مارجین
 * منفیِ نامتقارنی که قبلاً اسلایدر را ۲۴ پیکسل بالا می‌کشید، و پدینگِ
 * محافظِ سایه هم از دست می‌رود. با دو کلاسه بودن، دیگر به ترتیب فایل‌ها
 * وابسته نیست.
 */
.amw-ps .amw-ps__slider {
	--amw-ps-shadow-room: 24px;
	width: auto;
	margin: calc(-1 * var(--amw-ps-shadow-room));
	padding: var(--amw-ps-shadow-room);
}

/* حالت بارگذاری را اسکلت‌ها نشان می‌دهند، پس محو کردن اسلایدر لازم نیست */
.amw-ps.is-loading .amw-ps__slider {
	pointer-events: none;
}

/*
 * چیدمانِ پیش از مقداردهی سوایپر.
 *
 * CSS خودِ سوایپر به هر اسلاید «width: 100%» می‌دهد، پس تا وقتی JS نرسیده
 * یک کارت تمام‌عرض دیده می‌شود. این خیلی وقت‌ها ناچیز است، ولی اگر افزونهٔ
 * بهینه‌سازی اجرای JS را تا اولین تعامل کاربر عقب بیندازد، همین حالت
 * ثانیه‌ها روی صفحه می‌ماند.
 *
 * پس عرض و فاصله را از همان مقادیر پنل — که المنتور به‌صورت متغیر و با
 * مدیا-کوئری هر دستگاه بیرون می‌دهد — می‌سازیم. سوایپر موقع init کلاس
 * swiper-initialized را می‌گذارد و از آن لحظه این قواعد کنار می‌روند و
 * اندازه‌گذاری اینلاین خودش حاکم می‌شود؛ یعنی چیدمان قبل و بعد یکی است و
 * هیچ پرشی رخ نمی‌دهد.
 */
/*
 * عرض اسلاید عمداً بدون هیچ شرطی نوشته می‌شود.
 *
 * نسخهٔ قبلی این قاعده را به «:not(.swiper-initialized)» بست — یعنی به یک
 * کلاس داخلیِ خودِ سوایپر. اگر سوایپر آن کلاس را بگذارد ولی اندازه‌گذاری را
 * کامل نکند (خطای وسط init، یا اجرای نصفه در صفحه‌ای با JS تأخیری)، این
 * قاعده کنار می‌رفت و «width:100%» خودِ سوایپر حاکم می‌شد: یک کارت
 * تمام‌عرض و اسلایدر مرده. یعنی یک خرابیِ ساکت به یک خرابیِ تمام‌صفحه
 * تبدیل می‌شد.
 *
 * حالا وابستگی برعکس و ایمن است: وقتی سوایپر درست کار کند، عرض را به‌صورت
 * inline روی هر اسلاید می‌گذارد و استایل inline همیشه از قاعدهٔ شیت بالاتر
 * است، پس خودش برنده می‌شود. وقتی کار نکند، همین چیدمان درست باقی می‌ماند.
 * حالت «عرض دستی کارت» هم ویژگی بالاتری دارد و بر این می‌چربد، که برای
 * slidesPerView:auto لازم است.
 */
.amw-ps__slider .swiper-slide {
	width: calc(
		(100% - (var(--amw-ps-spv, 4) - 1) * var(--amw-ps-gap, 20px)) / var(--amw-ps-spv, 4)
	);
}

/*
 * فاصله اما باید مشروط بماند: سوایپر بعد از init خودش مارجین اینلاین
 * می‌گذارد و اگر column-gap هم بماند، فاصله دو برابر می‌شود.
 */
.amw-ps__slider:not(.swiper-initialized) .swiper-wrapper {
	column-gap: var(--amw-ps-gap, 20px);
}

.amw-ps__card {
	height: 100%;
}

/* ---------- دکمه‌های قبلی/بعدی ---------- */

/*
 * پیشوند «button» عمدی است و دقیقاً یک پله وزن اضافه می‌کند (۰,۱,۱):
 * از «[type=button], button» قالب‌ها (۰,۱,۰) بالاتر می‌رود، ولی زیر
 * سلکتور کنترل‌های المنتور «{{WRAPPER}} .amw-ps__btn» (۰,۲,۰) می‌ماند.
 * اگر به‌جایش دو کلاسه می‌نوشتیم، با المنتور مساوی می‌شد و برنده به ترتیب
 * بارگذاری فایل‌ها گره می‌خورد — یعنی تنظیمات پنل گاهی بی‌اثر می‌شد.
 * padding صفر شده چون پدینگ پیش‌فرض قالب، فضای داخلی دکمهٔ ۴۰ پیکسلی را
 * می‌بلعید و آیکون را نامرئی می‌کرد.
 */
button.amw-ps__btn {
	--amw-ps-nav-size: 18px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: #16265c;
	font: inherit;
	line-height: 0;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	z-index: 10;
	transition: background-color .2s ease, color .2s ease;
}

button.amw-ps__btn--next {
	left: auto;
	right: 0;
}

button.amw-ps__btn svg,
button.amw-ps__btn img {
	width: var(--amw-ps-nav-size);
	height: var(--amw-ps-nav-size);
	/* اجازه ندهیم به‌عنوان آیتم فلکس فشرده شود */
	flex: 0 0 auto;
	display: block;
}

button.amw-ps__btn.swiper-button-disabled {
	/* شفافیت از تب «غیرفعال» در استایل کنترل می‌شود (پیش‌فرض ۰.۳۵) */
	pointer-events: none;
}

/* ---------- پیجینیشن ---------- */

/*
 * پیجینیشن بیرون از «.swiper» رندر می‌شود، پس قواعد موقعیت‌دهی مطلقِ سوایپر
 * (که فرزندِ «.swiper-horizontal» را هدف می‌گیرند) اصلاً روی آن نمی‌افتند و
 * دیگر به هیچ !important نیاز نیست. فاصله و شفافیت گلوله‌ها هم به‌جای
 * جنگیدن با مارجین، از طریق متغیرهای رسمی خودِ سوایپر صفر می‌شوند.
 */
.amw-ps .amw-ps__pagination.swiper-pagination {
	--swiper-pagination-bullet-horizontal-gap: 0px;
	--swiper-pagination-bullet-inactive-opacity: 1;
	position: static;
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-top: 16px;
	width: auto;
}

/* ---------- کارت محصول داخلی ---------- */

.amw-card {
	--amw-card-title-lines: 2;
	--amw-card-transition: .25s;
	display: flex;
	flex-direction: column;
	height: 100%;
	color: inherit;
	text-decoration: none;
	/* تا تصویرِ لبه‌تا‌لبه رادیوسِ کارت را رعایت کند و گوشهٔ تیزش از کارت
	   گرد بیرون نزند. سایهٔ خودِ کارت بیرون از کادر کشیده می‌شود و با این
	   بریده نمی‌شود — فقط فرزندان مهار می‌شوند. */
	overflow: hidden;
	transition:
		background-color var(--amw-card-transition) ease,
		border-color var(--amw-card-transition) ease,
		box-shadow var(--amw-card-transition) ease,
		transform var(--amw-card-transition) ease;
}

.amw-card__media {
	display: flex;
	justify-content: center;
	overflow: hidden;
}

.amw-card__img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	transition:
		opacity var(--amw-card-transition) ease,
		transform var(--amw-card-transition) ease,
		filter var(--amw-card-transition) ease;
}

.amw-card__body {
	display: flex;
	flex-direction: column;
	/* بدنه فضای باقی‌مانده را می‌گیرد تا بخش قیمت همیشه ته کارت بنشیند و
	   کارت‌های با عنوان کوتاه و بلند هم‌قد بمانند */
	flex: 1 1 auto;
	gap: 8px;
}

/*
 * کوتاه‌کردن عنوان در N خط. line-clamp استاندارد هنوز فراگیر نیست، پس نسخهٔ
 * ‎-webkit-‎ که سال‌هاست در همهٔ مرورگرهای مطرح کار می‌کند مبناست.
 * مقدار ۰ («بدون محدودیت») عمداً کار می‌کند: صفر برای line-clamp نامعتبر است،
 * مرورگر آن اعلان را کنار می‌گذارد و مقدار اولیه یعنی none برجا می‌ماند —
 * یعنی هیچ برشی اعمال نمی‌شود، بدون نیاز به قاعدهٔ استثنای جداگانه.
 */
.amw-card__title {
	margin: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--amw-card-title-lines);
	line-clamp: var(--amw-card-title-lines);
	overflow: hidden;
	transition: color var(--amw-card-transition) ease;
}

.amw-card__title a {
	color: inherit;
	text-decoration: none;
}

.amw-card__price {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	/* بخش قیمت به کف کارت چسبانده می‌شود */
	margin-top: auto;
}

.amw-card__slogan {
	display: inline-flex;
	align-items: center;
	transition: color var(--amw-card-transition) ease, background-color var(--amw-card-transition) ease;
}

.amw-card__amount {
	display: inline-flex;
	flex-direction: row;
	align-items: baseline;
	gap: 4px;
	white-space: nowrap;
}

.amw-card__num,
.amw-card__unit {
	transition: color var(--amw-card-transition) ease;
}

/* ---------- اسکلت بارگذاری ---------- */

/*
 * الگوی «skeleton screen»: به‌جای اسپینر، شبحی هم‌ابعادِ محتوای واقعی نشان
 * داده می‌شود تا کاربر ساختار را ببیند و چیدمان هنگام رسیدن داده نپرد.
 * درخشش با حرکت background-position ساخته می‌شود (نه تغییر عرض/چپ)، چون
 * فقط روی لایهٔ compositing اجرا می‌شود و layout را دوباره محاسبه نمی‌کند.
 */
.amw-skeleton {
	display: block;
	border-radius: 6px;
	background-color: #e9edf3;
	background-image: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, .65) 50%,
		rgba(255, 255, 255, 0) 100%
	);
	background-repeat: no-repeat;
	background-size: 200% 100%;
	background-position: 180% 0;
	animation: amw-skeleton-shimmer 1.4s ease-in-out infinite;
}

/*
 * شکل اجزای اسکلت. چون اسکلت از کلاس‌های خودِ کارت استفاده می‌کند، اندازه و
 * پدینگ و رادیوسِ تنظیم‌شدهٔ کاربر از قبل روی آن اعمال شده؛ اینجا فقط چیزی
 * که در کارت واقعی «محتوا» بود با یک بلوک خاکستری جایگزین می‌شود.
 */
.amw-skeleton--media {
	width: 100%;
	/* اگر کاربر نسبت ابعاد یا ارتفاع تعیین کرده باشد، همان بالادست می‌ماند
	   چون سلکتور کنترل‌های المنتور ویژگی بالاتری دارد */
	aspect-ratio: 1 / 1;
}

/* عنوانِ کارت واقعی در N خط بریده می‌شود؛ روی اسکلت این برش باید خنثی شود
   وگرنه فقط یکی از دو خط شبح دیده می‌شود */
.amw-card--skeleton .amw-card__title {
	display: block;
	overflow: visible;
}

.amw-skeleton--line {
	height: 1em;
}

.amw-skeleton--line + .amw-skeleton--line {
	margin-top: .5em;
}

.amw-skeleton--short {
	width: 60%;
}

/* هم‌اندازهٔ پیل شعار و عدد قیمت در کارت واقعی */
.amw-skeleton--slogan {
	width: 6.5em;
	height: 2.2em;
	border-radius: 8px;
}

.amw-skeleton--amount {
	width: 5em;
	height: 1.4em;
}

@keyframes amw-skeleton-shimmer {
	from { background-position: 180% 0; }
	to   { background-position: -80% 0; }
}

/* حرکت مداوم برای بخشی از کاربران آزاردهنده یا حال‌به‌هم‌زن است */
@media (prefers-reduced-motion: reduce) {
	.amw-skeleton {
		animation: none;
		background-image: none;
	}
}

/* ---------- پیام ادیتور ---------- */

.amw-ps__notice {
	padding: 16px;
	border: 1px dashed #c00;
	border-radius: 6px;
	color: #c00;
	font-size: 13px;
	text-align: center;
}

/* ---------- ویجت قیمت محصول ---------- */

.amw-pp {
	display: block;
}

.amw-pp__stack {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.amw-pp__old-group {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
}

.amw-pp__now {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	gap: 4px;
	font-size: 22px;
	font-weight: 700;
}

.amw-pp__old {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	font-size: 14px;
	opacity: .6;
}

.amw-pp__num--free {
	text-transform: uppercase;
}

.amw-pp__prefix {
	font-size: .6em;
	font-weight: 400;
	opacity: .8;
}

.amw-pp__range-sep {
	font-size: .7em;
	opacity: .7;
}

/* پیش‌فرض بج تخفیف (رنگ‌ها از پنل قابل تغییرند) */
.amw-pp__discount {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 4px;
	padding: 3px 8px;
	border-radius: 8px;
	background: #e6123d;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	white-space: nowrap;
}

.amw-pp__discount-icon {
	display: inline-flex;
}

.amw-pp__discount-icon svg {
	width: var(--amw-pp-disc-icon, .9em);
	height: var(--amw-pp-disc-icon, .9em);
	display: block;
}

/* ---------- پیام ادیتور ---------- */

.amw-pp__notice {
	padding: 16px;
	border: 1px dashed #c00;
	border-radius: 6px;
	color: #c00;
	font-size: 13px;
	text-align: center;
}