.pfs{
	--pfs-n:5;
	--pfs-gap:12px;
	--pfs-head-w:240px;
	--pfs-pad:16px;
	--pfs-outer-gap:16px;
	--pfs-radius:24px;
	--pfs-blur:8px;
	--pfs-head-bg:rgba(255,255,255,.14);
	--pfs-head-border:rgba(255,255,255,.45);
	--pfs-card-bg:#fff;
	--pfs-text:#23262f;
	--pfs-muted:#767b86;
	--pfs-red:#ef394e;
	--pfs-green:#009B5D;
	width:100%;
	font-family:inherit;
	line-height:1.6;
	color:var(--pfs-text);
}
.pfs,.pfs *,.pfs *::before,.pfs *::after{box-sizing:border-box}
.pfs a{text-decoration:none;color:inherit}

/* ---------- ظرف اصلی ---------- */
.pfs-inner{
	display:grid;
	grid-template-columns:var(--pfs-head-w) minmax(0,1fr);
	gap:var(--pfs-outer-gap);
	align-items:center;
	padding:var(--pfs-pad);
	border-radius:var(--pfs-radius);
	background:linear-gradient(135deg,#8fcab0 0%,#2f7d5b 100%);
	overflow:hidden;
}
.pfs--no-head .pfs-inner{grid-template-columns:minmax(0,1fr)}
.pfs--head-end .pfs-head{order:2}

/* ---------- کارت معرفی (شیشه‌ای) ---------- */
.pfs-head{
	align-self:stretch;display:flex;
	padding:20px;border-radius:22px;
	background:var(--pfs-head-bg);border:1px solid var(--pfs-head-border);
	-webkit-backdrop-filter:blur(var(--pfs-blur));backdrop-filter:blur(var(--pfs-blur));
	color:#fff;
}
.pfs-head-in{
	flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;
	gap:12px;text-align:center;min-width:0;
}
.pfs-head-img{display:block;width:140px;height:auto;max-width:100%;object-fit:contain}
.pfs-titles{display:flex;flex-direction:column;gap:2px}
.pfs-t1{font-size:15px;font-weight:700;color:#fff}
.pfs-t2{font-size:22px;font-weight:900;line-height:1.4;color:#fff}
.pfs-t1--m{display:none}

.pfs .pfs-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:6px;
	min-height:44px;padding:0 18px;margin-top:6px;
	border-radius:12px;background:#fff;color:#23262f;
	font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;
	transition:filter .15s,transform .1s;
}
.pfs .pfs-btn:hover{filter:brightness(.95);color:#23262f}
.pfs .pfs-btn:active{transform:translateY(1px)}
.pfs .pfs-btn:focus-visible{outline:3px solid rgba(255,255,255,.7);outline-offset:2px}
.pfs-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- اسلایدر ---------- */
.pfs-wrap{position:relative;min-width:0}
.pfs-track{
	display:flex;gap:var(--pfs-gap);
	overflow-x:auto;overflow-y:hidden;
	scroll-snap-type:x mandatory;scroll-behavior:smooth;
	overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
	scrollbar-width:none;padding:2px 0;outline:none;
}
.pfs-track::-webkit-scrollbar{display:none}
.pfs-track.is-drag{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
.pfs-track:focus-visible{box-shadow:0 0 0 3px rgba(255,255,255,.7);border-radius:12px}

.pfs-slide{
	flex:0 0 calc((100% - (var(--pfs-n) - 1) * var(--pfs-gap)) / var(--pfs-n));
	min-width:0;scroll-snap-align:start;display:flex;
}
.pfs-slide > *{width:100%}
.pfs--tpl .pfs-slide > .elementor,
.pfs--tpl .pfs-slide > div{height:100%}
.pfs-slide img{-webkit-user-drag:none}

/* ---------- کارت داخلی ---------- */
.pfs .pfs-card{
	flex:1 1 auto;display:flex;flex-direction:column;gap:8px;min-width:0;
	padding:14px;border-radius:16px;background:var(--pfs-card-bg);color:var(--pfs-text);
}
.pfs-card-img{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:10px}
.pfs-card-img img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.pfs .pfs-card:hover .pfs-card-img img{transform:scale(1.04)}
.pfs-card-title{
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
	min-height:calc(2 * 1.8em);font-size:13px;font-weight:600;line-height:1.8;color:var(--pfs-text);
}
.pfs-card-price{margin-top:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.pfs-now{font-size:15px;font-weight:800;color:var(--pfs-text)}
.pfs-now .woocommerce-Price-currencySymbol{font-size:.78em;font-weight:500}
.pfs-off{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pfs--badge-left .pfs-off{flex-direction:row-reverse}
.pfs-badge{
	padding:0 10px;border-radius:9px;background:var(--pfs-green);color:#fff;
	font-size:14px;font-weight:800;line-height:26px;
}
.pfs-old{font-size:12.5px;font-weight:500;color:var(--pfs-red);text-decoration:line-through}
/* قیمت خط‌خورده بدون واحد پول */
.pfs-old .woocommerce-Price-currencySymbol{display:none}
.pfs-oos{font-size:13px;font-weight:700;color:var(--pfs-red)}

/* واحد پول سمت چپ عدد (فارسی) */
.pfs--cur-left .woocommerce-Price-amount bdi{
	display:inline-flex;flex-direction:row-reverse;align-items:baseline;gap:.3em;white-space:nowrap;
}

/* ---------- فلش‌ها ---------- */
.pfs .pfs-nav{
	position:absolute;top:50%;z-index:2;transform:translateY(-50%);
	display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;margin:0;
	border:0;border-radius:50%;background:#fff;color:#23262f;box-shadow:0 4px 14px rgba(15,23,42,.22);
	cursor:pointer;transition:opacity .15s,transform .15s;
}
.pfs .pfs-nav:hover:not(:disabled){transform:translateY(-50%) scale(1.06);color:#23262f}
.pfs .pfs-nav:disabled{opacity:0;pointer-events:none}
.pfs-prev{inset-inline-start:-8px}
.pfs-next{inset-inline-end:-8px}
.pfs--no-arrows .pfs-nav,.pfs.is-static .pfs-nav{display:none}

/* ---------- موبایل ---------- */
@media (max-width:767px){
	.pfs-inner{grid-template-columns:minmax(0,1fr);align-items:stretch}
	.pfs--head-end .pfs-head{order:0}

	.pfs-head{padding:14px 16px;border-radius:18px}
	.pfs-head-in{flex-direction:row;align-items:center;justify-content:flex-start;text-align:start;gap:12px}
	.pfs-head-img{width:76px;flex:0 0 auto}
	.pfs-titles{flex:1 1 auto;min-width:0}
	.pfs-t1{font-size:14px}
	.pfs-t2{font-size:19px}
	.pfs-t1--d{display:none}
	.pfs-t1--m{display:block}

	/* دکمه: فقط فلش، انتهای کارت */
	.pfs .pfs-btn{flex:0 0 auto;margin:0;margin-inline-start:auto;min-height:40px;padding:0;width:40px;border-radius:12px}
	.pfs .pfs-btn-text{display:none}
	.pfs--btn-text-m .pfs-btn{width:auto;padding:0 14px}
	.pfs--btn-text-m .pfs-btn-text{display:inline}

	.pfs .pfs-card{padding:10px}
	.pfs--no-arrows .pfs-nav,.pfs:not(.pfs--arrows-m) .pfs-nav{display:none}
}

@media (min-width:768px) and (max-width:1024px){
	.pfs-t2{font-size:19px}
	.pfs-head{padding:16px}
}

@media (prefers-reduced-motion:reduce){
	.pfs-track{scroll-behavior:auto}
	.pfs-card-img img,.pfs .pfs-nav,.pfs .pfs-btn{transition:none}
}
