/* Rooms colour, services heading grid and the mobile reading order of the contact section. */
.priority-seven .rooms,
.priority-seven .rooms h2,
.priority-seven .rooms .eyebrow,
.priority-seven .rooms p,
.priority-seven .rooms .text-link {
  color: var(--green);
}

.priority-seven .services .section-heading{ margin-bottom:32px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:24px 48px; align-items:center;}

@media (max-width: 699px) {
  .priority-seven .services .section-heading { grid-template-columns:1fr; gap:20px; margin-bottom:28px; }
  .priority-seven .services .section-heading > p { margin-top:0; }

  /* Flatten layout wrappers so the same contact links, without duplicates,
     precede the aria-hidden artwork. All form controls keep their DOM order. */
  .priority-seven #kontakt > .shell { display: flex; flex-direction: column; }
  .priority-seven .contact-opening,
  .priority-seven .contact-layout,
  .priority-seven .contact-copy { display: contents; }
  .priority-seven .contact-copy.reveal { opacity: 1; transform: none; }
  .priority-seven .contact-opening-copy { order: 0; margin-bottom: 24px; }
  .priority-seven .contact-opening h2 { margin-top: 16px; }
  .priority-seven .contact-phone { order: 2; margin: 0; align-self: flex-start; font-size: clamp(32px, 9vw, 42px); }
  .priority-seven .contact-email { order: 3; margin: 12px 0 0; align-self: flex-start; font-size: clamp(16px, 4.4vw, 20px); }
  .priority-seven .contact-place { order: 4; margin: 18px 0 0; }
  /* Zdanie wprowadzajace stoi PRZED danymi, tak jak na desktopie — inaczej mobile
     czytalo je po telefonie, mailu i lokalizacji, ktore mialo wprowadzac. */
  .priority-seven .contact-copy > .contact-intro { order: 1; margin: 0 0 26px; }

  .priority-seven .form-panel{ order: 6; width: 100%; margin-top:28px;}
  .priority-seven .directions-layout { order: 7; }
}