/* ویترین‌یار — استایل سمت فروشگاه (بنر اقساط، متن ناموجودی، نشان درگاه) */

/* ---------- متن ناموجودی ---------- */
.vy-oos{
	display:inline-block;
	direction:rtl;
	unicode-bidi:plaintext;
	padding:5px 10px;
	line-height:1.6;
	color:var(--vy-oos-color,#d63638);
	background:var(--vy-oos-bg,#fff3cd);
	font-size:var(--vy-oos-fs,14px);
	font-weight:var(--vy-oos-fw,700);
	border:var(--vy-oos-bw,1px) solid var(--vy-oos-bc,#d63638);
	border-radius:var(--vy-oos-r,6px);
}
.vy-oos-cta{
	display:inline-block;
	margin-inline-start:6px;
	padding:5px 12px;
	border-radius:var(--vy-oos-r,6px);
	background:var(--vy-oos-color,#d63638);
	color:#fff !important;
	font-size:var(--vy-oos-fs,14px);
	font-weight:600;
	line-height:1.6;
	text-decoration:none !important;
}
.vy-oos-cta:hover{opacity:.9}

/* ---------- بنر اقساط ---------- */
.vy-inst{
	--vy-accent:#1a73e8;
	--vy-accent-text:#fff;
	--vy-bg:#f3f4f6;
	--vy-price:#1f2937;
	direction:rtl;
	display:flex;
	flex-direction:row;
	align-items:stretch;
	width:100%;
	max-width:360px;
	margin:var(--vy-mt,12px) 0;
	font-size:var(--vy-fs,14px);
	border-radius:14px;
	overflow:hidden;
	background:var(--vy-bg);
	box-shadow:0 1px 3px rgba(0,0,0,.08);
	line-height:1.4;
	box-sizing:border-box;
}
.vy-inst *{box-sizing:border-box}
.vy-inst__count{
	flex:0 0 auto;
	min-width:64px;
	padding:8px 14px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background:var(--vy-accent);
	color:var(--vy-accent-text);
	text-align:center;
}
.vy-inst__num{font-size:1.5em;font-weight:800;line-height:1.1}
.vy-inst__label{font-size:.85em;font-weight:700;line-height:1.2}
.vy-inst__price{
	flex:1 1 auto;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:6px;
	padding:10px 16px;
	color:var(--vy-price);
	white-space:nowrap;
}
.vy-inst__amount{font-size:1.3em;font-weight:800;letter-spacing:.2px}
.vy-inst__suffix{font-size:.95em;font-weight:500;opacity:.85}

.vy-inst--loop{max-width:100%;border-radius:12px}
.vy-inst--loop .vy-inst__count{min-width:54px;padding:6px 10px}
.vy-inst--loop .vy-inst__num{font-size:1.25em}
.vy-inst--loop .vy-inst__amount{font-size:1.05em}
.vy-inst--loop .vy-inst__price{padding:8px 12px}

.vy-inst.is-updating .vy-inst__amount{opacity:.4;transition:opacity .15s}
.vy-inst[hidden]{display:none !important}

@media (max-width:480px){.vy-inst--single{max-width:100%}}

/* نمایش روی تصویر */
.vy-image-wrap{position:relative;display:block;margin-bottom:1em}
.vy-image-wrap img{display:block;margin-bottom:0 !important}

.vy-inst--overlay{
	position:absolute;
	z-index:6;
	right:var(--vy-gap-x,8px);
	left:var(--vy-gap-x,8px);
	bottom:var(--vy-gap-y,8px);
	width:auto;
	max-width:none;
	margin:0;
	background:transparent;
	box-shadow:0 2px 10px rgba(0,0,0,.12);
	pointer-events:none;
}
.vy-inst--overlay .vy-inst__count{
	background:var(--vy-accent-a,var(--vy-accent));
	-webkit-backdrop-filter:blur(6px);
	backdrop-filter:blur(6px);
}
.vy-inst--overlay .vy-inst__price{
	background:var(--vy-bg-a,var(--vy-bg));
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
}
.vy-inst--single.vy-inst--overlay .vy-inst__num{font-size:1.6em}
.vy-inst--single.vy-inst--overlay .vy-inst__amount{font-size:1.4em}

/* ---------- نشان تخفیف درگاه ---------- */
.vy-badge{
	display:inline-block;
	margin-inline-start:.6em;
	padding:.1em .7em;
	border-radius:99px;
	background:#e6f4f1;
	color:#0b6b64;
	font-size:.82em;
	font-weight:600;
	line-height:1.7;
	vertical-align:middle;
}

.vy-oos-cta[hidden]{display:none !important}