/* ==========================================================================
   Pagina Servicii
   ========================================================================== */

/* Utilitare locale */
.sv-col-10 { grid-column: 2 / span 10; }
.sv-pb-xs { padding-bottom: var(--spacing-xs); }
.sv-pt-xs { padding-top: var(--spacing-xs); }
.border-left.sv-bl-xxs { padding-left: var(--spacing-xxs); }
.sv-center-y { align-self: center; }

/* Banner: înălțimea vine din conținut, ca în referință */
.hero.sv-hero { min-height: 0; }
.sv-hero .hero__inner .btn { margin-top: var(--spacing-md); }

/* Intro: text 5/12 + imagine 6/12, aliniate la capete */
.sv-intro { align-items: start; row-gap: var(--spacing-sm); }
.sv-intro__text { grid-column: span 5; }
.sv-intro__media { grid-column: 7 / span 6; aspect-ratio: 5 / 4; }

/* Grilă 2 × 2 cu servicii complementare */
.sv-services {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--spacing-md);
  row-gap: var(--spacing-lg);
}
.sv-service__media { aspect-ratio: 1900 / 844; }

/* Poveste client: text pe roșu + imagine pătrată */
.sv-story .split__text > .h2 { margin-top: var(--spacing-xxxs); }

/* Contact: conținut pe jumătatea stângă, imagine pe jumătatea dreaptă până la margine */
.sv-contact { overflow: hidden; }
.sv-contact .container { position: relative; z-index: 1; }
.sv-contact__content {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}
.sv-contact__media { position: absolute; top: 0; bottom: 0; left: 50%; width: 50vw; }
.sv-contact__media .ph { position: absolute; inset: 0; }

.sv-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-xs) var(--spacing-sm);
}
.sv-form__full { grid-column: 1 / -1; }
.sv-form .checkbox a { text-decoration: underline; }

@media (max-width: 1023px) {
  .sv-col-10 { grid-column: 1 / -1; }

  .sv-intro__text,
  .sv-intro__media { grid-column: 1 / -1; }

  .sv-services { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--spacing-sm); }

  .sv-center-y { margin-top: var(--spacing-sm); }

  /* Pe mobil imaginea apare deasupra textului, iar textul e centrat */
  .sv-story .split__media { order: -1; min-height: 400px; }
  .sv-story .split__text { text-align: center; align-items: center; }

  .sv-contact__content { padding-right: 0; }
  .sv-contact__media { position: relative; left: auto; width: 100%; aspect-ratio: 1 / 1; max-height: 520px; }
}

@media (max-width: 767px) {
  .sv-services { grid-template-columns: 1fr; }
  .sv-story .split__media { min-height: 300px; }
  .sv-form { grid-template-columns: 1fr; }
}

.sv-intro__media { min-width: 0; overflow: hidden; aspect-ratio: 16 / 9; }
.sv-intro__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sv-story__media { position: relative; min-width: 0; overflow: hidden; }
.sv-story__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sv-contact__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Fotografii în cadrele definite */
.media-fill { position: relative; overflow: hidden; }
.media-fill > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }