/* منتقل‌شده از <style>های داخل index.php؛ ترتیب همان ترتیب قبلی صفحه است */
.hm-lang-dd{position:relative}
    .hm-lang-dd-btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
    .hm-lang-dd-btn .hm-flag{width:20px;height:14px;border-radius:3px;overflow:hidden;display:block;flex:none}
    .hm-lang-dd-btn .hm-flag[hidden]{display:none}
    .hm-lang-dd-chev{transition:transform .2s ease;flex:none}
    .hm-lang-dd.is-open .hm-lang-dd-chev{transform:rotate(180deg)}
    .hm-lang-dd-menu{position:absolute;inset-inline-start:0;top:calc(100% + 8px);min-width:170px;background:#fff;border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.22);padding:6px;display:none;flex-direction:column;gap:2px;z-index:80}
    .hm-lang-dd.is-open .hm-lang-dd-menu{display:flex}
    .hm-lang-dd-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border:0;background:none;border-radius:11px;font-size:14px;color:#173b2c;cursor:pointer;text-align:start;width:100%}
    .hm-lang-dd-item:hover{background:#f3f4f2}
    .hm-lang-dd-item span{flex:1}
    .hm-lang-dd-check{opacity:0;flex:none;color:#1f9d55}
    .hm-lang-dd-item.is-active .hm-lang-dd-check{opacity:1}

.hm-identity{padding:26px 0 0}
.hm-identity-card{display:flex;gap:18px;align-items:flex-start;padding:clamp(18px,3.4vw,30px);border-radius:22px;background:linear-gradient(135deg,#fffdf6,#f1f8f4);border:1px solid #e6e0c8;box-shadow:0 10px 30px -18px rgba(20,60,45,.35);position:relative;overflow:hidden}
.hm-identity-card::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:6px;background:linear-gradient(180deg,#d8a640,#0f8a86)}
.hm-identity-logo{flex:0 0 auto;width:72px;height:72px;object-fit:contain;border-radius:18px;background:#fff;padding:6px;border:1px solid #ece6cf}
.hm-identity-body{min-width:0;flex:1}
.hm-identity-name{display:inline-block;font-size:12.5px;font-weight:800;color:#8a6410;background:#d8a64026;padding:3px 12px;border-radius:999px}
.hm-identity-tag{font-size:clamp(19px,3.4vw,27px);line-height:1.7;margin:8px 0 6px;color:#12382c}
.hm-identity-text p{margin:0;color:#3c4f47;line-height:2.1;font-size:15px;white-space:pre-line}
.hm-identity-text.is-clamped p{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.hm-identity-more{margin-top:8px;font-weight:800;font-size:13px;color:#0f6e6a;background:none;border:0;cursor:pointer;padding:4px 0}
@media(max-width:560px){.hm-identity-card{flex-direction:column;gap:12px}.hm-identity-logo{width:58px;height:58px}}

.hm-feature-wrap{margin-block:28px}
.hm-feature-hero{height:clamp(260px,42svh,440px);border-radius:22px;overflow:hidden}
.hm-feature-hero .hm-hero-inner{padding-bottom:56px}
.hm-feature-hero .hm-hero-title{font-size:clamp(22px,3.4vw,34px)}

/* آب‌وهوا — نسخهٔ گرافیکی: پس‌زمینهٔ متحرک بر اساس نوع هوا، کارت‌های شیشه‌ای، نوار دمای هر روز */
.hm-wx{--wx-bg1:#eef6fb;--wx-bg2:#fff;--wx-ink:#152520;--wx-ink2:#465852;--wx-line:#e2e9e5;--wx-acc:#155e75;--wx-glass:rgba(255,255,255,.55);
  position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,var(--wx-bg1),var(--wx-bg2));border-top:1px solid var(--wx-line);border-bottom:1px solid var(--wx-line);color:var(--wx-ink);transition:background .6s}
.hm-wx.wx-sunny,.hm-wx-day.wx-sunny{--wx-bg1:#fff1b8;--wx-bg2:#ffc65c;--wx-ink:#4a3200;--wx-ink2:#7a5510;--wx-line:#f1c25a;--wx-acc:#c2410c}
.hm-wx.wx-partly,.hm-wx-day.wx-partly{--wx-bg1:#d8ecff;--wx-bg2:#ffe9a8;--wx-ink:#1f3550;--wx-ink2:#4b6480;--wx-line:#cfe0f0;--wx-acc:#0369a1}
.hm-wx.wx-cloudy,.hm-wx-day.wx-cloudy{--wx-bg1:#e9edf1;--wx-bg2:#c3ccd6;--wx-ink:#25313b;--wx-ink2:#4f5d69;--wx-line:#b8c2cc;--wx-acc:#475569}
.hm-wx.wx-fog,.hm-wx-day.wx-fog{--wx-bg1:#f1f3f4;--wx-bg2:#d3d9dd;--wx-ink:#2b3438;--wx-ink2:#5a666b;--wx-line:#c5cdd1;--wx-acc:#64748b}
.hm-wx.wx-rain,.hm-wx-day.wx-rain{--wx-bg1:#cfe3f9;--wx-bg2:#7fb0e2;--wx-ink:#0f2a4a;--wx-ink2:#2f5583;--wx-line:#7fb0e2;--wx-acc:#1d4ed8}
.hm-wx.wx-snow,.hm-wx-day.wx-snow{--wx-bg1:#f5faff;--wx-bg2:#c6ddf3;--wx-ink:#17324d;--wx-ink2:#4a6a8a;--wx-line:#b7d2ec;--wx-acc:#0e7490}
.hm-wx.wx-storm,.hm-wx-day.wx-storm{--wx-bg1:#d1c9ec;--wx-bg2:#7b6fb8;--wx-ink:#1e1440;--wx-ink2:#43377a;--wx-line:#7c6fb8;--wx-acc:#6d28d9}
.hm-wx.wx-night,.hm-wx-day.wx-night{--wx-bg1:#141d3d;--wx-bg2:#34427a;--wx-ink:#f3f6ff;--wx-ink2:#c5cff0;--wx-line:#4a5a8f;--wx-acc:#fbbf24;--wx-glass:rgba(255,255,255,.10)}
/* لایهٔ جلوه‌ها */
.wx-fx{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.wx-fx>i{position:absolute;display:none}
.wx-sun{width:170px;height:170px;border-radius:50%;top:-50px;inset-inline-end:-30px;background:radial-gradient(circle,#fff6c9 0 26%,#ffd45a88 27% 46%,#ffd45a00 70%);animation:wxSpin 30s linear infinite}
.wx-sun::after{content:"";position:absolute;inset:-26px;border-radius:50%;background:repeating-conic-gradient(#ffe38a55 0 5deg,transparent 5deg 20deg);-webkit-mask:radial-gradient(circle,transparent 42%,#000 44%,transparent 72%);mask:radial-gradient(circle,transparent 42%,#000 44%,transparent 72%)}
.wx-cloud{height:34px;width:110px;border-radius:40px;background:#ffffffb0;filter:blur(1px);box-shadow:34px -14px 0 8px #ffffffb0,-30px -6px 0 -2px #ffffff99}
.wx-cloud.c1{top:24px;inset-inline-start:8%;animation:wxDrift 38s linear infinite}
.wx-cloud.c2{top:70px;inset-inline-start:52%;transform:scale(.7);animation:wxDrift 52s linear infinite reverse}
.wx-cloud.c3{top:10px;inset-inline-start:76%;transform:scale(.55);opacity:.8;animation:wxDrift 44s linear infinite}
.wx-fx>.wx-rain{inset:0;background:repeating-linear-gradient(105deg,transparent 0 14px,#ffffff66 14px 15px,transparent 15px 30px);background-size:60px 60px;animation:wxRain .55s linear infinite}
.wx-snowfx{inset:0;background:radial-gradient(3px 3px at 20% 20%,#fff 60%,transparent),radial-gradient(2px 2px at 60% 40%,#fff 60%,transparent),radial-gradient(3px 3px at 80% 70%,#fff 60%,transparent),radial-gradient(2px 2px at 35% 80%,#fff 60%,transparent);background-size:140px 140px;animation:wxSnow 6s linear infinite}
.wx-stars{inset:0;background:radial-gradient(1.6px 1.6px at 12% 25%,#fff 60%,transparent),radial-gradient(1.2px 1.2px at 40% 60%,#fff 60%,transparent),radial-gradient(1.8px 1.8px at 70% 20%,#fff 60%,transparent),radial-gradient(1.2px 1.2px at 88% 55%,#fff 60%,transparent),radial-gradient(1.4px 1.4px at 55% 12%,#fff 60%,transparent);animation:wxTwinkle 3.5s ease-in-out infinite}
.wx-sunny .wx-sun,.wx-partly .wx-sun{display:block}
.wx-partly .wx-cloud.c1,.wx-partly .wx-cloud.c2{display:block}
.wx-cloudy .wx-cloud,.wx-fog .wx-cloud,.wx-rain .wx-cloud,.wx-storm .wx-cloud{display:block}
.wx-cloudy .wx-cloud{background:#ffffffc0}.wx-fog .wx-cloud{background:#ffffff90;filter:blur(6px)}
.wx-rain>.wx-fx>.wx-rain,.wx-storm>.wx-fx>.wx-rain{display:block}
.wx-snow .wx-snowfx{display:block}.wx-night .wx-stars{display:block}
.hm-wx.wx-storm::after{content:"";position:absolute;inset:0;z-index:-1;background:#fff;opacity:0;animation:wxFlash 7s infinite;pointer-events:none}
@keyframes wxSpin{to{transform:rotate(360deg)}}
@keyframes wxDrift{from{transform:translateX(0)}to{transform:translateX(-120px)}}
@keyframes wxRain{to{background-position:-20px 60px}}
@keyframes wxSnow{to{background-position:30px 140px}}
@keyframes wxTwinkle{50%{opacity:.35}}
@keyframes wxFlash{0%,92%,100%{opacity:0}94%{opacity:.35}96%{opacity:.05}98%{opacity:.3}}
@keyframes wxFloat{50%{transform:translateY(-5px)}}
/* بخش اصلی */
.hm-wx-in{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:18px 0 16px}
.hm-wx-hero{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px}
.hm-wx-now{display:flex;align-items:center;gap:14px;min-width:0}
.hm-wx-ico{font-size:64px;line-height:1;flex:0 0 auto;animation:wxFloat 4s ease-in-out infinite;filter:drop-shadow(0 8px 14px rgba(0,0,0,.22))}
.hm-wx-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.wx-place{font-size:13.5px;font-weight:800;color:var(--wx-ink)}.wx-place span{font-weight:600;color:var(--wx-ink2)}
.wx-big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.wx-big strong{font-size:52px;line-height:1;font-weight:900;color:var(--wx-ink);letter-spacing:-1px}
.wx-big span{font-size:17px;font-weight:800;color:var(--wx-ink2)}
.wx-chips{display:flex;flex-wrap:wrap;gap:8px}
.wx-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:14px;background:var(--wx-glass);border:1px solid var(--wx-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;color:var(--wx-ink2)}
.wx-chip i{font-style:normal;font-size:15px}.wx-chip small{font-size:11px}.wx-chip b{color:var(--wx-ink);font-size:13px;font-weight:900}
.wx-meta{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:4px 14px}
.wx-meta small{font-size:11.5px;color:var(--wx-ink2)}
.wx-live{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:#16a34a22;color:#15803d;margin-inline-start:6px}
.wx-live i{width:8px;height:8px;border-radius:50%;background:#16a34a;animation:wxPulse 1.6s infinite}
.wx-live.is-off{background:#64748b22;color:#64748b}.wx-live.is-off i{background:#94a3b8;animation:none}
@keyframes wxPulse{0%{box-shadow:0 0 0 0 #16a34a88}70%{box-shadow:0 0 0 7px #16a34a00}100%{box-shadow:0 0 0 0 #16a34a00}}
.hm-wx-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;border:1px solid var(--wx-line);background:var(--wx-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--wx-acc);font-weight:800;font-size:12.5px;cursor:pointer}
.hm-wx.wx-night .hm-wx-toggle{color:#fde68a}
/* کارت‌های روز و پنل ساعتی: assets/weather-3d-2026.css */
@media(max-width:640px){.hm-wx-ico{font-size:54px}.wx-big strong{font-size:44px}.hm-wx-toggle{width:100%;justify-content:center}.wx-sun{width:130px;height:130px}}
@media (prefers-reduced-motion:reduce){.wx-fx *,.hm-wx-ico,.wx-live i,.wx-storm::after{animation:none!important}.hm-wx{transition:none}}

.hm-trust{padding:22px 0 0}
.hm-trust-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.hm-trust-list li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #e6ece8;box-shadow:0 6px 18px -14px rgba(0,0,0,.4)}
.hm-trust-list li span{font-size:24px;line-height:1}
.hm-trust-list li b{font-size:13.5px;color:#183a2e;line-height:1.7}

.hm-pop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:16px}
.hm-pop-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e6ece8;border-radius:20px;overflow:hidden;box-shadow:0 10px 26px -18px rgba(0,0,0,.45);transition:transform .25s,box-shadow .25s}
.hm-pop-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px -18px rgba(0,0,0,.5)}
.hm-pop-img{display:block;aspect-ratio:16/11;background:#eef3f0;overflow:hidden}
.hm-pop-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.hm-pop-card:hover .hm-pop-img img{transform:scale(1.06)}
.hm-pop-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.hm-pop-body h3{margin:0;font-size:16.5px;color:#12382c}
.hm-pop-body p{margin:0;font-size:13px;line-height:1.9;color:#5a6b64}
.hm-pop-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px dashed #dfe7e2}
.hm-pop-price{font-size:13px;color:#465852}.hm-pop-price b{font-size:17px;color:#9a6a00;font-weight:900}.hm-pop-price small{font-size:11.5px;opacity:.8}
.hm-pop-btn{padding:8px 20px;border-radius:999px;font-weight:800;font-size:13.5px;background:linear-gradient(135deg,#efc767,#d8a640);color:#1b2a22;text-decoration:none;box-shadow:0 8px 16px -8px rgba(216,166,64,.9)}
.hm-pop-all{display:flex;justify-content:center;margin-top:24px}

.hm-faq-list{max-width:820px;margin:0 auto;display:grid;gap:10px}
.hm-faq-item{background:#fff;border:1px solid #e6ece8;border-radius:16px;padding:0 18px;box-shadow:0 6px 16px -14px rgba(0,0,0,.4)}
.hm-faq-item[open]{border-color:#d8a640;box-shadow:0 12px 26px -18px rgba(216,166,64,.9)}
.hm-faq-item summary{cursor:pointer;list-style:none;padding:15px 0;font-weight:800;font-size:15px;color:#12382c;display:flex;justify-content:space-between;gap:12px;align-items:center}
.hm-faq-item summary::-webkit-details-marker{display:none}
.hm-faq-item summary::after{content:"+";font-size:22px;color:#b8860b;font-weight:400;line-height:1;transition:transform .2s}
.hm-faq-item[open] summary::after{content:"−"}
.hm-faq-item p{margin:0;padding:0 0 16px;line-height:2.1;font-size:14.5px;color:#465852}

.ti-summary{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:-6px 0 22px}.ti-avg{font-size:38px;font-weight:900;color:#12382c;line-height:1}.ti-summary-stars{display:flex;gap:3px}.ti-summary-stars .ti-star{width:22px;height:22px;fill:#e3e2df}.ti-summary-stars .ti-star.on{fill:#d8a640}.ti-summary-n{font-size:13px;color:#5a6b64}

.hm-actbar{display:none}
@media(max-width:820px){
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .hm-actbar{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:1400;gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #e2e9e5;box-shadow:0 -10px 26px -14px rgba(0,0,0,.35)}
  .hm-actbar a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 2px;border-radius:14px;font-size:11px;font-weight:800;color:#183a2e;text-decoration:none}
  .hm-actbar a svg,.hm-actbar a .hm-i{width:21px;height:21px}
  .hm-actbar a.ab-order{flex:1.35 1 0;background:linear-gradient(135deg,#efc767,#d8a640);color:#1b2a22;box-shadow:0 8px 16px -8px rgba(216,166,64,.95)}
  .hm-actbar a.ab-wa{color:#128c4a}
  .hm-actbar a:active{transform:scale(.96)}
  .back-to-top{bottom:calc(84px + env(safe-area-inset-bottom))!important}
}

/* ===== فیکس موبایل: منوی زبان (فارسی/کوردی) باید روی هدر و دکمه ۳ خط باز شود ===== */
.hm-topbar{position:relative;z-index:5}
.hm-lang-dd{z-index:90}
.hm-lang-dd-menu{z-index:1100}
@media(max-width:639.98px){
  .hm-topbar-in{overflow:visible!important}
  .hm-lang-dd-menu{inset-inline-start:auto;inset-inline-end:0;max-width:calc(100vw - 24px)}
}
