#mcp-fab{position:fixed;bottom:16px;z-index:99998;display:flex;align-items:center;gap:7px;background:var(--mcp-accent);color:#fff;border:none;border-radius:999px;padding:11px 18px;font-size:13px;font-family:var(--mcp-font);box-shadow:0 4px 14px rgba(0,0,0,.22);cursor:pointer}
#mcp-fab.mcp-fab-right{right:16px}
#mcp-fab.mcp-fab-left{left:16px}
#mcp-fab.mcp-fab-center{left:50%;transform:translateX(-50%)}
@media (min-width:768px){#mcp-fab.mcp-fab-mobile{display:none}}

/* منوی پایین چسبنده */
#mcp-nav{position:fixed;bottom:0;left:0;right:0;z-index:99997;display:flex;align-items:stretch;background:var(--mcp-nav-bg,#fff);height:var(--mcp-nav-h,58px);border-radius:var(--mcp-nav-r,14px) var(--mcp-nav-r,14px) 0 0;border-top:1px solid var(--mcp-border);direction:rtl;font-family:var(--mcp-font);transition:transform .25s ease}
#mcp-nav.mcp-nav-shadow{box-shadow:0 -4px 18px rgba(0,0,0,.08)}
#mcp-nav.mcp-nav-hidden{transform:translateY(120%)}
@media (min-width:768px){#mcp-nav.mcp-nav-mobile{display:none}}
.mcp-nav-it{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;text-decoration:none;color:var(--mcp-text);cursor:pointer;font-family:inherit;padding:0;min-width:0}
.mcp-nav-ico{position:relative;width:26px;height:26px;display:flex;align-items:center;justify-content:center}
.mcp-nav-ico svg{width:22px;height:22px;fill:currentColor}
.mcp-nav-ico img{width:24px;height:24px;object-fit:contain;border:none !important;background:none !important;border-radius:0 !important}
.mcp-nav-lb{font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mcp-nav-cats .mcp-nav-ico{width:44px;height:44px;background:var(--mcp-accent);border-radius:50%;color:#fff;margin-top:-18px;box-shadow:0 5px 14px rgba(0,0,0,.2)}
.mcp-nav-cats .mcp-nav-ico svg{fill:#fff;width:20px;height:20px}
.mcp-nav-cats .mcp-nav-ico img{width:22px;height:22px}
.mcp-nav-badge{position:absolute;top:-5px;left:-8px;background:var(--mcp-accent);color:#fff;font-style:normal;font-size:9px;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}
body.mcp-has-nav{padding-bottom:calc(var(--mcp-nav-h,58px) + 10px)}
@media (min-width:768px){body.mcp-has-nav.mcp-nav-is-mobile{padding-bottom:0}}
body.mcp-has-nav #mcp-fab{bottom:calc(var(--mcp-nav-h,58px) + 14px)}
@media (prefers-reduced-motion:reduce){#mcp-nav{transition:none}}

/* ===== ۲۰ استایل آماده منوی پایل ===== */
/* پایه‌ی رنگ فعال */
.mcp-nav-it.mcp-nav-active,.mcp-nav-it:active{color:var(--mcp-nav-active,var(--mcp-accent))}
/* 1: کلاسیک (پیش‌فرض) */
/* 2: آیتم فعالِ حباب گرد */
.mcp-nav-s2 .mcp-nav-it .mcp-nav-ico{border-radius:50%;width:34px;height:34px;transition:background .2s}
.mcp-nav-s2 .mcp-nav-it.mcp-nav-active .mcp-nav-ico{background:var(--mcp-nav-active,var(--mcp-accent));color:#fff}
.mcp-nav-s2 .mcp-nav-it.mcp-nav-active .mcp-nav-ico svg{fill:#fff}
/* 3: نوار بالای آیتم فعال */
.mcp-nav-s3 .mcp-nav-it{position:relative}
.mcp-nav-s3 .mcp-nav-it.mcp-nav-active::before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;border-radius:0 0 4px 4px;background:var(--mcp-nav-active,var(--mcp-accent))}
/* 4: کپسول پررنگ پشت آیتم فعال */
.mcp-nav-s4 .mcp-nav-it.mcp-nav-active{background:var(--mcp-nav-active,var(--mcp-accent));color:#fff;border-radius:14px;margin:7px 4px}
.mcp-nav-s4 .mcp-nav-it.mcp-nav-active svg{fill:#fff}
/* 5: شناور با فاصله از پایین و گردی کامل */
.mcp-nav-s5{left:12px;right:12px;bottom:12px;border-radius:20px;border:1px solid var(--mcp-border)}
/* 6: شیشه‌ای */
.mcp-nav-s6{background:rgba(255,255,255,.72) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.5)}
/* 7: تیره */
.mcp-nav-s7{background:#1c1f26 !important;border-top-color:#2b2f3a}
.mcp-nav-s7 .mcp-nav-it{color:#c7ccd6}
.mcp-nav-s7 .mcp-nav-it.mcp-nav-active{color:#fff}
/* 8: گرادیان رنگ برند در آیتم فعال */
.mcp-nav-s8 .mcp-nav-it.mcp-nav-active .mcp-nav-ico{background:linear-gradient(135deg,var(--mcp-nav-active,var(--mcp-accent)),#ff8a3d);border-radius:12px;width:34px;height:34px;color:#fff}
.mcp-nav-s8 .mcp-nav-it.mcp-nav-active .mcp-nav-ico svg{fill:#fff}
/* 9: خط زیر آیتم فعال */
.mcp-nav-s9 .mcp-nav-it.mcp-nav-active{box-shadow:inset 0 -3px 0 var(--mcp-nav-active,var(--mcp-accent))}
/* 10: نقطه زیر آیکون فعال */
.mcp-nav-s10 .mcp-nav-it.mcp-nav-active .mcp-nav-lb::after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--mcp-nav-active,var(--mcp-accent));margin:3px auto 0}
/* 11: کارت جدا با سایه قوی */
.mcp-nav-s11{left:10px;right:10px;bottom:10px;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.16);border:none}
/* 12: حاشیه بالای ضخیم رنگی */
.mcp-nav-s12{border-top:3px solid var(--mcp-nav-active,var(--mcp-accent))}
/* 13: آیکون‌های بزرگ بدون متن‌گرایی */
.mcp-nav-s13 .mcp-nav-ico svg{width:25px;height:25px}
.mcp-nav-s13 .mcp-nav-lb{font-size:9px}
/* 14: حباب نرم پشت آیتم فعال */
.mcp-nav-s14 .mcp-nav-it.mcp-nav-active{background:rgba(0,0,0,.06);border-radius:14px;margin:6px 3px}
.mcp-nav-s14 .mcp-nav-it.mcp-nav-active{background:color-mix(in srgb,var(--mcp-nav-active,var(--mcp-accent)) 14%,transparent)}
/* 15: مینیمال بدون خط بالا */
.mcp-nav-s15{border-top:none;box-shadow:0 -1px 10px rgba(0,0,0,.05)}
/* 16: گرد فقط گوشه‌های بالا زیاد */
.mcp-nav-s16{border-radius:26px 26px 0 0}
/* 17: آیتم فعال بزرگ‌نما */
.mcp-nav-s17 .mcp-nav-it{transition:transform .18s}
.mcp-nav-s17 .mcp-nav-it.mcp-nav-active{transform:translateY(-4px) scale(1.12)}
/* 18: پس‌زمینه آجری با آیتم فعال سفید */
.mcp-nav-s18{background:var(--mcp-nav-active,var(--mcp-accent)) !important}
.mcp-nav-s18 .mcp-nav-it{color:rgba(255,255,255,.8)}
.mcp-nav-s18 .mcp-nav-it svg{fill:rgba(255,255,255,.8)}
.mcp-nav-s18 .mcp-nav-it.mcp-nav-active{color:#fff}
.mcp-nav-s18 .mcp-nav-it.mcp-nav-active svg{fill:#fff}
.mcp-nav-s18 .mcp-nav-cats .mcp-nav-ico{background:#fff;color:var(--mcp-nav-active,var(--mcp-accent))}
.mcp-nav-s18 .mcp-nav-cats .mcp-nav-ico svg{fill:var(--mcp-nav-active,var(--mcp-accent))}
/* 19: دو رنگ - نیمه بالا نازک */
.mcp-nav-s19{border-top:1px solid var(--mcp-border);box-shadow:0 -6px 16px rgba(0,0,0,.06)}
.mcp-nav-s19 .mcp-nav-it.mcp-nav-active .mcp-nav-ico{background:var(--mcp-nav-active,var(--mcp-accent));color:#fff;width:32px;height:32px;border-radius:10px}
.mcp-nav-s19 .mcp-nav-it.mcp-nav-active .mcp-nav-ico svg{fill:#fff}
/* 20: شیشه‌ای شناور کامل */
.mcp-nav-s20{left:14px;right:14px;bottom:14px;border-radius:22px;background:rgba(255,255,255,.7) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 30px rgba(0,0,0,.14)}
.mcp-nav-s5,.mcp-nav-s11,.mcp-nav-s20{height:var(--mcp-nav-h,58px)}

/* افکت شیشه‌ای */
.mcp-glass .mcp-panel{background:rgba(255,255,255,.72)}
.mcp-glass .mcp-side{background:rgba(255,255,255,.3)}
.mcp-glass .mcp-main{background:rgba(240,242,245,.4)}
.mcp-glass .mcp-box{background:rgba(255,255,255,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mcp-glass .mcp-side-item.mcp-active{background:rgba(240,242,245,.78)}
.mcp-glass .mcp-search input{background:rgba(240,242,245,.6)}
.mcp-glass-nav{background:rgba(255,255,255,.75) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.mcp-inline-btn{background:var(--mcp-accent);color:#fff;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-family:var(--mcp-font);cursor:pointer}

.mcp-overlay{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,var(--mcp-dim,.45));opacity:0;visibility:hidden;pointer-events:none}
.mcp-overlay.mcp-is-open{opacity:1;visibility:visible;pointer-events:auto}
.mcp-overlay.mcp-anim{transition:opacity .22s ease, visibility .22s ease}
.mcp-anim .mcp-panel{transform:translateY(16px);transition:transform .26s ease}
.mcp-anim.mcp-is-open .mcp-panel{transform:none}
@media (prefers-reduced-motion:reduce){
	.mcp-overlay.mcp-anim,.mcp-anim .mcp-panel{transition:none}
}
body.mcp-noscroll{overflow:hidden}

.mcp-panel{background:var(--mcp-side-bg);height:100%;width:100%;max-width:430px;margin-inline:auto;display:flex;flex-direction:column;direction:rtl;text-align:right;border-radius:var(--mcp-panel-radius);overflow:hidden;font-family:var(--mcp-font)}
@media (max-width:767px){.mcp-panel{max-width:none}}

.mcp-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;flex:0 0 auto}
.mcp-title{font-weight:700;font-size:14px;color:var(--mcp-title)}
.mcp-close{background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:var(--mcp-title);padding:0 4px}

.mcp-body{flex:1 1 auto;display:flex;min-height:0}

/* ستون راست: دسته‌های مادر — عکس PNG بدون هیچ قاب */
.mcp-side{width:var(--mcp-side-w);flex:0 0 var(--mcp-side-w);overflow-y:auto;background:var(--mcp-side-bg);padding:0;-webkit-overflow-scrolling:touch}
.mcp-side-item{position:relative;padding:var(--mcp-side-pad) 6px;text-align:center;cursor:pointer;border-bottom:1px solid var(--mcp-border)}
.mcp-side-item:last-child{border-bottom:none}
.mcp-side-item img{width:var(--mcp-side-img);height:var(--mcp-side-img);object-fit:contain;display:block;margin:0 auto;border:none !important;border-radius:0 !important;background:none !important;box-shadow:none !important;padding:0 !important}
.mcp-side-item span{display:block;margin-top:6px;font-size:var(--mcp-fs-side);color:var(--mcp-text);line-height:1.7}
.mcp-side-item.mcp-active{background:var(--mcp-main-bg);border-radius:var(--mcp-active-radius)}
.mcp-side-item.mcp-active span{color:var(--mcp-accent);font-weight:700}
.mcp-side-item.mcp-active::before{content:"";position:absolute;right:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--mcp-accent)}

/* بخش اصلی: هر فرزند یک باکس */
.mcp-main{flex:1 1 auto;overflow-y:auto;padding:12px;min-width:0;background:var(--mcp-main-bg);-webkit-overflow-scrolling:touch;margin-right:var(--mcp-side-gap);position:relative;z-index:1}
.mcp-box{background:var(--mcp-box-bg);border:1px solid var(--mcp-border);border-radius:var(--mcp-box-radius);margin:0 0 var(--mcp-box-gap);overflow:hidden}
.mcp-shadow .mcp-box{box-shadow:0 1px 8px rgba(0,0,0,.07)}
.mcp-box-head{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-bottom:1px solid var(--mcp-border)}
.mcp-box-head b{font-size:var(--mcp-fs-title);font-weight:700;color:var(--mcp-title)}
.mcp-box-head a{font-size:var(--mcp-fs-viewall);color:var(--mcp-accent);text-decoration:none}

/* زیردسته‌ها — عکس PNG بدون هیچ قاب */
.mcp-grid{display:grid;grid-template-columns:repeat(var(--mcp-cols),1fr);gap:var(--mcp-grid-gap) 8px;padding:14px 8px}
.mcp-item{text-align:center;text-decoration:none;color:var(--mcp-text);display:block}
.mcp-item img{width:var(--mcp-item-img);height:var(--mcp-item-img);object-fit:contain;display:block;margin:0 auto;border:none !important;border-radius:0 !important;background:none !important;box-shadow:none !important;padding:0 !important}
.mcp-item span{display:block;margin-top:6px;font-size:var(--mcp-fs-item);line-height:1.7}

.mcp-empty{padding:34px 10px;text-align:center;color:var(--mcp-text);font-size:12.5px}

/* جلوه‌های هاور و لرزش انتخاب دسته مادر */
.mcp-fx .mcp-side-item img,.mcp-fx .mcp-item img{transition:transform .18s ease}
.mcp-fx .mcp-side-item:hover img{transform:scale(1.09)}
.mcp-fx .mcp-item:hover img{transform:translateY(-2px) scale(1.07)}
.mcp-fx .mcp-item span{transition:color .18s ease}
.mcp-fx .mcp-item:hover span{color:var(--mcp-accent)}
.mcp-fx .mcp-box{transition:box-shadow .2s ease}
.mcp-fx .mcp-box:hover{box-shadow:0 3px 14px rgba(0,0,0,.09)}
@keyframes mcpWiggle{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-7deg) scale(1.08)}50%{transform:rotate(6deg) scale(1.1)}75%{transform:rotate(-3deg) scale(1.05)}100%{transform:rotate(0) scale(1)}}
.mcp-fx .mcp-side-item.mcp-wiggle img{animation:mcpWiggle .5s ease}
.mcp-fx .mcp-side-item.mcp-wiggle span{animation:mcpWiggle .5s ease .05s}
@media (prefers-reduced-motion:reduce){
	.mcp-fx .mcp-side-item img,.mcp-fx .mcp-item img,.mcp-fx .mcp-item span,.mcp-fx .mcp-box{transition:none}
	.mcp-fx .mcp-side-item.mcp-wiggle img,.mcp-fx .mcp-side-item.mcp-wiggle span{animation:none}
}

/* جستجو، بنر و برچسب */
.mcp-search{padding:0 12px 10px;flex:0 0 auto}
.mcp-search input{width:100%;box-sizing:border-box;background:var(--mcp-main-bg);border:1px solid var(--mcp-border);border-radius:10px;padding:9px 12px;font-size:12.5px;font-family:var(--mcp-font);color:var(--mcp-title);outline:none}
.mcp-sr{background:var(--mcp-box-bg);border:1px solid var(--mcp-border);border-radius:var(--mcp-box-radius);overflow:hidden;margin-bottom:10px}
.mcp-sr-head{background:var(--mcp-main-bg);padding:7px 12px;font-size:11px;font-weight:700;color:var(--mcp-text);border-bottom:1px solid var(--mcp-border)}
.mcp-sr-loading{padding:14px 12px;text-align:center;font-size:11.5px;color:var(--mcp-text)}
.mcp-sr-price{display:block;margin-top:3px;color:var(--mcp-accent);font-size:11.5px;font-weight:600}
.mcp-sr-price del{color:var(--mcp-text);font-weight:400;opacity:.7}
.mcp-sr-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--mcp-border);text-decoration:none;cursor:pointer}
.mcp-sr-img{width:36px;height:36px;object-fit:contain;flex:0 0 36px;border:none !important;background:none !important;border-radius:0 !important}
.mcp-sr-txt{min-width:0}
.mcp-sr-row:last-child{border-bottom:none}
.mcp-sr-row b{font-size:12.5px;font-weight:600;color:var(--mcp-title)}
.mcp-sr-row small{display:block;color:var(--mcp-text);font-size:10.5px;margin-top:2px}
.mcp-banner{display:block;margin:0 0 var(--mcp-box-gap)}
.mcp-banner img{width:100%;display:block;border-radius:var(--mcp-box-radius)}
.mcp-item{position:relative}
.mcp-badge-tag{position:absolute;top:-3px;left:0;background:var(--mcp-accent);color:#fff;font-size:9px;padding:2px 6px;border-radius:8px;line-height:1.6;z-index:2}

/* آیتم‌های ستون مادر */
.mcp-panel{position:relative}
.mcp-soc{width:37px;height:37px;border-radius:50%;background:var(--mcp-box-bg);border:1px solid var(--mcp-border);display:flex;align-items:center;justify-content:center;text-decoration:none}
.mcp-soc svg{width:18px;height:18px;fill:var(--mcp-accent)}
.mcp-soc-txt span{font-size:8.5px;color:var(--mcp-accent);font-weight:700}
.mcp-sec-trust{padding:14px 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 8px}
.mcp-trust-it{text-align:center;min-width:0;background:var(--mcp-main-bg);border:1px solid var(--mcp-border);border-radius:12px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:7px}
.mcp-trust-it a,.mcp-trust-it>span:first-child{display:flex;align-items:center;justify-content:center;width:100%}
.mcp-trust-n{display:block;font-size:10.5px;color:var(--mcp-text);line-height:1.6;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mcp-sec-trust img{width:auto;height:var(--mcp-trust-size,64px);max-width:100%;object-fit:contain;border:none;border-radius:8px;background:#fff;padding:0}

/* گردونه شانس و بخش‌های ستون مادر */
.mcp-wheel-box{text-align:center;padding:16px 10px 6px;position:relative;width:100%;box-sizing:border-box}
.mcp-wheel-host{padding-bottom:16px}
.mcp-wheel-title{font-weight:700;font-size:14px;color:var(--mcp-title);margin-bottom:16px}
.mcp-wheel-wrap{position:relative;width:232px;height:232px;margin:0 auto}
.mcp-wheel{width:232px;height:232px;border-radius:50%;position:relative;box-shadow:0 0 0 6px #fff,0 0 0 8px var(--mcp-border),0 10px 26px rgba(0,0,0,.18)}
.mcp-wheel-lb{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:13px;font-size:9.5px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);pointer-events:none}
.mcp-wheel-ptr{position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:15px solid var(--mcp-title);z-index:3}
.mcp-wheel-spin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;border:4px solid #fff;background:var(--mcp-accent);color:#fff;font-weight:700;font-size:11.5px;cursor:pointer;z-index:2;font-family:var(--mcp-font)}
.mcp-wheel-spin:disabled{opacity:.75;cursor:default}
.mcp-wheel-result{margin-top:18px;font-size:13px;color:var(--mcp-title)}
.mcp-wheel-result b{display:block;margin-bottom:10px;font-size:14px}
.mcp-wheel-code{display:inline-flex;align-items:center;gap:8px;background:var(--mcp-main-bg);border:1px dashed var(--mcp-accent);border-radius:8px;padding:7px 10px}
.mcp-wheel-code span{font-weight:700;letter-spacing:1px;direction:ltr;font-size:13px}
.mcp-wheel-code button{background:var(--mcp-accent);color:#fff;border:none;border-radius:6px;padding:5px 10px;font-size:11px;cursor:pointer;font-family:var(--mcp-font)}
.mcp-wheel-login-btn{display:inline-block;margin-top:12px;background:var(--mcp-accent);color:#fff;text-decoration:none;border-radius:8px;padding:9px 22px;font-size:12.5px;font-weight:700}

/* محتوای بخش‌های شبکه اجتماعی و تماس */
.mcp-sec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 6px;padding:16px 8px}
.mcp-sec-soc{text-align:center;text-decoration:none;display:block}
.mcp-sec-soc .mcp-soc{width:46px;height:46px;margin:0 auto}
.mcp-sec-soc .mcp-soc svg{width:22px;height:22px}
.mcp-sec-soc .mcp-soc-txt span{font-size:9.5px}
.mcp-sec-soc-n{display:block;margin-top:6px;font-size:11px;color:var(--mcp-text)}
.mcp-sec-contact{padding:16px 12px;display:flex;flex-direction:column;gap:9px}
.mcp-biz-row{display:flex;align-items:center;gap:11px;background:var(--mcp-main-bg);border:1px solid var(--mcp-border);border-radius:10px;padding:11px 13px;text-decoration:none;color:var(--mcp-title)}
.mcp-biz-ico{font-size:18px;flex:0 0 auto}
.mcp-biz-tx{display:flex;flex-direction:column;min-width:0}
.mcp-biz-tx b{font-size:11px;color:var(--mcp-text);font-weight:600}
.mcp-biz-tx span{font-size:12.5px;color:var(--mcp-title);word-break:break-word}
.mcp-sec-btn{display:block;text-align:center;background:var(--mcp-accent);color:#fff;text-decoration:none;border-radius:10px;padding:12px;font-size:13px;font-weight:700;font-family:var(--mcp-font)}
.mcp-sec-btn2{background:var(--mcp-main-bg);color:var(--mcp-title);border:1px solid var(--mcp-border)}

/* افکت شیشه‌ای — با اولویت بالا تا روی همه‌ی پنل اعمال شود (رفع باگ) */
.mcp-overlay.mcp-glass .mcp-panel{background:rgba(255,255,255,.6) !important;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6)}
.mcp-overlay.mcp-glass .mcp-side{background:rgba(255,255,255,.28) !important}
.mcp-overlay.mcp-glass .mcp-main{background:rgba(255,255,255,.16) !important}
.mcp-overlay.mcp-glass .mcp-body{background:transparent !important}
.mcp-overlay.mcp-glass .mcp-search input{background:rgba(255,255,255,.5) !important}
.mcp-overlay.mcp-glass .mcp-box{background:rgba(255,255,255,.62) !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.mcp-overlay.mcp-glass .mcp-side-item.mcp-active{background:rgba(255,255,255,.4) !important}
.mcp-overlay.mcp-glass .mcp-head{background:rgba(255,255,255,.35) !important}

.mcp-wheel-note{margin-top:10px;font-size:12px;color:var(--mcp-title);background:var(--mcp-main-bg);border:1px solid var(--mcp-border);border-radius:8px;padding:8px 12px;display:inline-block}

/* ===== زیباسازی بخش تماس با ما ===== */
.mcp-contact-box{overflow:hidden}
.mcp-contact-hero{background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(0,0,0,.22)),var(--mcp-accent);color:#fff;text-align:center;padding:20px 14px 16px}
.mcp-contact-hero b{display:block;font-size:15.5px;margin-bottom:4px}
.mcp-contact-hero span{font-size:11.5px;opacity:.9}
.mcp-biz-row{position:relative}
.mcp-biz-ico{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 42px;font-size:0}
.mcp-biz-ico svg{width:20px;height:20px;fill:#fff}
.mcp-biz-go{margin-right:auto;color:var(--mcp-text);font-size:18px;opacity:.55}

/* ===== انیمیشن‌های منوی پایین ===== */
@keyframes mcpNavWig{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-7px) scale(1.14)}100%{transform:translateY(0) scale(1)}}
.mcp-nav-it.mcp-nav-wig .mcp-nav-ico{animation:mcpNavWig .4s ease}
@keyframes mcpNavTap{0%{transform:scale(1)}45%{transform:scale(1.28) rotate(-6deg)}100%{transform:scale(1)}}
.mcp-nav-it.mcp-nav-tap .mcp-nav-ico{animation:mcpNavTap .34s ease}
@media (prefers-reduced-motion:reduce){.mcp-nav-it.mcp-nav-wig .mcp-nav-ico,.mcp-nav-it.mcp-nav-tap .mcp-nav-ico{animation:none}}

/* ===== استایل‌های ۲۱ تا ۲۳ ===== */
.mcp-nav-s21 .mcp-nav-cats .mcp-nav-ico{border-radius:13px;transform:rotate(45deg);margin-top:-20px;background:var(--mcp-nav-active,var(--mcp-accent))}
.mcp-nav-s21 .mcp-nav-cats .mcp-nav-ico svg,.mcp-nav-s21 .mcp-nav-cats .mcp-nav-ico img{transform:rotate(-45deg)}
.mcp-nav-s22{border-radius:18px 18px 0 0}
@keyframes mcpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.mcp-nav-s22 .mcp-nav-cats .mcp-nav-ico{animation:mcpFloat 2.4s ease-in-out infinite}
.mcp-nav-s23{background:#12141a !important;border-top-color:#1f232e}
.mcp-nav-s23 .mcp-nav-it{color:#8f97a8}
.mcp-nav-s23 .mcp-nav-it.mcp-nav-active{color:#fff}
@keyframes mcpNeon{0%,100%{box-shadow:0 0 9px var(--mcp-nav-active,var(--mcp-accent))}50%{box-shadow:0 0 20px var(--mcp-nav-active,var(--mcp-accent)),0 0 34px var(--mcp-nav-active,var(--mcp-accent))}}
.mcp-nav-s23 .mcp-nav-cats .mcp-nav-ico{animation:mcpNeon 1.9s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.mcp-nav-s22 .mcp-nav-cats .mcp-nav-ico,.mcp-nav-s23 .mcp-nav-cats .mcp-nav-ico{animation:none}}

/* ===== ویجت شناور تماس ===== */
.mcp-fabc{position:fixed;bottom:18px;z-index:99998;font-family:var(--mcp-font)}
.mcp-fabc-left{left:16px}
.mcp-fabc-right{right:16px}
body.mcp-has-nav .mcp-fabc{bottom:calc(var(--mcp-nav-h,58px) + 16px)}
.mcp-fabc-btn{width:56px;height:56px;border-radius:18px 18px 18px 4px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.mcp-fabc-right .mcp-fabc-btn{border-radius:18px 18px 4px 18px}
.mcp-fabc-btn svg{width:27px;height:27px;fill:#fff}
.mcp-fabc-btn img{width:30px;height:30px;object-fit:contain}
.mcp-fabc-pop{position:absolute;bottom:66px;width:262px;background:#fff;border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.22);padding:12px;direction:rtl}
.mcp-fabc-left .mcp-fabc-pop{left:0}
.mcp-fabc-right .mcp-fabc-pop{right:0}
.mcp-fabc-pop[hidden]{display:none}
.mcp-fabc-pop.show{animation:mcpFabcIn .28s ease}
@keyframes mcpFabcIn{0%{opacity:0;transform:translateY(14px) scale(.96)}100%{opacity:1;transform:none}}
.mcp-fabc-close{display:block;width:100%;background:#fff;border:1.5px solid;border-radius:12px;padding:9px;font-size:13px;font-weight:700;cursor:pointer;margin-bottom:10px;font-family:inherit}
.mcp-fabc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:none;border:none;padding:9px 4px;text-decoration:none;cursor:pointer;font-family:inherit;text-align:right}
.mcp-fabc-lb{font-size:13.5px;color:#222;font-weight:600}
.mcp-fabc-ico{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 46px;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.mcp-fabc-ico svg{width:22px;height:22px;fill:#fff}
.mcp-fabc-ico b{color:#fff}
.mcp-fabc-back{background:none;border:none;color:#555;font-size:12.5px;cursor:pointer;padding:4px 2px 10px;font-family:inherit;font-weight:700}
.mcp-faq-it{border:1px solid #ececec;border-radius:12px;margin-bottom:8px;overflow:hidden}
.mcp-faq-q{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:#fafafa;border:none;padding:10px 12px;font-size:12.5px;font-weight:700;color:#222;cursor:pointer;font-family:inherit;text-align:right}
.mcp-faq-it.open .mcp-faq-q{background:#f2f3f5}
.mcp-faq-q i{font-style:normal;color:#999;font-size:13px}
.mcp-faq-a{padding:10px 12px;font-size:12px;line-height:2;color:#555;border-top:1px solid #ececec;white-space:pre-line}

/* ===== استایل‌های ۲۴ تا ۲۹ (الهام از نمونه‌های ارسالی) ===== */
/* خنثی‌سازی دایره ثابت وسط برای استایل‌هایی که همه آیتم‌ها برابرند */
.mcp-nav-s24 .mcp-nav-cats .mcp-nav-ico,.mcp-nav-s26 .mcp-nav-cats .mcp-nav-ico,.mcp-nav-s28 .mcp-nav-cats .mcp-nav-ico,.mcp-nav-s29 .mcp-nav-cats .mcp-nav-ico{width:auto;height:auto;background:none;border-radius:0;margin-top:0;box-shadow:none;color:inherit}
.mcp-nav-s24 .mcp-nav-cats .mcp-nav-ico svg,.mcp-nav-s26 .mcp-nav-cats .mcp-nav-ico svg,.mcp-nav-s28 .mcp-nav-cats .mcp-nav-ico svg,.mcp-nav-s29 .mcp-nav-cats .mcp-nav-ico svg{fill:currentColor;width:22px;height:22px}
.mcp-nav-s24 .mcp-nav-ico,.mcp-nav-s25 .mcp-nav-ico,.mcp-nav-s26 .mcp-nav-it,.mcp-nav-s28 .mcp-nav-ico{transition:all .25s ease}
/* 24: دایره سفید برجسته که با لمس هر آیتم جابه‌جا می‌شود */
.mcp-nav-s24 .mcp-nav-it.mcp-nav-active .mcp-nav-ico{background:var(--mcp-nav-bg,#fff);width:48px;height:48px;border-radius:50%;margin-top:-26px;box-shadow:0 -4px 12px rgba(0,0,0,.14)}
.mcp-nav-s24 .mcp-nav-it.mcp-nav-active .mcp-nav-ico svg{fill:var(--mcp-nav-active,var(--mcp-accent));width:22px;height:22px}
/* 25: دارک با دایره گرادیانی برجسته */
.mcp-nav-s25{background:#151725 !important;border-top-color:#232640}
.mcp-nav-s25 .mcp-nav-it{color:#aab0c5}
.mcp-nav-s25 .mcp-nav-it svg{fill:#aab0c5}
.mcp-nav-s25 .mcp-nav-cats .mcp-nav-ico{width:auto;height:auto;background:none;margin-top:0;box-shadow:none}
.mcp-nav-s25 .mcp-nav-it.mcp-nav-active{color:#fff}
.mcp-nav-s25 .mcp-nav-it.mcp-nav-active .mcp-nav-ico{background:linear-gradient(135deg,var(--mcp-nav-active,var(--mcp-accent)),#7b3ff2);width:50px;height:50px;border-radius:50%;margin-top:-26px;box-shadow:0 6px 16px rgba(123,63,242,.45)}
.mcp-nav-s25 .mcp-nav-it.mcp-nav-active svg{fill:#fff}
/* 26: کپسول iOS - آیتم فعال قرص سفید با متن */
.mcp-nav-s26{background:#eef1f7 !important;border-top:none;justify-content:space-around;padding:0 8px}
.mcp-nav-s26 .mcp-nav-it{flex:0 1 auto;flex-direction:column;padding:0 6px}
.mcp-nav-s26 .mcp-nav-it .mcp-nav-lb{display:none}
.mcp-nav-s26 .mcp-nav-it .mcp-nav-ico{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.7)}
.mcp-nav-s26 .mcp-nav-it svg{fill:#444}
.mcp-nav-s26 .mcp-nav-it.mcp-nav-active{flex-direction:row;gap:7px;background:#fff;border-radius:24px;padding:0 16px;box-shadow:0 3px 10px rgba(0,0,0,.09);margin:9px 0}
.mcp-nav-s26 .mcp-nav-it.mcp-nav-active .mcp-nav-lb{display:block;font-size:12px;font-weight:700;color:var(--mcp-nav-active,var(--mcp-accent))}
.mcp-nav-s26 .mcp-nav-it.mcp-nav-active .mcp-nav-ico{background:none;width:auto;height:auto}
.mcp-nav-s26 .mcp-nav-it.mcp-nav-active svg{fill:var(--mcp-nav-active,var(--mcp-accent))}
/* 27: شیشه گرادیانی شناور */
.mcp-nav-s27{left:12px;right:12px;bottom:12px;border-radius:26px;background:linear-gradient(120deg,rgba(124,58,237,.55),rgba(236,72,153,.45)) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.35);height:var(--mcp-nav-h,58px)}
.mcp-nav-s27 .mcp-nav-it{color:#fff}
.mcp-nav-s27 .mcp-nav-it svg{fill:#fff}
.mcp-nav-s27 .mcp-nav-cats .mcp-nav-ico{background:rgba(255,255,255,.25);margin-top:0;width:38px;height:38px;box-shadow:none}
.mcp-nav-s27 .mcp-nav-it.mcp-nav-active .mcp-nav-lb{text-shadow:0 0 12px rgba(255,255,255,.9)}
/* 28: برآمدگی بالا + برچسب قرصی */
.mcp-nav-s28 .mcp-nav-it.mcp-nav-active .mcp-nav-ico{background:var(--mcp-nav-bg,#fff);width:46px;height:46px;border-radius:50%;margin-top:-30px;box-shadow:0 -5px 10px rgba(0,0,0,.1)}
.mcp-nav-s28 .mcp-nav-it.mcp-nav-active .mcp-nav-ico svg{fill:var(--mcp-nav-active,var(--mcp-accent))}
.mcp-nav-s28 .mcp-nav-it.mcp-nav-active .mcp-nav-lb{background:var(--mcp-nav-active,var(--mcp-accent));color:#fff;border-radius:12px;padding:2px 10px;font-weight:700}
/* 29: تایل‌های جدا */
.mcp-nav-s29{background:transparent !important;border-top:none;gap:7px;padding:0 8px 6px;box-shadow:none}
.mcp-nav-s29 .mcp-nav-it{background:var(--mcp-nav-bg,#fff);border:1px solid var(--mcp-border,#e5e5ea);border-radius:14px;box-shadow:0 3px 8px rgba(0,0,0,.06)}
.mcp-nav-s29 .mcp-nav-it.mcp-nav-active{background:var(--mcp-nav-active,var(--mcp-accent));color:#fff;border-color:transparent}
.mcp-nav-s29 .mcp-nav-it.mcp-nav-active svg{fill:#fff}

/* جایگزین برای مرورگرهایی که افکت بلور را پشتیبانی نمی‌کنند (مثل فایرفاکس زیر ۱۰۳)
   بدون این بلوک، پس‌زمینه شفاف می‌ماند و متن ناخوانا می‌شود. */
@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){
	.mcp-overlay.mcp-glass .mcp-panel{background:rgba(255,255,255,.95) !important}
	.mcp-overlay.mcp-glass .mcp-side{background:rgba(246,247,250,.97) !important}
	.mcp-overlay.mcp-glass .mcp-main{background:rgba(240,242,245,.95) !important}
	.mcp-overlay.mcp-glass .mcp-box{background:#fff !important}
	.mcp-overlay.mcp-glass .mcp-head{background:rgba(255,255,255,.96) !important}
	.mcp-overlay.mcp-glass .mcp-search input{background:#f2f3f5 !important}
	.mcp-nav-s6,.mcp-nav-s20{background:rgba(255,255,255,.97) !important}
	.mcp-nav-s27{background:linear-gradient(120deg,#7c3aed,#d946a6) !important}
	.mcp-glass-nav{background:rgba(255,255,255,.97) !important}
	.mcp-fabc-pop{background:#fff !important}
}