/* ==========================================================================
   Prestige Wellness 1.5.0 — окрема сторінка проєкту (single-project.php). Тимчасовий вигляд у стилі сайту.
   ========================================================================== */

.project-single { padding: 100px 0 40px; }

.project-single__grid {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  column-gap: 100px;
  align-items: start;
}

.project-single__fact + .project-single__fact { margin-top: 28px; }
.project-single__fact dt { margin-bottom: 10px; opacity: 0.6; }
.project-single__fact dd { margin: 0; font-size: 16px; line-height: 1.35; letter-spacing: 0.02em; }
.project-single__fact a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(0, 0, 0, 0.3); }
.project-single__fact a:hover { text-decoration-color: currentColor; }

.project-single__text { max-width: 720px; }
.project-single__text p + p { margin-top: 1em; }

.project-single__gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 100px;
}
.project-single__gallery img { display: block; width: 100%; height: 100%; aspect-ratio: 600 / 396; object-fit: cover; }

.project-single__back { margin-top: 60px; text-align: center; }

/* hero: в описі місто замість ліда */
.project-hero .page-hero__lead { opacity: 0.7; }

@media (max-width: 1023px) {
  .project-single__grid { grid-template-columns: 1fr; row-gap: 50px; }
}

@media (max-width: 767px) {
  .project-single { padding: 60px 0 20px; }
  .project-single__gallery { grid-template-columns: 1fr; gap: 12px; margin-top: 50px; }
  .project-single__fact dd { font-size: 14px; }
  .project-single__back { margin-top: 40px; }
  .project-single__back .btn { width: 100%; }
}