/* about-styles.css — استایل اختصاصی صفحهٔ «درباره ما»
   هیرو از home-styles.css می‌آید؛ اینجا فقط کادر عکس و بخش توضیحات استایل می‌شوند. */

/* ===== کادر عکس ===== */
.about-photo-section {
  padding: 70px 0 24px;
  background-color: #fff;
}

.about-photo-box {
  max-width: 1000px;
  margin: 0 auto;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #eaeaea;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  background-color: #f4f6f8;
}

.about-photo-box img {
  display: block;
  width: 100%;
  height: auto;
}

/* ===== توضیحات زیر کادر عکس ===== */
.about-desc-section {
  padding: 24px 0 90px;
  background-color: #fff;
}

.about-desc {
  max-width: 900px;
  margin: 0 auto;
}

.about-desc .section-header {
  text-align: center;
}

.about-desc p {
  color: #555;
  line-height: 2.1;
  font-size: 1.05rem;
  text-align: justify;
  margin-bottom: 16px;
}

.about-desc p:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .about-photo-section {
    padding: 45px 0 18px;
  }

  .about-desc-section {
    padding: 18px 0 60px;
  }

  .about-desc p {
    font-size: 1rem;
    line-height: 1.95;
  }
}