/* تصاویر واکنش‌گرا — جلوگیری از جابجایی layout (CLS) */
picture {
  display: block;
}

.hero-visual picture,
.about-grid picture {
  width: 100%;
}

.hero-visual img,
.about-grid img {
  width: 100%;
  height: auto;
}

.hero-visual {
  max-width: 100%;
}

.about-grid picture {
  aspect-ratio: 1;
}

.service-card picture,
.service-card img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  margin-inline: auto;
}

.contact-map picture {
  width: 100%;
}