/* Xtrusion Sales Representatives — Frontend Styles */

/*
 * ریست ایزوله‌ساز: جلوگیری از نشتِ استایل‌های قالب/نوار ادمین (مثل باکس‌بندی،
 * حاشیه لیست‌ها، یا استایل باکس‌های ادمین که فقط برای کاربران لاگین‌شده لود می‌شوند)
 * به داخل عناصر این ویجت.
 */
.xsr-wrap,
.xsr-wrap *,
.xsr-wrap *::before,
.xsr-wrap *::after {
	box-sizing: border-box;
}

.xsr-wrap ul,
.xsr-wrap ol,
.xsr-wrap li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.xsr-wrap img {
	max-width: 100%;
	height: auto;
}

.xsr-wrap a:not(.xsr-btn):not(.xsr-chip) {
	box-shadow: none;
	border-bottom: none;
}

.xsr-wrap h1,
.xsr-wrap h2,
.xsr-wrap h3,
.xsr-wrap h4,
.xsr-wrap p {
	margin: 0;
	padding: 0;
}

.xsr-wrap {
	--xsr-brand: #ec1d23;
	--xsr-brand-dark: #b3151a;
	--xsr-brand-light: #fdecec;
	--xsr-brand-border: #f7cdce;
	--xsr-text: #1c1c1e;
	--xsr-muted: #6b7280;
	--xsr-border: #ececec;
	--xsr-bg-card: #ffffff;
	direction: rtl;
	font-family: inherit;
	isolation: isolate;
}

/* --- نوار فیلتر استان --- */
.xsr-filter-bar {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	background: var(--xsr-brand-light);
	border: 1px solid var(--xsr-brand-border);
	border-radius: 14px;
	padding: 16px 20px;
	margin-bottom: 24px;
}

.xsr-filter-bar__label {
	font-weight: 700;
	color: var(--xsr-brand-dark);
	font-size: 15px;
}

.xsr-filter-bar__select {
	flex: 1;
	min-width: 200px;
	max-width: 320px;
	padding: 10px 14px;
	border-radius: 10px;
	border: 1px solid var(--xsr-brand-border);
	background: #fff;
	color: var(--xsr-text);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.xsr-filter-bar__select:focus {
	outline: none;
	border-color: var(--xsr-brand);
	box-shadow: 0 0 0 3px rgba(236, 29, 35, 0.15);
}

/* --- بخش راهنمای نشان‌های افتخار (آکاردئون): هر نشان یک آیتم <details> است که به‌صورت
   پیش‌فرض بسته می‌ماند و فقط با کلیک/لمس روی آن، توضیح کامل باز می‌شود. این کار باعث
   می‌شود متن طولانی به‌خصوص در موبایل، پیش‌فرض دید کاربر را شلوغ نکند، ولی چون از
   عنصر استاندارد HTML (<details>) استفاده شده، موتورهای جست‌وجو همچنان محتوای بسته را
   می‌بینند و ایندکس می‌کنند (مناسب سئو) و بدون نیاز به جاوااسکریپت هم کاملاً کار می‌کند. */
.xsr-badges-legend {
	margin-bottom: 28px;
}

.xsr-badges-legend__grid {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	align-items: start;
	gap: 12px;
}

@media (min-width: 620px) {
	.xsr-badges-legend__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 920px) {
	.xsr-badges-legend__grid {
		grid-template-columns: repeat(6, 1fr);
	}
}

.xsr-badge-legend-item {
	border: 1px solid var(--xsr-border);
	border-radius: 14px;
	background: var(--xsr-bg-card);
	overflow: hidden;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.xsr-badge-legend-item:hover {
	border-color: var(--xsr-badge-accent, var(--xsr-brand-border));
	box-shadow: 0 6px 16px rgba(0,0,0,0.06);
}

.xsr-badge-legend-item[open] {
	border-color: var(--xsr-badge-accent, var(--xsr-brand-border));
}

.xsr-badge-legend-item__summary {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	cursor: pointer;
	list-style: none;
	-webkit-tap-highlight-color: transparent;
}

.xsr-badge-legend-item__summary::-webkit-details-marker,
.xsr-badge-legend-item__summary::marker {
	display: none;
	content: "";
}

.xsr-badge-legend-item__summary:focus-visible {
	outline: none;
	box-shadow: inset 0 0 0 2px var(--xsr-brand);
}

.xsr-badge-legend-item__img {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
	border: 2px solid var(--xsr-badge-accent, var(--xsr-brand-border));
}

.xsr-badge-legend-item__info {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.xsr-badge-legend-item__name {
	font-size: 14.5px;
	font-weight: 700;
	color: var(--xsr-text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xsr-badge-legend-item__tagline {
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--xsr-badge-accent, var(--xsr-brand-dark));
	white-space: normal;
	overflow-wrap: break-word;
}

.xsr-badge-legend-item__chevron {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	background-color: var(--xsr-muted);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E");
	transition: transform .2s ease;
}

.xsr-badge-legend-item[open] .xsr-badge-legend-item__chevron {
	transform: rotate(180deg);
	background-color: var(--xsr-badge-accent, var(--xsr-brand));
}

.xsr-badge-legend-item .xsr-badge-legend-item__desc {
	margin: 0;
	padding: 10px 18px 16px;
	font-size: 13px;
	line-height: 1.8;
	color: var(--xsr-muted);
	border-top: 1px dashed var(--xsr-border);
}

/* --- گرید کارت‌ها --- */
.xsr-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 24px;
	padding: 8px 0;
}

.xsr-card {
	position: relative;
	background: var(--xsr-bg-card);
	border: 1px solid var(--xsr-border);
	border-top: 4px solid var(--xsr-brand);
	border-radius: 16px;
	padding: 20px 22px 22px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
	box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}

.xsr-card:hover {
	box-shadow: 0 14px 30px rgba(236, 29, 35, 0.12);
	transform: translateY(-3px);
	border-color: var(--xsr-brand-border);
}

/* --- ردیف نشان‌های افتخار (شاهنامه‌ای) --- */
.xsr-card__badges {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 8px;
}

.xsr-badge-icon {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid var(--xsr-border);
	transition: transform .2s ease, box-shadow .2s ease;
}

/* --- تولتیپ نام نشان (هاور با موس، یا کلیک/لمس در موبایل) ---
   نکته فنی: چون .xsr-badge-icon برای گرد کردن تصویر نشان از overflow:hidden استفاده می‌کند،
   تولتیپ نباید داخل همان عنصر باشد (وگرنه توسط overflow:hidden بریده و مخفی می‌شود).
   به همین دلیل یک عنصر پوششی (.xsr-badge-slot) بدون overflow:hidden، هم نشان و هم تولتیپ
   را در بر می‌گیرد و هاور/فوکوس/کلیک روی همین پوشش تشخیص داده می‌شود. */
.xsr-badge-slot {
	position: relative;
	display: block;
	cursor: pointer;
	outline: none;
}

.xsr-badge-icon__tooltip {
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%) translateY(4px);
	white-space: nowrap;
	background: var(--xsr-text);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	padding: 6px 10px;
	border-radius: 8px;
	box-shadow: 0 4px 14px rgba(0,0,0,0.18);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
	z-index: 5;
}

.xsr-badge-icon__tooltip::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 5px solid transparent;
	border-top-color: var(--xsr-text);
}

.xsr-badge-slot:hover .xsr-badge-icon__tooltip,
.xsr-badge-slot:focus-visible .xsr-badge-icon__tooltip,
.xsr-badge-slot.is-tooltip-open .xsr-badge-icon__tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

.xsr-badge-slot:focus-visible .xsr-badge-icon {
	box-shadow: 0 0 0 2px var(--xsr-brand);
}

/* جلوگیری از بریده‌شدن تولتیپ در لبه‌های راست/چپ گرید ۶ ستونه نشان‌ها */
.xsr-card__badges .xsr-badge-slot:first-child .xsr-badge-icon__tooltip {
	left: 0;
	transform: translateX(0) translateY(4px);
}

.xsr-card__badges .xsr-badge-slot:first-child:hover .xsr-badge-icon__tooltip,
.xsr-card__badges .xsr-badge-slot:first-child:focus-visible .xsr-badge-icon__tooltip,
.xsr-card__badges .xsr-badge-slot:first-child.is-tooltip-open .xsr-badge-icon__tooltip {
	transform: translateX(0) translateY(0);
}

.xsr-card__badges .xsr-badge-slot:first-child .xsr-badge-icon__tooltip::after {
	left: 14px;
	transform: translateX(-50%);
}

.xsr-card__badges .xsr-badge-slot:last-child .xsr-badge-icon__tooltip {
	left: auto;
	right: 0;
	transform: translateX(0) translateY(4px);
}

.xsr-card__badges .xsr-badge-slot:last-child:hover .xsr-badge-icon__tooltip,
.xsr-card__badges .xsr-badge-slot:last-child:focus-visible .xsr-badge-icon__tooltip,
.xsr-card__badges .xsr-badge-slot:last-child.is-tooltip-open .xsr-badge-icon__tooltip {
	transform: translateX(0) translateY(0);
}

.xsr-card__badges .xsr-badge-slot:last-child .xsr-badge-icon__tooltip::after {
	left: auto;
	right: 14px;
	transform: translateX(50%);
}

.xsr-badge-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* نشان‌های کسب‌نشده: تیره و کم‌رنگ */
.xsr-badge-icon.is-dim img {
	filter: grayscale(1) brightness(0.55);
	opacity: .55;
}

/* نشان‌های کسب‌شده: رنگی و با هاله (glow) هم‌رنگ خودشان */
.xsr-badge-icon.is-earned {
	border-color: var(--xsr-badge-glow, var(--xsr-brand));
	box-shadow: 0 0 0 2px rgba(255,255,255,0.6), 0 0 14px 2px var(--xsr-badge-glow, var(--xsr-brand));
}

.xsr-badge-slot:hover .xsr-badge-icon.is-earned {
	transform: translateY(-2px);
}

/* --- بج استان/شهر: بخش بزرگ و شاخص برای پیدا کردن سریع --- */
.xsr-card__location-badge {
	display: flex;
	align-items: center;
	gap: 8px;
	background: var(--xsr-brand);
	color: #fff;
	border-radius: 10px;
	padding: 9px 14px;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.4;
}

.xsr-card__location-badge .xsr-icon {
	background-color: #fff;
	width: 18px;
	height: 18px;
	margin-top: 0;
}

.xsr-card__location-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xsr-card__header {
	display: flex;
	align-items: center;
	gap: 14px;
}

.xsr-card__avatar {
	flex-shrink: 0;
}

.xsr-card__avatar img,
.xsr-card__avatar-fallback {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.xsr-card__avatar-fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--xsr-brand), var(--xsr-brand-dark));
	color: #fff;
	font-size: 22px;
	font-weight: 700;
}

.xsr-card__title {
	flex: 1 1 auto;
	min-width: 0;
}

.xsr-card__shop {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: var(--xsr-text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xsr-card__name {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	color: var(--xsr-muted);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xsr-card__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
	font-size: 14px;
	color: var(--xsr-text);
}

.xsr-card__row {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	line-height: 1.6;
}

/* «سال نمایندگی»: مثل بقیه ردیف‌های کارت (ایمیل، آدرس) ولی به رنگ قرمز برند مشخص می‌شود */
.xsr-card__tenure-row {
	color: var(--xsr-brand-dark);
	font-weight: 700;
}

.xsr-card__tenure-row .xsr-icon {
	background-color: var(--xsr-brand-dark);
}

.xsr-card__row a {
	color: var(--xsr-text);
	text-decoration: none;
}

.xsr-card__row a:hover {
	color: var(--xsr-brand);
	text-decoration: underline;
}

/* --- چیپ‌های نقشه (گوگل مپ / نشان / بلد): به‌اندازه مساوی راستای افقی کارت را پر می‌کنند --- */
.xsr-card__maps {
	display: flex;
	gap: 8px;
}

.xsr-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex: 1 1 0;
	min-width: 0;
	font-size: 12.5px;
	font-weight: 700;
	color: var(--xsr-brand-dark);
	background: var(--xsr-brand-light);
	border: 1px solid var(--xsr-brand-border);
	border-radius: 999px;
	padding: 5px 12px;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: background .2s ease, border-color .2s ease;
}

.xsr-chip:hover {
	background: var(--xsr-brand);
	border-color: var(--xsr-brand);
	color: #fff;
}

.xsr-chip:hover .xsr-icon {
	background-color: #fff;
}

/* --- دکمه‌های تماس/وب‌سایت --- */
.xsr-card__actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 2px;
}

.xsr-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	font-weight: 700;
	font-size: 14px;
	padding: 11px 16px;
	border-radius: 10px;
	text-decoration: none !important;
	transition: background .2s ease, transform .15s ease, color .2s ease, border-color .2s ease;
	box-sizing: border-box;
}

.xsr-btn--primary {
	background: var(--xsr-brand);
	color: #fff !important;
	border: 1px solid var(--xsr-brand);
}

.xsr-btn--primary:hover {
	background: var(--xsr-brand-dark);
	border-color: var(--xsr-brand-dark);
	transform: translateY(-1px);
}

.xsr-btn--outline {
	background: #fff;
	color: var(--xsr-brand-dark) !important;
	border: 1.5px solid var(--xsr-brand);
}

.xsr-btn--outline:hover {
	background: var(--xsr-brand);
	color: #fff !important;
	transform: translateY(-1px);
}

.xsr-btn--outline .xsr-icon {
	background-color: var(--xsr-brand-dark);
}

.xsr-btn--outline:hover .xsr-icon {
	background-color: #fff;
}

.xsr-btn__text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* --- آیکون‌ها --- */
.xsr-icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	margin-top: 2px;
	display: inline-block;
	background-color: var(--xsr-muted);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.xsr-chip .xsr-icon {
	background-color: var(--xsr-brand-dark);
	width: 13px;
	height: 13px;
	margin-top: 0;
}

.xsr-icon--pin,
.xsr-icon--pin-outline {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");
}

.xsr-icon--map {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z'/%3E%3C/svg%3E");
}

.xsr-icon--phone {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24 11.36 11.36 0 0 0 3.56.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.56 1 1 0 0 1-.25 1.01l-2.2 2.22z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24 11.36 11.36 0 0 0 3.56.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.56 1 1 0 0 1-.25 1.01l-2.2 2.22z'/%3E%3C/svg%3E");
}

.xsr-icon--calendar {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11zM7 11h5v5H7z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11zM7 11h5v5H7z'/%3E%3C/svg%3E");
}

.xsr-icon--mail {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
}

.xsr-icon--globe {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm6.93 6H15.5a15.6 15.6 0 0 0-1.39-4.19A8.03 8.03 0 0 1 18.93 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14A7.9 7.9 0 0 1 4 12c0-.69.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.81 2h3.44a15.6 15.6 0 0 0 1.39 4.19A7.99 7.99 0 0 1 5.07 16zm3.44-8H5.07a7.99 7.99 0 0 1 4.83-4.19A15.6 15.6 0 0 0 8.51 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.19A15.6 15.6 0 0 0 15.98 16h3.44a8.03 8.03 0 0 1-4.83 3.19zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm6.93 6H15.5a15.6 15.6 0 0 0-1.39-4.19A8.03 8.03 0 0 1 18.93 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14A7.9 7.9 0 0 1 4 12c0-.69.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.81 2h3.44a15.6 15.6 0 0 0 1.39 4.19A7.99 7.99 0 0 1 5.07 16zm3.44-8H5.07a7.99 7.99 0 0 1 4.83-4.19A15.6 15.6 0 0 0 8.51 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.19A15.6 15.6 0 0 0 15.98 16h3.44a8.03 8.03 0 0 1-4.83 3.19zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z'/%3E%3C/svg%3E");
}

.xsr-icon--telegram {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M41.4193 7.30899C41.4193 7.30899 45.3046 5.79399 44.9808 9.47328C44.8729 10.9883 43.9016 16.2908 43.1461 22.0262L40.5559 39.0159C40.5559 39.0159 40.3401 41.5048 38.3974 41.9377C36.4547 42.3705 33.5408 40.4227 33.0011 39.9898C32.5694 39.6652 24.9068 34.7955 22.2086 32.4148C21.4531 31.7655 20.5897 30.4669 22.3165 28.9519L33.6487 18.1305C34.9438 16.8319 36.2389 13.8019 30.8426 17.4812L15.7331 27.7616C15.7331 27.7616 14.0063 28.8437 10.7686 27.8698L3.75342 25.7055C3.75342 25.7055 1.16321 24.0823 5.58815 22.459C16.3807 17.3729 29.6555 12.1786 41.4193 7.30899Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M41.4193 7.30899C41.4193 7.30899 45.3046 5.79399 44.9808 9.47328C44.8729 10.9883 43.9016 16.2908 43.1461 22.0262L40.5559 39.0159C40.5559 39.0159 40.3401 41.5048 38.3974 41.9377C36.4547 42.3705 33.5408 40.4227 33.0011 39.9898C32.5694 39.6652 24.9068 34.7955 22.2086 32.4148C21.4531 31.7655 20.5897 30.4669 22.3165 28.9519L33.6487 18.1305C34.9438 16.8319 36.2389 13.8019 30.8426 17.4812L15.7331 27.7616C15.7331 27.7616 14.0063 28.8437 10.7686 27.8698L3.75342 25.7055C3.75342 25.7055 1.16321 24.0823 5.58815 22.459C16.3807 17.3729 29.6555 12.1786 41.4193 7.30899Z'/%3E%3C/svg%3E");
}

.xsr-icon--bale {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.425 23.987a12.218 12.218 0 0 1-2.95-.514 6.578 6.578 0 0 0-.336-.116C4.936 22.303 2.22 19.763.913 16.599a11.92 11.92 0 0 1-.9-4.063C.005 12.377.001 10.246 0 6.74 0 .71-.005 1.137.07.903.23.394.673.05 1.224.005c.421-.034.7.088 1.603.699.562.38 1.119.78 1.796 1.289.315.237.353.261.376.247l.35-.23c.58-.381 1.11-.677 1.7-.945A11.913 11.913 0 0 1 9.766.21a11.19 11.19 0 0 1 2.041-.2c1.14-.016 2.077.091 3.152.36 3.55.888 6.538 3.411 8.028 6.78.492 1.113.845 2.43.945 3.522.033.366.039.43.053.611.008.105.015.406.015.669 0 .783-.065 1.57-.169 2.064a5.474 5.474 0 0 0-.046.26c-.056.378-.214.987-.399 1.535-.205.613-.367.999-.684 1.633a11.95 11.95 0 0 1-2.623 3.436c-.44.396-.829.705-1.26 1.003-.647.445-1.307.812-2.039 1.134-.6.265-1.44.539-2.101.686a11.165 11.165 0 0 1-1.178.202 12.28 12.28 0 0 1-2.076.082zm-.61-5.92c.294-.06.678-.209.864-.337.144-.099.428-.376 2.064-2.013a161.8 161.8 0 0 1 1.764-1.753c.017 0 1.687-1.67 1.687-1.689 0-.02 1.64-1.648 1.661-1.648.01 0 .063-.047.118-.106.467-.495.682-.957.716-1.547.026-.433-.06-.909-.217-1.196a2.552 2.552 0 0 0-.983-1.024c-.281-.163-.512-.233-.888-.27-.306-.031-.688 0-.948.075-.243.07-.603.274-.853.481-.042.035-1.279 1.265-2.748 2.733l-2.671 2.67-1.093-1.09c-.6-.6-1.12-1.114-1.155-1.142a2.419 2.419 0 0 0-1.338-.51c-.404-.013-.91.09-1.224.25a2.89 2.89 0 0 0-.659.526c-.108.12-.287.357-.29.385-.003.03-.009.044-.065.16a2.312 2.312 0 0 0-.224.91c-.011.229-.01.265.019.491.045.353.24.781.51 1.115.05.063.97.992 2.044 2.064 1.507 1.505 1.98 1.97 2.074 2.039.327.24.683.388 1.101.456.182.03.5.016.734-.03z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.425 23.987a12.218 12.218 0 0 1-2.95-.514 6.578 6.578 0 0 0-.336-.116C4.936 22.303 2.22 19.763.913 16.599a11.92 11.92 0 0 1-.9-4.063C.005 12.377.001 10.246 0 6.74 0 .71-.005 1.137.07.903.23.394.673.05 1.224.005c.421-.034.7.088 1.603.699.562.38 1.119.78 1.796 1.289.315.237.353.261.376.247l.35-.23c.58-.381 1.11-.677 1.7-.945A11.913 11.913 0 0 1 9.766.21a11.19 11.19 0 0 1 2.041-.2c1.14-.016 2.077.091 3.152.36 3.55.888 6.538 3.411 8.028 6.78.492 1.113.845 2.43.945 3.522.033.366.039.43.053.611.008.105.015.406.015.669 0 .783-.065 1.57-.169 2.064a5.474 5.474 0 0 0-.046.26c-.056.378-.214.987-.399 1.535-.205.613-.367.999-.684 1.633a11.95 11.95 0 0 1-2.623 3.436c-.44.396-.829.705-1.26 1.003-.647.445-1.307.812-2.039 1.134-.6.265-1.44.539-2.101.686a11.165 11.165 0 0 1-1.178.202 12.28 12.28 0 0 1-2.076.082zm-.61-5.92c.294-.06.678-.209.864-.337.144-.099.428-.376 2.064-2.013a161.8 161.8 0 0 1 1.764-1.753c.017 0 1.687-1.67 1.687-1.689 0-.02 1.64-1.648 1.661-1.648.01 0 .063-.047.118-.106.467-.495.682-.957.716-1.547.026-.433-.06-.909-.217-1.196a2.552 2.552 0 0 0-.983-1.024c-.281-.163-.512-.233-.888-.27-.306-.031-.688 0-.948.075-.243.07-.603.274-.853.481-.042.035-1.279 1.265-2.748 2.733l-2.671 2.67-1.093-1.09c-.6-.6-1.12-1.114-1.155-1.142a2.419 2.419 0 0 0-1.338-.51c-.404-.013-.91.09-1.224.25a2.89 2.89 0 0 0-.659.526c-.108.12-.287.357-.29.385-.003.03-.009.044-.065.16a2.312 2.312 0 0 0-.224.91c-.011.229-.01.265.019.491.045.353.24.781.51 1.115.05.063.97.992 2.044 2.064 1.507 1.505 1.98 1.97 2.074 2.039.327.24.683.388 1.101.456.182.03.5.016.734-.03z'/%3E%3C/svg%3E");
}

/* --- رنگ‌های اختصاصی برند برای دکمه‌های تلگرام و بله (هم حالت پیش‌فرض، هم هاور) --- */
.xsr-btn--telegram {
	color: #26A5E4 !important;
	border-color: #26A5E4;
}

.xsr-btn--telegram .xsr-icon {
	background-color: #26A5E4;
}

.xsr-btn--telegram:hover {
	background: #26A5E4;
	border-color: #26A5E4;
	color: #fff !important;
}

.xsr-btn--telegram:hover .xsr-icon {
	background-color: #fff;
}

.xsr-btn--bale {
	color: #2FAE60 !important;
	border-color: #2FAE60;
}

.xsr-btn--bale .xsr-icon {
	background-color: #2FAE60;
}

.xsr-btn--bale:hover {
	background: #2FAE60;
	border-color: #2FAE60;
	color: #fff !important;
}

.xsr-btn--bale:hover .xsr-icon {
	background-color: #fff;
}

.xsr-card__footer {
	margin-top: auto;
	padding-top: 6px;
}

.xsr-btn__arrow {
	transition: transform .2s ease;
}

.xsr-btn--primary:hover .xsr-btn__arrow {
	transform: translateX(-3px);
}

.xsr-wrap .xsr-empty,
.xsr-wrap .xsr-no-results {
	text-align: center;
	color: var(--xsr-muted);
	padding: 40px 0;
}

@media (max-width: 480px) {
	.xsr-grid {
		grid-template-columns: 1fr;
	}
	.xsr-filter-bar {
		flex-direction: column;
		align-items: stretch;
	}
	.xsr-filter-bar__select {
		max-width: none;
	}
}