/* گالری نرم صفحه محصول (شکوفا) */
/* 1.2.2 — اسلایدر با transform: هر اسلاید دقیقاً اندازه قاب است (absolute) */
.ss-pdp-main[data-sh-smooth] {
	position: relative;
	overflow: hidden;
	touch-action: pan-y; /* اسکرول عمودی صفحه آزاد؛ کشیدن افقی و زوم دو انگشتی با JS */
}
.sh-pdp-track {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	direction: ltr;
	transform: translate3d(0, 0, 0);
	will-change: transform;
	touch-action: pan-y;
	outline: none;
}
.sh-pdp-track.is-animating {
	transition: transform .38s cubic-bezier(.22, .8, .24, 1);
}
.sh-pdp-slide {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.ss-pdp .ss-pdp-main .sh-pdp-slide img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	max-height: none;
	margin: 0;
	object-fit: contain !important;
	object-position: 50% 50%;
	-webkit-user-drag: none;
	user-select: none;
	-webkit-touch-callout: none;
}
.ss-pdp-thumbs { scroll-behavior: smooth; }
.ss-pdp-thumb { transition: border-color .25s ease, opacity .25s ease; }
@media (prefers-reduced-motion: reduce) {
	.ss-pdp-thumbs { scroll-behavior: auto; }
	.sh-pdp-track.is-animating { transition-duration: .01s; }
}

/* 1.2.0 — برچسب روی عکس گالری صفحه محصول (مثل «جدید» یا «تخفیف») مخفی می‌شود.
   فقط داخل قاب گالری صفحه محصول؛ نشان‌های اعتماد (.ss-pdp-badges) دست نمی‌خورند. */
.ss-pdp-stage .ss-pdp-badge,
.ss-pdp-stage .onsale,
.ss-pdp-gallery .ss-pdp-badge {
	display: none !important;
}

/* تپ/کلیک روی عکس = نمایش تمام‌صفحه */
.ss-pdp-main.sh-has-lightbox .sh-pdp-slide { cursor: zoom-in; }

/* لایت‌باکس (PhotoSwipe 5) */
.sh-pswp { --pswp-bg: #0b1626; font-family: inherit; }
.sh-pswp .pswp__counter { direction: ltr; font-size: 15px; opacity: .9; }
.sh-pswp .pswp__button--close { margin-right: 6px; }

/* زوم با هاور روی دسکتاپ (فقط موس). روی لمسی کاملاً خاموش است. */
.sh-pdp-zoom {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background-repeat: no-repeat;
	background-color: var(--c-blue-lighter, #eef5fc);
	opacity: 0;
	transition: opacity .2s ease;
	will-change: background-position;
}
.sh-pdp-zoom.is-on { opacity: 1; }
@media (hover: hover) and (pointer: fine) {
	.ss-pdp-main.sh-has-lightbox .sh-pdp-slide { cursor: zoom-in; }
}
@media (hover: none), (pointer: coarse) {
	.sh-pdp-zoom { display: none !important; }
}

/* اگر قالب/ووکامرس باز هم قالب HTML لایت‌باکس قدیمی (PhotoSwipe 4) را چاپ کند، پنهان بماند */
#photoswipe-fullscreen-dialog { display: none !important; }

/* 1.2.1 — زوم دو انگشتی روی عکس (کپی شناور عکس که بعد از رها کردن برمی‌گردد) */
.sh-pinch-backdrop {
	position: fixed;
	inset: 0;
	z-index: 99998;
	background: #000;
	opacity: 0;
	pointer-events: none;
}
.sh-pinch-clone {
	position: fixed;
	z-index: 99999;
	margin: 0;
	max-width: none;
	pointer-events: none;
	will-change: transform;
	border-radius: var(--radius-md, 12px);
	box-shadow: 0 10px 40px rgba(0,0,0,.35);
}
.sh-pinch-clone.is-releasing { transition: transform .32s cubic-bezier(.2,.8,.2,1); }
.sh-pinch-backdrop.is-releasing { transition: opacity .32s ease; }

/* 1.2.1 — فلش‌های بعدی/قبلی در نمایش تمام‌صفحه، روی موبایل هم دیده شوند */
.sh-pswp--arrows.pswp--touch .pswp__button--arrow,
.sh-pswp--arrows .pswp__button--arrow {
	visibility: visible;
	width: 64px;
	height: 88px;
	margin-top: -44px;
}
.sh-pswp--arrows .pswp__button--arrow .pswp__icn {
	width: 46px;
	height: 46px;
	top: 50%;
	margin-top: -23px;
	left: 9px;
	padding: 11px;
	box-sizing: border-box;
	border-radius: 50%;
	background: rgba(0, 0, 0, .38);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .35);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	fill: #fff;
	color: #fff;
}
.sh-pswp--arrows .pswp__button--arrow--next .pswp__icn { left: auto; right: 9px; }
.sh-pswp--arrows .pswp__button--arrow:active .pswp__icn { background: rgba(0, 0, 0, .55); }

/* 1.2.2 — قاب عکس در همه اندازه‌ها مربعی است (عکس‌های محصول ۹۰۰×۹۰۰ هستند)
   و عکس کامل، بدون برش، وسط قاب نمایش داده می‌شود. */
.ss-pdp .ss-pdp-main {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	height: auto;
	overflow: hidden;
}
.ss-pdp .ss-pdp-main img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%;
}
/* مرورگرهای قدیمی بدون aspect-ratio (مثل iOS 14): مربع با padding */
@supports not (aspect-ratio: 1 / 1) {
	.ss-pdp .ss-pdp-main { height: 0; padding-bottom: 100%; }
	.ss-pdp .ss-pdp-main > img { position: absolute; top: 0; left: 0; }
}
.ss-pdp .ss-pdp-thumb { aspect-ratio: 1 / 1; }
.ss-pdp .ss-pdp-thumb img { object-fit: cover; }

/* دسکتاپ: قاب عکس کوچک‌تر (حداکثر ۵۰۰px) و ستون مشخصات محصول بقیه جا را می‌گیرد */
@media (min-width: 1025px) {
	.ss-pdp .ss-pdp-top {
		grid-template-columns: minmax(360px, 1fr) minmax(0, 500px);
		gap: 32px;
	}
	.ss-pdp .ss-pdp-gallery {
		width: 100%;
		max-width: 500px;
	}
	.ss-pdp .ss-pdp-thumbs { gap: 10px; }
}
/* تبلت: ستون مشخصات ۳۰۰px قالب، گالری حداکثر ۴۶۰px */
@media (min-width: 701px) and (max-width: 1024px) {
	.ss-pdp .ss-pdp-top {
		grid-template-columns: minmax(300px, 1fr) minmax(0, 460px);
	}
	.ss-pdp .ss-pdp-thumbs { gap: 8px; }
}