/* سیلو | داک موبایل */
.siloow-ac-dock-wrap{--siloow-line:var(--siloow-border,#dfe7e5);--siloow-accent:var(--siloow-primary,#125c56);--siloow-t:160ms ease;font-family:var(--siloow-font,Tahoma,sans-serif);display:none}
@media(max-width:767px){.siloow-ac-dock-wrap{display:block}body{padding-bottom:calc(var(--siloow-dock-space,90px) + 12px)}}
.siloow-ac-dock-wrap .siloow-ac-dock{background:color-mix(in srgb,var(--siloow-ac-dock-bg,#fff) var(--siloow-ac-dock-opacity,100%),transparent)}
.siloow-ac-dock-wrap .siloow-ac-dock__item{min-height:44px;min-width:44px}.siloow-ac-dock-wrap .siloow-ac-dock__icon svg{fill:none}.siloow-ac-dock__item:hover{filter:brightness(.85)}.siloow-ac-dock__item:focus-visible{outline:3px solid var(--siloow-primary,#125c56);outline-offset:2px}
.siloow-dock-sheet{width:min(100% - 24px,620px);max-height:80dvh;margin:auto auto 0;border:0;border-radius:18px 18px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));font-family:var(--siloow-font,Tahoma,sans-serif);overflow:auto}.siloow-dock-sheet::backdrop{background:#0008}.siloow-dock-sheet header{display:flex;align-items:center;justify-content:space-between;gap:16px}.siloow-dock-sheet button{cursor:pointer;min-height:44px}.siloow-dock-sheet form{display:grid;gap:12px}.siloow-dock-sheet input{font:inherit;min-height:44px;width:100%}.siloow-dock-sheet img{max-width:64px}.siloow-dock-sheet a{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.siloow-ac-dock-wrap *{transition:none!important;animation:none!important}}@media print{.siloow-ac-dock-wrap,.siloow-dock-sheet{display:none!important}}
/* z-index این نوار همیشه از نوار خرید استیک (z-index:9997 در sticky-cart.css) بالاتر است — طبق
   درخواست، دکمه‌های اپلیکیشنی موبایل تحت هر شرایطی باید نسبت به نوار استیک برتری داشته باشند و
   کلیک/لمس رویشان همیشه ثبت شود، حتی اگر لحظه‌ای با هم هم‌پوشانی پیدا کنند. */
.siloow-ac-dock-wrap{position:fixed;left:0;right:0;bottom:0;z-index:9998;direction:rtl}
/* رنگ/شفافیت پس‌زمینه، گردی گوشه بالا و ارتفاع نوار همگی از دشبورد (تب «دکمه‌های اپلیکیشنی
   موبایل» → «اندازه/ظاهر دقیق نوار») به‌صورت متغیر CSS تزریق می‌شوند (class-siloow-assets.php)
   و روی هر ۴ حالت ظاهری یکسان اثر می‌گذارند. */
.siloow-ac-dock{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;min-height:var(--siloow-ac-dock-row-h, auto);background:var(--siloow-ac-dock-bg,#fff);border-radius:var(--siloow-ac-dock-radius,0) var(--siloow-ac-dock-radius,0) 0 0;border-top:1px solid var(--siloow-line);box-shadow:0 -4px 20px rgba(17,24,39,.08);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}
.siloow-ac-dock--cols-1{grid-template-columns:1fr}
.siloow-ac-dock--cols-2{grid-template-columns:repeat(2,1fr)}
.siloow-ac-dock--cols-3{grid-template-columns:repeat(3,1fr)}
.siloow-ac-dock--cols-4{grid-template-columns:repeat(4,1fr)}
.siloow-ac-dock--cols-5{grid-template-columns:repeat(5,1fr)}
.siloow-ac-dock--mobile-only{display:none}
@media(max-width:767px){.siloow-ac-dock--mobile-only{display:grid}}
.siloow-ac-dock__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--siloow-ac-dock-item-pad-v,6px) var(--siloow-ac-dock-item-pad-h,4px);margin:var(--siloow-ac-dock-item-margin,0);text-decoration:none;color:inherit;border-radius:12px;transition:var(--siloow-t);background:transparent;border:0;font-family:inherit;cursor:pointer}

/* پنل جستجوی داک: دقیقاً بالای نوار می‌نشیند و با انیمیشن نرم اسلاید/فید باز می‌شود */
.siloow-ac-dock__search-panel{position:absolute;left:0;right:0;bottom:100%;background:#fff;border-top:1px solid var(--siloow-line);box-shadow:0 -4px 20px rgba(17,24,39,.08);padding:12px 14px;transform:translateY(12px);opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s ease}
.siloow-ac-dock__search-panel.is-open{transform:none;opacity:1;pointer-events:auto}
.siloow-ac-dock__search-form{display:flex;align-items:center;gap:8px;background:#f3f4f6;border-radius:12px;padding:6px 6px 6px 12px}
/* font-size حداقل ۱۶px است تا سافاری موبایل روی فوکوس این اینپوت صفحه را زوم نکند (زیر ۱۶px
   باعث زوم خودکار می‌شود)؛ با اندازه ظاهریِ فعلی هماهنگ شده تا چیزی به‌چشم بزرگ‌تر نیاید. */
.siloow-ac-dock__search-input{flex:1;border:0;background:transparent;font-size:16px;outline:none;min-width:0}
.siloow-ac-dock__search-submit,.siloow-ac-dock__search-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:10px;background:#fff;color:#374151;cursor:pointer;flex:none}
.siloow-ac-dock__search-submit svg,.siloow-ac-dock__search-close svg{width:17px;height:17px}
.siloow-ac-dock__item--search.is-active .siloow-ac-dock__icon,.siloow-ac-dock__item--search.is-active .siloow-ac-dock__label{color:var(--siloow-accent)}
.siloow-ac-dock__item:active{background:#f3f4f6}
.siloow-ac-dock__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px}
.siloow-ac-dock__icon{display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:22px;line-height:1}
.siloow-ac-dock__icon svg{width:1em;height:1em;fill:currentColor}
.siloow-ac-dock__label{font-size:var(--siloow-ac-dock-label-size,10.5px);color:#6b7280;font-weight:600}
.siloow-ac-dock--no-labels .siloow-ac-dock__label{display:none}
.siloow-ac-dock__item--highlight .siloow-ac-dock__icon-wrap{background:var(--siloow-accent);width:46px;height:46px;margin-top:-18px;box-shadow:0 6px 16px rgba(239,64,86,.35)}
.siloow-ac-dock__item--highlight .siloow-ac-dock__icon{color:#fff}
.siloow-ac-dock__badge{position:absolute;top:-4px;left:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:20px;background:var(--siloow-accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}
.siloow-ac-dock__item.is-active .siloow-ac-dock__icon,.siloow-ac-dock__item.is-active .siloow-ac-dock__label{color:var(--siloow-accent)}

/* ==================== ۴ حالت ظاهری نوار (از دشبورد قابل انتخاب) ==================== */

/* --- حالت Glassmorphism: شیشه‌ای، بلور پس‌زمینه --- */
.siloow-ac-dock-wrap--style-glass .siloow-ac-dock{
	/* پس‌زمینه باید نیمه‌شفاف باشد وگرنه بلور دیده نمی‌شود؛ رنگ از تنظیمات دشبورد می‌آید */
	background:color-mix(in srgb,var(--siloow-ac-dock-bg,#fff) 72%,transparent);
	-webkit-backdrop-filter:blur(18px) saturate(180%);
	backdrop-filter:blur(18px) saturate(180%);
	border-top:1px solid rgba(255,255,255,.4);
	box-shadow:0 -8px 32px rgba(17,24,39,.12);
}
.siloow-ac-dock-wrap--style-glass .siloow-ac-dock__item:active{background:rgba(255,255,255,.35)}
.siloow-ac-dock-wrap--style-glass .siloow-ac-dock__icon-wrap{background:rgba(255,255,255,.4)}

/* --- حالت Neumorphism: نرم، سایه‌دوگانه --- */
.siloow-ac-dock-wrap--style-neu{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
.siloow-ac-dock-wrap--style-neu .siloow-ac-dock{
	border-top:0;
	box-shadow:0 -6px 18px rgba(17,24,39,.06);
	padding:10px 8px calc(10px + env(safe-area-inset-bottom));
}
.siloow-ac-dock-wrap--style-neu .siloow-ac-dock__icon-wrap{
	background:var(--siloow-ac-dock-bg,#eef0f3);
	box-shadow:4px 4px 8px rgba(163,177,198,.55), -4px -4px 8px rgba(255,255,255,.9);
	transition:var(--siloow-t);
}
.siloow-ac-dock-wrap--style-neu .siloow-ac-dock__item.is-active .siloow-ac-dock__icon-wrap,
.siloow-ac-dock-wrap--style-neu .siloow-ac-dock__item:active .siloow-ac-dock__icon-wrap{
	box-shadow:inset 3px 3px 6px rgba(163,177,198,.5), inset -3px -3px 6px rgba(255,255,255,.9);
}

/* --- حالت Center FAB: یک آیتم مشخص به‌صورت دکمه گرد و برجسته وسط نوار --- */
.siloow-ac-dock-wrap--style-fab .siloow-ac-dock{align-items:flex-end}
.siloow-ac-dock-wrap--style-fab .siloow-ac-dock__item--fab{position:relative}
.siloow-ac-dock-wrap--style-fab .siloow-ac-dock__item--fab .siloow-ac-dock__icon-wrap{
	width:52px;height:52px;margin-top:-26px;
	background:linear-gradient(135deg,var(--siloow-accent),#111827);
	box-shadow:0 8px 20px rgba(239,64,86,.4);
	border:4px solid #fff;
}
.siloow-ac-dock-wrap--style-fab .siloow-ac-dock__item--fab .siloow-ac-dock__icon{color:#fff;font-size:24px}
.siloow-ac-dock-wrap--style-fab .siloow-ac-dock__item--fab .siloow-ac-dock__label{margin-top:2px}

/* ==================== پیش‌نمایش ۴گانه داخل دشبورد پلاگین ==================== */
.siloow-ac-dock-style-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:14px 0 10px}
.siloow-ac-dock-style-picker__item{display:flex;flex-direction:column;gap:8px;border:2px solid var(--siloow-line,#e5e7eb);border-radius:14px;padding:12px;cursor:pointer;transition:.15s;background:#fff}
.siloow-ac-dock-style-picker__item:hover{border-color:#d1d5db}
.siloow-ac-dock-style-picker__item.is-active{border-color:#ef4056;box-shadow:0 0 0 3px rgba(239,64,86,.12)}
.siloow-ac-dock-style-picker__item input{position:absolute;opacity:0;pointer-events:none}
.siloow-ac-dock-style-picker__item strong{font-size:13px}
.siloow-ac-dock-style-picker__item em{font-style:normal;font-size:11px;color:#6b7280}
.siloow-ac-dock-style-picker__preview{display:flex;align-items:flex-end;justify-content:center;background:#f3f4f6;border-radius:10px;padding:14px 8px 8px;height:52px}
.siloow-ac-dock-style-picker__mock{display:flex;align-items:flex-end;gap:8px}
.siloow-ac-dock-style-picker__mock span{display:block;width:16px;height:16px;border-radius:6px;background:#9ca3af}
.siloow-ac-dock-style-picker__mock span.is-center{background:#ef4056}
.siloow-ac-dock-style-picker__preview--classic .siloow-ac-dock-style-picker__mock span{background:#6b7280;border-radius:5px}
.siloow-ac-dock-style-picker__preview--glass{background:linear-gradient(135deg,#c7d2fe,#fbcfe8)}
.siloow-ac-dock-style-picker__preview--glass .siloow-ac-dock-style-picker__mock span{background:rgba(255,255,255,.75);backdrop-filter:blur(2px)}
.siloow-ac-dock-style-picker__preview--neu{background:#eef0f3}
.siloow-ac-dock-style-picker__preview--neu .siloow-ac-dock-style-picker__mock span{background:#eef0f3;box-shadow:2px 2px 4px rgba(163,177,198,.6),-2px -2px 4px rgba(255,255,255,.9)}
.siloow-ac-dock-style-picker__preview--fab .siloow-ac-dock-style-picker__mock span.is-center{width:22px;height:22px;border-radius:50%;transform:translateY(-6px);box-shadow:0 4px 10px rgba(239,64,86,.5)}

/* ===== شیت «حساب من» در نوار پایین موبایل (v3.32) ===== */
.siloow-ac-dock-sheet{position:fixed;inset:0;z-index:100070;display:flex;align-items:flex-end;justify-content:center;direction:rtl}
.siloow-ac-dock-sheet[hidden]{display:none}
.siloow-ac-dock-sheet__overlay{position:absolute;inset:0;background:rgba(17,24,39,.55);backdrop-filter:blur(3px);opacity:0;transition:opacity .26s cubic-bezier(.2,0,0,1)}
.siloow-ac-dock-sheet.is-open .siloow-ac-dock-sheet__overlay{opacity:1}
.siloow-ac-dock-sheet__box{position:relative;width:100%;max-width:520px;max-height:88vh;overflow:auto;-webkit-overflow-scrolling:touch;
	background:var(--siloow-auth-bg,#fff);border-radius:24px 24px 0 0;padding:16px 20px 28px;box-shadow:0 -14px 50px rgba(0,0,0,.24);
	transform:translateY(100%);transition:transform .34s cubic-bezier(.2,0,0,1)}
.siloow-ac-dock-sheet.is-open .siloow-ac-dock-sheet__box{transform:none}
.siloow-ac-dock-sheet__handle{all:unset;box-sizing:border-box;display:block;width:44px;height:5px;border-radius:999px;background:#d1d5db;margin:2px auto 18px;cursor:pointer}
.siloow-ac-dock-sheet__handle:hover{background:#9ca3af}
.siloow-ac-dock-sheet__body .siloow-auth{max-width:100%}
body.siloow-ac-dock-sheet-open{overflow:hidden}
/* دکمه بستن شیت حساب کاربری (کلاس مشترک .siloow-close جای‌گذاری را انجام می‌دهد) */
.siloow-ac-dock-sheet__handle{all:unset;box-sizing:border-box;display:block;width:44px;height:5px;border-radius:999px;background:#d1d5db;margin:2px auto 18px;cursor:pointer}
.siloow-ac-dock-sheet__box{padding-top:16px}

/* ===== نوار جستجوی داک: مینیمال، بدون دکمه بستن/جستجو (v3.37) ===== */
.siloow-ac-dock__search-form{padding:6px 12px 6px 6px}
.siloow-ac-dock__search-ic{display:inline-flex;align-items:center;justify-content:center;flex:none;color:#9ca3af}
.siloow-ac-dock__search-ic svg{width:19px;height:19px;display:block}
.siloow-ac-dock__search-enter{all:unset;box-sizing:border-box;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;color:#9ca3af;transition:background .18s cubic-bezier(.2,0,0,1),color .18s}
.siloow-ac-dock__search-enter svg{width:18px;height:18px;display:block}
.siloow-ac-dock__search-enter:hover{background:#fff;color:var(--siloow-accent,#ef4056)}

/* آیتم‌های داک: سه حالت عادی/هاور/فعال — رنگ‌ها از ویجت المنتور کنترل می‌شوند */
.siloow-ac-dock__item{transition:background .2s cubic-bezier(.2,0,0,1),color .2s,transform .2s}
.siloow-ac-dock__item:hover{background:var(--siloow-ac-dock-bg-hover,var(--siloow-soft,#f3f4f6))}
.siloow-ac-dock__item:active{transform:scale(.96)}
.siloow-ac-dock__item .siloow-ac-dock__icon,.siloow-ac-dock__item .siloow-ac-dock__label{transition:color .2s cubic-bezier(.2,0,0,1)}
/* آیتم برجسته/FAB نباید پس‌زمینه هاور بگیرد */
.siloow-ac-dock__item--highlight:hover,.siloow-ac-dock__item--fab:hover{background:transparent!important}
.siloow-ac-dock__item--highlight:hover .siloow-ac-dock__icon-wrap,.siloow-ac-dock__item--fab:hover .siloow-ac-dock__icon-wrap{filter:brightness(1.06)}

/* فاصله دکمه بستن از نام کاربر در شیت «حساب من» */
.siloow-ac-dock__account-box{padding-top:16px!important}
.siloow-ac-dock__account-box .siloow-auth-user__head{padding-top:26px!important}
.siloow-ac-dock-sheet__box .siloow-auth-user__head{padding-top:26px}

/* ===================================================================
   ظاهر نوار — حالت‌های جدید (v3.38)
   همه از متغیرهای مشترک نوار استفاده می‌کنند تا تنظیمات اندازه/رنگ
   دشبورد روی هر ۱۲ حالت یکسان اثر بگذارد.
   =================================================================== */

/* 01 — Minimal Clean: تمیز، بدون سایه سنگین، نقطه زیر آیتم فعال */
.siloow-ac-dock-wrap--style-minimal .siloow-ac-dock{background:#fff;border-top:1px solid var(--siloow-line,#eceef1);box-shadow:none}
.siloow-ac-dock-wrap--style-minimal .siloow-ac-dock__item{position:relative;background:transparent!important}
.siloow-ac-dock-wrap--style-minimal .siloow-ac-dock__item.is-active::after{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:var(--siloow-accent,#ef4056)}
.siloow-ac-dock-wrap--style-minimal .siloow-ac-dock__icon-wrap{background:transparent}

/* 03 — Floating (شناور و جدا از لبه) */
.siloow-ac-dock-wrap--style-floating{padding:0 14px calc(12px + env(safe-area-inset-bottom,0px))}
.siloow-ac-dock-wrap--style-floating .siloow-ac-dock{border:0;border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(17,24,39,.16),0 2px 8px rgba(17,24,39,.06)}
.siloow-ac-dock-wrap--style-floating .siloow-ac-dock__item.is-active .siloow-ac-dock__icon-wrap{background:color-mix(in srgb,var(--siloow-accent,#ef4056) 12%,transparent)}

/* 05 — Pill Highlight: آیتم فعال داخل کپسول رنگی (قواعد کامل پایین‌تر) */
.siloow-ac-dock-wrap--style-pill .siloow-ac-dock{background:#fff;border-top:1px solid var(--siloow-line,#eceef1)}

/* 07 — Gradient Bold */
.siloow-ac-dock-wrap--style-gradient .siloow-ac-dock{border:0;background:linear-gradient(90deg,var(--siloow-ac-dock-grad-a,#7c3aed),var(--siloow-ac-dock-grad-b,#ec4899));box-shadow:0 -6px 24px rgba(124,58,237,.28)}
.siloow-ac-dock-wrap--style-gradient .siloow-ac-dock__icon,.siloow-ac-dock-wrap--style-gradient .siloow-ac-dock__label{color:rgba(255,255,255,.78)!important}
.siloow-ac-dock-wrap--style-gradient .siloow-ac-dock__item:hover{background:rgba(255,255,255,.12)!important}
.siloow-ac-dock-wrap--style-gradient .siloow-ac-dock__item.is-active .siloow-ac-dock__icon,
.siloow-ac-dock-wrap--style-gradient .siloow-ac-dock__item.is-active .siloow-ac-dock__label{color:#fff!important}
.siloow-ac-dock-wrap--style-gradient .siloow-ac-dock__item.is-active .siloow-ac-dock__icon-wrap{background:rgba(255,255,255,.2)}

/* 08 — Outline Icons: خط زیر آیتم فعال */
.siloow-ac-dock-wrap--style-outline .siloow-ac-dock{background:#fff;border-top:1px solid var(--siloow-line,#eceef1);box-shadow:none}
.siloow-ac-dock-wrap--style-outline .siloow-ac-dock__item{position:relative;background:transparent!important}
.siloow-ac-dock-wrap--style-outline .siloow-ac-dock__icon svg{fill:none!important;stroke:currentColor;stroke-width:1.7}
.siloow-ac-dock-wrap--style-outline .siloow-ac-dock__item.is-active::after{content:"";position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:18px;height:2px;border-radius:2px;background:var(--siloow-accent,#ef4056)}

/* 09 — Tab with Indicator: نشانگر بالای آیتم فعال */
.siloow-ac-dock-wrap--style-indicator .siloow-ac-dock{background:#fff;border-top:1px solid var(--siloow-line,#eceef1)}
.siloow-ac-dock-wrap--style-indicator .siloow-ac-dock__item{position:relative;background:transparent!important}
.siloow-ac-dock-wrap--style-indicator .siloow-ac-dock__item::before{content:"";position:absolute;top:0;left:50%;width:0;height:3px;border-radius:0 0 3px 3px;background:var(--siloow-accent,#ef4056);transform:translateX(-50%);transition:width .26s cubic-bezier(.2,0,0,1)}
.siloow-ac-dock-wrap--style-indicator .siloow-ac-dock__item.is-active::before{width:32px}

/* 10 — Curved Background */
.siloow-ac-dock-wrap--style-curved{padding:0 10px calc(10px + env(safe-area-inset-bottom,0px))}
.siloow-ac-dock-wrap--style-curved .siloow-ac-dock{border:0;border-radius:26px;background:linear-gradient(90deg,var(--siloow-ac-dock-grad-a,#6d28d9),var(--siloow-ac-dock-grad-b,#8b5cf6));box-shadow:0 10px 30px rgba(109,40,217,.3)}
.siloow-ac-dock-wrap--style-curved .siloow-ac-dock__icon,.siloow-ac-dock-wrap--style-curved .siloow-ac-dock__label{color:rgba(255,255,255,.8)!important}
.siloow-ac-dock-wrap--style-curved .siloow-ac-dock__item:hover{background:rgba(255,255,255,.12)!important}
.siloow-ac-dock-wrap--style-curved .siloow-ac-dock__item.is-active .siloow-ac-dock__icon,
.siloow-ac-dock-wrap--style-curved .siloow-ac-dock__item.is-active .siloow-ac-dock__label{color:#fff!important}
.siloow-ac-dock-wrap--style-curved .siloow-ac-dock__item.is-active .siloow-ac-dock__icon-wrap{background:rgba(255,255,255,.22);border-radius:14px}

/* 11 — Dock Style (الهام از iOS) */
.siloow-ac-dock-wrap--style-ios{padding:0 12px calc(10px + env(safe-area-inset-bottom,0px))}
.siloow-ac-dock-wrap--style-ios .siloow-ac-dock{border:0;border-radius:22px;background:color-mix(in srgb,var(--siloow-ac-dock-bg,#fff) 86%,transparent);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);box-shadow:0 8px 28px rgba(17,24,39,.14)}
.siloow-ac-dock-wrap--style-ios .siloow-ac-dock__item.is-active .siloow-ac-dock__icon-wrap{background:color-mix(in srgb,var(--siloow-accent,#ef4056) 12%,transparent);border-radius:14px}
.siloow-ac-dock-wrap--style-ios .siloow-ac-dock__label{font-size:10.5px}

/* ۴) Pill Highlight — فقط آیتم فعال زیرعنوان دارد، بقیه فقط آیکون */
.siloow-ac-dock-wrap--style-pill .siloow-ac-dock__item{flex-direction:row;gap:6px;align-items:center;justify-content:center;padding:6px 8px;border-radius:999px;transition:background .26s cubic-bezier(.2,0,0,1),padding .26s cubic-bezier(.2,0,0,1)}
.siloow-ac-dock-wrap--style-pill .siloow-ac-dock__item .siloow-ac-dock__label{display:none}
.siloow-ac-dock-wrap--style-pill .siloow-ac-dock__item.is-active{background:color-mix(in srgb,var(--siloow-accent,#ef4056) 13%,transparent);padding:6px 14px}
.siloow-ac-dock-wrap--style-pill .siloow-ac-dock__item.is-active .siloow-ac-dock__label{display:block;white-space:nowrap;color:var(--siloow-accent,#ef4056);font-weight:700}
.siloow-ac-dock-wrap--style-pill .siloow-ac-dock__item.is-active .siloow-ac-dock__icon-wrap{background:transparent;width:auto;min-width:0;padding:0}
.siloow-ac-dock-wrap--style-pill .siloow-ac-dock__item.is-active .siloow-ac-dock__icon{color:var(--siloow-accent,#ef4056)}
.siloow-ac-dock-wrap--style-pill .siloow-ac-dock--no-labels .siloow-ac-dock__item.is-active .siloow-ac-dock__label{display:none}

/* جلوگیری از زوم موبایل روی فیلدهای داخل شیت حساب کاربری */
@media (max-width:820px){.siloow-ac-dock__account-box input,.siloow-ac-dock-sheet__box input{font-size:16px!important}}

/* آیکون‌های خطی (Lucide) در نوار موبایل نباید fill بگیرند */
.siloow-ac-dock__icon svg.siloow-icon--stroke,
.siloow-ac-dock__icon svg[stroke]{fill:none!important;stroke:currentColor}
.siloow-ac-dock__icon svg.siloow-icon--stroke{width:1.05em;height:1.05em;stroke-width:1.9}

/* ===================================================================
   v3.50.0 — پنل‌های داک «از زیر نوار» باز می‌شوند
   خواسته: دقیقاً مثل دکمه «جستجو»، پنل‌های «حساب من» / «سبد خرید» / «فیلترها»
   هم باید بالای نوار دکمه‌های اپلیکیشنی بنشینند، نه رویش. اینطوری نوار همیشه
   دیده می‌شود و کاربر بدون بستن پنل می‌تواند به دکمه دیگری سوییچ کند.
   پیاده‌سازی عمداً فقط CSS است تا برای هر سه پنل (که هرکدام JS خودش را دارد)
   یکسان کار کند و هیچ رفتاری روی دسکتاپ عوض نشود.
   =================================================================== */

/* نوار همیشه بالاتر از هر شیت/کشو تا دکمه‌ها قابل کلیک بمانند */
.siloow-ac-dock-wrap{z-index:100090}

/* لایه‌ی پس‌زمینه‌ی هر پنل فقط ناحیه‌ی بالای نوار را می‌پوشاند */
body.siloow-has-dock .siloow-ac-dock-sheet,
body.siloow-has-dock .siloow-cart-widget--sheet{top:0;bottom:var(--siloow-ac-dock-h,0px)}
body.siloow-has-dock .siloow-ac-dock-sheet__overlay,
body.siloow-has-dock .siloow-cart-widget--sheet .siloow-cart-widget__sheet-backdrop,
body.siloow-has-dock .siloow-filter__overlay{bottom:var(--siloow-ac-dock-h,0px)}

/* خودِ باکس‌ها بالای نوار می‌نشینند، با یک فاصله‌ی مشخص (--siloow-ac-dock-gap) از لبه‌ی نوار، و
   ارتفاعشان طوری محدود می‌شود که همه‌ی محتوا داخل کادر گوشی بماند (نه زیر نوار، نه بیرون از صفحه). */
:root{--siloow-ac-dock-gap:10px}
body.siloow-has-dock .siloow-cart-widget--sheet .siloow-cart-widget__panel{
	bottom:calc(var(--siloow-ac-dock-h,0px) + var(--siloow-ac-dock-gap,10px));
	padding-bottom:16px;
	max-height:calc(100dvh - var(--siloow-ac-dock-h,0px) - var(--siloow-ac-dock-gap,10px) - 56px);
	border-radius:22px;
}
body.siloow-has-dock .siloow-filter__drawer{
	bottom:var(--siloow-ac-dock-h,0px);
	height:calc(92dvh - var(--siloow-ac-dock-h,0px));
	max-height:calc(92dvh - var(--siloow-ac-dock-h,0px));
}
body.siloow-has-dock .siloow-ac-dock-sheet__box{
	padding-bottom:16px;
	margin-bottom:var(--siloow-ac-dock-gap,10px);
	max-height:calc(100dvh - var(--siloow-ac-dock-h,0px) - var(--siloow-ac-dock-gap,10px) - 56px);
	border-radius:22px;
}
/* شیت «حساب من» (ساخته‌شده توسط auth.js) هم مثل بقیه بالای نوار و با همان فاصله */
body.siloow-has-dock .siloow-ac-dock__account-panel{top:0;bottom:var(--siloow-ac-dock-h,0px)}
body.siloow-has-dock .siloow-ac-dock__account-box{
	padding-bottom:20px!important;
	margin-bottom:var(--siloow-ac-dock-gap,10px);
	max-height:calc(100dvh - var(--siloow-ac-dock-h,0px) - var(--siloow-ac-dock-gap,10px) - 56px);
	border-radius:22px;
	width:calc(100% - 20px);
}
body.siloow-has-dock .siloow-ac-dock-sheet__box{width:calc(100% - 20px)}
body.siloow-has-dock .siloow-cart-widget--sheet .siloow-cart-widget__panel{left:10px;right:10px;width:auto}

/* ===== v3.99.0 — حالتِ بسته باید کاملاً پنهان باشد =====
   این شیت‌ها در حالت بسته با translateY(100%) — یعنی دقیقاً به اندازه‌ی ارتفاع خودشان — پایین می‌روند.
   وقتی لبه‌ی پایینشان را بالای نوار بردیم (bottom/margin)، همان مقدار جابه‌جایی دیگر کافی نبود و
   نوارِ باریکِ سفیدی از شیتِ بسته بالای دک باقی می‌ماند (باریک‌تر از خود دک، چون ۱۰px از دو طرف
   تورفتگی دارد). حالا به‌اندازه‌ی همان آفست اضافه هم پایین می‌روند تا هیچ‌چیز پیدا نباشد. */
body.siloow-has-dock .siloow-cart-widget--sheet:not(.is-open) .siloow-cart-widget__panel{
	transform:translateY(calc(100% + var(--siloow-ac-dock-h,0px) + var(--siloow-ac-dock-gap,10px)));
}
body.siloow-has-dock .siloow-ac-dock__account-panel:not(.is-open) .siloow-ac-dock__account-box,
body.siloow-has-dock .siloow-ac-dock-sheet:not(.is-open) .siloow-ac-dock-sheet__box{
	transform:translateY(calc(100% + var(--siloow-ac-dock-gap,10px)));
}

/* ===== فاصله‌ی دک از فوتر (v3.98.0) =====
   نوار ثابتِ پایین، انتهای فوتر را می‌پوشاند و کاربر نمی‌تواند آخرین خط فوتر را بخواند.
   به‌اندازه‌ی ارتفاع واقعی نوار (که dock.js در --siloow-ac-dock-h می‌نویسد) + یک فاصله‌ی کوچک،
   به انتهای صفحه پدینگ می‌دهیم تا با اسکرول تا انتها، کل فوتر بالای نوار دیده شود. */
@media(max-width:767px){
	body.siloow-has-dock{padding-bottom:calc(var(--siloow-ac-dock-h,64px) + var(--siloow-ac-dock-gap,10px))!important}
}

/* ===== بازبینی ۱۲ ظاهر (v3.98.0) =====
   - همه‌ی حالت‌ها رنگ/گردی/ارتفاع را از متغیرهای مشترک دشبورد می‌گیرند؛ حالت‌های شناور (floating/curved/ios)
     گردیِ همه‌ی گوشه‌ها را از همان متغیر می‌خوانند (نه فقط بالا).
   - در دستگاه‌های ضعیف یا با «کاهش حرکت»، بلور پس‌زمینه (پرهزینه‌ترین افکت) خاموش می‌شود. */
.siloow-ac-dock-wrap--style-floating .siloow-ac-dock,
.siloow-ac-dock-wrap--style-curved .siloow-ac-dock,
.siloow-ac-dock-wrap--style-ios .siloow-ac-dock{border-radius:var(--siloow-ac-dock-radius,24px)}
.siloow-ac-dock-wrap--style-floating .siloow-ac-dock{border-radius:var(--siloow-ac-dock-radius,24px)}
@media (prefers-reduced-motion:reduce){
	.siloow-ac-dock__item,.siloow-ac-dock__icon,.siloow-ac-dock__label,.siloow-ac-dock-wrap--style-indicator .siloow-ac-dock__item::before,
	.siloow-ac-dock-wrap--style-pill .siloow-ac-dock__item,.siloow-ac-dock__search-panel{transition:none!important}
}
@media (prefers-reduced-transparency:reduce){
	.siloow-ac-dock-wrap--style-glass .siloow-ac-dock,.siloow-ac-dock-wrap--style-ios .siloow-ac-dock{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--siloow-ac-dock-bg,#fff)}
}
/* آیتم‌ها در همه‌ی حالت‌ها هدفِ لمسی حداقل ۴۴px دارند */
.siloow-ac-dock__item{min-height:44px;min-width:44px}
/* FAB و آیتم برجسته وقتی نوار گوشه‌ی گرد دارد بیرون نزنند و لبه‌ی سفیدشان با هر پس‌زمینه‌ای هماهنگ باشد */
.siloow-ac-dock-wrap--style-fab .siloow-ac-dock__item--fab .siloow-ac-dock__icon-wrap{border-color:var(--siloow-ac-dock-bg,#fff)}

/* ===== v4.11.0 — همه‌ی پنل‌های داک مثل پنل «جستجو» باز می‌شوند =====
   پنل جستجو تمام‌عرض و دقیقاً چسبیده به لبه‌ی بالای نوار باز می‌شود. «حساب من»، «سبد خرید» و
   «فیلترها» تا اینجا ۱۰ پیکسل از هر طرف تورفتگی و یک فاصله از نوار داشتند؛ حالا همان رفتار
   پنل جستجو را دارند. فقط گوشه‌های بالا گرد می‌مانند تا شکل «شیت» حفظ شود.
   فاصله‌ی --siloow-ac-dock-gap همچنان برای فاصله‌ی خودِ نوار از فوتر استفاده می‌شود. */
body.siloow-has-dock .siloow-ac-dock__account-box,
body.siloow-has-dock .siloow-ac-dock-sheet__box{
	width:100%;
	margin-bottom:0;
	border-radius:var(--siloow-ac-dock-panel-radius,18px) var(--siloow-ac-dock-panel-radius,18px) 0 0;
	max-height:calc(100dvh - var(--siloow-ac-dock-h,0px) - 56px);
}
body.siloow-has-dock .siloow-cart-widget--sheet .siloow-cart-widget__panel{
	left:0;right:0;width:auto;
	bottom:var(--siloow-ac-dock-h,0px);
	border-radius:var(--siloow-ac-dock-panel-radius,18px) var(--siloow-ac-dock-panel-radius,18px) 0 0;
	max-height:calc(100dvh - var(--siloow-ac-dock-h,0px) - 56px);
}
/* کشوی فیلتر هم دقیقاً روی لبه‌ی نوار می‌نشیند */
body.siloow-has-dock .siloow-filter__drawer{
	bottom:var(--siloow-ac-dock-h,0px);
	border-radius:var(--siloow-ac-dock-panel-radius,18px) var(--siloow-ac-dock-panel-radius,18px) 0 0;
}
/* حالت بسته: چون دیگر فاصله‌ای نیست، جابه‌جایی به اندازه‌ی ارتفاع خودِ شیت به‌علاوه‌ی ارتفاع نوار
   کافی است تا هیچ نواری از شیتِ بسته بالای داک پیدا نباشد. */
body.siloow-has-dock .siloow-cart-widget--sheet:not(.is-open) .siloow-cart-widget__panel,
body.siloow-has-dock .siloow-ac-dock__account-panel:not(.is-open) .siloow-ac-dock__account-box,
body.siloow-has-dock .siloow-ac-dock-sheet:not(.is-open) .siloow-ac-dock-sheet__box{
	transform:translateY(calc(100% + var(--siloow-ac-dock-h,0px)));
}