/* ============================================================
   about.css — блок «О враче»
   ============================================================ */

.about-section {
  background: var(--bg-white);
  padding: var(--section-v) var(--section-h);
}

.about-inner {
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(36px, 6vw, 88px);
  align-items: start;
}

/* ---- Мобиль ---- */
@media (max-width: 768px) {
  .about-inner { grid-template-columns: 1fr !important; }

  .about-photo-col {
    position: relative;
  }

  .about-photo-col img {
    max-width: 100% !important;
    aspect-ratio: 4/5 !important;
    object-position: center 20%;
    border-radius: 20px;
  }

  /* Цитата поверх фото */
  .about-quote {
    position: absolute !important;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 !important;
    padding: 32px 20px 24px !important;
    border-left: none !important;
    border-radius: 0 0 20px 20px;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
  }

  .about-quote p {
    color: #fff !important;
  }

  .about-quote footer {
    color: rgba(255, 255, 255, 0.65) !important;
  }
}