/* ==========================================================================
   Rezerwacja (#zapisy): kalendarz ZL (karta #rezerwacja, style kontakt__* z css/kontakt.css)
   + duża karta Agnieszki. 27.09 (właściciel): przed FAQ, Agnieszka większa („ma ładne zdjęcie”).
   Tło fog (Plan nad nami jest biały, FAQ pod nami biały).
   ========================================================================== */
.rezerwacja { background: var(--color-fog); }
.rezerwacja__grid { display: grid; gap: 16px; }

/* Ocena i cena nad kalendarzem */
.kontakt__book-top { display: grid; gap: 4px; margin: -6px 4px 16px; }

/* Karta Agnieszki: kawowa jak karta bio, zdjęcie (wycięcie z alfą) na ciepłym świetle */
.rezerwacja__aga {
  display: grid;
  padding: 12px;
  background: var(--color-deep-slate);
  border-color: rgba(255, 255, 255, 0.08);
}
.rezerwacja__aga-photo {
  position: relative;
  height: 340px;
  overflow: hidden;
  border-radius: var(--radius-cardinner);
  background:
    radial-gradient(62% 58% at 50% 38%, #5b4838 0%, rgba(91, 72, 56, 0) 100%),
    #211a16;
}
.rezerwacja__aga-photo img {
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 100%;
  width: auto;
  max-width: none;
  transform: translateX(-50%);
}
.rezerwacja__aga-body { display: grid; gap: 6px; padding: 20px 8px 8px; }
.rezerwacja__aga-who { font-size: var(--text-body); line-height: 1.5; color: var(--ink-2); }
.rezerwacja__call { --btn-h: 52px; width: 100%; margin-top: 12px; font-size: 16px; }

@media (min-width: 640px) {
  .kontakt__book-top { margin: -10px 0 20px; }
}
/* Tablet: zdjęcie obok tekstu */
@media (min-width: 640px) and (max-width: 1023px) {
  .rezerwacja__aga { grid-template-columns: 260px minmax(0, 1fr); align-items: center; gap: 8px; }
  .rezerwacja__aga-photo { height: 320px; }
  .rezerwacja__aga-body { padding: 16px 20px; }
}
/* Komputer: kalendarz po lewej, Agnieszka po prawej (przyklejona przy przewijaniu kalendarza) */
@media (min-width: 1024px) {
  .rezerwacja__grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.85fr);
    gap: 24px;
    align-items: start;
  }
  .rezerwacja__aga { position: sticky; top: calc(var(--nav-h) + 24px); }
  .rezerwacja__aga-photo { height: 430px; }
  .rezerwacja__aga-body { padding: 24px 16px 12px; }
}

/* Odwołanie przy kalendarzu (30.09, właściciel: „JASNY KOMUNIKAT o odwoływaniu”). */
.kontakt__cancel { font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.kontakt__cancel a { color: var(--ink-strong); white-space: nowrap; }