.pls{
	--pls-accent:#009B5D;
	--pls-text:#23262f;
	--pls-muted:#767b86;
	--pls-bg:#f0f1f3;
	--pls-border:transparent;
	--pls-h:46px;
	--pls-radius:12px;
	--pls-panel-bg:#fff;
	--pls-panel-max:520px;
	--pls-hover:#f3f5f7;
	--pls-line:#eceef1;
	--pls-danger:#e5384f;
	position:relative;
	width:100%;
	font-family:inherit;
	line-height:1.6;
	color:var(--pls-text);
}
.pls,.pls *,.pls *::before,.pls *::after{box-sizing:border-box}
.pls button,.pls input{font:inherit}
.pls a{text-decoration:none;color:inherit}

/* ---------- کادر ---------- */
.pls-form{position:relative;z-index:2;margin:0}
.pls-top{display:flex;align-items:center;gap:8px}
.pls-field{
	position:relative;overflow:hidden;flex:1 1 auto;min-width:0;display:flex;align-items:center;height:var(--pls-h);
	background:var(--pls-bg);border:1px solid var(--pls-border);border-radius:var(--pls-radius);
	transition:border-color .15s,box-shadow .15s,background-color .15s;
}
.pls.is-open .pls-field{
	background:#fff;border-color:var(--pls-accent);
	box-shadow:0 0 0 3px color-mix(in srgb,var(--pls-accent) 15%,transparent);
}
.pls .pls-input{
	flex:1 1 auto;min-width:0;width:100%;height:100%;margin:0;
	padding:0 16px;padding-inline-end:52px;
	border:0;border-radius:inherit;background:transparent;box-shadow:none;outline:none;
	color:var(--pls-text);font-size:15px;-webkit-appearance:none;appearance:none;
}
.pls .pls-input::-webkit-search-cancel-button,
.pls .pls-input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.pls .pls-input::placeholder{color:transparent}

/* «جستجو در [لوگو]» — با شروع تایپ ناپدید می‌شود */
.pls-hint{
	position:absolute;inset-inline-start:16px;top:0;bottom:0;max-width:calc(100% - 72px);
	display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;
	color:var(--pls-muted);font-size:15px;pointer-events:none;
}
.pls-hint img{display:block;height:22px;width:auto;max-width:140px;object-fit:contain}
.pls-hint-site{font-weight:800;color:var(--pls-text)}
.pls.has-value .pls-hint{display:none}

/* آیکن ذره‌بین (سمت چپ در سایت فارسی) */
.pls .pls-submit{
	position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);
	display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;margin:0;
	border:0;border-radius:10px;background:transparent;color:var(--pls-muted);box-shadow:none;cursor:pointer;
	transition:color .15s,background-color .15s;
}
.pls .pls-submit:hover,
.pls .pls-submit:focus-visible{color:var(--pls-accent);background:rgba(0,0,0,.04)}

.pls .pls-close{
	display:none;flex:0 0 auto;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin:0;
	border:0;border-radius:50%;background:transparent;color:var(--pls-text);cursor:pointer;box-shadow:none;
}

/* ---------- پس‌زمینه تیره (دسکتاپ) ---------- */
.pls-backdrop{
	position:fixed;inset:0;z-index:1;background:rgba(15,23,42,.38);
	opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s linear .18s;
}
.pls.is-open .pls-backdrop{opacity:1;visibility:visible;transition-delay:0s}
.pls--no-backdrop .pls-backdrop{display:none}

/* ---------- پنل ---------- */
.pls-panel{
	position:absolute;top:calc(100% + 8px);inset-inline:0;z-index:3;
	max-height:min(var(--pls-panel-max),70vh);overflow-y:auto;overscroll-behavior:contain;
	background:var(--pls-panel-bg);border:1px solid var(--pls-line);border-radius:16px;
	box-shadow:0 16px 40px rgba(15,23,42,.16);
	opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);
	transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;
}
.pls.is-open .pls-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.pls-body{padding:8px}

.pls-hint-msg{margin:0;padding:14px 12px 10px;font-size:14px;color:var(--pls-muted);line-height:1.9}

/* بخش‌ها */
.pls-sec{padding:4px 0}
.pls-sec + .pls-sec{border-top:1px solid var(--pls-line);margin-top:6px;padding-top:10px}
.pls-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 12px 6px}
.pls-sec-title{font-size:13px;font-weight:800;color:var(--pls-text)}
.pls .pls-link{
	padding:4px 6px;border:0;background:transparent;box-shadow:none;cursor:pointer;
	font-size:12.5px;font-weight:700;color:var(--pls-accent);
}
.pls .pls-link:hover{text-decoration:underline;background:transparent;color:var(--pls-accent)}

/* جستجوهای اخیر */
.pls-recent-row{display:flex;align-items:center;gap:4px}
.pls .pls-recent{
	flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;margin:0;padding:10px 12px;
	border:0;border-radius:10px;background:transparent;box-shadow:none;cursor:pointer;
	color:var(--pls-text);font-size:14px;text-align:start;
}
.pls .pls-recent svg{flex:0 0 auto;color:var(--pls-muted)}
.pls-recent-q{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pls .pls-recent-x{
	flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;margin:0;
	border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer;color:var(--pls-muted);
}
.pls .pls-recent-x:hover{color:var(--pls-danger);background:var(--pls-hover)}

.pls .pls-item:hover,
.pls .pls-item.is-active{background:var(--pls-hover);color:var(--pls-text)}


/* محصول */
.pls-prod{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px}
.pls-prod img{
	flex:0 0 auto;width:58px;height:58px;object-fit:contain;border-radius:10px;
	background:#fff;border:1px solid var(--pls-line);
}
.pls-prod-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
.pls-prod-title{
	font-size:14px;font-weight:700;line-height:1.8;color:var(--pls-text);
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.pls-mark{background:color-mix(in srgb,var(--pls-accent) 16%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.pls-prod-price{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;font-size:14px;font-weight:800}
.pls-prod-price del{color:var(--pls-muted);font-weight:400;font-size:12px}
.pls-prod-price ins{text-decoration:none}
.pls-prod-price .woocommerce-Price-currencySymbol{font-size:.78em;font-weight:500}
.pls-off{background:var(--pls-accent);color:#fff;border-radius:999px;padding:0 8px;font-size:12px;font-weight:700;line-height:20px}
.pls-oos{font-size:12.5px;font-weight:700;color:var(--pls-danger)}

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

/* مشاهده همه */
.pls-all{
	display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;padding:12px;border-radius:12px;
	font-size:14px;font-weight:800;color:var(--pls-accent)!important;border-top:1px solid var(--pls-line);border-radius:0 0 12px 12px;
}

/* پیام‌ها */
.pls-msg{margin:0;padding:22px 12px;text-align:center;font-size:14px;color:var(--pls-muted);line-height:1.9}

/* اسکلت بارگذاری */
.pls-skel{display:flex;align-items:center;gap:12px;padding:10px 12px}
.pls-skel i{display:block;border-radius:10px;background:linear-gradient(90deg,#eceef1 25%,#f6f7f9 50%,#eceef1 75%);background-size:200% 100%;animation:plsShimmer 1.2s linear infinite}
.pls-skel .a{width:58px;height:58px;flex:0 0 auto}
.pls-skel .b{flex:1 1 auto;display:flex;flex-direction:column;gap:8px;background:none;animation:none}
.pls-skel .b i{height:12px}
.pls-skel .b i:first-child{width:80%}
.pls-skel .b i:last-child{width:40%}
@keyframes plsShimmer{to{background-position:-200% 0}}

html.pls-lock{overflow:hidden}

/* ---------- حالت «در حال جستجو» ---------- */
.pls-spin{
	position:absolute;inset-inline-end:15px;top:50%;display:none;width:20px;height:20px;margin-top:-10px;
	border-radius:50%;border:2.5px solid color-mix(in srgb,var(--pls-accent) 25%,transparent);
	border-top-color:var(--pls-accent);animation:plsSpin .7s linear infinite;pointer-events:none;
}
.pls.is-loading .pls-spin{display:block}
.pls.is-loading .pls-submit{opacity:0;pointer-events:none}
@keyframes plsSpin{to{transform:rotate(360deg)}}

.pls-loading-msg{
	display:flex;align-items:center;gap:10px;margin:0;padding:12px 12px 6px;
	font-size:13.5px;font-weight:700;color:var(--pls-accent);
}
.pls-loading-msg::before{
	content:"";flex:0 0 auto;width:16px;height:16px;border-radius:50%;
	border:2.5px solid color-mix(in srgb,var(--pls-accent) 25%,transparent);border-top-color:var(--pls-accent);
	animation:plsSpin .7s linear infinite;
}

.pls-top{position:relative}

/* نوار پیشرفت نامعین در لبه پایین کادر (دسکتاپ) */
.pls.is-loading .pls-field::after{
	content:"";position:absolute;inset-inline:0;bottom:0;height:3px;
	background:linear-gradient(90deg,transparent,var(--pls-accent),transparent);
	background-size:40% 100%;background-repeat:no-repeat;animation:plsBar 1s ease-in-out infinite;
}
@keyframes plsBar{from{background-position:-40% 0}to{background-position:140% 0}}


/* ---------- موبایل: صفحه جستجوی مستقل (روی body ساخته می‌شود) ---------- */
.pls-sheet{display:none;position:static;width:auto}
.pls-sheet.is-shown{display:block}
.pls-sheet .pls-form{
	position:fixed;left:0;right:0;top:var(--pls-vt,0px);bottom:auto;height:var(--pls-vh,100%);
	z-index:2147483000;display:flex;flex-direction:column;margin:0;background:var(--pls-panel-bg);
}
.pls-sheet .pls-top{padding:10px 12px;border-bottom:1px solid var(--pls-line)}
.pls-sheet .pls-close{display:flex}
.pls-sheet .pls-input{font-size:16px!important} /* جلوگیری از زوم خودکار iOS */
.pls-sheet .pls-field{background:var(--pls-bg);border-color:var(--pls-accent)}
.pls-sheet .pls-panel{
	position:static;flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;
	border:0;border-radius:0;box-shadow:none;
	opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none;
}
.pls-sheet .pls-body{padding:6px 8px 24px}
.pls-sheet .pls-prod img{width:64px;height:64px}
.pls-sheet.is-loading .pls-field::after{display:none}

/* نوار پیشرفت نامعین زیر کادر در صفحه موبایل */
.pls-sheet.is-loading .pls-top::after{
	content:"";position:absolute;inset-inline:0;bottom:-1px;height:3px;
	background:linear-gradient(90deg,transparent,var(--pls-accent),transparent);
	background-size:40% 100%;background-repeat:no-repeat;animation:plsBar 1s ease-in-out infinite;
}

/* کادر اصلی در موبایل فقط یک دکمه است */
@media (max-width:768px){
	.pls:not(.pls-sheet) .pls-input{cursor:pointer}
	.pls:not(.pls-sheet) .pls-backdrop{display:none}
}

@media (prefers-reduced-motion:reduce){
	.pls-skel i{animation:none}
	.pls-spin,.pls-loading-msg::before{animation-duration:1.6s}
	.pls.is-loading .pls-top::after{animation:none}
	.pls-panel,.pls-backdrop,.pls-field{transition:none}
}
