/* DSP – ظاهر صفحه‌ها (سربرگ منحنی، دکمه‌های فیلتر دسته). روشن/خاموش: تنظیمات ← افزودهٔ محتوا (DSP) ← ظاهر سایت و CSS */

/* ---------- سربرگ منحنی: کانتینرهای دارای کلاس dsp-pagehero ---------- */
.dsp-hcurve .dsp-pagehero{
	border-end-start-radius:50% var(--dsp-hc,48px);
	border-end-end-radius:50% var(--dsp-hc,48px);
	padding-bottom:calc(var(--padding-bottom,40px) + var(--dsp-hc,48px) * .6)!important;
	position:relative;
	overflow:hidden;
}
/* نور ملایم روی زمینهٔ سربرگ */
.dsp-hcurve .dsp-pagehero::before{
	content:"";position:absolute;inset:0;pointer-events:none;
	background:radial-gradient(120% 90% at 85% 0%,rgba(255,255,255,.10),transparent 55%),radial-gradient(80% 70% at 0% 100%,rgba(90,140,255,.18),transparent 60%);
}
.dsp-hcurve .dsp-pagehero>*{position:relative}
@media (max-width:767px){
	.dsp-hcurve .dsp-pagehero{border-end-start-radius:50% calc(var(--dsp-hc,48px) * .5);border-end-end-radius:50% calc(var(--dsp-hc,48px) * .5);padding-bottom:calc(var(--padding-bottom,28px) + var(--dsp-hc,48px) * .3)!important}
}

/* ---------- دکمه‌های فیلتر دسته بالای فهرست محصولات ---------- */
.dsp-chips{margin:0 0 26px;width:100%}
.dsp-chips-in{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.dsp-chips a{
	display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;
	background:#fff;border:1px solid #EEF1F5;border-radius:18px;
	color:var(--dsp-ink);font-weight:600;font-size:var(--e-global-typography-dspsmall-font-size,14.5px);line-height:1.4;text-decoration:none;white-space:nowrap;
	box-shadow:0 10px 15px -3px rgba(19,32,58,.08),0 4px 6px -4px rgba(19,32,58,.08);
	transition:background .2s,color .2s,box-shadow .2s,transform .2s;
}
.dsp-chips a:hover{transform:translateY(-1px);box-shadow:0 14px 22px -6px rgba(19,32,58,.16);color:var(--dsp-accent)}
.dsp-chips a .n{display:inline-block;min-width:22px;padding:0 7px;border-radius:999px;background:#F1F4F9;color:#5B6B85;font-size:12px;font-weight:700;line-height:22px;text-align:center}
.dsp-chips a.on{background:var(--dsp-ink);border-color:var(--dsp-ink);color:#fff;box-shadow:0 12px 20px -8px color-mix(in srgb,var(--dsp-ink) 60%,transparent)}
.dsp-chips a.on .n{background:rgba(255,255,255,.18);color:#fff}
.dsp-chips a:focus-visible{outline:2px solid var(--dsp-accent);outline-offset:2px}
/* موبایل: یک ردیف با اسکرول افقی */
@media (max-width:767px){
	.dsp-chips{margin-inline:-16px;width:auto}
	.dsp-chips-in{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:4px 16px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
	.dsp-chips-in::-webkit-scrollbar{display:none}
	.dsp-chips a{min-height:42px;padding:7px 15px}
}

/* ---------- سربرگ شیشه‌ای شناور (بعد از اسکرول) ----------
 * در قالب هدر المنتور: کلاس dsp-ghead-top روی نوار بالایی و dsp-ghead-bar روی نوار اصلی (لوگو و منو) */
.dsp-ghead .dsp-ghead-top{max-height:80px;transition:max-height .35s ease,opacity .25s ease,padding .35s ease;overflow:hidden}
.dsp-ghead .dsp-ghead-bar{transition:margin .35s ease,border-radius .35s ease,background-color .35s ease,box-shadow .35s ease,width .35s ease}
.dsp-ghead .elementor-sticky--effects:not(.elementor-sticky__spacer){background:transparent!important}
.dsp-ghead .elementor-sticky--effects:not(.elementor-sticky__spacer) .dsp-ghead-top{max-height:0;opacity:0;padding-top:0!important;padding-bottom:0!important}
.dsp-ghead .elementor-sticky--effects:not(.elementor-sticky__spacer) .dsp-ghead-bar{
	width:min(var(--dsp-ghead-w,1240px),calc(100% - 32px))!important;max-width:none;margin:10px auto 0!important;
	border-radius:20px;background-color:rgba(255,255,255,.74)!important;
	-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);
	border:1px solid rgba(255,255,255,.65);
	box-shadow:0 14px 34px -14px rgba(19,32,58,.32),inset 0 1px 0 rgba(255,255,255,.7);
}
@media (max-width:767px){
	.dsp-ghead .elementor-sticky--effects:not(.elementor-sticky__spacer) .dsp-ghead-bar{width:calc(100% - 20px)!important;margin-top:8px!important;border-radius:16px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
	.dsp-ghead .elementor-sticky--effects:not(.elementor-sticky__spacer) .dsp-ghead-bar{background-color:rgba(255,255,255,.97)!important}
}

/* ---------- کارت‌های پوستری محصولات ---------- */
body.dsp-poster ul.products li.product{position:relative;border:1px solid #EDF0F5;border-radius:22px;box-shadow:0 10px 26px -14px rgba(19,32,58,.22)}
body.dsp-poster ul.products li.product:hover{transform:translateY(-4px);border-color:#DCE4F3;box-shadow:0 22px 40px -18px rgba(19,32,58,.35)}
body.dsp-poster ul.products li.product img{border-bottom:0;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
body.dsp-poster ul.products li.product:hover img{transform:scale(1.045)}
/* برچسب نوع روی گوشهٔ تصویر (سمت چپ، تا روی متن خود تصویرها نیفتد) */
body.dsp-poster ul.products li.product .dsp-ptype{
	position:absolute;top:12px;inset-inline-end:12px;z-index:2;
	padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.9);color:var(--dsp-ink);
	-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
	font-size:var(--e-global-typography-dsplabel-font-size,12.5px);font-weight:800;line-height:1.7;
	box-shadow:0 4px 12px -4px rgba(19,32,58,.3)
}
/* عنوان روی لبهٔ تصویر، با زمینهٔ مات */
body.dsp-poster ul.products li.product .woocommerce-loop-product__title{
	position:relative;z-index:1;margin:-26px 0 10px;padding:16px 18px 0;
	background:linear-gradient(180deg,rgba(255,255,255,.86),#fff 65%);
	-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
	border-radius:22px 22px 0 0;-webkit-line-clamp:2;text-align:center
}
body.dsp-poster ul.products li.product .price{display:block;margin:0 18px 14px;padding:12px 0 0;border-top:1px solid color-mix(in srgb,var(--dsp-accent) 30%,#fff);text-align:center}
body.dsp-poster ul.products li.product .button{
	margin:auto 16px 16px;min-height:48px;display:flex;align-items:center;justify-content:center;
	border-radius:14px;background:var(--dsp-ink);color:#fff;font-weight:800;
	box-shadow:0 10px 18px -10px color-mix(in srgb,var(--dsp-ink) 70%,transparent)
}
body.dsp-poster ul.products li.product .button:hover,body.dsp-poster ul.products li.product .button:focus-visible{background:var(--dsp-accent);color:#fff}
@media (max-width:767px){
	body.dsp-poster ul.products li.product{border-radius:18px}
	body.dsp-poster ul.products li.product .woocommerce-loop-product__title{margin:-16px 0 8px;padding:12px 10px 0;border-radius:16px 16px 0 0;font-size:14.5px!important;line-height:1.8}
	body.dsp-poster ul.products li.product .price{margin:0 10px 10px;padding-top:8px}
	body.dsp-poster ul.products li.product .button{margin:auto 10px 10px;min-height:42px;font-size:13.5px;border-radius:12px}
	body.dsp-poster ul.products li.product .dsp-ptype{top:8px;inset-inline-end:8px;padding:2px 9px;font-size:11px}
}
@media (prefers-reduced-motion:reduce){body.dsp-poster ul.products li.product img{transition:none}body.dsp-poster ul.products li.product:hover img{transform:none}}