/* mah24-perfume 1.6.0 */

/* --- mah24-perfume-minicart --- */
/**
 * مینی‌کارت ووکامرس — پوسته‌ی ماه۲۴.
 *
 * سلکتورها با .mah24-mc شروع می‌شوند و روی خصوصیت‌هایی که پوسته‌ها معمولاً
 * روی مینی‌کارت بازنویسی می‌کنند !important دارند.
 */

.mah24-mc {
	--mah24-mc-accent: #35091c;
	--mah24-mc-ink: #1a1a1e;
	--mah24-mc-muted: #8a8a90;
	--mah24-mc-line: #ececee;
	--mah24-mc-soft: #f6f4f5;

	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	max-height: 100% !important;
	color: var(--mah24-mc-ink) !important;
	font-size: 13px !important;
	line-height: 1.8 !important;
	text-align: start !important;
}

.mah24-mc *,
.mah24-mc *::before,
.mah24-mc *::after {
	box-sizing: border-box !important;
}

/* ------------------------------------------------------------ فهرست اقلام */

.mah24-mc ul.mah24-mc__list {
	flex: 1 1 auto !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	overscroll-behavior: contain !important;
	margin: 0 !important;
	padding: 0 4px !important;
	border: 0 !important;
	list-style: none !important;
}

.mah24-mc ul.mah24-mc__list > li.mah24-mc__item {
	position: relative !important;
	display: flex !important;
	align-items: flex-start !important;
	gap: 12px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 14px 8px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--mah24-mc-line) !important;
	background: transparent !important;
	list-style: none !important;
	transition: opacity 0.25s ease !important;
}

.mah24-mc ul.mah24-mc__list > li.mah24-mc__item::before,
.mah24-mc ul.mah24-mc__list > li.mah24-mc__item::after {
	content: none !important;
}

.mah24-mc ul.mah24-mc__list > li.mah24-mc__item:last-child {
	border-bottom: 0 !important;
}

.mah24-mc .mah24-mc__item.is-busy {
	opacity: 0.55 !important;
	pointer-events: none !important;
}

/* تصویر */

.mah24-mc .mah24-mc__thumb {
	flex: 0 0 auto !important;
	display: block !important;
	width: 72px !important;
	height: 72px !important;
	overflow: hidden !important;
	border-radius: 12px !important;
	background: var(--mah24-mc-soft) !important;
	box-shadow: inset 0 0 0 1px var(--mah24-mc-line) !important;
}

.mah24-mc .mah24-mc__thumb img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 12px !important;
	object-fit: cover !important;
	float: none !important;
}

/* بدنه */

.mah24-mc .mah24-mc__body {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}

.mah24-mc .mah24-mc__head {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

.mah24-mc .mah24-mc__name,
.mah24-mc .mah24-mc__name:visited {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	color: var(--mah24-mc-ink) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.7 !important;
	text-decoration: none !important;
	overflow-wrap: anywhere !important;
	word-break: break-word !important;
}

.mah24-mc .mah24-mc__name:hover {
	color: var(--mah24-mc-accent) !important;
}

/* دکمه‌ی حذف (همان لینک ایجکسی ووکامرس) */

.mah24-mc a.mah24-mc__remove,
.mah24-mc a.mah24-mc__remove:visited {
	position: static !important;
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 26px !important;
	height: 26px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--mah24-mc-line) !important;
	border-radius: 8px !important;
	background: #fafafa !important;
	color: var(--mah24-mc-muted) !important;
	font-size: 0 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}

.mah24-mc a.mah24-mc__remove:hover {
	border-color: #ffd0d0 !important;
	background: #ffecec !important;
	color: #ff4d4d !important;
}

.mah24-mc a.mah24-mc__remove svg {
	display: block !important;
	width: 15px !important;
	height: 15px !important;
}

/* تراشه‌های ویژگی */

.mah24-mc .mah24-mc__chips {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

.mah24-mc .mah24-mc__chip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	max-width: 100% !important;
	overflow-wrap: anywhere !important;
	padding: 4px 9px !important;
	border-radius: 7px !important;
	background: var(--mah24-mc-soft) !important;
	color: #5a5a60 !important;
	font-size: 11px !important;
	line-height: 1.7 !important;
}

.mah24-mc .mah24-mc__chip-key {
	color: var(--mah24-mc-muted) !important;
}

.mah24-mc .mah24-mc__chip-val {
	color: var(--mah24-mc-accent) !important;
	font-weight: 600 !important;
}

/* ردیف تعداد و قیمت */

.mah24-mc .mah24-mc__row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 8px 10px !important;
	margin-top: 2px !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

.mah24-mc .mah24-mc__qty {
	display: inline-flex !important;
	align-items: center !important;
	gap: 2px !important;
	padding: 3px !important;
	border-radius: 10px !important;
	background: var(--mah24-mc-soft) !important;
}

.mah24-mc button.mah24-mc__qbtn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 26px !important;
	height: 26px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 7px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #5a5a60 !important;
	font-family: inherit !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	transition: background 0.15s ease, color 0.15s ease !important;
}

.mah24-mc button.mah24-mc__qbtn:hover:not(:disabled) {
	background: #f3eef1 !important;
	color: var(--mah24-mc-accent) !important;
}

.mah24-mc button.mah24-mc__qbtn:active:not(:disabled) {
	transform: translateY(1px) !important;
}

.mah24-mc button.mah24-mc__qbtn:disabled {
	opacity: 0.35 !important;
	cursor: not-allowed !important;
}

.mah24-mc .mah24-mc__qval {
	display: inline-flex !important;
	align-items: baseline !important;
	gap: 3px !important;
	min-width: 34px !important;
	color: var(--mah24-mc-ink) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-align: center !important;
	justify-content: center !important;
}

.mah24-mc .mah24-mc__qval small {
	color: var(--mah24-mc-muted) !important;
	font-size: 10px !important;
	font-weight: 500 !important;
}

.mah24-mc .mah24-mc__price {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	gap: 1px !important;
	min-width: 0 !important;
	text-align: end !important;
}

.mah24-mc .mah24-mc__price .amount,
.mah24-mc .mah24-mc__price bdi {
	white-space: nowrap !important;
}

.mah24-mc .mah24-mc__line,
.mah24-mc .mah24-mc__line .amount {
	color: var(--mah24-mc-ink) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}

.mah24-mc .mah24-mc__unit,
.mah24-mc .mah24-mc__unit .amount {
	color: var(--mah24-mc-muted) !important;
	font-size: 11px !important;
	font-weight: 500 !important;
}

.mah24-mc .quantity.mah24-mc__qty-plain {
	color: var(--mah24-mc-muted) !important;
	font-size: 12px !important;
}

/* هشدار حداقل سفارش */

.mah24-mc .mah24-mc__item.is-low {
	background: #fffaf6 !important;
}

.mah24-mc .mah24-mc__warn {
	margin: 0 !important;
	padding: 0 !important;
	color: #c0304d !important;
	font-size: 11.5px !important;
	line-height: 1.8 !important;
}

.mah24-mc .mah24-mc__alert {
	margin: 0 0 12px !important;
	padding: 10px 12px !important;
	border-radius: 10px !important;
	background: #fdf3f5 !important;
	color: #c0304d !important;
	font-size: 12px !important;
	line-height: 1.9 !important;
}

.mah24-mc .mah24-mc__alert ul {
	margin: 4px 0 0 !important;
	padding-inline-start: 16px !important;
	list-style: disc !important;
}

.mah24-mc .mah24-mc__alert li {
	margin: 0 !important;
	color: inherit !important;
	list-style: disc !important;
}

/* -------------------------------------------------------------- فوتر */

/*
 * فوتر از چپ و راست پدینگ ندارد تا دکمه‌ها تمام‌عرض بنشینند؛ فاصله‌ی متن‌ها
 * روی خودشان است.
 */
.mah24-mc .mah24-mc__foot {
	flex: 0 0 auto !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-top: auto !important;
	padding: 14px 0 0 !important;
	border-top: 1px solid var(--mah24-mc-line) !important;
	background: #fff !important;
}

.mah24-mc .mah24-mc__foot > .mah24-mc__alert,
.mah24-mc .mah24-mc__foot > p.mah24-mc__total,
.mah24-mc .mah24-mc__foot > p.mah24-mc__note {
	padding-inline: 4px !important;
}

.mah24-mc p.mah24-mc__total {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	margin: 0 0 6px !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 13px !important;
}

.mah24-mc .mah24-mc__total-label {
	color: var(--mah24-mc-muted) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
}

.mah24-mc .mah24-mc__total-value,
.mah24-mc .mah24-mc__total-value .amount {
	color: var(--mah24-mc-accent) !important;
	font-size: 19px !important;
	font-weight: 800 !important;
}

.mah24-mc .mah24-mc__total-value .woocommerce-Price-currencySymbol {
	color: var(--mah24-mc-muted) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
}

.mah24-mc p.mah24-mc__note {
	margin: 0 0 14px !important;
	padding: 0 !important;
	color: var(--mah24-mc-muted) !important;
	font-size: 11px !important;
	line-height: 1.8 !important;
}

.mah24-mc p.mah24-mc__buttons {
	display: flex !important;
	align-items: stretch !important;
	gap: 8px !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mah24-mc .mah24-mc__btn,
.mah24-mc .mah24-mc__btn:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 13px 18px !important;
	border: 0 !important;
	border-radius: 13px !important;
	background: var(--mah24-mc-accent) !important;
	box-shadow: none !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: none !important;
	transition: filter 0.15s ease, transform 0.1s ease !important;
}

.mah24-mc p.mah24-mc__buttons > .mah24-mc__btn {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	padding-inline: 8px !important;
}

.mah24-mc .mah24-mc__btn--main {
	flex: 1 1 auto !important;
}

.mah24-mc .mah24-mc__btn--main:hover {
	color: #fff !important;
	filter: brightness(1.25) !important;
}

.mah24-mc .mah24-mc__btn--main:active {
	transform: translateY(1px) !important;
}

.mah24-mc .mah24-mc__btn--ghost,
.mah24-mc .mah24-mc__btn--ghost:visited {
	background: var(--mah24-mc-soft) !important;
	color: var(--mah24-mc-ink) !important;
	font-weight: 600 !important;
}

.mah24-mc .mah24-mc__btn--ghost:hover {
	background: #eee9ec !important;
	color: var(--mah24-mc-ink) !important;
}

.mah24-mc .mah24-mc__btn.is-disabled {
	opacity: 0.5 !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
}

/* --------------------------------------------------------- سبد خالی */

.mah24-mc .mah24-mc__blank {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	padding: 42px 18px !important;
	text-align: center !important;
}

.mah24-mc .mah24-mc__blank-img {
	display: block !important;
	width: 150px !important;
	max-width: 70% !important;
	height: auto !important;
	margin: 0 auto 6px !important;
	opacity: 0.9 !important;
}

.mah24-mc span.mah24-mc__blank-img svg {
	display: block !important;
	width: 100% !important;
	height: auto !important;
}

.mah24-mc p.mah24-mc__blank-title {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--mah24-mc-ink) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}

.mah24-mc p.mah24-mc__blank-text {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--mah24-mc-muted) !important;
	font-size: 12.5px !important;
	line-height: 1.9 !important;
}

.mah24-mc .mah24-mc__blank .mah24-mc__btn {
	margin-top: 6px !important;
	padding: 11px 26px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
}

/* ------------------------------------------------------------- ریزنمایش */

@media screen and (max-width: 420px) {
	.mah24-mc .mah24-mc__thumb {
		width: 60px !important;
		height: 60px !important;
	}

	.mah24-mc p.mah24-mc__buttons > .mah24-mc__btn {
		padding-block: 12px !important;
		font-size: 13px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mah24-mc ul.mah24-mc__list > li.mah24-mc__item,
	.mah24-mc .mah24-mc__btn,
	.mah24-mc button.mah24-mc__qbtn {
		transition: none !important;
	}
}


/* --- mah24-perfume-mobile-menu --- */
/**
 * منوی موبایل پیشرفته ماه۲۴ (Mah24 Advanced Mobile Menu)
 * شامل منوی اف‌کنواس چندلایه‌ای (Drilldown) با انیمیشن‌های روان و مدرن
 *
 * @package Mah24_Perfume
 */

:root {
	--mah24-mmenu-duration: 350ms;
	--mah24-mmenu-drilldown: 300ms;
	--mah24-mmenu-width: 330px;
	--mah24-mmenu-bg: #ffffff;
	--mah24-mmenu-primary: #4e1229;
	--mah24-mmenu-primary-hover: #681a38;
	--mah24-mmenu-text: #2c272a;
	--mah24-mmenu-text-muted: #7d7277;
	--mah24-mmenu-border: #ede8ea;
	--mah24-mmenu-item-hover: #faf6f8;
	--mah24-mmenu-item-active: #f7eef2;
	--mah24-mmenu-radius: 12px;
}

/* ==========================================================================
   دکمه‌ی باز کردن منو (Trigger)
   ========================================================================== */

.mah24-mmenu-trigger-wrap {
	display: inline-flex;
	align-items: center;
}

.mah24-mmenu-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 8px 14px;
	background: #ffffff;
	border: 1.5px solid var(--mah24-mmenu-border);
	border-radius: var(--mah24-mmenu-radius);
	color: var(--mah24-mmenu-text);
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	outline: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.mah24-mmenu-trigger:hover,
.mah24-mmenu-trigger:focus-visible {
	border-color: var(--mah24-mmenu-primary);
	color: var(--mah24-mmenu-primary);
	background: var(--mah24-mmenu-item-hover);
	box-shadow: 0 4px 12px rgba(78, 18, 41, 0.08);
}

/* همبرگر آیکون ۳ خط */
.mah24-mmenu-burger {
	width: 20px;
	height: 14px;
	position: relative;
	display: inline-flex;
	flex-direction: column;
	justify-content: space-between;
}

.mah24-mmenu-burger span {
	display: block;
	width: 100%;
	height: 2px;
	background-color: currentColor;
	border-radius: 2px;
	transition: transform 0.25s ease, opacity 0.25s ease;
}

.mah24-mmenu-burger span:nth-child(2) {
	width: 75%;
	margin-right: 0;
	margin-left: auto;
}

.mah24-mmenu-trigger:hover .mah24-mmenu-burger span:nth-child(2) {
	width: 100%;
}

.mah24-mmenu-trigger__label {
	display: inline-block;
	white-space: nowrap;
}

/* ==========================================================================
   پرتال و لایه‌های اف‌کنواس (Drawer & Backdrop)
   ========================================================================== */

.mah24-mmenu-portal {
	position: fixed;
	inset: 0;
	z-index: 999999;
	visibility: hidden;
	pointer-events: none;
	transition: visibility 0s linear var(--mah24-mmenu-duration);
}

.mah24-mmenu-portal.is-open {
	visibility: visible;
	pointer-events: auto;
	transition: visibility 0s linear 0s;
}

/* پس‌زمینه تیره با بلور گلس‌مورفیسم */
.mah24-mmenu-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(18, 9, 14, 0.48);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	opacity: 0;
	transition: opacity var(--mah24-mmenu-duration) cubic-bezier(0.16, 1, 0.3, 1);
	cursor: pointer;
}

.mah24-mmenu-portal.is-open .mah24-mmenu-backdrop {
	opacity: 1;
}

/* بدنه پنل اف‌کنواس */
.mah24-mmenu-drawer {
	position: absolute;
	top: 0;
	bottom: 0;
	width: var(--mah24-mmenu-width);
	max-width: 88vw;
	background: var(--mah24-mmenu-bg);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.16);
	z-index: 2;
	direction: rtl;
	text-align: right;
	will-change: transform, opacity;
}

/* جایگاه: راست (پیش‌فرض) */
.mah24-mmenu-portal[data-position="right"] .mah24-mmenu-drawer {
	right: 0;
	left: auto;
}

/* جایگاه: چپ */
.mah24-mmenu-portal[data-position="left"] .mah24-mmenu-drawer {
	left: 0;
	right: auto;
}

/* ==========================================================================
   انیمیشن‌های جذاب ورود و خروج (قابل تنظیم از کنترل‌های ویجت)
   ========================================================================== */

/* ۱. اسلاید روان (Slide) */
.mah24-mmenu-portal[data-anim="slide"][data-position="right"] .mah24-mmenu-drawer {
	transform: translate3d(100%, 0, 0);
	transition: transform var(--mah24-mmenu-duration) cubic-bezier(0.16, 1, 0.3, 1);
}
.mah24-mmenu-portal[data-anim="slide"][data-position="left"] .mah24-mmenu-drawer {
	transform: translate3d(-100%, 0, 0);
	transition: transform var(--mah24-mmenu-duration) cubic-bezier(0.16, 1, 0.3, 1);
}
.mah24-mmenu-portal[data-anim="slide"].is-open .mah24-mmenu-drawer {
	transform: translate3d(0, 0, 0);
}

/* ۲. اسلاید نرم همراه با فید (Fade & Slide) */
.mah24-mmenu-portal[data-anim="fade-slide"][data-position="right"] .mah24-mmenu-drawer {
	transform: translate3d(70px, 0, 0);
	opacity: 0;
	transition: transform var(--mah24-mmenu-duration) cubic-bezier(0.16, 1, 0.3, 1),
	            opacity var(--mah24-mmenu-duration) ease;
}
.mah24-mmenu-portal[data-anim="fade-slide"][data-position="left"] .mah24-mmenu-drawer {
	transform: translate3d(-70px, 0, 0);
	opacity: 0;
	transition: transform var(--mah24-mmenu-duration) cubic-bezier(0.16, 1, 0.3, 1),
	            opacity var(--mah24-mmenu-duration) ease;
}
.mah24-mmenu-portal[data-anim="fade-slide"].is-open .mah24-mmenu-drawer {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

/* ۳. بزرگ‌نمایی نرم (Zoom) */
.mah24-mmenu-portal[data-anim="zoom"][data-position="right"] .mah24-mmenu-drawer {
	transform: translate3d(60px, 0, 0) scale(0.92);
	opacity: 0;
	transform-origin: right center;
	transition: transform var(--mah24-mmenu-duration) cubic-bezier(0.16, 1, 0.3, 1),
	            opacity var(--mah24-mmenu-duration) ease;
}
.mah24-mmenu-portal[data-anim="zoom"][data-position="left"] .mah24-mmenu-drawer {
	transform: translate3d(-60px, 0, 0) scale(0.92);
	opacity: 0;
	transform-origin: left center;
	transition: transform var(--mah24-mmenu-duration) cubic-bezier(0.16, 1, 0.3, 1),
	            opacity var(--mah24-mmenu-duration) ease;
}
.mah24-mmenu-portal[data-anim="zoom"].is-open .mah24-mmenu-drawer {
	transform: translate3d(0, 0, 0) scale(1);
	opacity: 1;
}

/* ۴. سه‌بعدی لایه‌ای (3D Push) */
.mah24-mmenu-portal[data-anim="push"][data-position="right"] .mah24-mmenu-drawer {
	transform: perspective(900px) rotateY(-14deg) translate3d(100%, 0, 0);
	transform-origin: right center;
	opacity: 0.3;
	transition: transform var(--mah24-mmenu-duration) cubic-bezier(0.16, 1, 0.3, 1),
	            opacity var(--mah24-mmenu-duration) ease;
}
.mah24-mmenu-portal[data-anim="push"][data-position="left"] .mah24-mmenu-drawer {
	transform: perspective(900px) rotateY(14deg) translate3d(-100%, 0, 0);
	transform-origin: left center;
	opacity: 0.3;
	transition: transform var(--mah24-mmenu-duration) cubic-bezier(0.16, 1, 0.3, 1),
	            opacity var(--mah24-mmenu-duration) ease;
}
.mah24-mmenu-portal[data-anim="push"].is-open .mah24-mmenu-drawer {
	transform: perspective(900px) rotateY(0deg) translate3d(0, 0, 0);
	opacity: 1;
}

/* ۵. اسلاید گلس‌مورفیک بلور (Blur Slide) */
.mah24-mmenu-portal[data-anim="blur-slide"][data-position="right"] .mah24-mmenu-drawer {
	transform: translate3d(100%, 0, 0);
	filter: blur(14px);
	opacity: 0;
	transition: transform var(--mah24-mmenu-duration) cubic-bezier(0.16, 1, 0.3, 1),
	            filter var(--mah24-mmenu-duration) ease,
	            opacity var(--mah24-mmenu-duration) ease;
}
.mah24-mmenu-portal[data-anim="blur-slide"][data-position="left"] .mah24-mmenu-drawer {
	transform: translate3d(-100%, 0, 0);
	filter: blur(14px);
	opacity: 0;
	transition: transform var(--mah24-mmenu-duration) cubic-bezier(0.16, 1, 0.3, 1),
	            filter var(--mah24-mmenu-duration) ease,
	            opacity var(--mah24-mmenu-duration) ease;
}
.mah24-mmenu-portal[data-anim="blur-slide"].is-open .mah24-mmenu-drawer {
	transform: translate3d(0, 0, 0);
	filter: blur(0);
	opacity: 1;
}

/* ==========================================================================
   هدر پنل اف‌کنواس (Header)
   ========================================================================== */

.mah24-mmenu-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 20px;
	border-bottom: 1px solid var(--mah24-mmenu-border);
	background: #ffffff;
	flex-shrink: 0;
	gap: 12px;
}

.mah24-mmenu-header__brand {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.mah24-mmenu-header__logo {
	max-height: 36px;
	width: auto;
	object-fit: contain;
}

.mah24-mmenu-header__title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	color: var(--mah24-mmenu-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mah24-mmenu-close {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid var(--mah24-mmenu-border);
	border-radius: 50%;
	background: #ffffff;
	color: var(--mah24-mmenu-text-muted);
	cursor: pointer;
	transition: all 0.2s ease;
	flex-shrink: 0;
	outline: none;
}

.mah24-mmenu-close:hover {
	border-color: var(--mah24-mmenu-primary);
	color: var(--mah24-mmenu-primary);
	background: var(--mah24-mmenu-item-hover);
	transform: rotate(90deg);
}

.mah24-mmenu-close svg {
	width: 14px;
	height: 14px;
	stroke-width: 2.2;
}

/* ==========================================================================
   نوار جستجو در منو (Search Box)
   ========================================================================== */

.mah24-mmenu-search {
	padding: 12px 18px 6px;
	flex-shrink: 0;
}

.mah24-mmenu-search__form {
	position: relative;
	display: flex;
	align-items: center;
}

.mah24-mmenu-search__input {
	width: 100%;
	height: 42px;
	padding: 0 40px 0 14px;
	background: #fbf9fa;
	border: 1.5px solid var(--mah24-mmenu-border);
	border-radius: var(--mah24-mmenu-radius);
	font-family: inherit;
	font-size: 13px;
	color: var(--mah24-mmenu-text);
	transition: all 0.2s ease;
	outline: none;
}

.mah24-mmenu-search__input:focus {
	background: #ffffff;
	border-color: var(--mah24-mmenu-primary);
	box-shadow: 0 0 0 3px rgba(78, 18, 41, 0.08);
}

.mah24-mmenu-search__icon {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--mah24-mmenu-text-muted);
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mah24-mmenu-search__icon svg {
	width: 16px;
	height: 16px;
}

/* ==========================================================================
   لایه‌های سلسله‌مراتبی و اسلاید از راست (Drilldown Panels)
   ========================================================================== */

.mah24-mmenu-panels {
	position: relative;
	flex: 1 1 auto;
	overflow: hidden;
	width: 100%;
}

.mah24-mmenu-panel {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	display: flex;
	flex-direction: column;
	background: var(--mah24-mmenu-bg);
	will-change: transform, opacity;

	/* حالت پیش‌فرض: خارج از صفحه در سمت راست (در انتظار نمایش) */
	transform: translate3d(100%, 0, 0);
	visibility: hidden;
	pointer-events: none;
	transition: transform var(--mah24-mmenu-drilldown) cubic-bezier(0.16, 1, 0.3, 1),
	            visibility 0s linear var(--mah24-mmenu-drilldown);
}

/* لایه جاری که نمایش داده می‌شود */
.mah24-mmenu-panel.is-current {
	transform: translate3d(0, 0, 0);
	visibility: visible;
	pointer-events: auto;
	transition: transform var(--mah24-mmenu-drilldown) cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 2;
}

/* لایه والد قبلی در زیر لایه جاری (حرکت مختصر به چپ و مات شدن نرم) */
.mah24-mmenu-panel.is-parent {
	transform: translate3d(-24%, 0, 0);
	opacity: 0.55;
	filter: blur(0.8px);
	pointer-events: none;
	visibility: visible;
	transition: transform var(--mah24-mmenu-drilldown) cubic-bezier(0.16, 1, 0.3, 1),
	            opacity var(--mah24-mmenu-drilldown) ease,
	            filter var(--mah24-mmenu-drilldown) ease;
	z-index: 1;
}

/* اسکرول‌بار ظریف */
.mah24-mmenu-panel::-webkit-scrollbar {
	width: 4px;
}
.mah24-mmenu-panel::-webkit-scrollbar-thumb {
	background: #ded6d9;
	border-radius: 4px;
}

/* ==========================================================================
   دکمه بازگشت در بالای لایه‌های زیرمنو (Back Button)
   ========================================================================== */

.mah24-mmenu-back-bar {
	position: sticky;
	top: 0;
	z-index: 3;
	padding: 12px 16px;
	background: #faf7f8;
	border-bottom: 1px solid var(--mah24-mmenu-border);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mah24-mmenu-back-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border: 1px solid var(--mah24-mmenu-border);
	border-radius: 20px;
	background: #ffffff;
	color: var(--mah24-mmenu-primary);
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.18s ease;
	outline: none;
	user-select: none;
}

.mah24-mmenu-back-btn:hover {
	background: var(--mah24-mmenu-primary);
	color: #ffffff;
	border-color: var(--mah24-mmenu-primary);
	transform: translateX(3px);
}

.mah24-mmenu-back-btn svg {
	width: 14px;
	height: 14px;
	stroke-width: 2.4;
	transition: transform 0.18s ease;
}

.mah24-mmenu-back-btn:hover svg {
	transform: translateX(2px);
}

.mah24-mmenu-back-title {
	font-size: 13px;
	font-weight: 600;
	color: var(--mah24-mmenu-text-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 140px;
}

/* لینک مشاهده همه والد */
.mah24-mmenu-parent-link {
	padding: 10px 18px;
	background: #fff6fa;
	border-bottom: 1px solid var(--mah24-mmenu-border);
}

.mah24-mmenu-parent-link a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--mah24-mmenu-primary);
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.mah24-mmenu-parent-link a:hover {
	text-decoration: underline;
}

/* ==========================================================================
   لیست آیتم‌های منو
   ========================================================================== */

.mah24-mmenu-list {
	list-style: none;
	margin: 0;
	padding: 6px 0;
}

.mah24-mmenu-item {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(237, 232, 234, 0.6);
}

.mah24-mmenu-item:last-child {
	border-bottom: none;
}

.mah24-mmenu-link-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 16px;
	transition: background 0.15s ease;
}

.mah24-mmenu-link-wrap:hover {
	background: var(--mah24-mmenu-item-hover);
}

.mah24-mmenu-link {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1 1 auto;
	padding: 14px 0;
	color: var(--mah24-mmenu-text);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.15s ease;
}

.mah24-mmenu-link:hover {
	color: var(--mah24-mmenu-primary);
}

/* نشان یا بج (Badge) */
.mah24-mmenu-badge {
	display: inline-block;
	padding: 2px 7px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
	border-radius: 10px;
	background: var(--mah24-mmenu-primary);
	color: #ffffff;
}

.mah24-mmenu-badge--sale {
	background: #d63384;
}

.mah24-mmenu-badge--new {
	background: #198754;
}

/* دکمه فلش هدایت به زیرمنو */
.mah24-mmenu-toggle-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin-left: -6px;
	padding: 0;
	border: none;
	background: transparent;
	color: var(--mah24-mmenu-text-muted);
	cursor: pointer;
	border-radius: 8px;
	transition: all 0.15s ease;
	outline: none;
}

.mah24-mmenu-toggle-btn:hover {
	background: var(--mah24-mmenu-item-active);
	color: var(--mah24-mmenu-primary);
	transform: translateX(-3px);
}

.mah24-mmenu-toggle-btn svg {
	width: 16px;
	height: 16px;
	stroke-width: 2.2;
}

/* کل سطر دارای زیرمنو کلیک‌پذیر باشد */
.mah24-mmenu-item--has-children.mah24-mmenu-item--clickable-row .mah24-mmenu-link-wrap {
	cursor: pointer;
}

/* ==========================================================================
   فوتر پنل اف‌کنواس (Footer)
   ========================================================================== */

.mah24-mmenu-footer {
	padding: 14px 18px;
	background: #fdfbfc;
	border-top: 1px solid var(--mah24-mmenu-border);
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mah24-mmenu-contact {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	background: #ffffff;
	border: 1px solid var(--mah24-mmenu-border);
	border-radius: var(--mah24-mmenu-radius);
	text-decoration: none;
	color: var(--mah24-mmenu-text);
	transition: all 0.2s ease;
}

.mah24-mmenu-contact:hover {
	border-color: var(--mah24-mmenu-primary);
	background: #fffbfd;
}

.mah24-mmenu-contact__icon {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: var(--mah24-mmenu-item-active);
	color: var(--mah24-mmenu-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.mah24-mmenu-contact__icon svg {
	width: 16px;
	height: 16px;
}

.mah24-mmenu-contact__info {
	display: flex;
	flex-direction: column;
	text-align: right;
	margin-right: 10px;
	flex: 1 1 auto;
}

.mah24-mmenu-contact__label {
	font-size: 11.5px;
	color: var(--mah24-mmenu-text-muted);
}

.mah24-mmenu-contact__value {
	font-size: 13.5px;
	font-weight: 700;
	color: var(--mah24-mmenu-text);
	direction: ltr;
	text-align: right;
}

.mah24-mmenu-account-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 16px;
	background: var(--mah24-mmenu-primary);
	color: #ffffff !important;
	border-radius: var(--mah24-mmenu-radius);
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	transition: background 0.2s ease;
}

.mah24-mmenu-account-btn:hover {
	background: var(--mah24-mmenu-primary-hover);
}

.mah24-mmenu-account-btn svg {
	width: 16px;
	height: 16px;
}

/* قفل اسکرول صفحه هنگام باز بودن منو */
body.mah24-mmenu-locked {
	overflow: hidden !important;
	touch-action: none;
}


/* --- mah24-perfume-newsbar --- */
/**
 * نوار اخبار بالای سایت.
 *
 * چهار حالت با یک مارک‌آپ: ثابت، روان (مارکی)، محوشونده و کشویی. رنگ‌ها و
 * اندازه‌ها متغیرند تا ویجت المنتور بتواند بدون !important بازنویسی‌شان کند.
 */

.mah24-news {
	--mah24-news-bg: #35091c;
	--mah24-news-ink: #fff;
	--mah24-news-accent: #e8c25a;
	--mah24-news-badge-bg: rgba(255, 255, 255, 0.16);
	--mah24-news-height: 42px;
	--mah24-news-gap: 44px;
	--mah24-news-size: 13.5px;
	--mah24-news-radius: 0px;
	--mah24-news-speed: 18s;

	box-sizing: border-box;
	width: 100%;
	border-radius: var(--mah24-news-radius);
	background: var(--mah24-news-bg);
	color: var(--mah24-news-ink);
	font-size: var(--mah24-news-size);
	line-height: 1.8;
}

.mah24-news *,
.mah24-news *::before,
.mah24-news *::after {
	box-sizing: border-box;
}

.mah24-news[hidden] {
	display: none;
}

/* به بالای صفحه می‌چسبد؛ بالاتر از محتوا ولی پایین‌تر از مودال‌ها. */
.mah24-news--sticky {
	position: sticky;
	top: 0;
	z-index: 9995;
}

/*
 * تمام‌عرض شدن بیرون از قاب المنتور: بدون دست‌بردن در چیدمان صفحه، نوار از
 * لبه تا لبه کشیده می‌شود.
 */
.mah24-news--full {
	width: 100vw;
	max-width: 100vw;
	margin-inline: calc(50% - 50vw);
	border-radius: 0;
}

.mah24-news__inner {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	max-width: 1180px;
	min-height: var(--mah24-news-height);
	margin: 0 auto;
	padding: 4px 14px;
}

.mah24-news--full .mah24-news__inner {
	max-width: 1320px;
}

/* ------------------------------------------------------------ برچسب */

.mah24-news__label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--mah24-news-badge-bg);
	color: var(--mah24-news-accent);
	font-size: 0.85em;
	font-weight: 800;
	white-space: nowrap;
}

.mah24-news__icon {
	flex: 0 0 auto;
}

/* ------------------------------------------------------------ دیدرس */

.mah24-news__viewport {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
}

.mah24-news__track {
	display: flex;
	align-items: center;
}

.mah24-news__item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--mah24-news-item, inherit);
	text-decoration: none;
	white-space: nowrap;
}

a.mah24-news__item:hover,
a.mah24-news__item:focus-visible {
	color: var(--mah24-news-accent);
	text-decoration: none;
}

.mah24-news__img {
	display: block;
	flex: 0 0 auto;
	width: calc(var(--mah24-news-height) - 18px);
	height: calc(var(--mah24-news-height) - 18px);
	min-width: 18px;
	min-height: 18px;
	margin: 0;
	border-radius: 6px;
	object-fit: cover;
}

.mah24-news__badge {
	flex: 0 0 auto;
	padding: 1px 7px;
	border-radius: 999px;
	background: var(--mah24-news-accent);
	color: var(--mah24-news-bg);
	font-size: 0.8em;
	font-weight: 800;
	line-height: 1.8;
}

.mah24-news__text {
	min-width: 0;
}

/* ------------------------------------------------- حالت ثابت */

.mah24-news--static .mah24-news__track {
	flex-wrap: wrap;
	gap: 8px var(--mah24-news-gap);
}

.mah24-news--static .mah24-news__slide {
	display: flex;
	align-items: center;
}

.mah24-news--static .mah24-news__item {
	white-space: normal;
}

/* ------------------------------------------------- حالت روان (مارکی) */

/*
 * فهرست دو بار چاپ شده و انیمیشن نصفِ عرض را جابه‌جا می‌کند؛ پس حلقه بی‌درز
 * بسته می‌شود. جهت با خودِ صفحه می‌آید و data-direction آن را دستی عوض می‌کند.
 */
.mah24-news--marquee .mah24-news__track {
	width: max-content;
	animation: mah24-news-run var(--mah24-news-speed) linear infinite;
}

.mah24-news--marquee .mah24-news__run {
	display: flex;
	align-items: center;
	gap: var(--mah24-news-gap);
	padding-inline-end: var(--mah24-news-gap);
}

.mah24-news--marquee.is-paused .mah24-news__track {
	animation-play-state: paused;
}

@keyframes mah24-news-run {
	from {
		transform: translateX(0);
	}

	to {
		/* در RTL محور افقی برعکس است، پس جابه‌جایی مثبت می‌شود. */
		transform: translateX(-50%);
	}
}

.mah24-news--marquee[dir="rtl"] .mah24-news__track,
[dir="rtl"] .mah24-news--marquee .mah24-news__track {
	animation-name: mah24-news-run-rtl;
}

@keyframes mah24-news-run-rtl {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(50%);
	}
}

/* جهتِ دستی از جهتِ صفحه جلو می‌زند. */
.mah24-news--marquee[data-direction="ltr"] .mah24-news__track {
	animation-name: mah24-news-run;
}

.mah24-news--marquee[data-direction="rtl"] .mah24-news__track {
	animation-name: mah24-news-run-rtl;
}

/* ------------------------------------- حالت محوشونده و کشویی */

.mah24-news--fade .mah24-news__viewport,
.mah24-news--slide .mah24-news__viewport {
	position: relative;
	min-height: calc(var(--mah24-news-height) - 8px);
}

.mah24-news--fade .mah24-news__track,
.mah24-news--slide .mah24-news__track {
	display: block;
	height: 100%;
}

.mah24-news--fade .mah24-news__slide,
.mah24-news--slide .mah24-news__slide {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.mah24-news--fade .mah24-news__slide.is-on,
.mah24-news--slide .mah24-news__slide.is-on {
	opacity: 1;
	visibility: visible;
	transform: none;
}

/* کشویی: خبر تازه از پایین می‌آید و قبلی از بالا می‌رود. */
.mah24-news--slide .mah24-news__slide {
	transform: translateY(70%);
}

.mah24-news--slide .mah24-news__slide.is-out {
	transform: translateY(-70%);
}

/* --------------------------------------------- دکمه‌ها */

.mah24-news__nav,
.mah24-news__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: var(--mah24-news-badge-bg);
	color: inherit;
	font-family: inherit;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	transition: background 0.18s ease;
}

.mah24-news__nav:hover,
.mah24-news__close:hover {
	background: rgba(255, 255, 255, 0.28);
}

.mah24-news__close {
	margin-inline-start: 4px;
}

/* --------------------------------------------- موبایل */

@media screen and (max-width: 767px) {
	.mah24-news {
		--mah24-news-height: 38px;
		--mah24-news-gap: 30px;
		--mah24-news-size: 12.5px;
	}

	.mah24-news__inner {
		gap: 8px;
		padding: 4px 10px;
	}

	/* برچسبِ متنی جا نمی‌شود؛ آیکنش می‌ماند. */
	.mah24-news__label span {
		display: none;
	}

	.mah24-news__label {
		padding: 4px 7px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mah24-news--marquee .mah24-news__track {
		animation: none;
	}

	.mah24-news--fade .mah24-news__slide,
	.mah24-news--slide .mah24-news__slide {
		transition: none;
	}

	.mah24-news--slide .mah24-news__slide {
		transform: none;
	}
}


/* --- mah24-perfume-out --- */
/**
 * نمای محصول ناموجود در کارت‌ها (کلاس mah24-is-out).
 *
 * این فایل روی کارت‌های همه‌ی بخش‌ها می‌نشیند: کارت ماه۲۴، کارت آرشیو فروشگاه،
 * کارت علاقه‌مندی‌ها، ردیف پرفروش‌ترین‌ها و کارت خرید. چون ترتیب بارگذاری با
 * استایل هر بخش تضمین‌شده نیست، هر گزینشگر دست‌کم یک کلاس بیشتر از قاعده‌ی
 * پایه دارد تا مستقل از ترتیب، همین‌جا حرف آخر را بزند.
 *
 * دکمه‌ی علاقه‌مندی عمداً خاکستری نمی‌شود؛ محصول ناموجود هم باید بتواند در
 * فهرست علاقه‌مندی‌ها ذخیره شود و رنگش نشانه‌ی همان دکمه‌ی فعال است.
 */

.mah24-is-out {
	--mah24-out-ink: #9a9aa2;
	--mah24-out-chip: #6f6f78;
	--mah24-out-chip-bg: rgba(255, 255, 255, 0.92);
}

/* ------------------------------------------------------------ تصویر */

.mah24-is-out .mah24-card__frame img,
.mah24-is-out .mah24-shop__media img,
.mah24-is-out .mah24-favcard__thumb img,
.mah24-is-out .mah24-best__thumb img,
.mah24-is-out img {
	filter: grayscale(100%) !important;
	opacity: 0.55 !important;
}

/*
 * لوگوی برند در کارت خرید، تصویرِ محصول نیست؛ ناموجود بودنِ یک عطر نباید
 * نشانِ برند را بی‌رنگ کند.
 */
.mah24-is-out.mah24-pbox .mah24-pbox__logo-img {
	filter: none !important;
	opacity: 1 !important;
}

/* سایه‌ی زیر شیشه‌ی عطر هم باید بی‌رنگ شود، وگرنه خاکستری‌بودن نصفه می‌ماند. */
.mah24-is-out .mah24-card__frame img {
	filter: grayscale(100%) drop-shadow(0 16px 20px rgba(20, 20, 24, 0.18)) !important;
}

/* روی کارت ناموجود، بزرگ‌نمایی تصویر هنگام هاور بی‌معنی است. */
.mah24-is-out:hover .mah24-card__frame img {
	transform: none !important;
}

/* ------------------------------------------------------------- متن‌ها */

.mah24-is-out .mah24-card__title,
.mah24-is-out .mah24-card__subtitle,
.mah24-is-out .mah24-shop__name a,
.mah24-is-out .mah24-favcard__name,
.mah24-is-out .mah24-best__name,
.mah24-is-out .mah24-pbox__title {
	color: var(--mah24-out-ink) !important;
}

/* هاور هم نباید رنگِ «قابل خرید» بدهد. */
.mah24-is-out .mah24-card__title:hover,
.mah24-is-out .mah24-shop__name a:hover,
.mah24-is-out .mah24-favcard__name:hover,
.mah24-is-out .mah24-best__link:hover .mah24-best__name {
	color: var(--mah24-out-ink) !important;
}

/* ------------------------------------------------------------- قیمت */

.mah24-is-out .mah24-card__prices,
.mah24-is-out .mah24-shop__price,
.mah24-is-out .mah24-favcard__price,
.mah24-is-out .mah24-best__price,
.mah24-is-out .mah24-pbox__price-value {
	color: var(--mah24-out-ink) !important;
	opacity: 0.75 !important;
	text-decoration-color: currentColor !important;
}

.mah24-is-out .mah24-card__now,
.mah24-is-out .mah24-card__old,
.mah24-is-out .mah24-best__price ins,
.mah24-is-out .mah24-pbox__price-now,
.mah24-is-out .mah24-pbox__price-min,
.mah24-is-out .mah24-pbox__price-max {
	color: var(--mah24-out-ink) !important;
}

/* نشان درصد تخفیف روی محصولی که خریدنی نیست، گمراه‌کننده است. */
.mah24-is-out .mah24-card__badges,
.mah24-is-out .onsale {
	display: none !important;
}

/* ------------------------------------------------- نشان «ناموجود» */

.mah24-out-badge {
	position: absolute !important;
	inset-inline-start: 12px !important;
	bottom: 12px !important;
	z-index: 3 !important;
	display: inline-flex !important;
	align-items: center !important;
	max-width: calc(100% - 24px) !important;
	padding: 3px 10px !important;
	border: 1px solid rgba(0, 0, 0, 0.06) !important;
	border-radius: 999px !important;
	background: var(--mah24-out-chip-bg, rgba(255, 255, 255, 0.92)) !important;
	box-shadow: 0 4px 12px -8px rgba(20, 12, 16, 0.5) !important;
	color: var(--mah24-out-chip, #6f6f78) !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	line-height: 1.9 !important;
	white-space: nowrap !important;
	pointer-events: none !important;
}

/* جایی که تصویر کوچک است (مثل ردیف پرفروش‌ترین‌ها)، نشان در جریان متن می‌آید. */
.mah24-out-badge--inline {
	position: static !important;
	bottom: auto !important;
	max-width: none !important;
	padding: 1px 8px !important;
	border: 0 !important;
	background: #f1f1f3 !important;
	box-shadow: none !important;
	font-size: 11px !important;
}

/* ظرف تصویر باید مرجع جای‌گیریِ نشان باشد. */
.mah24-is-out .mah24-card__media,
.mah24-is-out .mah24-shop__media,
.mah24-is-out .mah24-favcard__media,
.mah24-is-out .mah24-best__thumb {
	position: relative !important;
}

/* --------------------------------------------- دکمه‌ی خرید و کارت خرید */

.mah24-is-out .mah24-card__buy,
.mah24-is-out .mah24-favcard__cart {
	filter: grayscale(100%) !important;
	opacity: 0.7 !important;
}

.mah24-is-out .mah24-favcard__cart {
	pointer-events: none !important;
}

/* کارت خرید، نشان خودش را در نوار وضعیت دارد؛ فقط قیمت و تصویر کم‌رنگ می‌شوند. */
.mah24-is-out.mah24-pbox {
	--mah24-out-chip-bg: #f4f4f6;
}

/* ------------------------------------------------------------ موبایل */

@media screen and (max-width: 767px) {
	.mah24-out-badge {
		inset-inline-start: 8px !important;
		bottom: 8px !important;
		padding: 2px 8px !important;
		max-width: calc(100% - 16px) !important;
		font-size: 10.5px !important;
	}
}


/* --- mah24-perfume-rail --- */
/**
 * ریل دایره‌ای دسته‌بندی‌ها.
 *
 * هم بالای صفحه‌ی فروشگاه به کار می‌رود و هم در شورت‌کد [mah24_category_rail] و
 * ویجت المنتورش؛ پس به‌جای کلاس بدنه‌ی فروشگاه، به کلاس خودِ ریل تکیه می‌کند.
 *
 * هر اندازه و رنگی متغیر است تا ویجت بتواند بدون جنگِ !important بازنویسی‌اش
 * کند. اندازه‌های چیدمانی (عرض آیتم، قطر حلقه، فاصله) سه‌تایی‌اند: شورت‌کد
 * مقدارِ هر دستگاه را به‌صورت style روی خودِ بخش می‌نویسد و نقطه‌های شکست
 * مقدارِ «مصرفی» را از بینشان انتخاب می‌کنند — استایل درون‌خطی از هر قاعده‌ای
 * در این فایل قوی‌تر است، پس نمی‌شود مستقیم روی همان متغیر نوشت.
 */

.mah24-rail,
.mah24-rail *,
.mah24-rail *::before,
.mah24-rail *::after {
	box-sizing: border-box !important;
}

.mah24-rail {
	--mah24-rail-bg: #fff;
	--mah24-rail-radius: 18px;
	--mah24-rail-pad-y: 22px;
	--mah24-rail-pad-x: 24px;
	--mah24-rail-shadow: 0 8px 24px -14px rgba(53, 9, 28, 0.16);

	--mah24-rail-title-ink: var(--mah24-shop-ink, #111);
	--mah24-rail-title-size: 19px;
	--mah24-rail-title-gap: 18px;
	--mah24-rail-spark: var(--mah24-shop-gold, #c9a227);

	--mah24-rail-shape: 50%;
	--mah24-rail-ring-from: #e9d9b4;
	--mah24-rail-ring-to: var(--mah24-shop-gold, #c9a227);
	--mah24-rail-ring-pad: 4px;
	--mah24-rail-img-line: #fff;
	--mah24-rail-img-width: 7px;

	--mah24-rail-label-ink: #292929;
	--mah24-rail-label-size: 14px;
	--mah24-rail-current: var(--mah24-shop-wine, #35091c);

	--mah24-rail-btn: 38px;
	--mah24-rail-btn-bg: #f5f5f5;
	--mah24-rail-btn-ink: var(--mah24-shop-wine, #35091c);
	--mah24-rail-btn-hover: #ececec;

	/* مقدارهای نهاییِ همین نقطه‌ی شکست؛ پایین‌تر برای تبلت و موبایل عوض می‌شوند. */
	--mah24-rail-item: var(--mah24-rail-item-d, 128px);
	--mah24-rail-ring: var(--mah24-rail-ring-d, 112px);
	--mah24-rail-gap: var(--mah24-rail-gap-d, 26px);

	margin: 0 0 24px !important;
	padding: var(--mah24-rail-pad-y) var(--mah24-rail-pad-x) calc(var(--mah24-rail-pad-y) - 2px) !important;
	border-radius: var(--mah24-rail-radius) !important;
	background: var(--mah24-rail-bg) !important;
	box-shadow: var(--mah24-rail-shadow) !important;
}

/* بدون کادر: همان ریل، ولی بی پس‌زمینه و سایه تا در هر جایی بنشیند. */
.mah24-rail--bare {
	padding: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

/* ------------------------------------------------------------- عنوان */

.mah24-rail .mah24-shop__cats-title {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	margin: 0 0 var(--mah24-rail-title-gap) !important;
	padding: 0 !important;
	color: var(--mah24-rail-title-ink) !important;
	font-size: var(--mah24-rail-title-size) !important;
	font-weight: 700 !important;
	line-height: 1.8 !important;
}

.mah24-rail--start .mah24-shop__cats-title {
	justify-content: flex-start !important;
}

.mah24-rail--end .mah24-shop__cats-title {
	justify-content: flex-end !important;
}

.mah24-rail .mah24-shop__spark {
	display: inline-flex !important;
	color: var(--mah24-rail-spark) !important;
}

/* ------------------------------------------------------------- ردیف */

.mah24-rail .mah24-shop__cats-row {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
}

/* --------------------------------------------------- دکمه‌های کناری */

.mah24-rail .mah24-shop__rail-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	width: var(--mah24-rail-btn) !important;
	height: var(--mah24-rail-btn) !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: var(--mah24-rail-btn-bg) !important;
	color: var(--mah24-rail-btn-ink) !important;
	cursor: pointer !important;
	transition: background 0.18s ease, opacity 0.18s ease !important;
}

.mah24-rail .mah24-shop__rail-btn:hover {
	background: var(--mah24-rail-btn-hover) !important;
}

/*
 * وقتی همه‌ی دسته‌ها جا می‌شوند، دکمه‌ها کاری ندارند؛ کم‌رنگ و بی‌اثر می‌شوند تا
 * کاربر بیهوده رویشان کلیک نکند. کلاس is-scrollable-rail را جاوااسکریپت می‌گذارد.
 */
.mah24-rail:not(.is-scrollable-rail) .mah24-shop__rail-btn {
	opacity: 0.35 !important;
	pointer-events: none !important;
}

/*
 * پیکان‌ها با جهتِ صفحه می‌خوانند: در راست‌چین، دکمه‌ی «قبلی» سمت راست است و
 * باید به راست اشاره کند. گلیفِ داخل مارک‌آپ برای راست‌چین چیده شده، پس در
 * چپ‌چین آینه می‌شود.
 */
[dir="ltr"] .mah24-rail .mah24-shop__rail-btn svg {
	transform: scaleX(-1) !important;
}

/* --------------------------------------------------------- ریل */

.mah24-rail ul.mah24-shop__rail {
	display: flex !important;
	flex: 1 1 auto !important;
	align-items: flex-start !important;
	justify-content: center !important;
	gap: var(--mah24-rail-gap) !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 2px 0 !important;
	overflow-x: auto !important;
	scroll-behavior: smooth !important;
	list-style: none !important;
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
}

.mah24-rail ul.mah24-shop__rail::-webkit-scrollbar {
	display: none !important;
}

/* سرریز که شد، از ابتدا بچیند تا با کشیدن به همه‌ی دسته‌ها برسیم. */
.mah24-rail ul.mah24-shop__rail.is-scrollable {
	justify-content: flex-start !important;
}

.mah24-rail--drag ul.mah24-shop__rail.is-scrollable {
	cursor: grab !important;
}

.mah24-rail ul.mah24-shop__rail.is-dragging {
	cursor: grabbing !important;
	scroll-behavior: auto !important;
	scroll-snap-type: none !important;
	user-select: none !important;
	-webkit-user-select: none !important;
}

/* وسط کشیدن، تصویر یا لینک نباید «برداشته» شود. */
.mah24-rail ul.mah24-shop__rail.is-dragging a,
.mah24-rail ul.mah24-shop__rail.is-dragging .mah24-shop__cat-img {
	pointer-events: none !important;
	-webkit-user-drag: none !important;
}

/* --------------------------------------------------------- هر دسته */

.mah24-rail .mah24-shop__cat {
	flex: 0 0 auto !important;
	width: var(--mah24-rail-item) !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.mah24-rail .mah24-shop__cat::marker {
	content: none !important;
}

.mah24-rail .mah24-shop__cat > a {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 10px !important;
	text-decoration: none !important;
}

.mah24-rail .mah24-shop__cat-ring {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: var(--mah24-rail-ring) !important;
	height: var(--mah24-rail-ring) !important;
	padding: var(--mah24-rail-ring-pad) !important;
	border-radius: var(--mah24-rail-shape) !important;
	background: linear-gradient(135deg, var(--mah24-rail-ring-from), var(--mah24-rail-ring-to)) !important;
	transition: transform 0.18s ease !important;
}

.mah24-rail .mah24-shop__cat > a:hover .mah24-shop__cat-ring {
	transform: translateY(-2px) !important;
}

.mah24-rail .mah24-shop__cat-img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	border: var(--mah24-rail-img-width) solid var(--mah24-rail-img-line) !important;
	border-radius: var(--mah24-rail-shape) !important;
	background-color: var(--mah24-rail-img-line) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.mah24-rail .mah24-shop__cat-label {
	color: var(--mah24-rail-label-ink) !important;
	font-size: var(--mah24-rail-label-size) !important;
	font-weight: 600 !important;
	text-align: center !important;
	line-height: 1.7 !important;
}

.mah24-rail--nolabel .mah24-shop__cat-label {
	display: none !important;
}

.mah24-rail .mah24-shop__cat-count {
	display: block !important;
	color: var(--mah24-rail-label-ink) !important;
	font-size: 0.82em !important;
	font-weight: 500 !important;
	opacity: 0.7 !important;
}

.mah24-rail .mah24-shop__cat.is-current .mah24-shop__cat-label {
	color: var(--mah24-rail-current) !important;
	font-weight: 700 !important;
}

/* ------------------------------------------------------------- تبلت */

@media screen and (max-width: 1024px) {
	.mah24-rail {
		--mah24-rail-item: var(--mah24-rail-item-t, var(--mah24-rail-item-d, 84px));
		--mah24-rail-ring: var(--mah24-rail-ring-t, var(--mah24-rail-ring-d, 74px));
		--mah24-rail-gap: var(--mah24-rail-gap-t, var(--mah24-rail-gap-d, 12px));
		--mah24-rail-pad-y: 16px;
		--mah24-rail-pad-x: 12px;
		--mah24-rail-radius: 16px;
		--mah24-rail-title-size: 15px;
		--mah24-rail-title-gap: 12px;
		--mah24-rail-ring-pad: 3px;
		--mah24-rail-img-width: 4px;
		--mah24-rail-label-size: 11px;
		--mah24-rail-btn: 28px;
	}

	.mah24-rail ul.mah24-shop__rail {
		justify-content: flex-start !important;
	}
}

/* ------------------------------------------------------------- موبایل */

@media screen and (max-width: 767px) {
	.mah24-rail {
		--mah24-rail-item: var(--mah24-rail-item-m, var(--mah24-rail-item-t, var(--mah24-rail-item-d, 84px)));
		--mah24-rail-ring: var(--mah24-rail-ring-m, var(--mah24-rail-ring-t, var(--mah24-rail-ring-d, 74px)));
		--mah24-rail-gap: var(--mah24-rail-gap-m, var(--mah24-rail-gap-t, var(--mah24-rail-gap-d, 12px)));
	}
}

@media (prefers-reduced-motion: reduce) {
	.mah24-rail ul.mah24-shop__rail {
		scroll-behavior: auto !important;
	}

	.mah24-rail .mah24-shop__cat-ring,
	.mah24-rail .mah24-shop__rail-btn {
		transition: none !important;
	}

	.mah24-rail .mah24-shop__cat > a:hover .mah24-shop__cat-ring {
		transform: none !important;
	}
}


/* --- mah24-perfume-shop --- */
/**
 * پوسته‌ی صفحه‌ی فروشگاه ماه۲۴ (دسکتاپ + موبایل).
 *
 * همه‌ی سلکتورها با body.mah24-shop-page شروع می‌شوند تا از استایل پوسته جلو بزنند.
 */

body.mah24-shop-page .mah24-shop {
	--mah24-shop-wine: #35091c;
	--mah24-shop-gold: #c9a227;
	--mah24-shop-star: #e6b325;
	--mah24-shop-ink: #111;
	--mah24-shop-soft: #8d8d8d;
	--mah24-shop-line: #e1e2e3;
	--mah24-shop-bg: #faf9f9;
	--mah24-shop-card: 0 8px 24px -16px rgba(53, 9, 28, 0.18);

	display: block !important;
	width: 100% !important;
	margin-inline: auto !important;
	color: var(--mah24-shop-ink) !important;
	font-size: 14px !important;
	line-height: 1.9 !important;
}

body.mah24-shop-page .mah24-shop *,
body.mah24-shop-page .mah24-shop *::before,
body.mah24-shop-page .mah24-shop *::after {
	box-sizing: border-box !important;
}

body.mah24-shop-page .mah24-shop svg.mah24-shop__icon {
	display: block !important;
	flex: 0 0 auto !important;
	width: auto !important;
	height: auto !important;
	max-width: none !important;
}

/* ---------------------------------------- سربرگ آرشیو */

/*
 * عنوانِ همین آرشیو (دسته، نُت، آکورد، برند یا جست‌وجو). اگر ترم تصویر داشته
 * باشد، همین بخش جای ریل دسته‌ها را می‌گیرد؛ پس هم‌قواره‌ی همان کارت است.
 */
body.mah24-shop-page .mah24-shop__head {
	/* اندازه‌ی تصویر یک متغیر است تا بدون دست‌زدن به این فایل هم قابل تغییر باشد. */
	--mah24-shop-head-art: 62px;

	display: flex !important;
	align-items: center !important;
	gap: 18px !important;
	margin: 0 0 24px !important;
	padding: 18px 24px !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: var(--mah24-shop-card) !important;
}

/* بدون تصویر، عنوان تنهاست؛ وسط‌چین بهتر از چسبیدن به لبه است. */
body.mah24-shop-page .mah24-shop__head--plain {
	justify-content: center !important;
	padding: 14px 20px !important;
	text-align: center !important;
}

body.mah24-shop-page .mah24-shop__head-art {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	width: var(--mah24-shop-head-art) !important;
	height: var(--mah24-shop-head-art) !important;
	padding: 3px !important;
	border-radius: 16px !important;
	background: linear-gradient(135deg, #e9d9b4, var(--mah24-shop-gold, #c9a227)) !important;
}

/*
 * موضوع سربرگ همیشه تصویر ندارد: فصل‌ها آیکن دارند و آیکن یا SVG درون‌خطی است
 * یا یک تصویر کوچک. هر دو باید قاب را پر کنند.
 */
body.mah24-shop-page .mah24-shop__head-art > span,
body.mah24-shop-page .mah24-shop__head-art svg {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
}

body.mah24-shop-page .mah24-shop__head-art svg {
	fill: currentColor !important;
	color: var(--mah24-shop-wine, #35091c) !important;
}

/* آیکنِ خطی حاشیه‌ی سفیدِ عکس را نمی‌خواهد؛ خودش روی قاب سفید می‌نشیند. */
body.mah24-shop-page .mah24-shop__head-art > span {
	padding: 7px !important;
	border-radius: 13px !important;
	background: #fff !important;
}

body.mah24-shop-page .mah24-shop__head-art > span img {
	padding: 0 !important;
	border: 0 !important;
	object-fit: contain !important;
}

body.mah24-shop-page .mah24-shop__head-art img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	border: 3px solid #fff !important;
	border-radius: 13px !important;
	background: #fff !important;
	object-fit: cover !important;
}

body.mah24-shop-page .mah24-shop__head-text {
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
	min-width: 0 !important;
}

body.mah24-shop-page .mah24-shop__head-eyebrow {
	color: var(--mah24-shop-soft, #8d8d8d) !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	line-height: 1.8 !important;
}

body.mah24-shop-page h1.mah24-shop__head-title {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--mah24-shop-ink, #111) !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 1.7 !important;
}

/* ---------------------------------------- ریل دسته‌بندی */

/* ---------------------------------------- چیدمان */

body.mah24-shop-page .mah24-shop__layout {
	display: grid !important;
	/* عرض ستون فیلتر از تنظیمات می‌آید. */
	grid-template-columns: var(--mah24-shop-side, 300px) minmax(0, 1fr) !important;
	gap: 26px !important;
	align-items: start !important;
}

/*
 * جای ستون فیلتر: در چیدمان راست‌چین، ستون اول سمت راست است. برای «چپ» فقط
 * ترتیب ستون‌ها و ترتیب نمایش عوض می‌شود؛ ترتیب HTML دست‌نخورده می‌ماند.
 */
body.mah24-shop-page .mah24-shop--side-left .mah24-shop__layout {
	grid-template-columns: minmax(0, 1fr) var(--mah24-shop-side, 300px) !important;
}

body.mah24-shop-page .mah24-shop--side-left .mah24-shop__side {
	order: 2 !important;
}

body.mah24-shop-page .mah24-shop--side-left .mah24-shop__main {
	order: 1 !important;
}

body.mah24-shop-page .mah24-shop__side {
	position: sticky !important;
	top: 20px !important;
	align-self: start !important;
	min-width: 0 !important;
	/* بلندتر از صفحه که شد، خودِ ستون اسکرول می‌خورد نه کل صفحه. */
	max-height: calc(100vh - 40px) !important;
}

body.mah24-shop-page .mah24-shop__drawer {
	display: flex !important;
	flex-direction: column !important;
	/* درصدی نه: ارتفاع ستون خودکار است و max-height درصدی بی‌اثر می‌شود. */
	max-height: calc(100vh - 40px) !important;
	min-height: 0 !important;
}

body.mah24-shop-page .mah24-shop__main {
	min-width: 0 !important;
}

body.mah24-shop-page .mah24-shop__drawer-head,
body.mah24-shop-page .mah24-shop__drawer-grip,
body.mah24-shop-page .mah24-shop__scrim {
	display: none !important;
}

/* ---------------------------------------- کارت‌های فیلتر */

body.mah24-shop-page .mah24-shop__form {
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 1 1 auto !important;
	overflow: visible !important;
}

/*
 * فقط همین بدنه اسکرول می‌خورد و نوار دکمه‌ها بیرونش می‌ماند؛ پیش از این نوار
 * داخل همین ظرف و sticky بود و با باز شدن آخرین باکس، روی فهرستش می‌افتاد.
 */
body.mah24-shop-page .mah24-shop__form-body {
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
	flex: 1 1 auto !important;
	min-height: 0 !important;
	/* جا برای سایه‌ی کارت‌ها، وگرنه لبه‌شان بریده می‌شود. */
	padding: 2px !important;
	overflow-y: auto !important;
}

body.mah24-shop-page .mah24-shop__card {
	padding: 20px !important;
	border: 0 !important;
	border-radius: 16px !important;
	background: #fff !important;
	box-shadow: var(--mah24-shop-card) !important;
}

body.mah24-shop-page .mah24-shop__card--filters {
	padding: 8px 20px 12px !important;
}

body.mah24-shop-page .mah24-shop__card-title {
	display: block !important;
	color: var(--mah24-shop-ink) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
}

body.mah24-shop-page .mah24-shop__card--search .mah24-shop__card-title {
	margin-bottom: 14px !important;
}

body.mah24-shop-page .mah24-shop__card-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 16px 0 12px !important;
	border-bottom: 1px solid #eee !important;
	color: var(--mah24-shop-wine) !important;
}

body.mah24-shop-page label.mah24-shop__search {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	height: 46px !important;
	padding: 0 12px !important;
	border: 1px solid var(--mah24-shop-line) !important;
	border-radius: 12px !important;
	color: var(--mah24-shop-soft) !important;
}

body.mah24-shop-page .mah24-shop__search input {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	height: 100% !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: var(--mah24-shop-ink) !important;
	font-family: inherit !important;
	font-size: 13px !important;
	outline: none !important;
}

/* ---------------------------------------- بخش‌های تاشو */

body.mah24-shop-page .mah24-shop__section {
	border-bottom: 1px solid #eee !important;
}

body.mah24-shop-page summary.mah24-shop__section-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 15px 0 !important;
	color: var(--mah24-shop-wine) !important;
	cursor: pointer !important;
	list-style: none !important;
}

body.mah24-shop-page summary.mah24-shop__section-head::-webkit-details-marker {
	display: none !important;
}

body.mah24-shop-page .mah24-shop__section-title {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: #292c2d !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

body.mah24-shop-page .mah24-shop__section[open] > .mah24-shop__section-head svg.mah24-shop__icon {
	transform: rotate(180deg) !important;
	transition: transform 0.2s !important;
}

/* شمارنده‌ی خالی نباید دیده شود؛ display با !important روی hidden سایه می‌اندازد. */
body.mah24-shop-page .mah24-shop__pill[hidden] {
	display: none !important;
}

body.mah24-shop-page .mah24-shop__pill {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 18px !important;
	height: 18px !important;
	padding: 0 5px !important;
	border-radius: 9px !important;
	background: #f2e1c1 !important;
	color: var(--mah24-shop-wine) !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
}

body.mah24-shop-page ul.mah24-shop__options {
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
	margin: 0 !important;
	padding: 0 0 12px !important;
	max-height: 260px !important;
	overflow-y: auto !important;
	list-style: none !important;
}

body.mah24-shop-page ul.mah24-shop__options > li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.mah24-shop-page label.mah24-shop__option {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 9px 2px !important;
	border-radius: 8px !important;
	color: #292c2d !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	cursor: pointer !important;
}

body.mah24-shop-page label.mah24-shop__option:hover {
	background: #faf7f9 !important;
}

body.mah24-shop-page label.mah24-shop__option.is-on {
	color: var(--mah24-shop-wine) !important;
	font-weight: 700 !important;
}

body.mah24-shop-page .mah24-shop__option input[type="checkbox"] {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

body.mah24-shop-page .mah24-shop__box {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	width: 20px !important;
	height: 20px !important;
	border: 1.5px solid #d1d4d4 !important;
	border-radius: 6px !important;
	background: #fff !important;
	color: #fff !important;
	transition: all 0.15s !important;
}

body.mah24-shop-page .mah24-shop__box svg {
	opacity: 0 !important;
}

body.mah24-shop-page .mah24-shop__option input:checked + .mah24-shop__box {
	border-color: var(--mah24-shop-wine) !important;
	background: var(--mah24-shop-wine) !important;
}

body.mah24-shop-page .mah24-shop__option input:checked + .mah24-shop__box svg {
	opacity: 1 !important;
}

body.mah24-shop-page .mah24-shop__option input:focus-visible + .mah24-shop__box {
	box-shadow: 0 0 0 3px rgba(53, 9, 28, 0.18) !important;
}

body.mah24-shop-page .mah24-shop__option-label {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	overflow-wrap: anywhere !important;
}

body.mah24-shop-page .mah24-shop__option-count {
	flex: 0 0 auto !important;
	color: var(--mah24-shop-soft) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
}

/* ---------------------------------------- کلیدها */

body.mah24-shop-page .mah24-shop__switches {
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
	padding: 8px 0 6px !important;
}

body.mah24-shop-page label.mah24-shop__switch {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	padding: 11px 0 !important;
	cursor: pointer !important;
}

body.mah24-shop-page .mah24-shop__switch-label {
	color: #292c2d !important;
	font-size: 14px !important;
	font-weight: 500 !important;
}

body.mah24-shop-page .mah24-shop__switch input[type="checkbox"] {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

body.mah24-shop-page .mah24-shop__track {
	position: relative !important;
	display: inline-block !important;
	flex: 0 0 auto !important;
	width: 44px !important;
	height: 24px !important;
	border-radius: 12px !important;
	background: var(--mah24-shop-line) !important;
	transition: background 0.2s !important;
}

body.mah24-shop-page .mah24-shop__dot {
	position: absolute !important;
	top: 3px !important;
	inset-inline-start: 3px !important;
	width: 18px !important;
	height: 18px !important;
	border-radius: 50% !important;
	background: #fff !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
	transition: transform 0.2s !important;
}

body.mah24-shop-page .mah24-shop__switch input:checked + .mah24-shop__track {
	background: var(--mah24-shop-wine) !important;
}

body.mah24-shop-page .mah24-shop__switch input:checked + .mah24-shop__track .mah24-shop__dot {
	transform: translateX(-20px) !important;
}

body.mah24-shop-page .mah24-shop__switch input:focus-visible + .mah24-shop__track {
	box-shadow: 0 0 0 3px rgba(53, 9, 28, 0.18) !important;
}

/* ---------------------------------------- بازه‌ی قیمت */

body.mah24-shop-page .mah24-shop__card--price .mah24-shop__card-title {
	margin-bottom: 20px !important;
}

body.mah24-shop-page .mah24-shop__range {
	position: relative !important;
	height: 20px !important;
	margin: 0 4px !important;
}

body.mah24-shop-page .mah24-shop__range-track,
body.mah24-shop-page .mah24-shop__range-fill {
	position: absolute !important;
	top: 50% !important;
	height: 5px !important;
	border-radius: 3px !important;
	transform: translateY(-50%) !important;
}

body.mah24-shop-page .mah24-shop__range-track {
	right: 0 !important;
	left: 0 !important;
	background: #eee !important;
}

body.mah24-shop-page .mah24-shop__range-fill {
	background: var(--mah24-shop-wine) !important;
}

body.mah24-shop-page input.mah24-shop__range-input {
	position: absolute !important;
	top: 50% !important;
	right: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 20px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	transform: translateY(-50%) !important;
	pointer-events: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

body.mah24-shop-page input.mah24-shop__range-input::-webkit-slider-thumb {
	width: 20px !important;
	height: 20px !important;
	border: 3px solid #fff !important;
	border-radius: 50% !important;
	background: var(--mah24-shop-wine) !important;
	box-shadow: 0 1px 5px rgba(53, 9, 28, 0.4) !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	-webkit-appearance: none !important;
}

body.mah24-shop-page input.mah24-shop__range-input::-moz-range-thumb {
	width: 18px !important;
	height: 18px !important;
	border: 3px solid #fff !important;
	border-radius: 50% !important;
	background: var(--mah24-shop-wine) !important;
	box-shadow: 0 1px 5px rgba(53, 9, 28, 0.4) !important;
	cursor: pointer !important;
	pointer-events: auto !important;
}

body.mah24-shop-page input.mah24-shop__range-input[data-mah24-range-min] {
	z-index: 3 !important;
}

body.mah24-shop-page input.mah24-shop__range-input[data-mah24-range-max] {
	z-index: 4 !important;
}

body.mah24-shop-page .mah24-shop__range-values {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	margin: 16px 0 0 !important;
	color: var(--mah24-shop-wine) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
}

body.mah24-shop-page .mah24-shop__range-sep {
	color: var(--mah24-shop-soft) !important;
	font-weight: 400 !important;
}

/* ---------------------------------------- دکمه‌های فرم */

/*
 * نوار دکمه‌ها همیشه پایین ستون می‌چسبد؛ چه آکاردئون‌ها باز باشند چه بسته،
 * «اعمال فیلتر» بدون اسکرول در دسترس است.
 */
body.mah24-shop-page .mah24-shop__actions {
	flex: 0 0 auto !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 14px 2px 2px !important;
	background: var(--mah24-shop-bg, #faf9f9) !important;
}

body.mah24-shop-page .mah24-shop__actions-row {
	display: flex !important;
	gap: 10px !important;
}

/* پیام «هنوز اعمال نشده»؛ تا وقتی چیزی عوض نشده دیده نمی‌شود. */
body.mah24-shop-page .mah24-shop__dirty {
	display: none !important;
	align-items: center !important;
	gap: 7px !important;
	margin: 0 !important;
	padding: 9px 12px !important;
	border-radius: 11px !important;
	background: #fdf4e3 !important;
	color: #8a6100 !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	line-height: 1.7 !important;
}

body.mah24-shop-page .mah24-shop__actions.is-dirty .mah24-shop__dirty {
	display: flex !important;
}

body.mah24-shop-page .mah24-shop__actions.is-dirty .mah24-shop__apply {
	animation: mah24-shop-pulse 1.6s ease-out 2 !important;
}

@keyframes mah24-shop-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(201, 162, 39, 0.55);
	}

	70% {
		box-shadow: 0 0 0 12px rgba(201, 162, 39, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(201, 162, 39, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.mah24-shop-page .mah24-shop__actions.is-dirty .mah24-shop__apply {
		animation: none !important;
	}
}

body.mah24-shop-page .mah24-shop__apply-count {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 22px !important;
	height: 22px !important;
	margin-inline-start: 8px !important;
	padding: 0 6px !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.22) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
}

body.mah24-shop-page .mah24-shop__apply-count[hidden] {
	display: none !important;
}

body.mah24-shop-page .mah24-shop__apply,
body.mah24-shop-page a.mah24-shop__clear {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 50px !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 12px !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

body.mah24-shop-page .mah24-shop__apply {
	flex: 1 1 auto !important;
	gap: 0 !important;
	background: var(--mah24-shop-wine) !important;
	color: #fff !important;
	transition: background 0.2s !important;
}

body.mah24-shop-page .mah24-shop__apply:hover {
	background: #4a0f28 !important;
}

body.mah24-shop-page a.mah24-shop__clear {
	flex: 0 0 auto !important;
	border: 1.5px solid var(--mah24-shop-line) !important;
	background: #fff !important;
	color: var(--mah24-shop-soft) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
}

/* ---------------------------------------- نوار بالای فهرست */

body.mah24-shop-page .mah24-shop__toolbar {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	margin: 0 0 22px !important;
	padding: 14px 22px !important;
	border-radius: 16px !important;
	background: #fff !important;
	box-shadow: var(--mah24-shop-card) !important;
}

body.mah24-shop-page .mah24-shop__mobilebar {
	display: none !important;
}

body.mah24-shop-page .mah24-shop__count {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--mah24-shop-soft) !important;
	font-size: 13px !important;
	float: none !important;
}

body.mah24-shop-page .mah24-shop__count b {
	color: var(--mah24-shop-wine) !important;
	font-weight: 600 !important;
}

body.mah24-shop-page .mah24-shop__sorts {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	flex-wrap: wrap !important;
}

body.mah24-shop-page a.mah24-shop__sort {
	padding-bottom: 3px !important;
	border-bottom: 2px solid transparent !important;
	color: var(--mah24-shop-soft) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
	text-decoration: none !important;
}

body.mah24-shop-page a.mah24-shop__sort:hover {
	color: var(--mah24-shop-wine) !important;
}

body.mah24-shop-page a.mah24-shop__sort.is-on {
	border-bottom-color: var(--mah24-shop-gold) !important;
	color: var(--mah24-shop-wine) !important;
	font-weight: 700 !important;
}

body.mah24-shop-page .mah24-shop__sorts-cap {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	color: var(--mah24-shop-wine) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

/* ---------------------------------------- فهرست محصولات */

body.mah24-shop-page .mah24-shop__main ul.products {
	display: grid !important;
	/* تعداد ستون‌ها از تنظیمات می‌آید: دسکتاپ، تبلت و موبایل جداگانه. */
	grid-template-columns: repeat(var(--mah24-shop-cols, 3), minmax(0, 1fr)) !important;
	gap: 20px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.mah24-shop-page .mah24-shop__main ul.products::before,
body.mah24-shop-page .mah24-shop__main ul.products::after {
	display: none !important;
}

body.mah24-shop-page li.mah24-shop__product {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 14px !important;
	float: none !important;
	border-radius: 16px !important;
	background: #fff !important;
	box-shadow: 0 6px 18px -6px rgba(173, 173, 173, 0.4) !important;
	text-align: center !important;
	clear: none !important;
}

body.mah24-shop-page .mah24-shop__media {
	position: relative !important;
	overflow: hidden !important;
	border-radius: 12px !important;
	background: #efefef !important;
	aspect-ratio: 1 / 1 !important;
}

body.mah24-shop-page .mah24-shop__media-link {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
}

body.mah24-shop-page .mah24-shop__media img {
	display: block !important;
	width: 86% !important;
	height: 86% !important;
	margin: 0 auto !important;
	object-fit: contain !important;
}

body.mah24-shop-page .mah24-shop__media .onsale {
	position: absolute !important;
	top: 10px !important;
	inset-inline-start: 10px !important;
	right: auto !important;
	left: auto !important;
	inset-inline-end: auto !important;
	min-height: 0 !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 3px 10px !important;
	border-radius: 8px !important;
	background: var(--mah24-shop-wine) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.8 !important;
}

body.mah24-shop-page .mah24-shop__wish {
	position: absolute !important;
	top: 10px !important;
	inset-inline-end: 10px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	height: 34px !important;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, 0.9) !important;
}

body.mah24-shop-page .mah24-shop__wish .mah24-wish-wrap,
body.mah24-shop-page .mah24-shop__wish .mah24-wish {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
}

body.mah24-shop-page .mah24-shop__meta {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 22px !important;
}

body.mah24-shop-page .mah24-shop__genders {
	display: inline-flex !important;
	gap: 3px !important;
}

body.mah24-shop-page .mah24-shop__gender {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: var(--mah24-gender-size, 22px) !important;
	height: var(--mah24-gender-size, 22px) !important;
}

body.mah24-shop-page .mah24-shop__gender svg {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	fill: currentColor !important;
}

body.mah24-shop-page .mah24-shop__gender.is-women {
	color: #c20a51 !important;
}

body.mah24-shop-page .mah24-shop__gender.is-men {
	color: #1f5f8b !important;
}

body.mah24-shop-page .mah24-shop__rating {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	color: #292929 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
}

body.mah24-shop-page .mah24-shop__stars {
	display: inline-flex !important;
	gap: 1px !important;
}

body.mah24-shop-page .mah24-shop__rate-num {
	font-weight: 700 !important;
}

body.mah24-shop-page .mah24-shop__name {
	margin: 0 !important;
	padding: 0 !important;
	min-height: 42px !important;
	color: var(--mah24-shop-ink) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.6 !important;
}

body.mah24-shop-page .mah24-shop__name a {
	color: inherit !important;
	text-decoration: none !important;
	overflow-wrap: anywhere !important;
}

body.mah24-shop-page .mah24-shop__name a:hover {
	color: var(--mah24-shop-wine) !important;
}

/* نام فارسی و لاتین، هرکدام روی خط خودش. */
body.mah24-shop-page .mah24-shop__name-fa {
	display: block !important;
}

body.mah24-shop-page .mah24-shop__name-en {
	display: block !important;
	margin-top: 3px !important;
	color: var(--mah24-shop-soft, #8a8a8a) !important;
	direction: ltr !important;
	font-size: 11.5px !important;
	font-weight: 500 !important;
}

body.mah24-shop-page .mah24-shop__price,
body.mah24-shop-page .mah24-shop__price .price {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	flex-wrap: wrap !important;
	margin: 0 !important;
	color: var(--mah24-shop-wine) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

body.mah24-shop-page .mah24-shop__price del {
	color: var(--mah24-shop-soft) !important;
	font-weight: 500 !important;
	opacity: 0.8 !important;
}

body.mah24-shop-page .mah24-shop__price ins {
	background: none !important;
	text-decoration: none !important;
}

body.mah24-shop-page li.mah24-shop__product .button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 11px 16px !important;
	border-radius: 12px !important;
	background: var(--mah24-shop-wine) !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 600 !important;
}

/* ---------------------------------------- صفحه‌بندی */

/* بعضی پوسته‌ها صفحه‌بندی ووکامرس را پنهان می‌کنند؛ اینجا برمی‌گردانیم. */
body.mah24-shop-page .mah24-shop__main .woocommerce-pagination,
body.mah24-shop-page .mah24-shop__pager {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	overflow: visible !important;
}

body.mah24-shop-page .mah24-shop__pager {
	margin: 30px 0 8px !important;
	padding: 0 !important;
	border: 0 !important;
	text-align: center !important;
}

body.mah24-shop-page .mah24-shop__pager ul.page-numbers {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	list-style: none !important;
	white-space: normal !important;
}

/*
 * استایل قدیمی خود ووکامرس روی این li ها overflow:hidden (کنار float و
 * display:inline) می‌گذارد. در چیدمان فلکس، overflow پنهان یعنی «کمینه‌ی خودکارِ
 * عرض» صفر می‌شود، پس هر li تا صفر جمع می‌شود و شماره‌ی داخلش بریده و نامرئی
 * می‌شود. با برگرداندن overflow و بستن جمع‌شدگی (flex: 0 0 auto)، شماره‌ها سر
 * جایشان می‌مانند و در عرض کم به سطر بعد می‌روند.
 */
body.mah24-shop-page .mah24-shop__pager ul.page-numbers > li {
	flex: 0 0 auto !important;
	overflow: visible !important;
	float: none !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	list-style: none !important;
}

body.mah24-shop-page .mah24-shop__pager .page-numbers {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 42px !important;
	height: 42px !important;
	border-radius: 11px !important;
	background: #fff !important;
	color: var(--mah24-shop-soft) !important;
	font-size: 14px !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

body.mah24-shop-page .mah24-shop__pager .page-numbers.current {
	background: var(--mah24-shop-wine) !important;
	color: #fff !important;
	font-weight: 700 !important;
}

body.mah24-shop-page .mah24-shop__pager .page-numbers.next,
body.mah24-shop-page .mah24-shop__pager .page-numbers.prev {
	color: var(--mah24-shop-wine) !important;
	font-size: 20px !important;
}

body.mah24-shop-page .mah24-shop__pager .page-numbers.dots {
	background: #fff !important;
	letter-spacing: 1px !important;
}

/* ---------------------------------------- توضیحات دسته‌بندی (زیر صفحه‌بندی) */

body.mah24-shop-page .mah24-shop__desc {
	display: block !important;
	margin: 18px 0 0 !important;
	padding: 22px 24px !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: var(--mah24-shop-card) !important;
	color: #4a4344 !important;
	font-size: 14px !important;
	line-height: 2.1 !important;
	text-align: justify !important;
}

body.mah24-shop-page .mah24-shop__desc > :first-child {
	margin-top: 0 !important;
}

body.mah24-shop-page .mah24-shop__desc > :last-child {
	margin-bottom: 0 !important;
}

body.mah24-shop-page .mah24-shop__desc h1,
body.mah24-shop-page .mah24-shop__desc h2,
body.mah24-shop-page .mah24-shop__desc h3,
body.mah24-shop-page .mah24-shop__desc h4 {
	margin: 18px 0 8px !important;
	color: var(--mah24-shop-wine) !important;
	font-weight: 700 !important;
	line-height: 1.7 !important;
}

body.mah24-shop-page .mah24-shop__desc a {
	color: var(--mah24-shop-wine) !important;
	text-decoration: underline !important;
}

body.mah24-shop-page .mah24-shop__desc img {
	max-width: 100% !important;
	height: auto !important;
	border-radius: 12px !important;
}

/* ---------------------------------------- نبود نتیجه */

body.mah24-shop-page .mah24-shop__empty {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 48px 24px !important;
	border: 0 !important;
	border-radius: 16px !important;
	background: #fff !important;
	box-shadow: var(--mah24-shop-card) !important;
	text-align: center !important;
}

body.mah24-shop-page .mah24-shop__empty::before {
	display: none !important;
}

body.mah24-shop-page .mah24-shop__empty-art {
	color: #d8cdd3 !important;
}

body.mah24-shop-page .mah24-shop__empty-title {
	margin: 0 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
}

body.mah24-shop-page .mah24-shop__empty-text {
	margin: 0 !important;
	color: var(--mah24-shop-soft) !important;
	font-size: 13px !important;
}

body.mah24-shop-page .mah24-shop__empty-btn {
	margin-top: 8px !important;
	padding: 12px 24px !important;
	border-radius: 12px !important;
	background: var(--mah24-shop-wine) !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

/* ---------------------------------------- شیت مرتب‌سازی */

body.mah24-shop-page .mah24-shop__sheet {
	position: fixed !important;
	right: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	z-index: 100001 !important;
	padding: 8px 0 20px !important;
	border-radius: 22px 22px 0 0 !important;
	background: #fff !important;
	box-shadow: 0 -10px 40px rgba(20, 4, 12, 0.18) !important;
	transform: translateY(105%) !important;
	transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
	visibility: hidden !important;
}

body.mah24-shop-page .mah24-shop__sheet-grip {
	display: block !important;
	width: 44px !important;
	height: 5px !important;
	margin: 6px auto 8px !important;
	border-radius: 3px !important;
	background: var(--mah24-shop-line) !important;
}

body.mah24-shop-page .mah24-shop__sheet-title {
	display: block !important;
	padding: 6px 0 10px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-align: center !important;
}

body.mah24-shop-page ul.mah24-shop__sheet-list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.mah24-shop-page ul.mah24-shop__sheet-list > li {
	margin: 0 !important;
	list-style: none !important;
}

body.mah24-shop-page .mah24-shop__sheet-list a {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	padding: 14px 24px !important;
	color: #292c2d !important;
	font-size: 14px !important;
	text-decoration: none !important;
}

body.mah24-shop-page .mah24-shop__sheet-list a.is-on {
	background: #faf6f8 !important;
	color: var(--mah24-shop-wine) !important;
	font-weight: 700 !important;
}

/* ---------------------------------------- ریزنمایش */

@media screen and (max-width: 1024px) {
	body.mah24-shop-page .mah24-shop__layout {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	/*
	 * ستون فیلتر در موبایل، همان شیت پایینی مرتب‌سازی می‌شود: از پایین بالا
	 * می‌آید، همان گردی گوشه و همان گذار؛ فقط بلندتر است چون فرم دارد.
	 */
	body.mah24-shop-page .mah24-shop__side {
		position: fixed !important;
		top: auto !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		z-index: 100001 !important;
		display: flex !important;
		flex-direction: column !important;
		width: auto !important;
		max-width: none !important;
		max-height: 86vh !important;
		border-radius: 22px 22px 0 0 !important;
		background: #fff !important;
		box-shadow: 0 -10px 40px rgba(20, 4, 12, 0.18) !important;
		transform: translateY(105%) !important;
		transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
		visibility: hidden !important;
	}

	body.mah24-shop-page .mah24-shop.is-filters .mah24-shop__side,
	body.mah24-shop-page .mah24-shop__side:target {
		transform: translateY(0) !important;
		visibility: visible !important;
	}

	/* شیت از پایین می‌آید، پس جای ستون در دسکتاپ (راست یا چپ) اثری ندارد. */
	body.mah24-shop-page .mah24-shop--side-left .mah24-shop__side {
		right: 0 !important;
		left: 0 !important;
		box-shadow: 0 -10px 40px rgba(20, 4, 12, 0.18) !important;
		transform: translateY(105%) !important;
	}

	body.mah24-shop-page .mah24-shop--side-left.is-filters .mah24-shop__side,
	body.mah24-shop-page .mah24-shop--side-left .mah24-shop__side:target {
		transform: translateY(0) !important;
	}

	/* دستگیره‌ی بالای شیت، مثل شیت مرتب‌سازی. */
	body.mah24-shop-page .mah24-shop__drawer-grip {
		display: block !important;
		flex: 0 0 auto !important;
		width: 44px !important;
		height: 5px !important;
		margin: 8px auto 2px !important;
		border-radius: 3px !important;
		background: var(--mah24-shop-line) !important;
	}

	body.mah24-shop-page .mah24-shop.is-sort .mah24-shop__sheet,
	body.mah24-shop-page .mah24-shop__sheet:target {
		transform: translateY(0) !important;
		visibility: visible !important;
	}

	body.mah24-shop-page .mah24-shop__drawer {
		display: flex !important;
		flex-direction: column !important;
		flex: 1 1 auto !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: 100% !important;
	}

	body.mah24-shop-page .mah24-shop__drawer-head {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		flex: 0 0 auto !important;
		padding: 16px 18px 14px !important;
		border-bottom: 1px solid #eee !important;
	}

	body.mah24-shop-page .mah24-shop__drawer-title {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		color: var(--mah24-shop-ink) !important;
		font-size: 16px !important;
		font-weight: 700 !important;
	}

	body.mah24-shop-page a.mah24-shop__drawer-close {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 32px !important;
		height: 32px !important;
		border-radius: 9px !important;
		background: #f5f5f5 !important;
		color: var(--mah24-shop-wine) !important;
	}

	body.mah24-shop-page .mah24-shop__form {
		flex: 1 1 auto !important;
		gap: 0 !important;
		min-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
	}

	body.mah24-shop-page .mah24-shop__form-body {
		gap: 0 !important;
		padding: 14px 18px 0 !important;
	}

	body.mah24-shop-page .mah24-shop__card {
		padding: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	body.mah24-shop-page .mah24-shop__card--filters {
		padding: 0 !important;
	}

	body.mah24-shop-page .mah24-shop__card--search {
		margin-bottom: 6px !important;
	}

	body.mah24-shop-page .mah24-shop__card--search .mah24-shop__card-title,
	body.mah24-shop-page .mah24-shop__card--filters .mah24-shop__card-head {
		display: none !important;
	}

	body.mah24-shop-page .mah24-shop__card--price {
		margin-top: 14px !important;
		padding-top: 16px !important;
		border-top: 1px solid #eee !important;
	}

	body.mah24-shop-page .mah24-shop__actions {
		margin: 0 !important;
		padding: 12px 18px !important;
		border-top: 1px solid #eee !important;
		background: #fff !important;
	}

	body.mah24-shop-page a.mah24-shop__scrim {
		position: fixed !important;
		inset: 0 !important;
		z-index: 100000 !important;
		display: block !important;
		background: rgba(20, 4, 12, 0.5) !important;
		opacity: 0 !important;
		visibility: hidden !important;
		transition: opacity 0.28s !important;
	}

	body.mah24-shop-page .mah24-shop.is-filters .mah24-shop__scrim,
	body.mah24-shop-page .mah24-shop.is-sort .mah24-shop__scrim {
		opacity: 1 !important;
		visibility: visible !important;
	}

	body.mah24-shop-locked {
		overflow: hidden !important;
	}

	body.mah24-shop-page .mah24-shop__head {
		--mah24-shop-head-art: 48px;

		gap: 12px !important;
		margin-bottom: 16px !important;
		padding: 12px 14px !important;
		border-radius: 14px !important;
	}

	body.mah24-shop-page .mah24-shop__head-art {
		padding: 2px !important;
		border-radius: 13px !important;
	}

	body.mah24-shop-page .mah24-shop__head-art img {
		border-width: 2px !important;
		border-radius: 11px !important;
	}

	body.mah24-shop-page h1.mah24-shop__head-title {
		font-size: 17px !important;
	}

	body.mah24-shop-page .mah24-shop__head-eyebrow {
		font-size: 11.5px !important;
	}

	/* نوار بالای فهرست، به دو دکمه‌ی موبایلی تبدیل می‌شود. */
	body.mah24-shop-page .mah24-shop__toolbar {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		padding: 0 !important;
		background: none !important;
		box-shadow: none !important;
	}

	body.mah24-shop-page .mah24-shop__mobilebar {
		display: flex !important;
		gap: 10px !important;
	}

	body.mah24-shop-page a.mah24-shop__mbtn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		height: 46px !important;
		border-radius: 13px !important;
		background: #fff !important;
		box-shadow: 0 6px 18px -8px rgba(53, 55, 55, 0.25) !important;
		color: var(--mah24-shop-wine) !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		text-decoration: none !important;
	}

	body.mah24-shop-page a.mah24-shop__mbtn--filter {
		flex: 1 1 auto !important;
	}

	body.mah24-shop-page a.mah24-shop__mbtn--sort {
		flex: 0 0 auto !important;
		width: 46px !important;
	}

	body.mah24-shop-page .mah24-shop__badge {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-width: 18px !important;
		height: 18px !important;
		padding: 0 5px !important;
		border-radius: 9px !important;
		background: var(--mah24-shop-wine) !important;
		color: #fff !important;
		font-size: 10px !important;
		font-weight: 700 !important;
	}

	body.mah24-shop-page .mah24-shop__sorts {
		display: none !important;
	}

	body.mah24-shop-page .mah24-shop__count {
		font-size: 11.5px !important;
		text-align: center !important;
	}

	body.mah24-shop-page .mah24-shop__main ul.products {
		grid-template-columns: repeat(var(--mah24-shop-cols-t, 2), minmax(0, 1fr)) !important;
		gap: 12px !important;
	}

	body.mah24-shop-page li.mah24-shop__product {
		gap: 8px !important;
		padding: 8px !important;
		border-radius: 14px !important;
	}

	body.mah24-shop-page .mah24-shop__media {
		border-radius: 9px !important;
		aspect-ratio: 177 / 145 !important;
	}

	body.mah24-shop-page .mah24-shop__wish {
		top: 6px !important;
		inset-inline-end: 6px !important;
		width: 26px !important;
		height: 26px !important;
		border-radius: 8px !important;
	}

	body.mah24-shop-page .mah24-shop__name {
		min-height: 36px !important;
		font-size: 11.5px !important;
	}

	body.mah24-shop-page .mah24-shop__price,
	body.mah24-shop-page .mah24-shop__price .price {
		font-size: 11.5px !important;
	}

	body.mah24-shop-page .mah24-shop__desc {
		margin-top: 14px !important;
		padding: 16px 14px !important;
		border-radius: 16px !important;
		font-size: 13px !important;
		line-height: 2 !important;
	}

	body.mah24-shop-page .mah24-shop__pager .page-numbers {
		width: 36px !important;
		height: 36px !important;
		border-radius: 10px !important;
		font-size: 13px !important;
	}
}

/* ---------------------------------------- موبایل: شمار ستون جدا از تبلت */

@media screen and (max-width: 600px) {
	body.mah24-shop-page .mah24-shop__main ul.products {
		grid-template-columns: repeat(var(--mah24-shop-cols-m, 2), minmax(0, 1fr)) !important;
	}
}

@media screen and (max-width: 400px) {
	body.mah24-shop-page .mah24-shop__main ul.products {
		gap: 10px !important;
	}

	body.mah24-shop-page .mah24-shop__meta {
		gap: 4px !important;
	}

	body.mah24-shop-page .mah24-shop__rating {
		font-size: 11px !important;
	}
}

/* ---------------------------------------- ریزه‌کاری‌ها */

body.mah24-shop-page .mah24-shop__paren {
	color: #292929 !important;
	font-weight: 600 !important;
}

body.mah24-shop-page .mah24-shop__pager-arrow {
	display: inline-block !important;
	line-height: 1 !important;
}


/* --- mah24-perfume-support --- */
/**
 * استایل دکمه‌ی شناور پشتیبانی ماه۲۴ (Mah24 Floating Support)
 *
 * ساختار: یک ریشه‌ی fixed در گوشه‌ی صفحه که هم دکمه‌ی شناور را نگه می‌دارد و
 * هم پنل را. باز و بسته شدن پنل با transform سه‌بعدی روی همان گوشه انجام
 * می‌شود (transform-origin روی گوشه‌ی نزدیک به دکمه) تا حسِ «از دل دکمه باز
 * شدن» بدهد.
 *
 * @package Mah24_Perfume
 */

.mah24-sp {
	--mah24-sp-primary: #4e1229;
	--mah24-sp-primary-2: #7a1f42;
	--mah24-sp-accent: #d4af37;
	--mah24-sp-bg: #ffffff;
	--mah24-sp-soft: #faf6f8;
	--mah24-sp-border: #ede4e8;
	--mah24-sp-text: #2c272a;
	--mah24-sp-muted: #7d7277;
	--mah24-sp-online: #20bf6b;
	--mah24-sp-radius: 22px;
	--mah24-sp-size: 60px;
	--mah24-sp-width: 340px;
	--mah24-sp-shadow: 0 24px 60px -18px rgba(78, 18, 41, 0.35);
	--mah24-sp-offset-side: 24px;
	--mah24-sp-offset-bottom: 24px;
	--mah24-sp-z: 9998;
	--mah24-sp-gap: 16px;

	position: fixed;
	z-index: var(--mah24-sp-z);
	direction: rtl;
	text-align: right;
	font-family: inherit;
	line-height: 1.7;
	-webkit-tap-highlight-color: transparent;
	/*
	 * عمقِ سه‌بعدی عمداً روی این عنصر تعریف نشده: perspective برای فرزندانِ
	 * position:fixed «بلوکِ دربرگیرنده» می‌سازد و آن‌وقت پرده و پنلِ موبایل
	 * به‌جای پنجره، نسبت به همین دکمه‌ی کوچک چیده می‌شدند. عمق داخل خودِ
	 * transform پنل با تابع perspective() می‌آید.
	 *
	 * از ویژگی‌های منطقی (inset-inline-*) هم استفاده نشده، چون direction اینجا
	 * rtl است و «انتهای درون‌خطی» می‌شود سمت چپ؛ گوشه‌ها باید فیزیکی بمانند.
	 */
}

/* گوشه‌ها */
.mah24-sp--bottom-right {
	right: var(--mah24-sp-offset-side);
	bottom: var(--mah24-sp-offset-bottom);
}

.mah24-sp--bottom-left {
	left: var(--mah24-sp-offset-side);
	bottom: var(--mah24-sp-offset-bottom);
}

.mah24-sp--top-right {
	right: var(--mah24-sp-offset-side);
	top: var(--mah24-sp-offset-bottom);
}

.mah24-sp--top-left {
	left: var(--mah24-sp-offset-side);
	top: var(--mah24-sp-offset-bottom);
}

.mah24-sp *,
.mah24-sp *::before,
.mah24-sp *::after {
	box-sizing: border-box;
}

.mah24-sp .mah24-sp-svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* --------------------------------------------------------------------- */
/* دکمه‌ی شناور                                                            */
/* --------------------------------------------------------------------- */

.mah24-sp__launcher {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--mah24-sp-size);
	height: var(--mah24-sp-size);
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	color: #fff;
	background: linear-gradient(145deg, var(--mah24-sp-primary-2), var(--mah24-sp-primary));
	box-shadow: 0 14px 30px -10px rgba(78, 18, 41, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.18);
	transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
	-webkit-appearance: none;
	appearance: none;
}

.mah24-sp__launcher:hover {
	transform: translateY(-3px) scale(1.05);
	box-shadow: 0 20px 38px -10px rgba(78, 18, 41, 0.6);
}

.mah24-sp__launcher:active {
	transform: scale(0.96);
}

.mah24-sp__launcher:focus-visible {
	outline: 3px solid var(--mah24-sp-accent);
	outline-offset: 3px;
}

.mah24-sp__icon {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.4s cubic-bezier(0.34, 1.4, 0.64, 1), opacity 0.25s ease;
}

.mah24-sp__icon svg {
	width: 26px;
	height: 26px;
}

.mah24-sp__icon--close {
	opacity: 0;
	transform: rotate(-120deg) scale(0.4);
}

.mah24-sp.is-open .mah24-sp__icon--open {
	opacity: 0;
	transform: rotate(120deg) scale(0.4);
}

.mah24-sp.is-open .mah24-sp__icon--close {
	opacity: 1;
	transform: rotate(0) scale(1);
}

/* حلقه‌ی تپنده */
.mah24-sp__ring {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	pointer-events: none;
}

.mah24-sp--pulse .mah24-sp__ring::before,
.mah24-sp--pulse .mah24-sp__ring::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 2px solid var(--mah24-sp-primary);
	opacity: 0;
	animation: mah24-sp-pulse 2.6s cubic-bezier(0.24, 0.6, 0.4, 1) infinite;
}

.mah24-sp--pulse .mah24-sp__ring::after {
	animation-delay: 1.3s;
}

.mah24-sp.is-open .mah24-sp__ring::before,
.mah24-sp.is-open .mah24-sp__ring::after {
	animation-play-state: paused;
	opacity: 0;
}

@keyframes mah24-sp-pulse {
	0% {
		opacity: 0.55;
		transform: scale(1);
	}

	70% {
		opacity: 0;
		transform: scale(1.75);
	}

	100% {
		opacity: 0;
		transform: scale(1.75);
	}
}

/* نشان عددی روی دکمه */
.mah24-sp__badge {
	position: absolute;
	top: -2px;
	left: -2px;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	border-radius: 10px;
	background: #e53935;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	box-shadow: 0 2px 8px rgba(229, 57, 53, 0.5);
}

/* برچسب کنار دکمه */
.mah24-sp__tip {
	position: absolute;
	top: 50%;
	right: calc(var(--mah24-sp-size) + 12px);
	transform: translateY(-50%) translateX(8px);
	padding: 7px 14px;
	border-radius: 999px;
	background: var(--mah24-sp-text);
	color: #fff;
	font-size: 12.5px;
	font-weight: 600;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
	box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.5);
}

.mah24-sp--bottom-left .mah24-sp__tip,
.mah24-sp--top-left .mah24-sp__tip {
	right: auto;
	left: calc(var(--mah24-sp-size) + 12px);
	transform: translateY(-50%) translateX(-8px);
}

.mah24-sp--label-always .mah24-sp__tip,
.mah24-sp__launcher:hover ~ .mah24-sp__tip,
.mah24-sp__launcher:focus-visible ~ .mah24-sp__tip {
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%) translateX(0);
}

.mah24-sp.is-open .mah24-sp__tip {
	opacity: 0;
	visibility: hidden;
}

/* --------------------------------------------------------------------- */
/* پنل                                                                     */
/* --------------------------------------------------------------------- */

.mah24-sp__panel {
	position: absolute;
	bottom: calc(var(--mah24-sp-size) + var(--mah24-sp-gap));
	right: 0;
	width: var(--mah24-sp-width);
	max-width: calc(100vw - 2 * var(--mah24-sp-offset-side));
	max-height: min(72vh, 560px);
	overflow: hidden auto;
	background: var(--mah24-sp-bg);
	border: 1px solid var(--mah24-sp-border);
	border-radius: var(--mah24-sp-radius);
	box-shadow: var(--mah24-sp-shadow);
	color: var(--mah24-sp-text);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	/* گوشه‌ی نزدیک به دکمه، هم محور چرخش است و هم نقطه‌ی گریز پرسپکتیو. */
	transform-origin: 100% 100%;
	transition:
		transform 0.52s cubic-bezier(0.22, 1.12, 0.36, 1),
		opacity 0.3s ease,
		visibility 0.52s;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

.mah24-sp--bottom-left .mah24-sp__panel,
.mah24-sp--top-left .mah24-sp__panel {
	right: auto;
	left: 0;
	transform-origin: 0 100%;
}

.mah24-sp--top-right .mah24-sp__panel,
.mah24-sp--top-left .mah24-sp__panel {
	bottom: auto;
	top: calc(var(--mah24-sp-size) + var(--mah24-sp-gap));
}

.mah24-sp--top-right .mah24-sp__panel {
	transform-origin: 100% 0;
}

.mah24-sp--top-left .mah24-sp__panel {
	transform-origin: 0 0;
}

/*
 * حالت بسته، به تفکیک نوع انیمیشن.
 *
 * ترتیب توابع در همه‌ی حالت‌ها (و در حالت باز) یکی است تا مرورگر بتواند
 * تک‌تکِ توابع را درون‌یابی کند و حرکت نرم بماند.
 */

.mah24-sp--anim-flip .mah24-sp__panel {
	transform: perspective(1400px) translate3d(0, 26px, -120px) rotateX(-72deg) rotateY(0deg) rotateZ(0deg) scale(0.88);
}

.mah24-sp--anim-cube .mah24-sp__panel {
	transform: perspective(1400px) translate3d(28px, 10px, -140px) rotateX(0deg) rotateY(-78deg) rotateZ(0deg) scale(0.92);
}

.mah24-sp--bottom-left.mah24-sp--anim-cube .mah24-sp__panel,
.mah24-sp--top-left.mah24-sp--anim-cube .mah24-sp__panel {
	transform: perspective(1400px) translate3d(-28px, 10px, -140px) rotateX(0deg) rotateY(78deg) rotateZ(0deg) scale(0.92);
}

.mah24-sp--anim-tilt .mah24-sp__panel {
	transform: perspective(1400px) translate3d(14px, 34px, -180px) rotateX(-38deg) rotateY(-24deg) rotateZ(3deg) scale(0.82);
}

.mah24-sp--bottom-left.mah24-sp--anim-tilt .mah24-sp__panel,
.mah24-sp--top-left.mah24-sp--anim-tilt .mah24-sp__panel {
	transform: perspective(1400px) translate3d(-14px, 34px, -180px) rotateX(-38deg) rotateY(24deg) rotateZ(-3deg) scale(0.82);
}

.mah24-sp--anim-pop .mah24-sp__panel {
	transform: perspective(1400px) translate3d(0, 14px, -60px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.72);
}

/* --- حالت باز --- */

.mah24-sp.is-open .mah24-sp__panel {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: perspective(1400px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
}

/* درخشش لبه‌ی بالای پنل */
.mah24-sp__panel::before {
	content: '';
	position: sticky;
	top: 0;
	display: block;
	height: 3px;
	background: linear-gradient(90deg, var(--mah24-sp-primary), var(--mah24-sp-accent), var(--mah24-sp-primary-2));
	z-index: 3;
}

/* سربرگ پنل */
.mah24-sp__head {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 18px 18px 16px;
	background: linear-gradient(150deg, var(--mah24-sp-primary), var(--mah24-sp-primary-2));
	color: #fff;
}

.mah24-sp__head-icon {
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	padding: 9px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.16);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mah24-sp__head-icon svg {
	width: 100%;
	height: 100%;
}

.mah24-sp__head-icon i,
.mah24-sp__head-icon .e-font-icon-svg {
	font-size: 22px;
	width: 22px;
	height: 22px;
}

.mah24-sp__head-text {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.mah24-sp__title {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
	color: #fff;
}

.mah24-sp__subtitle {
	font-size: 12px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.78);
}

.mah24-sp__status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 4px;
	font-size: 11.5px;
	color: rgba(255, 255, 255, 0.9);
}

.mah24-sp__status i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--mah24-sp-online);
	box-shadow: 0 0 0 0 rgba(32, 191, 107, 0.7);
	animation: mah24-sp-dot 2s ease-out infinite;
}

@keyframes mah24-sp-dot {
	0% {
		box-shadow: 0 0 0 0 rgba(32, 191, 107, 0.7);
	}

	70% {
		box-shadow: 0 0 0 7px rgba(32, 191, 107, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(32, 191, 107, 0);
	}
}

.mah24-sp__close {
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	padding: 6px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease;
}

.mah24-sp__close:hover {
	background: rgba(255, 255, 255, 0.28);
	transform: rotate(90deg);
}

.mah24-sp__close:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/* فهرست راه‌های ارتباطی */
.mah24-sp__items {
	list-style: none;
	margin: 0;
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	/*
	 * پنل به‌خاطر overflow نمی‌تواند preserve-3d داشته باشد، پس عمقِ ورودِ
	 * پلکانی آیتم‌ها از همین‌جا تأمین می‌شود.
	 */
	perspective: 900px;
	perspective-origin: 50% 0;
}

.mah24-sp__item-wrap {
	margin: 0;
	padding: 0;
	list-style: none;
	opacity: 0;
	transform: translateY(14px) translateZ(-40px) rotateX(-22deg);
	transition:
		opacity 0.4s ease,
		transform 0.5s cubic-bezier(0.22, 1.12, 0.36, 1);
	transition-delay: 0s;
}

.mah24-sp.is-open .mah24-sp__item-wrap {
	opacity: 1;
	transform: translateY(0) translateZ(0) rotateX(0);
	/* پلکانی: هر آیتم کمی دیرتر از قبلی. */
	transition-delay: calc(0.16s + var(--mah24-sp-i, 0) * 0.07s);
}

.mah24-sp__item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 12px;
	border: 1px solid var(--mah24-sp-border);
	border-radius: 16px;
	background: var(--mah24-sp-bg);
	color: var(--mah24-sp-text);
	text-decoration: none;
	position: relative;
	overflow: hidden;
	transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.mah24-sp__item::after {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--mah24-sp-item, var(--mah24-sp-primary));
	opacity: 0;
	transition: opacity 0.25s ease;
	pointer-events: none;
}

.mah24-sp__item:hover,
.mah24-sp__item:focus-visible {
	border-color: var(--mah24-sp-item, var(--mah24-sp-primary));
	transform: translateX(-4px);
	box-shadow: 0 10px 24px -14px var(--mah24-sp-item, var(--mah24-sp-primary));
	text-decoration: none;
	color: var(--mah24-sp-text);
}

.mah24-sp--bottom-left .mah24-sp__item:hover,
.mah24-sp--top-left .mah24-sp__item:hover {
	transform: translateX(4px);
}

.mah24-sp__item:hover::after,
.mah24-sp__item:focus-visible::after {
	opacity: 0.05;
}

.mah24-sp__item:focus-visible {
	outline: 2px solid var(--mah24-sp-item, var(--mah24-sp-primary));
	outline-offset: 2px;
}

/* ردیفی که مقصد ندارد: فقط نمایش، بدون رفتار کلیک‌پذیر. */
.mah24-sp__item--static {
	cursor: default;
	background: var(--mah24-sp-soft);
}

.mah24-sp__item--static:hover {
	transform: none;
	border-color: var(--mah24-sp-border);
	box-shadow: none;
}

.mah24-sp__item--static:hover::after {
	opacity: 0;
}

.mah24-sp__item--static:hover .mah24-sp__item-icon {
	transform: none;
}

.mah24-sp__item-icon {
	position: relative;
	z-index: 1;
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	padding: 10px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--mah24-sp-item, var(--mah24-sp-primary));
	background: color-mix(in srgb, var(--mah24-sp-item, #4e1229) 12%, transparent);
	transition: transform 0.3s cubic-bezier(0.34, 1.5, 0.64, 1);
}

/* پشتیبان برای مرورگرهایی که color-mix ندارند. */
@supports not (background: color-mix(in srgb, red 10%, transparent)) {
	.mah24-sp__item-icon {
		background: var(--mah24-sp-soft);
	}
}

.mah24-sp__item-icon svg {
	width: 100%;
	height: 100%;
}

.mah24-sp__item-icon i,
.mah24-sp__item-icon .e-font-icon-svg {
	font-size: 21px;
	width: 21px;
	height: 21px;
}

.mah24-sp__item:hover .mah24-sp__item-icon {
	transform: scale(1.08) rotate(-6deg);
}

.mah24-sp__item-text {
	position: relative;
	z-index: 1;
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.mah24-sp__item-title {
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.7;
	color: var(--mah24-sp-text);
}

.mah24-sp__item-sub {
	font-size: 11.5px;
	line-height: 1.7;
	color: var(--mah24-sp-muted);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mah24-sp__item-badge {
	position: relative;
	z-index: 1;
	flex: 0 0 auto;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 10.5px;
	font-weight: 700;
	color: #fff;
	background: var(--mah24-sp-item, var(--mah24-sp-primary));
}

.mah24-sp__item-arrow {
	position: relative;
	z-index: 1;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	color: var(--mah24-sp-muted);
	opacity: 0.55;
	transition: transform 0.25s ease, opacity 0.25s ease, color 0.25s ease;
}

.mah24-sp--bottom-left .mah24-sp__item-arrow,
.mah24-sp--top-left .mah24-sp__item-arrow {
	transform: scaleX(-1);
}

.mah24-sp__item:hover .mah24-sp__item-arrow {
	opacity: 1;
	color: var(--mah24-sp-item, var(--mah24-sp-primary));
	transform: translateX(-3px);
}

.mah24-sp--bottom-left .mah24-sp__item:hover .mah24-sp__item-arrow,
.mah24-sp--top-left .mah24-sp__item:hover .mah24-sp__item-arrow {
	transform: scaleX(-1) translateX(-3px);
}

/* پاورقی */
.mah24-sp__foot {
	padding: 12px 18px 16px;
	border-top: 1px solid var(--mah24-sp-border);
	background: var(--mah24-sp-soft);
	font-size: 11.5px;
	line-height: 1.9;
	color: var(--mah24-sp-muted);
	text-align: center;
}

.mah24-sp__foot a {
	color: var(--mah24-sp-primary);
	text-decoration: none;
}

/* پرده‌ی پشت پنل */
.mah24-sp__backdrop {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(26, 12, 18, 0.42);
	backdrop-filter: blur(2px);
	opacity: 0;
	transition: opacity 0.35s ease;
	z-index: -1;
}

.mah24-sp--backdrop.is-open .mah24-sp__backdrop {
	display: block;
	opacity: 1;
}

/* --------------------------------------------------------------------- */
/* موبایل: پنل به شکل شیت پایین صفحه                                       */
/* --------------------------------------------------------------------- */

@media (max-width: 600px) {
	.mah24-sp {
		--mah24-sp-size: 54px;
		--mah24-sp-offset-side: 16px;
		--mah24-sp-offset-bottom: 16px;
	}

	.mah24-sp__icon svg {
		width: 23px;
		height: 23px;
	}

	/* روی موبایل همیشه پرده هست تا تمرکز روی پنل بماند. */
	.mah24-sp.is-open .mah24-sp__backdrop {
		display: block;
		opacity: 1;
	}

	/*
	 * روی موبایل پنل از قابِ کوچکِ گوشه بیرون می‌آید و تمام عرض را می‌گیرد؛
	 * fixed هم اینجا واقعاً نسبت به پنجره است، چون هیچ جدّی perspective ندارد.
	 */
	.mah24-sp__panel {
		position: fixed;
		left: 12px;
		right: 12px;
		bottom: calc(var(--mah24-sp-offset-bottom) + var(--mah24-sp-size) + 12px);
		top: auto;
		width: auto;
		max-width: none;
		max-height: 70vh;
		max-height: 70dvh;
		border-radius: 20px;
		transform-origin: 50% 100%;
	}

	.mah24-sp--top-right .mah24-sp__panel,
	.mah24-sp--top-left .mah24-sp__panel {
		top: calc(var(--mah24-sp-offset-bottom) + var(--mah24-sp-size) + 12px);
		bottom: auto;
		transform-origin: 50% 0;
	}

	/* روی صفحه‌ی کوچک، چرخش ملایم‌تر تا متن‌ها خوانا بمانند. */
	.mah24-sp--anim-flip .mah24-sp__panel,
	.mah24-sp--anim-tilt .mah24-sp__panel,
	.mah24-sp--bottom-left.mah24-sp--anim-tilt .mah24-sp__panel,
	.mah24-sp--top-left.mah24-sp--anim-tilt .mah24-sp__panel {
		transform: perspective(1100px) translate3d(0, 22px, -90px) rotateX(-42deg) rotateY(0deg) rotateZ(0deg) scale(0.92);
	}

	.mah24-sp--anim-cube .mah24-sp__panel,
	.mah24-sp--bottom-left.mah24-sp--anim-cube .mah24-sp__panel,
	.mah24-sp--top-left.mah24-sp--anim-cube .mah24-sp__panel {
		transform: perspective(1100px) translate3d(0, 18px, -110px) rotateX(0deg) rotateY(-52deg) rotateZ(0deg) scale(0.94);
	}

	.mah24-sp--anim-pop .mah24-sp__panel {
		transform: perspective(1100px) translate3d(0, 16px, -40px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.8);
	}

	.mah24-sp.is-open .mah24-sp__panel {
		transform: perspective(1100px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
	}

	.mah24-sp__head {
		padding: 15px 15px 13px;
	}

	.mah24-sp__items {
		padding: 10px;
		gap: 7px;
	}

	.mah24-sp__item {
		padding: 10px;
		gap: 10px;
	}

	.mah24-sp__item-icon {
		width: 40px;
		height: 40px;
		padding: 9px;
	}

	.mah24-sp__item-title {
		font-size: 13px;
	}

	.mah24-sp__item-sub {
		font-size: 11px;
		white-space: normal;
	}

	/* برچسب کنار دکمه روی موبایل جا نمی‌گیرد. */
	.mah24-sp__tip {
		display: none;
	}
}

@media (max-width: 360px) {
	.mah24-sp {
		--mah24-sp-size: 50px;
	}

	.mah24-sp__head-icon {
		display: none;
	}
}

/* صفحه‌های کوتاه (موبایل افقی) */
@media (max-height: 480px) {
	.mah24-sp__panel {
		max-height: 78vh;
	}

	.mah24-sp__head {
		padding: 12px 14px;
	}

	.mah24-sp__subtitle,
	.mah24-sp__status {
		display: none;
	}
}

/* احترام به تنظیم «کاهش حرکت» سیستم کاربر */
@media (prefers-reduced-motion: reduce) {
	.mah24-sp__panel,
	.mah24-sp__item-wrap,
	.mah24-sp__launcher,
	.mah24-sp__icon,
	.mah24-sp__item,
	.mah24-sp__item-icon,
	.mah24-sp__tip {
		transition-duration: 0.001s !important;
		transition-delay: 0s !important;
	}

	.mah24-sp--anim-flip .mah24-sp__panel,
	.mah24-sp--anim-cube .mah24-sp__panel,
	.mah24-sp--anim-tilt .mah24-sp__panel,
	.mah24-sp--anim-pop .mah24-sp__panel {
		transform: none;
	}

	.mah24-sp__item-wrap {
		transform: none;
	}

	.mah24-sp--pulse .mah24-sp__ring::before,
	.mah24-sp--pulse .mah24-sp__ring::after,
	.mah24-sp__status i {
		animation: none;
	}
}

/* --------------------------------------------------------------------- */
/* سازگاری با المنتور                                                      */
/* --------------------------------------------------------------------- */

/*
 * خنثی‌کردن «افکت ورودی» (Entrance Animation) روی این ویجت.
 *
 * المنتور برای افکت ورودی، کلاس elementor-invisible را با visibility:hidden
 * روی عنصر ویجت می‌گذارد و فقط وقتی عنصر وارد دید شود برش می‌دارد. بدنه‌ی این
 * ویجت اما position:fixed است و جعبه‌اش در جریان صفحه ارتفاع صفر دارد؛ آن
 * لحظه ممکن است هرگز نرسد و دکمه تا ابد نامرئی بماند — در ویرایشگر دیده شود و
 * در سایت نه.
 *
 * دردسر دوم: خودِ انیمیشن روی همین عنصر transform می‌گذارد و transform برای
 * فرزندِ position:fixed «بلوک دربرگیرنده» می‌سازد؛ یعنی دکمه به‌جای گوشه‌ی
 * پنجره، در گوشه‌ی همان ستون قفل می‌شد.
 *
 * افکت ورودی روی یک دکمه‌ی همیشه‌شناور هم معنای چندانی ندارد (خودش انیمیشن
 * ورود و حلقه‌ی تپنده دارد)، پس اینجا کلاً از کار انداخته می‌شود.
 */
.elementor-widget-mah24-support.elementor-invisible {
	visibility: visible !important;
}

/*
 * عمداً به کلاس «animated» بند نشده: المنتور نام انیمیشن را با کلاس جدا
 * (مثل fadeInUp) می‌گذارد و اگر روزی «animated» را نگذارد، این بند از کار
 * می‌افتاد. خودِ ویجت هیچ انیمیشنی روی جعبه‌ی بیرونی ندارد؛ تپش و چراغ
 * وضعیت روی عنصرهای درونی‌اند و animation ارث نمی‌رسد، پس چیزی از دست نمی‌رود.
 */
.elementor-widget-mah24-support {
	animation: none !important;
}

/* --------------------------------------------------------------------- */
/* راهنمای ویرایشگر المنتور                                                */
/* --------------------------------------------------------------------- */

.mah24-sp-notice {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 18px;
	border: 1px dashed #d9cfd3;
	border-radius: 16px;
	background: #fdfaf9;
	color: #8b8085;
	font-size: 13px;
	line-height: 1.9;
	direction: rtl;
	text-align: right;
}

/* حالت هشدار: چیزی هست که در سایت آن‌طور که انتظار می‌رود کار نمی‌کند. */
.mah24-sp-notice--warn {
	border-color: #e0b44a;
	border-style: solid;
	background: #fffaf0;
	color: #8a6520;
}

.mah24-sp-notice--warn .mah24-sp-notice__icon {
	background: #fdf0d5;
	color: #a9761d;
}

.mah24-sp-notice--warn strong {
	color: #8a6520;
}

.mah24-sp-notice__icon {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	padding: 9px;
	border-radius: 12px;
	background: #f4ecef;
	color: #4e1229;
}

.mah24-sp-notice__icon svg {
	width: 100%;
	height: 100%;
}

.mah24-sp-notice strong {
	display: block;
	color: #4e1229;
	font-size: 13.5px;
}

.mah24-sp-notice p {
	margin: 2px 0 0;
	font-size: 12px;
	line-height: 1.9;
}


/* --- mah24-perfume-toast --- */
/**
 * پیام شناور مشترک (toast) — علاقه‌مندی، کیف پول و هر بخش دیگری.
 *
 * جهت‌ها منطقی (logical) هستند تا در RTL و LTR یکسان کار کنند.
 */

.mah24-toasts {
	position: fixed;
	z-index: 999999;
	inset-block-end: 24px;
	inset-inline-start: 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: min(360px, calc(100vw - 32px));
	pointer-events: none;
}

.mah24-toast {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 13px 16px;
	border-radius: 14px;
	border-inline-start: 4px solid #8a8a8a;
	background: #fff;
	box-shadow: 0 16px 40px -18px rgba(20, 5, 12, 0.55);
	color: #2b2330;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.8;
	pointer-events: auto;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.mah24-toast.is-in {
	opacity: 1;
	transform: translateY(0);
}

.mah24-toast--success {
	border-inline-start-color: #1d9a68;
}

.mah24-toast--error {
	border-inline-start-color: #c1123f;
}

.mah24-toast__icon {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.mah24-toast--success .mah24-toast__icon {
	background: #1d9a68;
}

.mah24-toast--error .mah24-toast__icon {
	background: #c1123f;
}

.mah24-toast__body {
	flex: 1;
	min-width: 0;
}

.mah24-toast__link {
	display: inline-block;
	margin-top: 4px;
	color: #4e1229;
	font-weight: 800;
	text-decoration: underline;
}

.mah24-toast__close {
	flex: 0 0 auto;
	margin: -4px -6px 0 -6px;
	padding: 4px 6px;
	border: 0;
	background: none;
	color: #a1959b;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}

.mah24-toast__close:hover {
	color: #2b2330;
}

@media (prefers-reduced-motion: reduce) {
	.mah24-toast {
		transition: none;
	}
}

@media (max-width: 480px) {
	.mah24-toasts {
		inset-inline: 16px;
		inset-block-end: 16px;
		max-width: none;
	}
}



/* --- mah24-perfume-wishlist --- */
/**
 * علاقه‌مندی‌ها: دکمه‌ی قلب و شبکه‌ی فهرست.
 * پیام شناور در mah24-toast.css است.
 *
 * فاصله‌ها و جهت‌ها منطقی (logical) هستند تا در RTL و LTR یکسان کار کنند.
 */

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

.mah24-wish-wrap {
	display: inline-flex;
	max-width: 100%;
}

.mah24-wish-wrap--right {
	justify-content: flex-start;
	display: flex;
}

.mah24-wish-wrap--center {
	justify-content: center;
	display: flex;
}

.mah24-wish-wrap--left {
	justify-content: flex-end;
	display: flex;
}

.mah24-wish {
	--mah24-wish-size: 30px;
	--mah24-wish-color: #35091c;
	--mah24-wish-on: #c1123f;

	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 4px;
	border: 0;
	border-radius: 12px;
	background: none;
	box-shadow: none;
	color: var(--mah24-wish-color);
	font: inherit;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: color 0.25s ease, transform 0.2s ease;
}

.mah24-wish:hover {
	color: var(--mah24-wish-on);
	background: none;
}

.mah24-wish:focus-visible {
	outline: 2px solid var(--mah24-wish-on);
	outline-offset: 2px;
}

.mah24-wish__icon {
	display: block;
	width: var(--mah24-wish-size);
	height: var(--mah24-wish-size);
	flex: 0 0 auto;
}

.mah24-wish__icon path {
	fill: none;
	transition: fill 0.25s ease;
}

.mah24-wish.is-on {
	color: var(--mah24-wish-on);
}

/* حالت «در علاقه‌مندی هست»: همان مسیر، فقط پرشده. */
.mah24-wish.is-on .mah24-wish__icon path {
	fill: currentColor;
}

.mah24-wish__text {
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
}

/* حالت دکمه‌ای (وقتی متن دارد) */
.mah24-wish--labeled {
	padding: 8px 14px;
	border: 1px solid #ece3e6;
	border-radius: 999px;
	background: #fff;
}

.mah24-wish--labeled:hover {
	border-color: var(--mah24-wish-on);
	background: #fff;
}

.mah24-wish--labeled.is-on {
	border-color: var(--mah24-wish-on);
	background: #fdf2f5;
}

/* در حال ارسال درخواست */
.mah24-wish[disabled],
.mah24-wish.is-busy {
	opacity: 0.55;
	cursor: progress;
}

.mah24-wish.is-pop .mah24-wish__icon {
	animation: mah24-wish-pop 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}

@keyframes mah24-wish-pop {
	0% { transform: scale(1); }
	40% { transform: scale(1.3); }
	70% { transform: scale(0.92); }
	100% { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
	.mah24-wish,
	.mah24-wish__icon path {
		transition: none;
	}

	.mah24-wish.is-pop .mah24-wish__icon {
		animation: none;
	}
}

/* -------------------------------------------------- فهرست علاقه‌مندی */

.mah24-wishlist {
	--line: #ece3e6;
	--ink: #2b2330;
	--muted: #a1959b;
	--wine: #4e1229;

	box-sizing: border-box;
	width: 100%;
	margin: 0 0 32px;
	color: var(--ink);
	line-height: 1.9;
}

.mah24-wishlist *,
.mah24-wishlist *::before,
.mah24-wishlist *::after {
	box-sizing: border-box;
}

.mah24-wishlist__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 18px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--line);
}

.mah24-wishlist__title {
	color: var(--wine);
	font-size: 17px;
	font-weight: 800;
}

.mah24-wishlist__count {
	color: var(--muted);
	font-size: 13px;
	font-weight: 700;
}

.mah24-wishlist__note,
.mah24-wishlist__empty {
	margin: 0;
	padding: 22px 20px;
	border: 1px dashed var(--line);
	border-radius: 16px;
	background: #fdfbfc;
	color: var(--muted);
	font-size: 13.5px;
	font-weight: 600;
	text-align: center;
}

.mah24-wishlist__note {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 4px 10px;
}

.mah24-wishlist__login {
	color: var(--wine);
	font-weight: 800;
	text-decoration: underline;
}

.mah24-wishlist__grid {
	display: grid;
	grid-template-columns: repeat(var(--mah24-cols, 3), minmax(0, 1fr));
	gap: 18px;
}

.mah24-wishlist__grid[hidden] {
	display: none;
}

/*
 * کارت فهرست، همان کارت مشترک افزونه است (.mah24-card). اینجا فقط پوسته‌ی
 * سلول استایل می‌گیرد: کشیده‌شدن تا ته سلول گرید و محوشدن هنگام حذف.
 */
.mah24-wishlist__cell {
	display: flex;
	flex-direction: column;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.mah24-wishlist__cell > .mah24-card {
	flex: 1 1 auto;
}

.mah24-wishlist__cell.is-leaving {
	opacity: 0;
	transform: scale(0.96);
}

/* صفحه‌بندی */

.mah24-wpager {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 20px;
}

.mah24-wpager__item {
	min-width: 34px;
	padding: 6px 10px;
	border: 1px solid var(--line);
	border-radius: 10px;
	color: var(--ink);
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
}

.mah24-wpager__item.is-current,
.mah24-wpager__item:hover {
	border-color: var(--wine);
	background: var(--wine);
	color: #fff;
}

/* واکنش‌گرا */

/* در عرض‌های میانی، تعداد ستون از خودِ فضا درمی‌آید نه از پارامتر شورت‌کد. */
@media (max-width: 900px) {
	.mah24-wishlist__grid {
		grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	}
}

@media (max-width: 560px) {
	.mah24-wishlist__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}