/**
 * خرید سریع / سفارش سریع — پیشروموبایل
 * BEM با پیشوند .pishro-qo — RTL با logical properties.
 */

.pishro-qo {
	--qo-red:    #e53e3e;
	--qo-amber:  #F5A623;
	--qo-border: #e5e7eb;
	--qo-muted:  #6b7280;
	--qo-ink:    #1f2937;
	--qo-bg:     #fff;
	--qo-soft:   #f9fafb;
	--qo-radius: 12px;

	max-width: 1200px;
	margin-inline: auto;
	padding-block-end: 90px; /* جا برای نوار سبد چسبان */
	font-family: inherit;
}

/* صفحه‌ی خرید سریع: حذف هیرو/عنوان پیش‌فرض تم برای قالب یکدست.
   این فایل فقط روی صفحاتِ دارای شورت‌کد [nw_quick_order] enqueue می‌شود، پس اسکوپ‌شده است. */
.hero-section { display: none; }

/* جستجوی سراسریِ هدر در این صفحه مخفی می‌شود: نوار جستجوی خودِ صفحه (درون‌صفحه‌ای/زنده)
   جایگزین آن است و دو نوار جستجو کاربر را سردرگم/از صفحه پرت می‌کرد. چون این فایل فقط
   روی صفحه‌ی خرید سریع لود می‌شود، اثرش کاملاً اسکوپ‌شده و برگشت‌پذیر است. */
.pishro-header .pishro-search { display: none; }
/* بدون جستجو، لوگو و اکشن‌ها با فاصله‌ی متوازن دو سرِ نوار اصلی می‌نشینند. */
.pishro-header .pishro-main { justify-content: space-between; }

body.pishro-qo-noscroll { overflow: hidden; }

/* ── جستجو (بالا) — هدر گرادیانی برند ──────────────────── */
.pishro-qo__searchbar {
	margin-block-end: 20px;
	border-radius: 16px;
	padding: 18px;
	background: linear-gradient(120deg, var(--qo-amber), #ff7e3e 55%, var(--qo-red));
	box-shadow: 0 6px 18px rgba(245, 166, 35, 0.28);
}
.pishro-qo__searchbar-head {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-block-end: 12px;
	color: #fff;
}
.pishro-qo__searchbar-head .ti { font-size: 18px; }
.pishro-qo__searchbar-head span { font-size: 14px; font-weight: 700; }

.pishro-qo__search {
	position: relative;
	display: flex;
	align-items: center;
	border-radius: 12px;
	background: var(--qo-bg);
}
.pishro-qo__search > .ti-search {
	position: absolute;
	inset-inline-start: 16px;
	color: var(--qo-amber);
	font-size: 21px;
	pointer-events: none;
	z-index: 1;
}
.pishro-qo__search-input {
	width: 100%;
	box-sizing: border-box;
	padding-block: 12px !important;
	padding-inline: 48px 48px !important;
	border: 2px solid transparent;
	border-radius: 12px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	color: var(--qo-ink);
	background: var(--qo-bg);
	transition: border-color 0.15s, box-shadow 0.15s;
}
.pishro-qo__search-input::placeholder { color: #9aa3af; font-weight: 500; }
.pishro-qo__search-input:focus {
	outline: none;
	border-color: var(--qo-amber);
	box-shadow: 0 0 0 4px rgba(245, 166, 35, 0.18);
}
.pishro-qo__search-clear {
	position: absolute;
	inset-inline-end: 18px;
	z-index: 1;
	display: inline-flex;
	border: none;
	background: #eef0f3;
	color: var(--qo-muted);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.15s, color 0.15s;
}
.pishro-qo__search-clear:hover { background: var(--qo-red); color: #fff; }
.pishro-qo__search-clear[hidden] { display: none; }

/* ── چیدمان دو ستونه ───────────────────────────────────── */
.pishro-qo__layout {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 20px;
	align-items: start;
}

/* ── سایدبار فیلتر ─────────────────────────────────────── */
.pishro-qo__sidebar {
	border: 1px solid var(--qo-border);
	border-radius: var(--qo-radius);
	background: var(--qo-bg);
	position: sticky;
	inset-block-start: 16px;
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - 32px);
}
.pishro-qo__sidebar-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 16px;
	border-block-end: 1px solid var(--qo-border);
	font-weight: 700;
	color: var(--qo-ink);
}
.pishro-qo__sidebar-head .ti { color: var(--qo-amber); }
.pishro-qo__sidebar-close { display: none; border: none; background: none; cursor: pointer; color: var(--qo-muted); font-size: 22px; }

.pishro-qo__sidebar-scroll { overflow-y: auto; padding: 4px 16px; flex: 1; }

.pishro-qo__group { padding-block: 16px; border-block-end: 1px solid var(--qo-border); }
.pishro-qo__group:last-child { border-block-end: none; }
.pishro-qo__group-title { font-size: 14px; font-weight: 700; color: var(--qo-ink); margin: 0 0 10px; }

.pishro-qo__group-search {
	width: 100%;
	padding: 7px 10px;
	margin-block-end: 8px;
	border: 1px solid var(--qo-border);
	border-radius: 8px;
	font-family: inherit;
	font-size: 13px;
}
.pishro-qo__group-search:focus { outline: none; border-color: var(--qo-amber); }

.pishro-qo__checks { display: flex; flex-direction: column; gap: 4px; }
.pishro-qo__checks--scroll { max-height: 220px; overflow-y: auto; }
.pishro-qo__check {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 5px 4px;
	font-size: 13.5px;
	color: #374151;
	cursor: pointer;
	border-radius: 6px;
}
.pishro-qo__check:hover { background: var(--qo-soft); }
.pishro-qo__check input { accent-color: var(--qo-amber); width: 16px; height: 16px; flex-shrink: 0; }

/* ── بازه قیمت: اسلایدر دو‌سر (عیناً مثل فیلتر فروشگاه nw-filter) ── */
.pishro-qo__price { display: block; }
.pishro-qo__price-inputs {
	display: flex;
	align-items: flex-end;
	gap: 8px;
	margin-block-end: 8px;
}
.pishro-qo__price-field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-inline-size: 0;
}
.pishro-qo__price-flabel { font-size: 12px; color: var(--qo-muted); }
.pishro-qo__price-sep { color: var(--qo-muted); padding-block-end: 8px; }
.pishro-qo__price-input {
	inline-size: 100%;
	min-width: 0;
	padding-block: 7px;
	padding-inline: 10px;
	border: 1px solid var(--qo-border);
	border-radius: 8px;
	font-family: inherit;
	font-size: 13px;
	text-align: center;
	transition: border-color 0.15s, box-shadow 0.15s;
}
.pishro-qo__price-input:focus {
	outline: none;
	border-color: var(--qo-amber);
	box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.15);
}
.pishro-qo__price-hint { margin-block-start: 4px; font-size: 12px; color: var(--qo-muted); }

.pishro-qo__slider-wrap {
	position: relative;
	block-size: 24px;
	margin-block: 10px 4px;
	display: flex;
	align-items: center;
}
.pishro-qo__slider-rail {
	position: absolute;
	inset-inline: 0;
	block-size: 4px;
	border-radius: 4px;
	background: var(--qo-border);
}
.pishro-qo__slider-fill {
	position: absolute;
	block-size: 4px;
	border-radius: 4px;
	background: var(--qo-amber);
}
/* هر دو ورودی روی هم؛ فقط دایره‌ها تعاملی‌اند */
.pishro-qo__slider-wrap .pishro-qo__slider {
	position: absolute;
	inset-inline: 0;
	inline-size: 100%;
	block-size: 24px;
	margin: 0;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	appearance: none;
}
.pishro-qo__slider-wrap .pishro-qo__slider::-webkit-slider-runnable-track,
.pishro-qo__slider-wrap .pishro-qo__slider::-moz-range-track { background: none; border: none; }
.pishro-qo__slider-wrap .pishro-qo__slider::-webkit-slider-thumb {
	pointer-events: auto;
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	border: 3px solid var(--qo-amber);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}
.pishro-qo__slider-wrap .pishro-qo__slider::-moz-range-thumb {
	pointer-events: auto;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	border: 3px solid var(--qo-amber);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

/* ── گروه‌های آکاردئونی (دسته‌بندی / برند) ──────────────── */
.pishro-qo__group-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	font-family: inherit;
}
.pishro-qo__group--collapsible .pishro-qo__group-title { margin: 0; }
.pishro-qo__group-toggle .ti { color: var(--qo-muted); font-size: 18px; transition: transform 0.2s; }
.pishro-qo__group--collapsible:not(.pishro-qo__group--collapsed) .pishro-qo__group-toggle .ti { transform: rotate(180deg); }
.pishro-qo__group-body { margin-block-start: 10px; }
.pishro-qo__group--collapsed .pishro-qo__group-body { display: none; }

.pishro-qo__toggle {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 4px;
	font-size: 14px;
	color: #374151;
	cursor: pointer;
}
.pishro-qo__toggle input { accent-color: var(--qo-amber); width: 16px; height: 16px; }

.pishro-qo__sidebar-foot { padding: 12px 16px; border-block-start: 1px solid var(--qo-border); display: flex; flex-direction: column; gap: 8px; }
.pishro-qo__clear {
	border: 1px solid var(--qo-border);
	background: var(--qo-bg);
	color: var(--qo-muted);
	padding: 9px;
	border-radius: 8px;
	font-family: inherit;
	font-size: 13px;
	cursor: pointer;
}
.pishro-qo__clear:hover { border-color: var(--qo-red); color: var(--qo-red); }
.pishro-qo__apply { display: none; }

/* ── ستون اصلی ─────────────────────────────────────────── */
.pishro-qo__main { min-width: 0; }

.pishro-qo__toolbar {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-block-end: 12px;
}
.pishro-qo__filter-toggle { display: none; }
.pishro-qo__count { color: var(--qo-muted); font-size: 13px; margin-inline-end: auto; }
.pishro-qo__select {
	padding-block: 9px;
	padding-inline: 12px;
	border: 1px solid var(--qo-border);
	border-radius: 10px;
	font-family: inherit;
	font-size: 14px;
	background: var(--qo-bg);
	cursor: pointer;
}
.pishro-qo__select:focus { outline: none; border-color: var(--qo-amber); }

/* ── چیپ فیلترهای فعال ─────────────────────────────────── */
.pishro-qo__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-block-end: 12px; }
.pishro-qo__chips:empty { display: none; }
.pishro-qo__chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	border: 1px solid var(--qo-amber);
	background: rgba(245, 166, 35, 0.08);
	color: #b45309;
	border-radius: 999px;
	font-family: inherit;
	font-size: 13px;
	cursor: pointer;
}
.pishro-qo__chip .ti { font-size: 15px; }
.pishro-qo__chip:hover { background: rgba(245, 166, 35, 0.18); }

/* ── لیست ──────────────────────────────────────────────── */
.pishro-qo__list { display: flex; flex-direction: column; gap: 10px; transition: opacity 0.2s; }
.pishro-qo__list--loading { opacity: 0.5; pointer-events: none; }
.pishro-qo__empty {
	padding: 40px 16px;
	text-align: center;
	color: var(--qo-muted);
	border: 1px dashed var(--qo-border);
	border-radius: var(--qo-radius);
}

/* ── تیتر گروه دسته‌بندی ────────────────────────────────── */
.pishro-qo__cat-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-block: 18px 4px;
	padding-block-end: 8px;
	border-block-end: 2px solid var(--qo-amber);
}
.pishro-qo__cat-head:first-child { margin-block-start: 0; }
.pishro-qo__cat-name { font-size: 16px; font-weight: 800; color: var(--qo-ink); }
.pishro-qo__cat-link { font-size: 12.5px; color: var(--qo-muted); text-decoration: none; white-space: nowrap; }
.pishro-qo__cat-link:hover { color: var(--qo-amber); }

/* ── ردیف محصول ────────────────────────────────────────── */
.pishro-qo-row {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 14px;
	padding: 10px 12px;
	border: 1px solid var(--qo-border);
	border-radius: var(--qo-radius);
	background: var(--qo-bg);
	position: relative;
}
.pishro-qo-row__media { position: relative; display: block; width: 72px; height: 72px; }
.pishro-qo-row__img,
.pishro-qo-row__media img { width: 72px; height: 72px; object-fit: contain; border-radius: 8px; }
.pishro-qo-row__off {
	position: absolute;
	inset-block-start: -6px;
	inset-inline-start: -6px;
	background: var(--qo-red);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 6px;
	border-radius: 8px;
}
.pishro-qo-row__info { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.pishro-qo-row__brand { font-size: 12px; color: var(--qo-muted); }
.pishro-qo-row__title {
	font-size: 14px;
	font-weight: 600;
	color: var(--qo-ink);
	line-height: 1.5;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.pishro-qo-row__title:hover { color: var(--qo-amber); }
/* ردیف لیبل‌ها: تگ پک کشور + چیپ‌های مشخصات کنار هم */
.pishro-qo-row__labels { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.pishro-qo-row__labels:empty { display: none; }
.pishro-qo-row__dealer {
	display: inline-flex; align-items: center; gap: 3px;
	font-size: 11px; font-weight: 700; color: #fff;
	background: linear-gradient(135deg, #f5a623, #e09415);
	padding: 2px 8px; border-radius: 999px; white-space: nowrap;
}
.pishro-qo-row__dealer .ti { font-size: 14px; }
.pishro-qo-row__badge--out {
	align-self: flex-start;
	font-size: 11px;
	color: var(--qo-red);
	background: #fde8e8;
	padding: 2px 8px;
	border-radius: 6px;
}
.pishro-qo-row__price { font-size: 15px; font-weight: 700; color: var(--qo-ink); white-space: nowrap; text-align: center; }
.pishro-qo-row__price del { color: var(--qo-muted); font-weight: 400; font-size: 12px; }
.pishro-qo-row__price ins { text-decoration: none; }
.pishro-qo-row__noprice { color: var(--qo-muted); }

.pishro-qo-row__action { display: flex; align-items: center; gap: 8px; }
/* استپر + دکمهٔ افزودن: یک قاب قرمز یکپارچه */
.pishro-qo-row__buy {
	display: inline-flex; align-items: stretch;
	border: 1px solid var(--qo-red); border-radius: 8px; overflow: hidden;
}
.pishro-qo-row__qty { display: inline-flex; align-items: center; flex: 0 0 auto; }
.pishro-qo-row__qbtn {
	flex: 0 0 auto;
	width: 28px; height: 30px; border: none; background: var(--qo-bg);
	font-size: 16px; line-height: 1; cursor: pointer; color: var(--qo-red);
}
.pishro-qo-row__qbtn:hover { background: #fff5f5; }
.pishro-qo-row__qinput {
	flex: 0 0 auto;
	width: 40px !important; height: 30px; min-width: 0;
	padding: 0 !important; margin: 0 !important;
	border: none; border-inline: 1px solid #f1d3d3; border-radius: 0;
	text-align: center; line-height: 30px;
	font-family: inherit; font-size: 14px; background: var(--qo-bg); color: var(--qo-ink);
}
.pishro-qo-row__qinput:focus { outline: none; }

.pishro-qo-row__add {
	display: inline-flex; align-items: center; justify-content: center; gap: 5px;
	padding: 0 14px; border: none; border-radius: 0;
	border-inline-start: 1px solid #f1d3d3;
	background: var(--qo-red); color: #fff;
	font-family: inherit; font-size: 13px; font-weight: 700;
	cursor: pointer; white-space: nowrap; transition: background 0.15s, opacity 0.15s;
}
.pishro-qo-row__add:hover { background: #c53030; }
.pishro-qo-row__add.loading { opacity: 0.6; pointer-events: none; }
.pishro-qo-row__add.added { background: #16a34a; }
.pishro-qo-row__add .ti { font-size: 15px; }

/* واحدی که در سبد است: استپر مستقیماً تعداد سبد را کنترل می‌کند، دکمهٔ «افزودن» پنهان می‌شود */
.pishro-qo-row__buy--incart { border-color: #16a34a; }
.pishro-qo-row__buy--incart .pishro-qo-row__qbtn { color: #16a34a; }
.pishro-qo-row__buy--incart .pishro-qo-row__qbtn:hover { background: #f0fdf4; }
.pishro-qo-row__buy--incart .pishro-qo-row__qinput { color: #16a34a; font-weight: 700; border-inline-color: #bbf7d0; }
.pishro-qo-row__buy--incart .pishro-qo-row__add,
.pishro-qo-row__buy--incart .pishro-qo-var__add { display: none; }
.pishro-qo-row__buy--busy { opacity: 0.55; pointer-events: none; }

.pishro-qo-row__view {
	display: inline-flex; align-items: center; padding: 9px 16px;
	border: 1px solid var(--qo-amber); border-radius: 8px;
	color: var(--qo-amber); font-size: 14px; font-weight: 600;
	text-decoration: none; white-space: nowrap;
}
.pishro-qo-row__view:hover { background: var(--qo-amber); color: #fff; }
.pishro-qo-row__msg {
	position: absolute; inset-block-end: 4px; inset-inline-start: 12px;
	font-size: 12px; color: var(--qo-red);
}

/* لینک «مشاهده سبد خرید» که ووکامرس بعد از افزودن تزریق می‌کند — زائد است چون نوار سبد/toast جایگزین آن است. */
.pishro-qo .added_to_cart,
.pishro-qo-var .added_to_cart { display: none !important; }

/* ── toast تأیید افزودن ─────────────────────────────────── */
.pishro-qo__toast {
	position: fixed;
	inset-block-end: 84px;
	inset-inline: 0;
	margin-inline: auto;
	width: max-content;
	max-width: calc(100% - 32px);
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	background: #1f2937;
	color: #fff;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
	font-size: 14px;
	font-weight: 600;
	z-index: 100000;
	opacity: 0;
	transform: translateY(12px);
	pointer-events: none;
	transition: opacity 0.2s, transform 0.2s;
}
.pishro-qo__toast--show { opacity: 1; transform: translateY(0); pointer-events: auto; }
.pishro-qo__toast .ti { font-size: 20px; color: #34d399; }
.pishro-qo__toast-link {
	border: none; background: none; cursor: pointer;
	color: var(--qo-amber); font-family: inherit; font-size: 13px; font-weight: 700;
	padding: 0; margin-inline-start: 4px; white-space: nowrap;
}
.pishro-qo__toast-link:hover { text-decoration: underline; }

/* ── محصول متغیر: آکاردئون رنگ‌ها ──────────────────────── */
.pishro-qo-item { display: flex; flex-direction: column; }
.pishro-qo-item .pishro-qo-row { position: relative; z-index: 1; }

.pishro-qo-row__expand {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 8px 14px; border: 1px solid var(--qo-amber); border-radius: 8px;
	background: var(--qo-bg); color: var(--qo-amber);
	font-family: inherit; font-size: 14px; font-weight: 600;
	cursor: pointer; white-space: nowrap; transition: background 0.15s, color 0.15s;
}
.pishro-qo-row__expand:hover { background: var(--qo-amber); color: #fff; }
.pishro-qo-row__expand-count { font-size: 12px; font-weight: 400; opacity: 0.85; }
.pishro-qo-row__expand .ti { font-size: 16px; transition: transform 0.2s; }
.pishro-qo-row__expand--open .ti { transform: rotate(180deg); }

.pishro-qo-variations {
	margin-block-start: -1px;
	margin-inline: 14px 14px;
	border: 1px solid var(--qo-border);
	border-block-start: none;
	border-radius: 0 0 var(--qo-radius) var(--qo-radius);
	background: var(--qo-soft);
	overflow: hidden;
}
.pishro-qo-var {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 14px;
	padding: 10px 14px;
	border-block-start: 1px solid var(--qo-border);
	position: relative;
}
.pishro-qo-var:first-child { border-block-start: none; }
.pishro-qo-var__color { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.pishro-qo-var__dot {
	width: 16px; height: 16px; border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.15); flex-shrink: 0;
}
.pishro-qo-var__name { font-size: 14px; font-weight: 600; color: var(--qo-ink); }
.pishro-qo-var__price { font-size: 14px; font-weight: 700; color: var(--qo-ink); white-space: nowrap; }
.pishro-qo-var__price del { color: var(--qo-muted); font-weight: 400; font-size: 12px; }
.pishro-qo-var__price ins { text-decoration: none; }
.pishro-qo-var__add {
	display: inline-flex; align-items: center; justify-content: center; gap: 5px;
	padding: 0 14px; border: none; border-radius: 0;
	border-inline-start: 1px solid #f1d3d3;
	background: var(--qo-red); color: #fff;
	font-family: inherit; font-size: 13px; font-weight: 700;
	cursor: pointer; white-space: nowrap; transition: background 0.15s, opacity 0.15s;
}
.pishro-qo-var__add:hover { background: #c53030; }
.pishro-qo-var__add.loading { opacity: 0.6; pointer-events: none; }
.pishro-qo-var__add.added { background: #16a34a; }
.pishro-qo-var__add .ti { font-size: 15px; }

/* ── footer / load more ───────────────────────────────── */
.pishro-qo__footer { display: flex; justify-content: center; margin-block-start: 18px; }
.pishro-qo__more {
	padding: 10px 28px; border: 1px solid var(--qo-border); border-radius: 10px;
	background: var(--qo-bg); font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
}
.pishro-qo__more:hover { border-color: var(--qo-amber); color: var(--qo-amber); }
.pishro-qo__spinner {
	display: inline-block; width: 26px; height: 26px;
	border: 3px solid var(--qo-border); border-top-color: var(--qo-amber);
	border-radius: 50%; animation: pishro-qo-spin 0.7s linear infinite;
}
@keyframes pishro-qo-spin { to { transform: rotate(360deg); } }

/* ── overlay پنل موبایل ───────────────────────────────── */
.pishro-qo__overlay {
	position: fixed; inset: 0; z-index: 100050;
	background: rgba(0, 0, 0, 0.45);
}

/* ── نوار سبد چسبان ────────────────────────────────────── */
.pishro-qo__cartbar {
	position: fixed; inset-block-end: 16px; inset-inline: 16px; z-index: 50;
	max-width: 1168px; margin-inline: auto;
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	padding: 12px 18px; border: none; border-radius: 14px;
	background: var(--qo-ink); color: #fff; font-family: inherit; font-size: 15px;
	cursor: pointer; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}
.pishro-qo__cartbar:hover { background: #111827; }
.pishro-qo__cartbar-left { display: inline-flex; align-items: center; gap: 8px; }
.pishro-qo__cartbar-left .ti { font-size: 22px; color: var(--qo-amber); }
.pishro-qo__cartbar-count {
	min-width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center;
	background: var(--qo-amber); color: var(--qo-ink); border-radius: 999px;
	font-size: 13px; font-weight: 700; padding-inline: 6px;
}
.pishro-qo__cartbar-label { color: #d1d5db; font-size: 14px; }
.pishro-qo__cartbar-total { font-weight: 700; white-space: nowrap; }

/* ═══ ریسپانسیو ═══════════════════════════════════════════ */

/* تبلت و موبایل: سایدبار به کشوی off-canvas تبدیل می‌شود */
@media (max-width: 980px) {
	.pishro-qo__layout { grid-template-columns: 1fr; }

	.pishro-qo__filter-toggle {
		display: inline-flex; align-items: center; gap: 6px;
		padding: 9px 16px; border: 1px solid var(--qo-border); border-radius: 10px;
		background: var(--qo-bg); font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
	}
	.pishro-qo__filter-toggle .ti { color: var(--qo-amber); font-size: 18px; }
	.pishro-qo__filter-badge {
		background: var(--qo-amber); color: var(--qo-ink); border-radius: 999px;
		min-width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center;
		font-size: 11px; font-weight: 700; padding-inline: 5px;
	}

	.pishro-qo__sidebar {
		position: fixed;
		inset-block: 0;
		inset-inline-start: 0;
		z-index: 100051;
		width: 300px;
		max-width: 85vw;
		max-height: 100vh;
		border-radius: 0;
		transform: translateX(-100%);
		transition: transform 0.25s ease;
	}
	/* RTL: نوارِ پایه از قبل inset-inline-start:0 دارد که در RTL یعنی «راست:۰» (درست).
	   فقط جهتِ پنهان‌شدن باید معکوس شود (به‌سمت راست). سنجاق‌کردنِ inset-inline-end:0
	   در RTL به لبه‌ی چپ نگاشت می‌شد و کشوی بسته را ~۹۰px روی محتوا بیرون می‌انداخت. */
	[dir="rtl"] .pishro-qo__sidebar { transform: translateX(100%); }
	.pishro-qo__sidebar--open { transform: translateX(0) !important; }

	.pishro-qo__sidebar-close { display: inline-flex; }
	.pishro-qo__apply {
		display: block; border: none; border-radius: 8px;
		background: var(--qo-amber); color: #fff; padding: 11px;
		font-family: inherit; font-size: 14px; font-weight: 700; cursor: pointer;
	}
}

@media (max-width: 680px) {
	.pishro-qo-row {
		grid-template-columns: 64px minmax(0, 1fr);
		grid-template-areas:
			"media info"
			"media price"
			"action action";
		row-gap: 8px;
	}
	.pishro-qo-row__media { grid-area: media; align-self: start; width: 64px; height: 64px; }
	.pishro-qo-row__media img,
	.pishro-qo-row__img { width: 64px; height: 64px; }
	.pishro-qo-row__info { grid-area: info; }
	.pishro-qo-row__price { grid-area: price; text-align: start; }
	.pishro-qo-row__action { grid-area: action; justify-content: space-between; }
	.pishro-qo-row__buy { flex: 1; }
	.pishro-qo-row__buy .pishro-qo-row__add { flex: 1; }
	.pishro-qo-row__expand { flex: 1; justify-content: center; }

	.pishro-qo-variations { margin-inline: 8px 8px; }
	.pishro-qo-var {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas:
			"color price"
			"buy   buy";
		row-gap: 8px;
	}
	.pishro-qo-var__color { grid-area: color; }
	.pishro-qo-var__price { grid-area: price; text-align: end; }
	.pishro-qo-var .pishro-qo-row__buy { grid-area: buy; }
	.pishro-qo-var .pishro-qo-row__buy .pishro-qo-var__add { flex: 1; }
}