/* Emperator Charm — extras.css (v2.2) | رفع باگ منو + امکانات جدید | VOARO | https://voaro.com */

/* ════════ رفع باگ‌های منو ════════
 ۱) پنل منوی موبایل داخل .emp-top (z-index:100) بود و پرده تیره (z-index:110) روی آن می‌افتاد؛
    کلیک روی منو به پرده می‌رسید و منو بسته می‌شد. اکنون هدر هنگام باز بودن منو بالاتر از پرده است.
 ۲) بین ۹۰۱ تا ۱۱۰۰ پیکسل آیتم‌های منو روی لوگو و آیکن‌ها می‌افتادند؛ اکنون منوی همبرگری از ۱۱۰۰ شروع می‌شود
    و در دسکتاپ آیتم‌های سرریز در «بیشتر» جمع می‌شوند.
 ۳) زیرمنو در دستگاه‌های لمسی/کیبورد باز نمی‌شد؛ دکمه باز/بستن اضافه شد. در موبایل زیرمنوها آکاردئونی‌اند.
 ۴) نوار اعلان روی هیرو می‌افتاد؛ اکنون ارتفاع آن محاسبه و کنار گذاشته می‌شود.
 ۵) دکمه نمایش سریع در لمس هرگز دیده نمی‌شد. */
.emp-menu .sub-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;padding:0 .8rem;min-width:0;background:transparent}
.emp-menu .sub-menu li{position:relative}
.emp-subtoggle{display:inline-grid;place-items:center;width:24px;height:24px;margin-inline-start:-.15rem;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;opacity:.7;transition:transform .3s,opacity .2s,background .2s}
.emp-subtoggle:hover{opacity:1;background:rgba(181,138,60,.18)}
.emp-subtoggle .emp-ico{transition:transform .3s}
li.is-open>.emp-subtoggle .emp-ico{transform:rotate(180deg)}
.emp-more>a{cursor:pointer}
.emp-more>.sub-menu{inset-inline-start:auto;inset-inline-end:-1.2rem}
.emp-more .sub-menu .emp-subtoggle{display:none}
@media (hover:none){.emp-qvbtn{opacity:1;transform:none}}

@media (min-width:981px){
	.emp-header__row{position:relative}
	.emp-menu>li.menu-item-has-children{display:flex;align-items:center}
	.emp-menu>li.menu-item-has-children>a{padding-inline-end:0}
	.emp-menu>li.menu-item-has-children>a::before{display:none}
	.emp-menu li.is-open>.sub-menu{opacity:1;visibility:visible;transform:none}
	.emp-menu>li:hover>.emp-subtoggle .emp-ico{transform:rotate(180deg)}
	/* میگامنو: به آیتم سطح اول کلاس emp-mega بدهید (نمایش ▸ منوها ▸ تنظیمات صفحه ▸ کلاس‌های CSS) */
	.emp-nav{position:static}
	.emp-menu>li.emp-mega{position:static}
	.emp-menu>li.emp-mega>.sub-menu{inset-inline:0;top:100%;width:100%;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.4rem 1.8rem;padding:1.5rem 1.8rem;border-radius:0 0 14px 14px}
	.emp-menu>li.emp-mega>.sub-menu::before{top:-10px;height:10px}
	.emp-menu>li.emp-mega>.sub-menu>li>a{font-weight:700;color:var(--emp-deep);padding-inline:0}
	.emp-menu>li.emp-mega>.sub-menu>li>a:hover{background:transparent;padding-inline-start:0;color:var(--emp-saddle)}
	.emp-menu>li.emp-mega .sub-menu .sub-menu a{font-size:.88rem;color:var(--emp-muted);padding-inline:0}
}

@media (max-width:980px){
	.emp-header,body.emp-has-hero:not(.is-stuck) .emp-header{-webkit-backdrop-filter:none;backdrop-filter:none}
	.emp-header{background:rgba(255,255,255,.97)}
	body.emp-has-hero:not(.is-stuck) .emp-header{background:transparent}
	.emp-burger{display:inline-grid}
	.emp-nav{position:fixed;inset-block:0;inset-inline-start:0;width:min(360px,88vw);z-index:150;transform:translateX(-102%);visibility:hidden;transition:transform .4s var(--ease),visibility 0s .4s;padding:1rem 1.2rem 2rem;overflow:auto;background:var(--emp-surface);color:var(--emp-text);flex:none}
	html[dir=rtl] .emp-nav{transform:translateX(102%)}
	body.is-nav-open .emp-nav{transform:none;visibility:visible;transition-delay:0s}
	.emp-nav__close{display:inline-grid;margin-bottom:.6rem}
	.emp-menu{flex-direction:column;flex-wrap:nowrap;gap:0;justify-content:flex-start}
	.emp-menu>li{display:flex;flex-wrap:wrap;align-items:center}
	.emp-menu>li>a{flex:1;white-space:normal;padding:.95rem 0;border-bottom:1px solid var(--emp-line);font-size:1.02rem}
	.emp-menu>li>a::after,.emp-menu>li>a::before{display:none}
	.emp-menu>li>.emp-subtoggle{width:44px;height:44px;margin:0;border-radius:8px;opacity:1}
	.emp-menu .sub-menu{position:static;display:none;flex-basis:100%;opacity:1;visibility:visible;transform:none;min-width:0;border:0;box-shadow:none;padding:.2rem .9rem .6rem;background:transparent}
	.emp-menu .sub-menu::before{display:none}
	.emp-menu li.is-open>.sub-menu{display:block}
	.emp-menu .sub-menu a{padding:.6rem .4rem}
	.emp-more{display:none}
}
@media (max-width:900px){.emp-logo{margin-inline:auto}}
/* ارتفاع نوار اعلان + نوار اطلاعات از هیرو کم می‌شود تا هدر شفاف روی محتوا نیفتد */


/* ════════ نوار اطلاعات بالای سایت ════════ */
.emp-utility{background:#240a0d;color:#d9cdb4;font-size:.78rem;}
.emp-utility__row{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:34px}
.emp-utility__info,.emp-utility__links{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.emp-utility a,.emp-utility span{display:inline-flex;align-items:center;gap:.4rem;color:inherit}
.emp-utility a:hover{color:#fff}
.emp-utility .emp-ico{opacity:.7}
@media (max-width:700px){.emp-utility__links{display:none}.emp-utility__row{justify-content:center}}

/* ════════ علاقه‌مندی‌ها ════════ */
.emp-wl{position:absolute;top:.7rem;inset-inline-end:.7rem;z-index:4;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:var(--emp-deep);cursor:pointer;box-shadow:0 8px 18px -8px rgba(0,0,0,.4);transition:transform .25s,background .2s,color .2s}
.emp-wl:hover{transform:scale(1.08)}
.emp-wl.is-on{background:#a4202f;color:#fff}
.emp-wl.is-on svg{fill:currentColor}
.emp-card .emp-qvbtn{top:3.6rem}
.emp-wlink{position:relative}
.emp-wl-count{position:absolute;top:2px;inset-inline-end:0;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--emp-brass);color:var(--emp-ink);font:700 .7rem/18px var(--f-body);text-align:center}
.emp-wl-count[data-n="0"]{display:none}
.emp-recent{margin-top:3rem}
.emp-empty{text-align:center;padding-block:3rem;color:var(--emp-muted)}

/* ════════ بنرهای تبلیغاتی ════════ */
.emp-promos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}
.emp-promo{position:relative;display:block;min-height:220px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--emp-wine),var(--emp-deep));color:#f1e7d3;isolation:isolate}
.emp-promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s var(--ease)}
.emp-promo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(30,8,10,.78),rgba(30,8,10,.05) 62%)}
.emp-promo:hover img{transform:scale(1.06)}
.emp-promo__t{position:absolute;inset-inline:1.2rem;bottom:1.1rem;display:flex;justify-content:space-between;align-items:center;font:700 1.35rem/1.4 var(--f-head)}
.emp-promo:hover{color:#fff}

/* ════════ سؤالات متداول ════════ */
.emp-faqlist{display:grid;gap:.7rem;max-width:860px}
.emp-faqitem{background:var(--emp-surface);border:1px solid var(--emp-line);border-radius:10px;transition:border-color .2s,box-shadow .2s}
.emp-faqitem[open]{border-color:var(--emp-brass);box-shadow:0 14px 30px -22px rgba(46,15,19,.6)}
.emp-faqitem summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;font-weight:600;cursor:pointer;list-style:none}
.emp-faqitem summary::-webkit-details-marker{display:none}
.emp-faqitem summary .emp-ico{transition:transform .3s;color:var(--emp-brass)}
.emp-faqitem[open] summary .emp-ico{transform:rotate(45deg)}
.emp-faqitem p{margin:0;padding:0 1.2rem 1.1rem;color:var(--emp-muted)}

/* ════════ بازارگاه در صفحه اصلی ════════ */
.emp-mctas{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin-top:1.6rem}
.emp-mcta{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;align-items:center;padding:1.3rem 1.4rem;border:1px dashed var(--emp-brass);border-radius:14px;background:var(--emp-surface);transition:transform .3s,box-shadow .3s}
.emp-mcta:hover{transform:translateY(-3px);box-shadow:0 18px 34px -24px rgba(46,15,19,.7)}
.emp-mcta .emp-ico{grid-row:span 2;color:var(--emp-brass)}
.emp-mcta strong{font:700 1.2rem/1.4 var(--f-head);color:var(--emp-deep)}
.emp-mcta span{color:var(--emp-muted);font-size:.9rem}

/* ════════ خبرنامه ════════ */
.emp-nlbox{display:grid;grid-template-columns:1.2fr 1fr;gap:1.6rem;align-items:center;padding:clamp(1.4rem,3vw,2.4rem);border-radius:16px;background:linear-gradient(120deg,var(--emp-deep),var(--emp-wine));color:#f1e7d3}
.emp-nlbox h2{color:#fff;margin:0;font-size:clamp(1.4rem,2.6vw,2rem)}
.emp-nl{position:relative;display:flex;flex-wrap:wrap;gap:.6rem}
.emp-nl input[type=email]{flex:1;min-width:180px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:var(--r);padding:.5rem 1rem}
.emp-nl input[type=email]::placeholder{color:rgba(255,255,255,.55)}
.emp-nl__msg{flex-basis:100%;margin:0;font-size:.85rem;color:#e6c98a}
.emp-nl__msg--err{color:#ffb4b4}
.emp-nl--footer{margin-top:1rem}
@media (max-width:760px){.emp-nlbox{grid-template-columns:1fr}}

/* ════════ فروشگاه: دسته‌ها و فیلتر قیمت ════════ */
.emp-shopbar{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;justify-content:space-between;align-items:center;margin-bottom:1.4rem}
.emp-chipsbar{display:flex;gap:.5rem;flex-wrap:wrap}
.emp-chipsbar a{padding:.35rem 1rem;border:1px solid var(--emp-line);border-radius:999px;background:var(--emp-surface);font-size:.88rem;transition:.2s}
.emp-chipsbar a:hover,.emp-chipsbar a.is-on{background:var(--emp-deep);border-color:var(--emp-deep);color:#fff}
.emp-pricefilter{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;font-size:.88rem}
.emp-pricefilter label{display:flex;align-items:center;gap:.4rem}
.emp-pricefilter input[type=number]{width:110px;min-height:40px;padding:.2rem .6rem}
.emp-pricefilter .emp-btn{min-height:40px;padding:.3rem 1.1rem}

/* ════════ صفحه محصول ════════ */
.emp-trust-list{list-style:none;margin:1.1rem 0;padding:1rem 1.1rem;display:grid;gap:.45rem;border:1px dashed var(--emp-line);border-radius:10px;background:rgba(255,255,255,.55);font-size:.92rem}
.emp-trust-list li{display:flex;align-items:center;gap:.5rem}
.emp-trust-list .emp-ico{color:var(--emp-brass)}
.emp-sizeguide{margin:.8rem 0;border:1px solid var(--emp-line);border-radius:10px;background:var(--emp-surface)}
.emp-sizeguide summary{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;cursor:pointer;font-weight:600}
.emp-sizeguide div{padding:0 1rem 1rem;color:var(--emp-muted);line-height:2}
.emp-share{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.86rem;color:var(--emp-muted);margin-top:.8rem}
.emp-share a,.emp-share button{padding:.2rem .8rem;border:1px solid var(--emp-line);border-radius:999px;background:transparent;color:inherit;cursor:pointer;font:inherit}
.emp-share a:hover,.emp-share button:hover{background:var(--emp-brass);border-color:var(--emp-brass);color:var(--emp-ink)}

@media print{.emp-utility,.emp-wl,.emp-nlbox{display:none!important}}