/* آیدیجیتال: ست لباس — فرم صفحهٔ محصول و ویجت نمایش ست */

.idbl {
	--idbl-text: #141414;
	--idbl-muted: #77777a;
	--idbl-line: #e8e8e5;
	--idbl-soft: #f4f4f1;
	--idbl-bg: transparent;
	/* --idblg-*: مقادیر صفحهٔ «تنظیمات ست لباس» (اگر تعیین شده باشند). */
	--idbl-accent: var(--idblg-accent, #141414);
	--idbl-accent-text: var(--idblg-accent-text, #fff);
	--idbl-line-btn: var(--idblg-accent, #141414);
	--idbl-sale: var(--idblg-sale, #c2410c);
	--idbl-ok: var(--idblg-ok, #15803d);
	--idbl-gap: 12px;
	--idbl-btn-h: var(--idblg-btn-h, 48px);
	--idbl-btn-radius: var(--idblg-btn-radius, 6px);
	--idbl-card-bg: #fff;
	--idbl-card-border: #ebebe8;
	--idbl-card-active: var(--idblg-accent, #141414);
	--idbl-card-radius: 8px;
	--idbl-card-min: 92px;
	--idbl-media-bg: #f3f3f0;
	--idbl-media-radius: 6px;
	--idbl-ratio: 3/4;
	--idbl-fit: cover;
	--idbl-col: 30%;
	--idbl-panel-bg: #fff;
	--idbl-check: var(--idblg-accent, #141414);
	--idbl-dot: var(--idblg-dot, 30px);
	--idbl-dot-bg: var(--idblg-dot-bg, #fff);
	--idbl-dot-color: var(--idblg-dot-color, #141414);
	--idbl-dot-active: var(--idblg-dot-color, #141414);
	--idbl-shadow: 0 18px 50px rgba(20, 20, 20, .16);
	--idbl-ease: cubic-bezier(.2, .7, .2, 1);

	position: relative;
	color: var(--idbl-text);
	background: var(--idbl-bg);
	font-family: inherit;
	line-height: 1.6;
	-webkit-tap-highlight-color: transparent;
}

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

/* دکمه‌های خود قالب در بخش خرید (افزودن به سبد، تعداد، علاقه‌مندی) دست نمی‌خورند. */
.idbl button:where(:not(.idbl-buy-wrap button)) {
	font: inherit;
	color: inherit;
	letter-spacing: inherit;
	text-transform: none;
	box-shadow: none;
	min-height: 0;
	margin: 0;
}

.idbl img {
	display: block;
	max-width: 100%;
	height: auto;
}

.idbl .screen-reader-text,
.idbl .idbl-sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.idbl [hidden],
.idbl[hidden],
.idbl-slider [hidden] {
	display: none !important;
}

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

.idbl .idbl-price,
.idbl .idbl-sum,
.idbl .idbl-outfit__amount {
	font-variant-numeric: tabular-nums;
}

.idbl .idbl-price del,
.idbl .idbl-outfit__amount del {
	color: var(--idbl-muted);
	font-size: .85em;
	font-weight: 400;
	opacity: .9;
	text-decoration-thickness: 1px;
}

.idbl .idbl-price ins,
.idbl .idbl-outfit__amount ins {
	text-decoration: none;
	font-weight: 700;
	color: var(--idbl-text);
}

.idbl .idbl-price .idbl-from {
	color: var(--idbl-muted);
	font-size: .82em;
	font-weight: 400;
}

.idbl .idbl-price .idbl-badge {
	display: inline-block;
	margin-inline-start: 6px;
	padding: 0 6px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--idbl-sale) 12%, transparent);
	color: var(--idbl-sale);
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
	vertical-align: middle;
}

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

.idbl .idbl-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--idbl-btn-gap, 8px);
	min-height: var(--idbl-btn-h);
	padding: 0 20px;
	border: 1px solid var(--idbl-accent);
	border-radius: var(--idbl-btn-radius);
	background: var(--idbl-accent);
	color: var(--idbl-accent-text) !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	transition: transform .2s var(--idbl-ease), opacity .2s, background .2s, color .2s, border-color .2s;
	user-select: none;
}

.idbl .idbl-btn:hover {
	opacity: .9;
}

.idbl .idbl-btn:active {
	transform: scale(.98);
}

.idbl .idbl-btn:focus-visible,
.idbl .idbl-opt:focus-visible,
.idbl .idbl-card__hit:focus-visible,
.idbl .idbl-dot:focus-visible,
.idbl .idbl-check:focus-visible,
.idbl .idbl-card__check:focus-visible {
	outline: 2px solid var(--idbl-accent);
	outline-offset: 2px;
}

.idbl .idbl-btn--line {
	background: transparent;
	color: var(--idbl-line-btn) !important;
	border-color: var(--idbl-line-btn);
}

.idbl .idbl-btn--line:hover {
	background: color-mix(in srgb, var(--idbl-line-btn) 6%, transparent);
	opacity: 1;
}

.idbl .idbl-btn[disabled],
.idbl .idbl-btn.is-disabled {
	opacity: .45;
	cursor: not-allowed;
	transform: none;
}

.idbl .idbl-btn.is-loading {
	pointer-events: none;
	position: relative;
	color: transparent !important;
}

.idbl .idbl-btn.is-loading::after {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	border: 2px solid var(--idbl-accent-text);
	border-inline-end-color: transparent;
	border-radius: 50%;
	animation: idbl-spin .7s linear infinite;
}

.idbl .idbl-btn--line.is-loading::after {
	border-color: var(--idbl-line-btn);
	border-inline-end-color: transparent;
}

.idbl .idbl-btn.is-done {
	background: var(--idbl-ok);
	border-color: var(--idbl-ok);
}

.idbl .idbl-when-on {
	display: none;
}

.idbl [aria-pressed="true"] > .idbl-when-off,
.idbl .idbl-save.--in-wishlist > .idbl-when-off,
.idbl .idbl-save.is-saved > .idbl-when-off {
	display: none;
}

.idbl [aria-pressed="true"] > .idbl-when-on,
.idbl .idbl-save.--in-wishlist > .idbl-when-on,
.idbl .idbl-save.is-saved > .idbl-when-on {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.idbl .idbl-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--idbl-text);
	font-size: 12px;
	text-decoration: underline;
	text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
	text-underline-offset: 3px;
	cursor: pointer;
}

.idbl .idbl-link:hover {
	text-decoration-color: currentColor;
}

.idbl .idbl-close {
	position: absolute;
	top: 10px;
	inset-inline-end: 10px;
	z-index: 3;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: color-mix(in srgb, var(--idbl-panel-bg) 88%, transparent);
	color: var(--idbl-text);
	cursor: pointer;
	backdrop-filter: blur(6px);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
	transition: transform .2s var(--idbl-ease);
}

.idbl .idbl-close:hover {
	transform: rotate(90deg);
}

.idbl .idbl-note {
	display: block;
	min-height: 0;
	color: var(--idbl-sale);
	font-size: 12px;
	line-height: 1.5;
}

.idbl .idbl-note:empty {
	display: none;
}

.idbl .idbl-note.is-info {
	color: var(--idbl-muted);
}

.idbl .idbl-hint {
	color: var(--idbl-ok);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.6;
}

.idbl .idbl-hint:empty {
	display: none;
}

.idbl .idbl-hint.is-upsell {
	color: var(--idbl-sale);
}

.idbl .idbl-msg {
	font-size: 13px;
	line-height: 1.7;
}

.idbl .idbl-msg:empty {
	display: none;
}

.idbl .idbl-msg.is-error {
	margin-top: 10px;
	padding: 10px 12px;
	border-radius: 8px;
	background: color-mix(in srgb, var(--idbl-sale) 9%, #fff);
	color: var(--idbl-sale);
}

.idbl .idbl-msg.is-success {
	margin-top: 10px;
	padding: 10px 12px;
	border-radius: 8px;
	background: color-mix(in srgb, var(--idbl-ok) 9%, #fff);
	color: var(--idbl-ok);
}

.idbl .idbl-msg a {
	color: inherit;
	font-weight: 700;
	text-decoration: underline;
}

/* --------------------------------------------------- انتخاب‌گر ویژگی */

.idbl .idbl-attrs {
	display: grid;
	gap: 10px;
	margin-top: 10px;
}

.idbl .idbl-attr__head {
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin-bottom: 6px;
	font-size: 12px;
}

.idbl .idbl-attr__label {
	color: var(--idbl-muted);
}

.idbl .idbl-attr__current {
	font-weight: 600;
}

.idbl .idbl-attr.is-fixed {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
}

.idbl .idbl-attr.is-fixed .idbl-attr__value {
	font-weight: 600;
}

.idbl .idbl-attr.is-missing .idbl-attr__label {
	color: var(--idbl-sale);
}

.idbl .idbl-attr.is-missing .idbl-attr__opts {
	animation: idbl-shake .4s;
}

.idbl .idbl-attr__opts {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.idbl .idbl-opt {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 34px;
	padding: 0 10px;
	border: 1px solid var(--idbl-line);
	border-radius: 8px;
	background: #fff;
	color: var(--idbl-text);
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	cursor: pointer;
	transition: border-color .15s, background .15s, color .15s, box-shadow .15s;
}

.idbl .idbl-opt:hover {
	border-color: color-mix(in srgb, var(--idbl-text) 45%, transparent);
}

.idbl .idbl-opt[aria-checked="true"] {
	border-color: var(--idbl-accent);
	background: var(--idbl-accent);
	color: var(--idbl-accent-text);
}

.idbl .idbl-opt--color,
.idbl .idbl-opt--image {
	min-width: 0;
	width: 32px;
	height: 32px;
	padding: 3px;
	border-radius: 50%;
	background: #fff;
}

.idbl .idbl-opt--color[aria-checked="true"],
.idbl .idbl-opt--image[aria-checked="true"] {
	background: #fff;
	border-color: var(--idbl-accent);
	box-shadow: 0 0 0 1px var(--idbl-accent);
}

.idbl .idbl-opt__sw {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--c) 50%, var(--c2) 50%);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
}

.idbl .idbl-opt__sw.is-inline {
	display: inline-block;
	width: 14px;
	height: 14px;
}

.idbl .idbl-opt--image img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

/* دکمه با نمونهٔ رنگ یا تصویر کنار نام (حالت «دکمه و پالت رنگ») */
.idbl .idbl-opt--chip {
	gap: 7px;
	padding-block: 0;
	padding-inline: 5px 12px;
}

.idbl .idbl-opt--chip .idbl-opt__sw,
.idbl .idbl-opt--chip .idbl-opt__img {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	object-fit: cover;
}

.idbl .idbl-opt--chip[aria-checked="true"] {
	background: #fff;
	color: var(--idbl-text);
	border-color: var(--idbl-accent);
	box-shadow: 0 0 0 1px var(--idbl-accent);
}

.idbl .idbl-opt--chip[aria-checked="true"] .idbl-opt__sw,
.idbl .idbl-opt--chip[aria-checked="true"] .idbl-opt__img {
	box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--idbl-accent);
}

.idbl .idbl-opt--chip.is-oos .idbl-opt__sw,
.idbl .idbl-opt--chip.is-na .idbl-opt__sw,
.idbl .idbl-opt--chip.is-oos .idbl-opt__img,
.idbl .idbl-opt--chip.is-na .idbl-opt__img {
	opacity: .5;
}

.idbl .idbl-opt.is-oos,
.idbl .idbl-opt.is-na {
	color: color-mix(in srgb, var(--idbl-text) 40%, transparent);
	cursor: not-allowed;
}

.idbl .idbl-opt.is-oos::after,
.idbl .idbl-opt.is-na::after {
	content: "";
	position: absolute;
	inset: 50% 6px auto;
	height: 1px;
	background: currentColor;
	transform: rotate(-24deg);
}

.idbl .idbl-opt--color.is-oos,
.idbl .idbl-opt--color.is-na,
.idbl .idbl-opt--image.is-oos,
.idbl .idbl-opt--image.is-na {
	opacity: .45;
}

.idbl .idbl-opt--color.is-oos::after,
.idbl .idbl-opt--color.is-na::after {
	inset: 50% 2px auto;
	background: #141414;
	transform: rotate(-45deg);
}

.idbl .idbl-opt.is-na {
	opacity: .5;
}

/* ------------------------------------------------------------- تعداد */

.idbl .idbl-qty {
	display: inline-flex;
	align-items: center;
	height: var(--idbl-btn-h);
	border: 1px solid var(--idbl-line);
	border-radius: var(--idbl-btn-radius);
	background: #fff;
	overflow: hidden;
}

.idbl .idbl-qty__btn {
	width: 38px;
	height: 100%;
	padding: 0;
	border: 0;
	background: none;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}

.idbl .idbl-qty__btn:hover {
	background: var(--idbl-soft);
}

.idbl .idbl-qty__input {
	width: 40px;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	-moz-appearance: textfield;
	appearance: textfield;
}

.idbl .idbl-qty__input::-webkit-outer-spin-button,
.idbl .idbl-qty__input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.idbl .idbl-qty--sm {
	height: 32px;
}

.idbl .idbl-qty--sm .idbl-qty__btn {
	width: 30px;
}

.idbl .idbl-qty--sm .idbl-qty__input {
	width: 30px;
	font-size: 13px;
}

/* ============================================ فرم صفحهٔ محصول */

.idbl-form {
	margin: 18px 0 8px;
}

.idbl .idbl-form__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 6px 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--idbl-line);
}

.idbl .idbl-form__title {
	font-size: 15px;
	font-weight: 700;
}

.idbl .idbl-form__count {
	margin-inline-start: 6px;
	color: var(--idbl-muted);
	font-size: 12px;
	font-weight: 400;
}

.idbl .idbl-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.idbl .idbl-row {
	display: grid;
	grid-template-columns: 24px 76px minmax(0, 1fr);
	align-items: start;
	gap: 12px;
	margin: 0;
	padding: 14px 0;
	border-bottom: 1px solid var(--idbl-line);
	transition: opacity .2s;
}

.idbl .idbl-row:not(.is-on) .idbl-row__media,
.idbl .idbl-row:not(.is-on) .idbl-row__titles,
.idbl .idbl-row:not(.is-on) .idbl-attrs {
	opacity: .5;
}

.idbl .idbl-row.is-oos .idbl-row__media {
	filter: grayscale(1);
}

.idbl .idbl-row__check {
	padding-top: 26px;
}

/* رنگ و سایز فقط در پنجرهٔ جزئیات: دکمهٔ «انتخاب» کنار قیمت */
.idbl .idbl-row__end {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
	flex-shrink: 0;
}

.idbl .idbl-btn.idbl-row__pick {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-height: 0;
	height: 34px;
	padding-block: 0;
	padding-inline: 14px 8px;
	font-size: 12px;
	font-weight: 600;
}

.idbl .idbl-row__pick svg {
	width: 14px;
	height: 14px;
}

[dir="rtl"] .idbl .idbl-row__pick svg,
.rtl .idbl .idbl-row__pick svg {
	transform: scaleX(-1);
}

.idbl .idbl-row__pick-off,
.idbl .idbl-row__pick-on {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.idbl .idbl-row:not(.is-picked) .idbl-row__pick-on,
.idbl .idbl-row.is-picked .idbl-row__pick-off {
	display: none;
}

.idbl .idbl-row.is-picked .idbl-btn.idbl-row__pick {
	padding-inline: 10px 12px;
	border-color: var(--idbl-ok) !important;
	background: color-mix(in srgb, var(--idbl-ok) 8%, #fff) !important;
	color: var(--idbl-ok) !important;
}

.idbl .idbl-row.is-picked .idbl-row__pick-on svg {
	transform: none;
}

.idbl .idbl-row__chosen {
	display: block;
	margin-top: 4px;
	color: var(--idbl-muted);
	font-size: 12px;
	line-height: 1.5;
}

.idbl .idbl-row__chosen:empty {
	display: none;
}

.idbl .idbl-row--pick .idbl-row__foot:not(:has(.idbl-note:not(:empty))) {
	display: none;
}

/* جای انتخاب اقلام اختیاری (تنظیمات ← ظاهر) */
.idbl .idbl-list {
	--idbl-thumb: 76px;
}

.idbl .idbl-list--check-over .idbl-row,
.idbl .idbl-list--check-top .idbl-row,
.idbl .idbl-list--check-bottom .idbl-row,
.idbl .idbl-list--nolock:not(:has(.idbl-check)) .idbl-row {
	grid-template-columns: var(--idbl-thumb) minmax(0, 1fr);
}

.idbl .idbl-list--nolock:not(:has(.idbl-check)) .idbl-row__check {
	display: none;
}

.idbl .idbl-list--check-over .idbl-row {
	position: relative;
}

.idbl .idbl-list--check-over .idbl-row__check {
	position: absolute;
	z-index: 2;
	top: 20px;
	inset-inline-start: 6px;
	padding: 0;
	pointer-events: none;
}

.idbl .idbl-list--check-over .idbl-check {
	pointer-events: auto;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
}

.idbl .idbl-list--check-top .idbl-row:not(.idbl-row--nocheck),
.idbl .idbl-list--check-bottom .idbl-row:not(.idbl-row--nocheck) {
	grid-template-rows: auto 1fr;
	row-gap: 8px;
}

.idbl .idbl-list--check-top .idbl-row {
	grid-template-areas: "check main" "media main";
}

.idbl .idbl-list--check-bottom .idbl-row {
	grid-template-areas: "media main" "check main";
}

.idbl .idbl-list--check-top .idbl-row--nocheck,
.idbl .idbl-list--check-bottom .idbl-row--nocheck {
	grid-template-areas: "media main";
}

.idbl .idbl-list--check-top .idbl-row__check,
.idbl .idbl-list--check-bottom .idbl-row__check {
	grid-area: check;
	justify-self: center;
	padding: 0;
}

.idbl .idbl-list--check-over .idbl-row--nocheck .idbl-row__check,
.idbl .idbl-list--check-top .idbl-row--nocheck .idbl-row__check,
.idbl .idbl-list--check-bottom .idbl-row--nocheck .idbl-row__check {
	display: none;
}

.idbl .idbl-list--check-top .idbl-row__media,
.idbl .idbl-list--check-bottom .idbl-row__media {
	grid-area: media;
}

.idbl .idbl-list--check-top .idbl-row__main,
.idbl .idbl-list--check-bottom .idbl-row__main {
	grid-area: main;
}

/* انتخاب‌گرها، تعداد و پایین ردیف تمام‌عرض از زیر تصویر شروع می‌شوند (دسکتاپ و موبایل) */
.idbl .idbl-row {
	row-gap: 0;
}

.idbl .idbl-row__main {
	display: contents;
}

.idbl .idbl-row__check,
.idbl .idbl-row__media {
	grid-row: 1;
}

.idbl .idbl-row__top {
	grid-row: 1;
	grid-column: -2 / -1;
	min-width: 0;
}

.idbl .idbl-list--check-top .idbl-row__top,
.idbl .idbl-list--check-bottom .idbl-row__top {
	grid-area: main;
}

.idbl .idbl-list--check-top .idbl-row:not(.idbl-row--nocheck),
.idbl .idbl-list--check-bottom .idbl-row:not(.idbl-row--nocheck) {
	row-gap: 0;
}

.idbl .idbl-list--check-top .idbl-row__check {
	margin-bottom: 8px;
}

.idbl .idbl-list--check-bottom .idbl-row__check {
	margin-top: 8px;
}

.idbl .idbl-row .idbl-attrs,
.idbl .idbl-row__qty,
.idbl .idbl-row__foot {
	grid-column: 1 / -1;
}

.idbl .idbl-row .idbl-attrs {
	margin-top: 12px;
}

.idbl .idbl-check {
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	padding: 0;
	border: 1.5px solid color-mix(in srgb, var(--idbl-text) 30%, transparent);
	border-radius: 6px;
	background: #fff;
	color: transparent;
	cursor: pointer;
	transition: background .15s, border-color .15s, color .15s;
}

.idbl .idbl-check[aria-pressed="true"],
.idbl .idbl-check.is-locked {
	border-color: var(--idbl-check);
	background: var(--idbl-check);
	color: #fff;
}

.idbl .idbl-check.is-locked {
	opacity: .35;
	cursor: default;
}

.idbl .idbl-check[disabled] {
	opacity: .35;
	cursor: not-allowed;
}

.idbl .idbl-row__media {
	display: block;
	width: 76px;
	aspect-ratio: 3/4;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: var(--idbl-soft);
	overflow: hidden;
	cursor: zoom-in;
}

.idbl .idbl-row__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s var(--idbl-ease);
}

.idbl .idbl-row__media:hover img {
	transform: scale(1.04);
}

.idbl .idbl-row__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.idbl .idbl-row__titles {
	min-width: 0;
	transition: opacity .2s;
}

.idbl .idbl-row__label {
	display: block;
	color: var(--idbl-muted);
	font-size: 11px;
	line-height: 1.4;
}

.idbl .idbl-row__name {
	display: block;
	color: var(--idbl-text) !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	text-decoration: none !important;
}

.idbl .idbl-row__name:hover {
	text-decoration: underline !important;
}

.idbl .idbl-row .idbl-price {
	flex-shrink: 0;
	font-size: 13px;
	line-height: 1.5;
	text-align: end;
}

.idbl .idbl-row .idbl-price del {
	display: block;
}

.idbl .idbl-row__qty {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	color: var(--idbl-muted);
	font-size: 12px;
}

.idbl .idbl-row__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 6px 12px;
	margin-top: 8px;
}

.idbl .idbl-row__foot .idbl-link {
	margin-inline-start: auto;
	color: var(--idbl-muted);
}

.idbl .idbl-sum {
	margin-top: 14px;
	padding: 14px 16px;
	border-radius: 12px;
	background: var(--idbl-soft);
	font-size: 13px;
}

.idbl .idbl-sum__row,
.idbl .idbl-sum__total {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding: 3px 0;
}

.idbl .idbl-sum__row {
	color: var(--idbl-muted);
}

.idbl .idbl-sum__row.is-discount {
	color: var(--idbl-sale);
}

.idbl .idbl-sum__row.is-discount b {
	font-weight: 600;
}

.idbl .idbl-sum__total {
	margin-top: 6px;
	padding-top: 10px;
	border-top: 1px dashed color-mix(in srgb, var(--idbl-text) 18%, transparent);
	font-size: 14px;
	font-weight: 600;
}

.idbl .idbl-sum__total strong {
	font-size: 17px;
	font-weight: 800;
}

.idbl .idbl-buy {
	display: flex;
	align-items: stretch;
	gap: 10px;
	margin: 14px 0 0 !important;
}

.idbl .idbl-buy__submit {
	flex: 1;
	font-size: 15px;
}

/* ------------------------------------------------ کشوی جزئیات (فرم) */

.idbl-drawer {
	position: fixed;
	inset: 0;
	z-index: 100010;
}

.idbl .idbl-drawer__backdrop,
.idbl .idbl-sheet-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(14, 14, 14, .45);
	animation: idbl-fade .25s var(--idbl-ease);
}

.idbl .idbl-drawer__sheet {
	position: absolute;
	top: 0;
	bottom: 0;
	inset-inline-end: 0;
	width: min(440px, 100%);
	padding: 18px;
	background: var(--idbl-panel-bg);
	overflow-y: auto;
	overscroll-behavior: contain;
	animation: idbl-drawer-in .35s var(--idbl-ease);
}

/* دکمهٔ بستن پنجرهٔ جزئیات با اسکرول همراه است و همیشه بالای پنجره می‌ماند */
.idbl .idbl-drawer__sheet > .idbl-close {
	position: sticky;
	top: -8px; /* لبهٔ چسبیدن از داخل padding پنجره (۱۸px) حساب می‌شود؛ نتیجه ۱۰px از بالا */
	margin-top: -8px;
	margin-bottom: -26px;
	margin-inline-start: auto;
	margin-inline-end: -8px;
	z-index: 5;
	background: var(--idbl-panel-bg);
	box-shadow: 0 2px 12px rgba(0, 0, 0, .16);
}

.idbl .idbl-drawer__sheet > .idbl-close:hover {
	transform: none;
}

.idbl .idbl-drawer__sheet > .idbl-close:hover svg {
	transform: rotate(90deg);
}

.idbl .idbl-drawer__sheet > .idbl-close svg {
	transition: transform .2s var(--idbl-ease);
}

.idbl-drawer .idbl-detail__media {
	aspect-ratio: 4/5;
}

/* پنجرهٔ جزئیات صفحهٔ ست: تصویر کل کادر را پر می‌کند */
.idbl-drawer .idbl-detail .idbl-detail__img {
	object-fit: cover;
}

.idbl-drawer .idbl-detail .idbl-attrs {
	margin-top: 14px;
}

.idbl-drawer .idbl-detail .idbl-detail__body {
	padding-top: 18px;
}

/* ======================================================= ویجت ست */

.idbl-outfit {
	display: flex;
	flex-direction: column;
	gap: var(--idbl-gap);
}

.idbl .idbl-outfit__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
}

.idbl .idbl-outfit__titles {
	min-width: 0;
}

.idbl .idbl-outfit__eyebrow {
	display: block;
	color: var(--idbl-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .04em;
	line-height: 1.5;
}

.idbl .idbl-outfit__title {
	margin: 0 !important;
	padding: 0;
	color: var(--idbl-text);
	font-size: clamp(18px, 2.4vw, 24px);
	font-weight: 800;
	line-height: 1.35;
}

.idbl .idbl-outfit__link {
	flex-shrink: 0;
	color: var(--idbl-text);
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	padding-bottom: 1px;
}

.idbl .idbl-outfit__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--idbl-col);
	gap: var(--idbl-gap);
	align-items: stretch;
}

/* تصویر در سمت دیگر: ستون‌ها هم جابه‌جا می‌شوند تا ستون باریک مال کارت‌ها بماند. */
.idbl.idbl-outfit--img-end .idbl-outfit__body {
	grid-template-columns: var(--idbl-col) minmax(0, 1fr);
}

.idbl-outfit--img-end .idbl-outfit__media {
	order: 2;
}

.idbl .idbl-outfit__media {
	position: relative;
	aspect-ratio: var(--idbl-ratio);
	border-radius: var(--idbl-media-radius);
	background: var(--idbl-media-bg);
	overflow: hidden;
	isolation: isolate;
}

.idbl .idbl-outfit__cover,
.idbl .idbl-outfit__cover a {
	display: block;
	width: 100%;
	height: 100%;
}

.idbl .idbl-outfit__img {
	width: 100% !important;
	height: 100% !important;
	object-fit: var(--idbl-fit);
	transition: transform .8s var(--idbl-ease), filter .4s;
}

.idbl .idbl-outfit__media.is-open .idbl-outfit__img {
	transform: scale(1.04);
	filter: blur(2px);
}

.idbl .idbl-outfit__items {
	position: relative;
	min-height: 0;
}

.idbl .idbl-outfit__scroller {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	gap: var(--idbl-gap);
	overflow-y: auto;
	scrollbar-width: none;
}

/*
 * در دستگاه‌های لمسی، ستون محصولات انگشت را برای اسکرول داخلی نمی‌گیرد تا
 * اسکرول صفحه گیر نکند؛ بقیهٔ اقلام با فلش‌های ستون دیده می‌شوند.
 */
@media (hover: none), (pointer: coarse), (max-width: 767px) {
	.idbl .idbl-outfit__scroller {
		overflow-y: hidden;
		touch-action: pan-y;
	}
}

.idbl .idbl-outfit__scroller::-webkit-scrollbar {
	display: none;
}

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

.idbl .idbl-card {
	position: relative;
	flex: 1 1 0;
	min-height: var(--idbl-card-min);
	display: flex;
}

.idbl .idbl-card__hit {
	position: relative;
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	min-height: 0;
	padding: var(--idbl-card-pad, 10px) calc(var(--idbl-card-pad, 10px) - 2px);
	border: 1px solid var(--idbl-card-border);
	border-radius: var(--idbl-card-radius);
	background: var(--idbl-card-bg);
	cursor: pointer;
	transition: border-color .2s, box-shadow .2s, transform .25s var(--idbl-ease);
	overflow: hidden;
}

.idbl .idbl-card__hit:hover {
	border-color: color-mix(in srgb, var(--idbl-card-active) 35%, transparent);
}

.idbl .idbl-card.is-active .idbl-card__hit {
	border-color: var(--idbl-card-active);
	box-shadow: 0 0 0 1px var(--idbl-card-active);
}

.idbl .idbl-card__img {
	position: relative;
	display: block;
	flex: 1 1 0;
	width: 100%;
	min-height: 0;
}

.idbl .idbl-card__img img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	max-width: none;
	height: 100% !important;
	object-fit: contain;
	mix-blend-mode: multiply;
	transition: transform .4s var(--idbl-ease);
}

.idbl .idbl-card__hit:hover .idbl-card__img img {
	transform: scale(1.05);
}

.idbl .idbl-card__label {
	display: block;
	flex-shrink: 0;
	max-width: 100%;
	color: var(--idbl-text);
	font-size: 11px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.idbl .idbl-card__price {
	font-size: 11px;
	line-height: 1.3;
	text-align: center;
}

.idbl .idbl-card__price del {
	display: none;
}

.idbl .idbl-card__check {
	position: absolute;
	top: 6px;
	inset-inline-end: 6px;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	padding: 0;
	border: 1.5px solid color-mix(in srgb, var(--idbl-text) 28%, transparent);
	border-radius: 50%;
	background: #fff;
	color: transparent;
	cursor: pointer;
	transition: background .15s, border-color .15s, color .15s, transform .2s var(--idbl-ease);
}

.idbl .idbl-card__check svg {
	width: 11px;
	height: 11px;
}

.idbl .idbl-card__check[aria-pressed="true"],
.idbl .idbl-card__check.is-locked {
	border-color: var(--idbl-check);
	background: var(--idbl-check);
	color: #fff;
}

.idbl .idbl-card__check.is-locked {
	cursor: default;
	opacity: .55;
}

.idbl .idbl-card__check:not(.is-locked):hover {
	transform: scale(1.1);
}

.idbl .idbl-card:not(.is-on) .idbl-card__img,
.idbl .idbl-card:not(.is-on) .idbl-card__label {
	opacity: .45;
}

.idbl .idbl-card.is-oos .idbl-card__img {
	filter: grayscale(1);
	opacity: .4;
}

.idbl .idbl-card.is-missing .idbl-card__hit {
	border-color: var(--idbl-sale);
	animation: idbl-shake .4s;
}

/* -------------------------------------------- پنل جزئیات (روی تصویر) */

.idbl-panel {
	position: absolute;
	inset: 0;
	z-index: 4;
}

.idbl-panel .idbl-details__inner {
	position: absolute;
	inset: 0;
	padding: 14px;
	background: var(--idbl-panel-bg);
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	animation: idbl-panel-in .35s var(--idbl-ease);
}

.idbl-panel .idbl-detail {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	gap: 12px;
}

.idbl-panel .idbl-detail__media {
	flex: 1 1 auto;
	min-height: 180px;
	max-height: 58%;
}

.idbl-panel .idbl-sheet-backdrop,
.idbl-pop .idbl-sheet-backdrop {
	display: none;
}

/* ------------------------------------------------------- کارت جزئیات */

.idbl .idbl-detail__media {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 8px;
	border-radius: 10px;
	background: var(--idbl-soft);
	overflow: hidden;
}

.idbl .idbl-detail__img {
	flex: 1 1 auto;
	width: 100% !important;
	height: 100% !important;
	min-height: 0;
	object-fit: contain;
	animation: idbl-fade .3s var(--idbl-ease);
}

.idbl .idbl-detail__thumbs {
	position: absolute;
	inset-inline: 0;
	bottom: 8px;
	display: flex;
	justify-content: center;
	gap: 6px;
	padding: 0 8px;
}

.idbl .idbl-thumb {
	width: 34px;
	height: 34px;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 7px;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
	opacity: .75;
	transition: opacity .15s, border-color .15s;
}

.idbl .idbl-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.idbl .idbl-thumb.is-active,
.idbl .idbl-thumb:hover {
	border-color: var(--idbl-text);
	opacity: 1;
}

.idbl .idbl-detail__body {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.idbl .idbl-detail__label {
	color: var(--idbl-muted);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .03em;
}

.idbl .idbl-detail__name {
	margin: 0 !important;
	padding: 0;
	color: var(--idbl-text);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
}

.idbl .idbl-detail__price {
	font-size: 14px;
}

.idbl .idbl-detail__desc {
	display: -webkit-box;
	margin: 2px 0 0 !important;
	color: var(--idbl-muted);
	font-size: 12px;
	line-height: 1.8;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.idbl .idbl-detail .idbl-attrs {
	margin-top: 4px;
}

.idbl .idbl-detail__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 6px;
}

.idbl .idbl-detail__actions .idbl-btn {
	flex: 1 1 140px;
	min-height: calc(var(--idbl-btn-h) - 6px);
	font-size: 13px;
}

.idbl .idbl-detail__toggle[aria-pressed="true"] {
	border-color: var(--idbl-ok);
	background: #fff;
	color: var(--idbl-ok) !important;
}

.idbl .idbl-detail__toggle-off,
.idbl .idbl-detail__toggle-on {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.idbl .idbl-detail__toggle[aria-pressed="true"] .idbl-detail__toggle-off,
.idbl .idbl-detail__toggle:not([aria-pressed="true"]) .idbl-detail__toggle-on {
	display: none;
}

.idbl .idbl-detail .idbl-guide {
	align-self: flex-start;
	color: var(--idbl-muted);
}

/* ------------------------------------------------------ پایین ویجت */

.idbl .idbl-outfit__foot {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.idbl .idbl-outfit__total {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	font-size: 13px;
}

.idbl .idbl-outfit__count {
	color: var(--idbl-muted);
	font-size: 12px;
}

.idbl .idbl-outfit__amount {
	display: inline-flex;
	align-items: baseline;
	gap: 8px;
}

.idbl .idbl-outfit__amount strong {
	font-size: 16px;
	font-weight: 800;
}

.idbl .idbl-outfit__actions {
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	gap: var(--idbl-gap);
}

.idbl .idbl-outfit__actions .idbl-btn {
	width: 100%;
	padding: 0 12px;
	font-size: 13px;
	letter-spacing: .02em;
}

/* ------------------------------------------------- پوسته: کارت‌ها */

.idbl-outfit--cards {
	--idbl-media-radius: 4px;
	--idbl-card-radius: 4px;
	--idbl-btn-radius: 4px;
}

/* ------------------------------------------------- پوسته: مینیمال */

.idbl-outfit--clean {
	--idbl-media-radius: 16px;
	--idbl-btn-radius: 8px;
	--idbl-card-bg: transparent;
	--idbl-card-border: transparent;
}

.idbl-outfit--clean .idbl-outfit__eyebrow {
	letter-spacing: .12em;
}

.idbl-outfit--clean .idbl-card__hit {
	padding: 4px;
}

.idbl-outfit--clean .idbl-card.is-active .idbl-card__hit {
	box-shadow: none;
	border-color: transparent;
	background: var(--idbl-soft);
}

/* ---------------------------------------------------- پوسته: نرم */

.idbl-outfit--soft {
	--idbl-media-radius: 22px;
	--idbl-card-radius: 16px;
	--idbl-card-bg: #f2f2ef;
	--idbl-card-border: transparent;
	--idbl-btn-radius: 999px;
	--idbl-btn-h: 42px;
	--idbl-media-bg: #ecebe7;
}

.idbl-outfit--soft .idbl-outfit__title {
	font-weight: 600;
}

.idbl-outfit--soft .idbl-outfit__actions .idbl-btn {
	font-size: 12px;
}

.idbl-outfit--soft .idbl-btn--primary {
	--idbl-accent: transparent;
	--idbl-accent-text: var(--idbl-text);
	border-color: var(--idbl-text);
}

.idbl-outfit--soft .idbl-outfit__actions .idbl-btn--primary {
	background: var(--idbl-text);
	color: #fff !important;
}

/* -------------------------------------------------- نقاط روی تصویر */

.idbl .idbl-hs {
	display: flex;
	flex-direction: column;
	gap: var(--idbl-gap);
}

.idbl .idbl-hs__stage {
	position: relative;
	border-radius: var(--idbl-media-radius);
	background: var(--idbl-media-bg);
	overflow: visible;
}

.idbl .idbl-hs__img {
	width: 100% !important;
	height: auto !important;
	border-radius: var(--idbl-media-radius);
}

/*
 * دکمهٔ نقطه کاملاً از استایل دکمه‌های قالب جدا می‌شود؛ Rey روی دکمه‌ها
 * justify-content می‌گذارد و دایرهٔ داخلی را بیضی می‌کرد.
 */
.idbl .idbl-dot {
	all: unset;
	position: absolute;
	top: var(--y);
	left: var(--x);
	z-index: 2;
	display: block;
	box-sizing: border-box;
	width: var(--idbl-dot);
	min-width: var(--idbl-dot);
	max-width: var(--idbl-dot);
	height: var(--idbl-dot);
	min-height: var(--idbl-dot);
	max-height: var(--idbl-dot);
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: none;
	box-shadow: none;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	transform: translate(-50%, -50%);
	-webkit-tap-highlight-color: transparent;
}

.idbl .idbl-dot::before,
.idbl .idbl-dot::after {
	content: none;
	display: none;
}

.idbl .idbl-dot:hover,
.idbl .idbl-dot:focus {
	background: none;
	box-shadow: none;
}

.idbl .idbl-dot__core {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(0, 0, 0, .06);
	border-radius: 50%;
	background: var(--idbl-dot-bg);
	color: var(--idbl-dot-color);
	font-size: calc(var(--idbl-dot) * .4);
	font-weight: 700;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 8px 22px rgba(0, 0, 0, .16);
	transition: transform .3s var(--idbl-ease), background .2s, color .2s;
}

.idbl .idbl-dot__core svg {
	display: block;
	flex: none;
	width: calc(var(--idbl-dot) * .42);
	height: calc(var(--idbl-dot) * .42);
	margin: 0;
	transition: transform .3s var(--idbl-ease);
}

.idbl .idbl-dot__pip {
	display: block;
	flex: none;
	width: calc(var(--idbl-dot) * .3);
	height: calc(var(--idbl-dot) * .3);
	border-radius: 50%;
	background: currentColor;
}

.idbl .idbl-dot__ring {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	box-shadow: 0 0 0 2px var(--idbl-dot-bg);
	opacity: 0;
	pointer-events: none;
}

.idbl-outfit--pulse .idbl-dot__ring {
	animation: idbl-pulse 2.6s var(--idbl-ease) infinite;
	animation-delay: var(--d, 0s);
}

.idbl .idbl-dot__tip {
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	z-index: 2;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(20, 20, 20, .88);
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.5;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, 4px);
	transition: opacity .2s, transform .25s var(--idbl-ease);
}

@media (hover: hover) {
	.idbl .idbl-dot:hover .idbl-dot__core {
		transform: scale(1.1);
	}

	.idbl .idbl-dot:hover .idbl-dot__tip {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}

.idbl .idbl-dot:focus-visible .idbl-dot__tip {
	opacity: 1;
	transform: translate(-50%, 0);
}

.idbl .idbl-dot.is-active {
	z-index: 3;
}

.idbl .idbl-dot.is-active .idbl-dot__core {
	border-color: transparent;
	background: var(--idbl-dot-active);
	color: var(--idbl-dot-bg);
	transform: scale(1.1);
}

.idbl .idbl-dot.is-active .idbl-dot__core svg {
	transform: rotate(45deg);
}

.idbl .idbl-dot.is-active .idbl-dot__ring,
.idbl .idbl-dot.is-active .idbl-dot__tip {
	animation: none;
	opacity: 0;
}

.idbl .idbl-dot.is-oos .idbl-dot__core {
	opacity: .65;
}

.idbl-pop {
	position: absolute;
	z-index: 6;
	width: min(300px, calc(100% - 16px));
}

.idbl-pop .idbl-details__inner {
	position: relative;
	padding: 12px;
	border-radius: 14px;
	background: var(--idbl-panel-bg);
	box-shadow: var(--idbl-shadow);
	animation: idbl-pop-in .28s var(--idbl-ease);
}

.idbl-pop .idbl-close {
	top: 8px;
	inset-inline-end: 8px;
	width: 28px;
	height: 28px;
}

.idbl-pop .idbl-detail__media {
	aspect-ratio: 4/3;
}

.idbl-pop .idbl-detail__body {
	margin-top: 10px;
}

.idbl-pop .idbl-detail__thumbs {
	display: none;
}

.idbl .idbl-strip {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	scrollbar-width: none;
	padding-bottom: 2px;
}

.idbl .idbl-strip::-webkit-scrollbar {
	display: none;
}

.idbl .idbl-card--mini {
	flex: 0 0 auto;
	width: 84px;
	min-height: 0;
}

.idbl .idbl-card--mini .idbl-card__hit {
	aspect-ratio: 1/1.2;
	padding: 6px;
}

.idbl .idbl-editor-note,
.idbl-editor-empty {
	padding: 14px 16px;
	border: 1px dashed #c9c9c4;
	border-radius: 10px;
	background: #fafaf8;
	color: #555;
	font-size: 13px;
	line-height: 1.8;
	text-align: center;
}

.idbl .idbl-editor-note {
	position: absolute;
	inset: auto 12px 12px;
	z-index: 3;
}

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

.idbl-details-portal.is-sheet {
	position: fixed !important;
	inset: 0 !important;
	z-index: 100010;
	width: auto !important;
	height: auto !important;
	transform: none !important;
}

.idbl-details-portal.is-sheet .idbl-sheet-backdrop {
	display: block;
}

.idbl-details-portal.is-sheet .idbl-details__inner {
	position: absolute !important;
	inset: auto 0 0 0 !important;
	max-height: 88vh;
	padding: 18px 16px calc(18px + env(safe-area-inset-bottom));
	border-radius: 20px 20px 0 0;
	background: var(--idbl-panel-bg);
	box-shadow: 0 -10px 40px rgba(0, 0, 0, .18);
	overflow-y: auto;
	overscroll-behavior: contain;
	animation: idbl-sheet-in .35s var(--idbl-ease);
}

.idbl-details-portal.is-sheet .idbl-details__inner::before {
	content: "";
	display: block;
	width: 42px;
	height: 4px;
	margin: -8px auto 12px;
	border-radius: 4px;
	background: #d6d6d2;
}

.idbl-details-portal.is-sheet .idbl-detail {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-height: 0;
}

.idbl-details-portal.is-sheet .idbl-detail__media {
	flex: none;
	max-height: none;
	min-height: 0;
	aspect-ratio: 1/1;
	max-width: 360px;
	width: 100%;
	margin-inline: auto;
}

.idbl-details-portal.is-sheet .idbl-detail__thumbs {
	display: flex;
}

html.idbl-lock,
html.idbl-lock body {
	overflow: hidden !important;
}

/* ------------------------------------------------------ مدال راهنما */

.idbl-guide-modal {
	position: fixed;
	inset: 0;
	z-index: 100020;
	display: grid;
	place-items: center;
	padding: 16px;
}

.idbl .idbl-guide-modal__box {
	position: relative;
	width: min(680px, 100%);
	max-height: 86vh;
	padding: 24px 20px 20px;
	border-radius: 16px;
	background: #fff;
	color: #141414;
	overflow-y: auto;
	box-shadow: var(--idbl-shadow);
	animation: idbl-pop-in .25s var(--idbl-ease);
}

.idbl .idbl-guide-modal__box table {
	width: 100%;
}

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

@media (max-width: 767px) {
	.idbl .idbl-outfit__body {
		grid-template-columns: minmax(0, 1fr) max(88px, var(--idbl-col));
		gap: calc(var(--idbl-gap) * .75);
	}

	.idbl.idbl-outfit--img-end .idbl-outfit__body {
		grid-template-columns: max(88px, var(--idbl-col)) minmax(0, 1fr);
	}

	.idbl .idbl-card {
		min-height: min(var(--idbl-card-min), 84px);
	}

	.idbl .idbl-card__label {
		font-size: 10px;
	}

	.idbl .idbl-outfit__actions .idbl-btn {
		font-size: 12px;
		padding: 0 8px;
	}

	.idbl .idbl-row {
		grid-template-columns: 22px 64px minmax(0, 1fr);
		column-gap: 10px;
	}

	.idbl .idbl-row__media {
		width: 64px;
	}

	.idbl .idbl-row__check {
		padding-top: 20px;
	}

	.idbl .idbl-list {
		--idbl-thumb: 64px;
	}

	.idbl .idbl-list--check-over .idbl-row__check {
		top: 18px;
		padding: 0;
	}

	.idbl .idbl-drawer__sheet {
		inset: auto 0 0 0;
		top: auto;
		width: 100%;
		max-height: 88vh;
		border-radius: 20px 20px 0 0;
		animation: idbl-sheet-in .35s var(--idbl-ease);
	}

	.idbl-pop {
		width: min(260px, calc(100% - 12px));
	}
}

@media (prefers-reduced-motion: reduce) {
	.idbl *,
	.idbl *::before,
	.idbl *::after {
		animation-duration: .001ms !important;
		transition-duration: .001ms !important;
	}
}

/* ---------------------------------------------------------- انیمیشن‌ها */

@keyframes idbl-fade {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes idbl-panel-in {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: none; }
}

@keyframes idbl-pop-in {
	from { opacity: 0; transform: translateY(6px) scale(.97); }
	to { opacity: 1; transform: none; }
}

@keyframes idbl-sheet-in {
	from { transform: translateY(100%); }
	to { transform: none; }
}

@keyframes idbl-drawer-in {
	from { transform: translateX(-100%); }
	to { transform: none; }
}

[dir="ltr"] .idbl-drawer__sheet,
.ltr .idbl-drawer__sheet {
	animation-name: idbl-drawer-in-ltr;
}

@keyframes idbl-drawer-in-ltr {
	from { transform: translateX(100%); }
	to { transform: none; }
}

@keyframes idbl-pulse {
	0% { transform: scale(1); opacity: .95; }
	75%, 100% { transform: scale(1.9); opacity: 0; }
}

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

@keyframes idbl-shake {
	0%, 100% { transform: none; }
	25% { transform: translateX(-4px); }
	75% { transform: translateX(4px); }
}

/* ======================================================== نسخهٔ ۱.۱ */

/* لینک عنوان ست */
.idbl .idbl-outfit__title a {
	color: inherit !important;
	text-decoration: none !important;
	background: none;
	transition: opacity .2s;
}

.idbl .idbl-outfit__title a:hover {
	opacity: .75;
}

.idbl .idbl-outfit__cover a {
	cursor: pointer;
}

/* جهت فلش‌ها در راست‌چین */
.idbl,
.idbl-slider {
	--idbl-dir: 1;
}

html[dir="rtl"] .idbl,
html[dir="rtl"] .idbl-slider {
	--idbl-dir: -1;
}

.idbl-chev {
	display: block;
	flex: none;
	transition: transform .2s var(--idbl-ease, ease);
}

.is-next > .idbl-chev {
	transform: scaleX(var(--idbl-dir));
}

.is-prev > .idbl-chev {
	transform: scaleX(calc(var(--idbl-dir) * -1));
}

/* ورق زدن محصولات در پنل جزئیات */
.idbl .idbl-pager {
	position: absolute;
	top: 10px;
	inset-inline-start: 10px;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 2px;
	height: 34px;
	padding: 0 3px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--idbl-panel-bg) 90%, transparent);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
	color: var(--idbl-text);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	backdrop-filter: blur(6px);
}

.idbl .idbl-pager__btn {
	all: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	color: var(--idbl-text);
	cursor: pointer;
	transition: background .15s;
}

.idbl .idbl-pager__btn:hover {
	background: var(--idbl-soft);
}

.idbl .idbl-pager__btn:focus-visible {
	outline: 2px solid var(--idbl-accent);
	outline-offset: 1px;
}

.idbl .idbl-pager__btn .idbl-chev {
	width: 16px;
	height: 16px;
}

.idbl .idbl-pager__count {
	min-width: 38px;
	color: var(--idbl-muted);
	text-align: center;
	white-space: nowrap;
}

.idbl-pop .idbl-pager {
	top: 8px;
	inset-inline-start: 8px;
	height: 28px;
}

.idbl-pop .idbl-pager__btn {
	width: 24px;
	height: 24px;
}

.idbl .idbl-detail.is-flip {
	animation: idbl-flip-in .32s var(--idbl-ease);
}

/* فلش ستون محصولات وقتی همه جا نمی‌شوند */
.idbl .idbl-colnav {
	all: unset;
	position: absolute;
	left: 50%;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	border-radius: 50%;
	background: #fff;
	color: #141414;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .16);
	cursor: pointer;
	transition: transform .2s var(--idbl-ease), opacity .2s;
}

.idbl .idbl-colnav:hover {
	transform: scale(1.08);
}

.idbl .idbl-colnav.is-up {
	top: 6px;
}

.idbl .idbl-colnav.is-down {
	bottom: 6px;
}

.idbl .idbl-colnav .idbl-chev {
	width: 16px;
	height: 16px;
}

.idbl .idbl-colnav.is-up .idbl-chev {
	transform: rotate(-90deg);
}

.idbl .idbl-colnav.is-down .idbl-chev {
	transform: rotate(90deg);
}

.idbl .idbl-outfit__items.has-down .idbl-outfit__scroller {
	-webkit-mask-image: linear-gradient(to bottom, #000 82%, transparent);
	mask-image: linear-gradient(to bottom, #000 82%, transparent);
}

.idbl .idbl-outfit__items.has-up .idbl-outfit__scroller {
	-webkit-mask-image: linear-gradient(to top, #000 82%, transparent);
	mask-image: linear-gradient(to top, #000 82%, transparent);
}

.idbl .idbl-outfit__items.has-up.has-down .idbl-outfit__scroller {
	-webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
	mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}

/* اسلایدر چند ست */
.idbl-slider {
	--idbl-per: 3;
	--idbl-slide-gap: 24px;
	--idbl-peek: 0px;
	position: relative;
}

.idbl-slider__track {
	display: flex;
	gap: var(--idbl-slide-gap);
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	outline: none;
}

.idbl-slider__track::-webkit-scrollbar {
	display: none;
}

.idbl-slider__track:focus-visible {
	outline: 2px solid #141414;
	outline-offset: 4px;
}

.idbl-slider__slide {
	flex: 0 0 calc((100% - var(--idbl-peek) - (var(--idbl-per) - 1) * var(--idbl-slide-gap)) / var(--idbl-per));
	min-width: 0;
	scroll-snap-align: start;
}

.idbl-slider .idbl-slider__nav {
	all: unset;
	position: absolute;
	top: calc(50% - 44px);
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #fff;
	color: #141414;
	box-shadow: 0 6px 22px rgba(0, 0, 0, .14);
	cursor: pointer;
	transition: opacity .2s, transform .2s cubic-bezier(.2, .7, .2, 1);
}

.idbl-slider .idbl-slider__nav:hover {
	transform: scale(1.06);
}

.idbl-slider .idbl-slider__nav:focus-visible {
	outline: 2px solid #141414;
	outline-offset: 2px;
}

.idbl-slider .idbl-slider__nav.is-prev {
	inset-inline-start: -16px;
}

.idbl-slider .idbl-slider__nav.is-next {
	inset-inline-end: -16px;
}

.idbl-slider .idbl-slider__nav[disabled] {
	opacity: 0;
	pointer-events: none;
}

.idbl-slider .idbl-slider__dots {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-top: 18px;
}

.idbl-slider .idbl-slider__dot {
	all: unset;
	box-sizing: border-box;
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: #d4d4cf;
	cursor: pointer;
	transition: width .25s cubic-bezier(.2, .7, .2, 1), background .25s;
}

.idbl-slider .idbl-slider__dot.is-active {
	width: 22px;
	background: #141414;
}

.idbl-slider .idbl-slider__dot[hidden] {
	display: none;
}

.idbl-slider.is-static .idbl-slider__nav,
.idbl-slider.is-static .idbl-slider__dots {
	display: none;
}

@media (max-width: 1024px) {
	.idbl-slider {
		--idbl-per: 2;
	}
}

@media (max-width: 767px) {
	.idbl-slider {
		--idbl-per: 1;
		--idbl-peek: 44px;
		--idbl-slide-gap: 14px;
	}

	.idbl-slider .idbl-slider__nav {
		width: 36px;
		height: 36px;
	}

	.idbl-slider .idbl-slider__nav.is-prev {
		inset-inline-start: 4px;
	}

	.idbl-slider .idbl-slider__nav.is-next {
		inset-inline-end: 4px;
	}
}

@keyframes idbl-flip-in {
	from { opacity: 0; transform: translateX(calc(var(--idbl-flip-from, 1) * 18px)); }
	to { opacity: 1; transform: none; }
}

/* محتوای راهنمای سایز Rey داخل پنجرهٔ افزونه */
.idbl-guide-modal .__table-container.--hidden {
	display: none;
}

.idbl-guide-modal .__tables-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 14px 0 10px;
}

.idbl-guide-modal .__tables-tabs button {
	all: unset;
	box-sizing: border-box;
	padding: 6px 14px;
	border: 1px solid #e3e3df;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	cursor: pointer;
}

.idbl-guide-modal .__tables-tabs button.--active {
	border-color: #141414;
	background: #141414;
	color: #fff;
}

.idbl-guide-modal table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}

.idbl-guide-modal th,
.idbl-guide-modal td {
	padding: 9px 8px;
	border: 0;
	border-bottom: 1px solid #eeeeea;
	text-align: center;
}

.idbl-guide-modal th {
	background: #f6f6f3;
	font-weight: 700;
}

.idbl-guide-modal .idbl-close {
	z-index: 4;
}

/* ست‌ها در صفحهٔ دسته‌بندی */
.idbl-cat {
	--idbl-cat-cols: 3;
	margin: 0 0 40px;
}

.idbl-cat__title {
	margin: 0 0 18px !important;
	font-size: 20px;
	font-weight: 800;
}

.idbl-cat-grid {
	display: grid;
	grid-template-columns: repeat(var(--idbl-cat-cols), minmax(0, 1fr));
	gap: 40px 24px;
}

.idbl-cat-grid__item {
	min-width: 0;
}

.idbl-cat__view.is-mobile {
	display: none;
}

@media (max-width: 767px) {
	.idbl-cat__view.is-desktop {
		display: none;
	}

	.idbl-cat__view.is-mobile {
		display: block;
	}

	.idbl-cat-grid {
		gap: 32px 12px;
	}
}

/* ======================================================== نسخهٔ ۱.۳ */

.idbl .idbl-ico {
	display: inline-block;
	flex: none;
	vertical-align: -2px;
}

/* راهنمای سایز روبه‌روی عنوان ویژگی */
.idbl .idbl-attr__head .idbl-guide,
.idbl .idbl-attr.is-fixed .idbl-guide {
	margin-inline-start: auto;
	gap: 4px;
	color: var(--idbl-text);
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.idbl .idbl-attr.is-fixed {
	flex-wrap: wrap;
}

.idbl .idbl-guide .idbl-ico {
	width: 14px;
	height: 14px;
	opacity: .75;
}

/* برچسب «اجباری» */
.idbl .idbl-req-chip {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	margin-inline-start: 6px;
	padding: 1px 7px 1px 6px;
	border-radius: 999px;
	background: var(--idbl-text);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 17px;
	letter-spacing: 0;
	vertical-align: middle;
	white-space: nowrap;
}

.idbl .idbl-req-chip .idbl-ico {
	width: 10px;
	height: 10px;
}

.idbl .idbl-check.is-locked {
	border-color: var(--idbl-text);
	background: var(--idbl-text);
	color: #fff;
	opacity: 1;
	cursor: help;
}

.idbl .idbl-check.is-locked .idbl-ico {
	width: 12px;
	height: 12px;
}

.idbl .idbl-card {
	container-type: inline-size;
}

.idbl .idbl-card__req {
	position: absolute;
	top: 6px;
	inset-inline-end: 6px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 3px;
	height: 20px;
	padding: 0 7px 0 6px;
	border-radius: 999px;
	background: var(--idbl-text);
	color: #fff;
	font-size: 10px;
	line-height: 1;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .14);
	pointer-events: none;
}

.idbl .idbl-card__req b {
	font-weight: 700;
}

.idbl .idbl-card__req .idbl-ico {
	width: 10px;
	height: 10px;
}

@container (max-width: 92px) {
	.idbl .idbl-card__req {
		width: 20px;
		padding: 0;
		justify-content: center;
	}

	.idbl .idbl-card__req b {
		display: none;
	}
}

/* سایز/رنگ انتخاب‌شده زیر کارت */
.idbl .idbl-card__pick {
	display: block;
	flex-shrink: 0;
	max-width: 100%;
	color: var(--idbl-ok);
	font-size: 10px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.idbl .idbl-card__pick:empty {
	display: none;
}

.idbl .idbl-card__pick::before {
	content: "✓ ";
}

.idbl .idbl-card.is-picked .idbl-card__hit {
	border-color: color-mix(in srgb, var(--idbl-ok) 45%, var(--idbl-card-border));
}

/* دکمه‌های پنل جزئیات: تأیید (رنگی) + مشاهده محصول (حاشیه‌دار) */
.idbl .idbl-detail__actions .idbl-detail__confirm {
	flex: 1.3 1 150px;
}

.idbl .idbl-detail__confirm.is-done {
	border-color: var(--idbl-ok);
	background: var(--idbl-ok);
}

.idbl .idbl-detail__remove {
	display: none;
	align-self: flex-start;
	color: var(--idbl-muted);
}

.idbl .idbl-detail.is-on .idbl-detail__remove {
	display: inline-flex;
}

.idbl .idbl-detail__label {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px;
}

/* دو دکمهٔ پنل جزئیات همیشه کنار هم */
.idbl .idbl-detail__actions {
	flex-wrap: nowrap;
}

.idbl .idbl-detail__actions .idbl-btn,
.idbl .idbl-detail__actions .idbl-detail__confirm {
	flex: 1 1 0;
	min-width: 0;
	padding: 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* دکمهٔ «خرید ست محصول» روی تصویر محصول تکی */
.idbl-pdp-set {
	position: absolute;
	z-index: 8;
	font-family: inherit;
	direction: inherit;
}

.idbl-pdp-set.idbl-pdp-set--br { right: 16px; bottom: 16px; }
.idbl-pdp-set.idbl-pdp-set--bl { left: 16px; bottom: 16px; }
.idbl-pdp-set.idbl-pdp-set--tr { right: 16px; top: 16px; }
.idbl-pdp-set.idbl-pdp-set--tl { left: 16px; top: 16px; }

.idbl-pdp-set:not(.is-placed) {
	position: static;
	display: inline-flex;
	margin: 12px 0;
}

a.idbl-pdp-set,
.idbl-pdp-set .idbl-pdp-set__btn {
	all: unset;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 46px;
	padding: 0 18px 0 16px;
	border-radius: 999px;
	background: var(--idblg-accent, #141414);
	color: var(--idblg-accent-text, #fff);
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .22);
	cursor: pointer;
	transition: transform .25s cubic-bezier(.2, .7, .2, 1), box-shadow .25s;
}

a.idbl-pdp-set {
	position: absolute;
}

a.idbl-pdp-set:not(.is-placed) {
	position: static;
}

a.idbl-pdp-set:hover,
.idbl-pdp-set .idbl-pdp-set__btn:hover {
	color: var(--idblg-accent-text, #fff);
	box-shadow: 0 14px 34px rgba(0, 0, 0, .28);
	transform: translateY(-2px);
}

a.idbl-pdp-set:focus-visible,
.idbl-pdp-set .idbl-pdp-set__btn:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.idbl-pdp-set .idbl-ico {
	width: 20px;
	height: 20px;
	flex: none;
}

.idbl-pdp-set__badge {
	padding: 4px 8px;
	border-radius: 999px;
	background: var(--idblg-sale, #c2410c);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.idbl-pdp-set__menu {
	position: absolute;
	bottom: calc(100% + 10px);
	right: 0;
	width: min(300px, 80vw);
	padding: 6px;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 18px 50px rgba(0, 0, 0, .2);
	animation: idbl-pop-in .25s cubic-bezier(.2, .7, .2, 1);
}

.idbl-pdp-set--bl .idbl-pdp-set__menu,
.idbl-pdp-set--tl .idbl-pdp-set__menu {
	right: auto;
	left: 0;
}

.idbl-pdp-set--tr .idbl-pdp-set__menu,
.idbl-pdp-set--tl .idbl-pdp-set__menu {
	top: calc(100% + 10px);
	bottom: auto;
}

.idbl-pdp-set__menu[hidden] {
	display: none;
}

.idbl-pdp-set__item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px;
	border-radius: 10px;
	color: #141414 !important;
	text-decoration: none !important;
	transition: background .15s;
}

.idbl-pdp-set__item:hover {
	background: #f4f4f1;
}

.idbl-pdp-set__thumb {
	flex: none;
	width: 44px;
	height: 56px;
	border-radius: 8px;
	background: #f4f4f1;
	overflow: hidden;
}

.idbl-pdp-set__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.idbl-pdp-set__info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	font-size: 13px;
}

.idbl-pdp-set__info b {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.idbl-pdp-set__price {
	font-size: 12px;
}

.idbl-pdp-set__price del {
	opacity: .55;
}

.idbl-pdp-set__price ins {
	text-decoration: none;
	font-weight: 700;
}

@media (max-width: 767px) {
	.idbl-pdp-set.idbl-pdp-set--br { right: 10px; bottom: 10px; }
	.idbl-pdp-set.idbl-pdp-set--bl { left: 10px; bottom: 10px; }
	.idbl-pdp-set.idbl-pdp-set--tr { right: 10px; top: 10px; }
	.idbl-pdp-set.idbl-pdp-set--tl { left: 10px; top: 10px; }

	a.idbl-pdp-set,
	.idbl-pdp-set .idbl-pdp-set__btn {
		height: 40px;
		padding: 0 14px 0 12px;
		font-size: 12px;
	}
}

/* ======================================================== نسخهٔ ۱.۳.۱ */

/* اندازه‌های دکمهٔ «خرید ست» روی تصویر محصول */
.idbl-pdp-set .idbl-pdp-set__btn {
	gap: 6px;
	height: 36px;
	padding: 0 13px 0 11px;
	font-size: 12px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
}

.idbl-pdp-set .idbl-pdp-set__btn .idbl-ico {
	width: 16px;
	height: 16px;
}

.idbl-pdp-set .idbl-pdp-set__badge {
	padding: 3px 6px;
	font-size: 10px;
}

.idbl-pdp-set.idbl-pdp-set--md .idbl-pdp-set__btn {
	gap: 7px;
	height: 42px;
	padding: 0 16px 0 14px;
	font-size: 13px;
}

.idbl-pdp-set.idbl-pdp-set--md .idbl-pdp-set__btn .idbl-ico {
	width: 18px;
	height: 18px;
}

.idbl-pdp-set.idbl-pdp-set--lg .idbl-pdp-set__btn {
	gap: 8px;
	height: 48px;
	padding: 0 20px 0 18px;
	font-size: 14px;
}

.idbl-pdp-set.idbl-pdp-set--lg .idbl-pdp-set__btn .idbl-ico {
	width: 20px;
	height: 20px;
}

.idbl-pdp-set .idbl-pdp-set__btn[aria-expanded="true"] {
	transform: none;
}

/* پنجرهٔ محصولات ست */
.idbl-pdp-set .idbl-pdp-set__menu {
	width: min(340px, calc(100vw - 32px));
	max-height: min(70vh, 540px);
	padding: 8px;
	overflow-y: auto;
	overscroll-behavior: contain;
	color: #141414;
	text-align: start;
}

.idbl-pdp-set__group + .idbl-pdp-set__group {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #eeeeea;
}

.idbl-pdp-set__head {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 6px 8px 8px;
}

.idbl-pdp-set__head b {
	font-size: 14px;
	font-weight: 800;
	line-height: 1.5;
}

.idbl-pdp-set__total {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	font-size: 12px;
}

.idbl-pdp-set__total del {
	opacity: .5;
}

.idbl-pdp-set__total ins {
	text-decoration: none;
	font-weight: 700;
}

.idbl-pdp-set__chip {
	padding: 2px 7px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--idblg-sale, #c2410c) 12%, #fff);
	color: var(--idblg-sale, #c2410c);
	font-size: 10px;
	font-weight: 700;
	line-height: 1.5;
}

.idbl-pdp-set__items {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.idbl-pdp-set__row {
	margin: 0 !important;
	padding: 0 !important;
}

.idbl-pdp-set__row > a {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	padding: 6px 8px;
	border-radius: 10px;
	color: #141414 !important;
	text-decoration: none !important;
	transition: background .15s;
}

.idbl-pdp-set__row > a:hover {
	background: #f4f4f1;
}

.idbl-pdp-set__row.is-current > a {
	background: #f4f4f1;
	box-shadow: inset 0 0 0 1px #e3e3df;
}

.idbl-pdp-set__row .idbl-pdp-set__thumb {
	width: 40px;
	height: 50px;
	border-radius: 7px;
}

.idbl-pdp-set__row .idbl-pdp-set__info {
	gap: 1px;
}

.idbl-pdp-set__row .idbl-pdp-set__info small {
	color: #77777a;
	font-size: 10px;
	line-height: 1.4;
}

.idbl-pdp-set__row.is-current .idbl-pdp-set__info small {
	color: var(--idblg-ok, #15803d);
	font-weight: 700;
}

.idbl-pdp-set__row .idbl-pdp-set__info b {
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
}

.idbl-pdp-set__row .idbl-pdp-set__price {
	font-size: 11px;
	line-height: 1.4;
	text-align: end;
	white-space: nowrap;
}

.idbl-pdp-set__row .idbl-pdp-set__price del {
	display: block;
	opacity: .5;
}

.idbl-pdp-set__row .idbl-pdp-set__price ins {
	text-decoration: none;
	font-weight: 700;
}

.idbl-pdp-set__row .idbl-pdp-set__price .idbl-from {
	opacity: .6;
	font-size: .9em;
}

.idbl-pdp-set .idbl-pdp-set__cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 40px;
	margin: 8px 0 2px;
	border-radius: 10px;
	background: var(--idblg-accent, #141414);
	color: var(--idblg-accent-text, #fff) !important;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
	transition: opacity .2s;
}

.idbl-pdp-set .idbl-pdp-set__cta:hover {
	opacity: .9;
}

.idbl-pdp-set .idbl-pdp-set__cta .idbl-chev {
	width: 16px;
	height: 16px;
}

html[dir="rtl"] .idbl-pdp-set .idbl-pdp-set__cta .idbl-chev {
	transform: scaleX(-1);
}

@media (max-width: 767px) {
	.idbl-pdp-set .idbl-pdp-set__btn {
		height: 32px;
		padding: 0 11px 0 9px;
		font-size: 11px;
	}

	.idbl-pdp-set .idbl-pdp-set__btn .idbl-ico {
		width: 15px;
		height: 15px;
	}

	.idbl-pdp-set.idbl-pdp-set--md .idbl-pdp-set__btn {
		height: 38px;
		font-size: 12px;
	}

	.idbl-pdp-set.idbl-pdp-set--lg .idbl-pdp-set__btn {
		height: 44px;
		font-size: 13px;
	}

	.idbl-pdp-set .idbl-pdp-set__menu {
		max-height: 62vh;
	}
}


/* بخش خرید فرم ست با قالب استاندارد محصول ساده */
.idbl .idbl-buy-wrap {
	margin-top: 16px;
}

.idbl .idbl-buy-wrap form.cart {
	margin-bottom: 0;
}

/* روی تصویر کارت‌ها فقط آیکن قفل (بدون متن) */
.idbl .idbl-card__req {
	justify-content: center;
	width: 20px;
	height: 20px;
	padding: 0;
	border-radius: 50%;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
}

.idbl .idbl-card__req b {
	display: none;
}

.idbl .idbl-card__req .idbl-ico {
	width: 10px;
	height: 10px;
}

/* --------------------------------------------------------------------------
 * 1.4 — آیکن دکمه‌های خرید و ذخیره
 * ----------------------------------------------------------------------- */

.idbl .idbl-btn__ico {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: var(--idbl-btn-ico, 18px);
	height: var(--idbl-btn-ico, 18px);
	font-size: var(--idbl-btn-ico, 18px);
	line-height: 1;
}

.idbl .idbl-btn__ico svg,
.idbl .idbl-btn__ico i {
	display: block;
	width: 100%;
	height: 100%;
	font-size: inherit;
	line-height: 1;
}

.idbl .idbl-btn__ico svg {
	fill: currentColor;
}

.idbl .idbl-btn.is-icon-end .idbl-btn__ico {
	order: 2;
}

.idbl .idbl-save.is-saved .idbl-ico--fill path,
.idbl .idbl-save.--in-wishlist .idbl-ico--fill path {
	fill: currentColor;
}

/* --------------------------------------------------------------------------
 * 1.4 — حالت‌های تصویر کارت محصول
 * ----------------------------------------------------------------------- */

/* بزرگ‌نمایی‌شده: همان تصویر کامل، با فضای خالی کمتر دور محصول. */
.idbl.idbl-thumbs--zoom .idbl-card__hit {
	--idbl-card-pad: 4px;
}

.idbl.idbl-thumbs--zoom .idbl-card__img img {
	transform: scale(1.16);
}

.idbl.idbl-thumbs--zoom .idbl-card__hit:hover .idbl-card__img img {
	transform: scale(1.22);
}

/* تصویر کامل: کل تام‌نیل بدون برش و بدون فاصله؛ ارتفاع کارت از نسبت خود تصویر می‌آید. */
.idbl.idbl-thumbs--full .idbl-card__hit,
.idbl.idbl-thumbs--cover .idbl-card__hit {
	gap: 0;
	padding: 0;
}

.idbl.idbl-thumbs--full .idbl-card__img img {
	object-fit: contain;
	mix-blend-mode: normal;
}

.idbl.idbl-thumbs--full .idbl-outfit__scroller .idbl-card {
	flex: none;
	min-height: 0;
}

.idbl.idbl-thumbs--full .idbl-outfit__scroller .idbl-card__img {
	flex: none;
}

.idbl.idbl-thumbs--full .idbl-outfit__scroller .idbl-card__img img {
	position: static;
	height: auto !important;
}

.idbl.idbl-thumbs--cover .idbl-card__img img {
	object-fit: cover;
	mix-blend-mode: normal;
}

.idbl.idbl-thumbs--full .idbl-card__label {
	width: 100%;
	padding: 5px 6px 2px;
}

.idbl.idbl-thumbs--full .idbl-card__pick,
.idbl.idbl-thumbs--full .idbl-card__price {
	width: 100%;
	padding: 0 6px 5px;
}

.idbl.idbl-thumbs--full .idbl-card__hit > :last-child:not(.idbl-card__img) {
	padding-bottom: 6px;
}

/* تمام‌قاب: تصویر کل کارت را می‌گیرد و برچسب روی آن می‌نشیند. */
.idbl.idbl-thumbs--cover .idbl-card__hit {
	justify-content: flex-end;
}

.idbl.idbl-thumbs--cover .idbl-card__img {
	position: absolute;
	inset: 0;
}

.idbl.idbl-thumbs--cover .idbl-card__label,
.idbl.idbl-thumbs--cover .idbl-card__pick,
.idbl.idbl-thumbs--cover .idbl-card__price {
	position: relative;
	z-index: 1;
	max-width: calc(100% - 10px);
	padding: 2px 8px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
}

.idbl.idbl-thumbs--cover .idbl-card__label {
	margin-bottom: 6px;
}

.idbl.idbl-thumbs--cover .idbl-card__pick:empty {
	display: none;
}

.idbl.idbl-thumbs--cover .idbl-card__label + .idbl-card__pick,
.idbl.idbl-thumbs--cover .idbl-card__label + .idbl-card__price {
	margin-top: -3px;
	margin-bottom: 6px;
}

/* --------------------------------------------------------------------------
 * 1.4 — قلم ناموجود
 * ----------------------------------------------------------------------- */

.idbl .idbl-card__oos {
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 2;
	padding: 1px 7px;
	border-radius: 999px;
	background: rgba(17, 17, 17, .78);
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	line-height: 17px;
	pointer-events: none;
}

.idbl .idbl-oos-chip {
	display: inline-flex;
	align-items: center;
	margin-inline-start: 6px;
	padding: 0 7px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--idbl-sale) 12%, transparent);
	color: var(--idbl-sale);
	font-size: 10.5px;
	font-weight: 600;
	line-height: 18px;
	vertical-align: middle;
}

.idbl .idbl-check.is-gone {
	border-style: dashed;
	background: transparent;
	color: var(--idbl-muted);
}

.idbl .idbl-check.is-gone svg {
	width: 12px;
	height: 12px;
}

.idbl .idbl-btn.is-soldout {
	border-color: var(--idbl-line, #e5e5e5);
	background: var(--idbl-soft, #f4f4f4);
	color: var(--idbl-muted, #8a8a8a) !important;
	cursor: not-allowed;
	pointer-events: none;
}

/* --------------------------------------------------------------------------
 * 1.4 — سواچ‌ها با ظاهر قالب (Rey)
 * ----------------------------------------------------------------------- */

.idbl .idbl-attr__opts--theme {
	margin: 0;
}

.idbl .idbl-ropt {
	cursor: pointer;
}

.idbl .idbl-ropt:focus-visible {
	outline: 2px solid var(--idbl-accent);
	outline-offset: 2px;
}

.idbl .idbl-ropt.is-na > .rey-swatchList-itemContent,
.idbl .idbl-ropt.is-na > .__content,
.idbl .idbl-ropt.is-na > .__swatch {
	opacity: .35;
}

.idbl .idbl-ropt .__tooltip {
	pointer-events: none;
}

/* --------------------------------------------------------------------------
 * 1.4 — افکت‌های سه‌بعدی اسلایدر (مثل کاروسل کارت محصول)
 * ----------------------------------------------------------------------- */

.idbl-slider.is-fx {
	--idbl-fx-w: 62%;
}

@media (max-width: 1024px) {
	.idbl-slider.is-fx {
		--idbl-fx-w: 76%;
	}
}

@media (max-width: 767px) {
	.idbl-slider.is-fx {
		--idbl-fx-w: 88%;
	}
}

.idbl-slider.is-fx .idbl-slider__track {
	position: relative;
	display: grid;
	overflow: hidden;
	padding-block: 18px;
	perspective: 1200px;
	perspective-origin: 50% 50%;
	scroll-snap-type: none;
	touch-action: pan-y;
	cursor: grab;
}

/* همهٔ ست‌ها روی هم وسط ریل؛ جابه‌جایی فقط با transform. */
.idbl-slider.is-fx .idbl-slider__track::before,
.idbl-slider.is-fx .idbl-slider__track::after {
	content: none;
	display: none;
}

.idbl-slider.is-fx .idbl-slider__slide {
	position: relative;
	grid-area: 1 / 1;
	justify-self: center;
	width: var(--idbl-fx-w);
	min-width: 0;
	flex: none;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	will-change: transform;
}

.idbl-slider.is-fx.is-dragging .idbl-slider__track {
	cursor: grabbing;
}

.idbl-slider.is-fx.is-dragging .idbl-slider__slide {
	user-select: none;
}

.idbl-slider.is-fx .idbl-slider__slide img {
	-webkit-user-drag: none;
}

.idbl-slider .idbl-slider__shade {
	position: absolute;
	inset: 0;
	z-index: 30;
	border-radius: 16px;
	background: rgba(0, 0, 0, .18);
	opacity: 0;
	pointer-events: none;
}

.idbl-slider:not(.is-fx) .idbl-slider__shade {
	display: none;
}

/* ست‌های کناری فقط با کلیک جلو می‌آیند. */
.idbl-slider.is-fx .idbl-slider__slide:not(.is-current) {
	cursor: pointer;
}

.idbl-slider.is-fx .idbl-slider__slide:not(.is-current) > * {
	pointer-events: none;
	user-select: none;
}

.idbl-slider.is-fx .idbl-slider__nav {
	z-index: 200;
}

.idbl-slider.is-fx .idbl-slider__dots {
	position: relative;
	z-index: 200;
}

/* کارت روی‌هم و چرخشی: فضای بیشتر برای کارت‌های کنار. */
.idbl-slider--fx-cards .idbl-slider__track,
.idbl-slider--fx-creative .idbl-slider__track {
	padding-block: 26px;
}

/* --------------------------------------------------------------------------
 * 1.4.2 — پنجرهٔ «خرید ست محصول» وقتی جای کافی در جهت پیش‌فرض نیست
 * ----------------------------------------------------------------------- */

.idbl-pdp-set .idbl-pdp-set__menu.is-flip {
	top: calc(100% + 10px);
	bottom: auto;
}

.idbl-pdp-set.idbl-pdp-set--tr .idbl-pdp-set__menu.is-flip,
.idbl-pdp-set.idbl-pdp-set--tl .idbl-pdp-set__menu.is-flip {
	top: auto;
	bottom: calc(100% + 10px);
}

/* عکس اصلی ست بالای فهرست محصولاتش در پنجرهٔ «خرید ست محصول» */
.idbl-pdp-set .idbl-pdp-set__head.has-cover {
	display: grid;
	grid-template-columns: 76px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	padding: 6px 6px 10px;
}

.idbl-pdp-set .idbl-pdp-set__cover {
	display: block;
	overflow: hidden;
	aspect-ratio: 3 / 4;
	border-radius: 10px;
	background: #f4f4f1;
}

.idbl-pdp-set .idbl-pdp-set__cover img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	transition: transform .4s cubic-bezier(.2, .7, .2, 1);
}

.idbl-pdp-set .idbl-pdp-set__cover:hover img {
	transform: scale(1.05);
}

.idbl-pdp-set .idbl-pdp-set__headtext {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.idbl-pdp-set .idbl-pdp-set__count {
	color: #8a8a86;
	font-size: 11px;
}