/* =========================================================
   سینا پکس — سربرگ و ناوبری
   ---------------------------------------------------------
   سایه‌ی هدر هنگام اسکرول توسط site.js با کلاس is-scrolled
   فعال می‌شود.
   ========================================================= */

header { transition: box-shadow .35s ease; }
header.is-scrolled { box-shadow: 0 6px 24px rgba(0, 0, 0, .3); }

/* زیرخط متحرک لینک‌های منوی دسکتاپ */
.nav-link { position: relative; }
.nav-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -6px;
  width: 0;
  height: 2px;
  background: var(--gold-400);
  transition: width .3s ease;
}
.nav-link:hover::after { width: 100%; }