/* HOME 3D 2026 — لایهٔ سه‌بعدی و سبک صفحهٔ اصلی (بعد از home-modern-2026.css بارگذاری می‌شود)
   ماهی قزل‌آلا: یک symbol واحد SVG (در index.php) با چند نمونه؛ فقط transform/opacity انیمیت می‌شود. */
body.hm{background-color:#e9f3ee;background-image:linear-gradient(180deg,#e9f3ee 0,#e9f3ee 900px,#f6f4ee 2600px)}

/* ---- ۲) سبک‌سازی: حذف blur های سنگین (روی موبایل اسکرول را کند می‌کردند) ---- */
.hm-header,.hm-bottombar,.hm-rc-num,.hm-hero-eyebrow,.hm-btn-ghost,.hm-scrim{-webkit-backdrop-filter:none;backdrop-filter:none}
.hm-header,.hm-bottombar{background:rgba(255,255,255,.985)}
.hm-rc-num{background:rgba(4,30,22,.86)}
.hm-hero-eyebrow{background:rgba(4,30,22,.42)}
.hm-btn-ghost{background:rgba(4,30,22,.34)}
.hm-scrim{background:rgba(4,30,22,.62)}
/* بخش‌های پایین صفحه تا نزدیک شدن به دید رندر نمی‌شوند */
.hm-sec,.hm-about,.hm-footer{content-visibility:auto;contain-intrinsic-size:auto 640px}

/* ---- ۳) لبهٔ موجدار زیر بنر (عمق) ---- */
.hm-hero::after{content:"";position:absolute;z-index:2;inset-inline:0;bottom:-1px;height:78px;background:#e9f3ee;clip-path:ellipse(72% 100% at 50% 100%);pointer-events:none}
.hm-hero-ctrl{bottom:86px}

/* ---- ۴) کارت‌های سه‌بعدی ---- */
.hm-tiles,.hm-stats-grid,.hm-grid,.hm-pop-grid,.hm-trust-list{perspective:1100px}
.hm-tile,.hm-stat,.hm-trust-list li,.hm-sec:not(.hm-sec-dark) .hm-rc,.hm-pop-card{
  background:linear-gradient(160deg,#fff 0,#f3faf6 100%);border-color:rgba(255,255,255,.85);
  box-shadow:0 1px 0 #fff inset,0 -1px 0 rgba(7,40,30,.05) inset,0 2px 3px rgba(7,40,30,.06),0 14px 26px -12px rgba(7,40,30,.26),0 30px 46px -30px rgba(7,40,30,.34);
  backface-visibility:hidden}
.hm-tile.is-img{background:var(--g100)}
.hm-tile,.hm-pop-card,.hm-rc{position:relative}
.hm-tile::after,.hm-pop-card::after,.hm-rc::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.42),transparent 58%)}
.is-tilt::after{opacity:1}
.is-tilt{transition:transform .12s linear,box-shadow .25s!important;box-shadow:0 1px 0 #fff inset,0 4px 6px rgba(7,40,30,.08),0 26px 40px -14px rgba(7,40,30,.38)!important}
.hm-tile-ico,.hm-stat-ico{box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 -3px 0 rgba(0,0,0,.14) inset,0 10px 16px -8px var(--ac1,rgba(7,40,30,.4))}
#route .hm-rc{box-shadow:0 20px 40px -18px rgba(0,0,0,.6)}

/* ---- ۵) عنوان‌ها و دکمه‌ها ---- */
.hm-sec-head h2{text-shadow:0 1px 0 #fff,0 2px 0 rgba(15,138,134,.16),0 12px 22px rgba(7,40,30,.12)}
.hm-sec-dark .hm-sec-head h2{text-shadow:0 2px 0 rgba(0,0,0,.28),0 14px 26px rgba(0,0,0,.4)}
.hm-btn-gold{box-shadow:0 1px 0 rgba(255,255,255,.65) inset,0 -3px 0 rgba(150,105,20,.35) inset,0 14px 24px -8px rgba(216,166,64,.75)}
.hm-btn-green{box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 -3px 0 rgba(0,0,0,.22) inset,0 14px 24px -10px rgba(12,80,57,.85)}
.hm-btn:active{transform:translateY(1px)}

/* ---- ۶) بخش «مسیر قزل‌آلا»: عمق آب + ماهی بزرگ ---- */
#route.hm-sec-dark{background:radial-gradient(70% 50% at 82% 0,rgba(34,160,113,.42),transparent 60%),radial-gradient(60% 45% at 8% 100%,rgba(15,138,134,.36),transparent 60%),linear-gradient(175deg,#0a4a3a,#04261d 68%,#031a14)}
#route::after{content:"";position:absolute;inset:-10% 0 auto 0;height:75%;background:repeating-linear-gradient(105deg,rgba(255,255,255,.055) 0 46px,transparent 46px 130px);transform:skewX(-8deg);pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent)}
#route .hm-container{position:relative}