/* Oferta dla szkół — page-specific styles; the shared subpage kit is at the end of assets/css/styles.css. */

/* Intro: reading column + classroom photo (layout from .wbm-split) */
.szkoly-intro__grid {
  --gap: clamp(32px, 5vw, 72px);
  align-items: center;
}

.szkoly-intro__media {
  margin: 0;
  overflow: hidden;
  aspect-ratio: 3 / 2;
  border-radius: var(--radius);
  background: var(--tint);
}

.szkoly-intro__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 58%;
}

.szkoly-intro__grid .prose {
  max-width: 62ch;
}

.szkoly-intro__grid .prose h2:first-child {
  margin-top: 0;
}

/* Workshop topics keep the homepage card language; the icon sits on top. */
.szkoly-topics .info-card {
  min-height: 100%;
}

/* The icon sheet is white-backed; on the white card the tile needs the tint. */
.szkoly-topics .card-icon {
  background: var(--tint);
}

/* Enquiry: the contact-form component sits in the main column of .with-aside,
   with "Forma współpracy" beside it. Only the form is used here (no intro). */
.szkoly-contact {
  align-items: start;
}

.szkoly-contact__form {
  display: block;
  padding: 0;
}

.szkoly-contact .wbm-c-contact-form__form {
  background: #fff;
  box-shadow: 0 1px 2px rgba(21, 26, 33, 0.04), 0 18px 40px rgba(21, 26, 33, 0.06);
}

@media (max-width: 900px) {
  .szkoly-intro__media {
    aspect-ratio: 16 / 10;
  }
}

@media (max-width: 600px) {
  .szkoly-contact .wbm-c-contact-form__form {
    padding: 22px 20px;
  }
}