/* =========================
   GLOBAL DEFAULTS (Desktop)
========================= */



/* جایگذاری اصلی با متغیرها */
/* جایگذاری اصلی با متغیرها (فقط همون چیزهایی که برای Pixel-Perfect لازم داریم) */
/*.hero-services-list{
  top: var(--services-top);
  right: var(--services-right);
  gap: 7px;
}

.hero-service-icon:nth-child(1){ --icon-x: var(--icon1-x); }
.hero-service-icon:nth-child(2){ --icon-x: var(--icon2-x); }
.hero-service-icon:nth-child(3){ --icon-x: var(--icon3-x); }
.hero-service-icon:nth-child(4){ --icon-x: var(--icon4-x); }
.hero-service-icon:nth-child(5){ --icon-x: var(--icon5-x); }
.hero-service-icon:nth-child(6){ --icon-x: var(--icon6-x); }
.hero-service-icon:nth-child(7){ --icon-x: var(--icon7-x); }
*/

/* ====================================
  RESPONSIVE MOBILE & TABLET
==================================== */

/* Mobile Small فقط تا 575 */
/*iPhone 16 Pro - 2*/
.hero{
 
  height: clamp(560px, 80vh, 720px); /* بین 560 تا 720 */
  background: url("/assets/img/hero-bg-mobile.webp") top center / cover no-repeat;
 
 

}