/* Pomieszczenia: strona /pomieszczenia/ (page-templates/ta-rooms.php), 2026-11-02. Wygląd ścieżki i nagłówka jak listing (ta-shop.css). */
.ta-rooms { container: ta-rooms / inline-size; width: 100%; padding-bottom: 56px; font-family: var(--ta-font); color: var(--ta-ink); -webkit-font-smoothing: antialiased; }
.ta-rooms *, .ta-rooms *::before, .ta-rooms *::after { box-sizing: border-box; }
.ta-rooms p { margin: 0; }
.ta-rooms .ta-rooms__in { padding-left: 16px; padding-right: 16px; }
.ta-rooms .ta-rooms__crumbs { background: var(--ta-cream); }
.ta-rooms .ta-rooms__crumbs .ta-rooms__in { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding-top: 14px; padding-bottom: 14px; font: 400 12.5px/1.5 var(--ta-font); color: var(--ta-ink-muted); }
.ta-rooms .ta-rooms__crumbs a { color: var(--ta-ink-muted); text-decoration: none; transition: color .2s ease; }
.ta-rooms .ta-rooms__crumbs a:hover { color: var(--ta-rust); }
.ta-rooms .ta-rooms__crumbs [aria-current] { color: var(--ta-ink); }
.ta-rooms .ta-rooms__head { padding-top: 18px; padding-bottom: 22px; }
.ta-rooms .ta-rooms__h1 { margin: 0; font: 300 30px/1.1 var(--ta-font); letter-spacing: -.01em; text-transform: none; color: var(--ta-ink); }
.ta-rooms .ta-rooms__lead { max-width: none; margin-top: 12px; font: 400 15px/1.65 var(--ta-font); text-wrap: pretty; }
.ta-rooms .ta-rooms__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.ta-rooms .ta-rooms__grid li { margin: 0; }
.ta-rooms .ta-rooms__tile { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--ta-thumb); text-decoration: none; }
.ta-rooms .ta-rooms__img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform .8s var(--ta-ease, ease); }
.ta-rooms .ta-rooms__tile:hover .ta-rooms__img { transform: scale(1.05); }
.ta-rooms .ta-rooms__tile:focus-visible { outline: 2px solid var(--ta-green); outline-offset: 2px; }
.ta-rooms .ta-rooms__text { position: absolute; left: 0; right: 0; bottom: 0; padding: 70px 14px 14px; background: linear-gradient(to top, color-mix(in srgb, var(--ta-ink) 92%, transparent) 0%, color-mix(in srgb, var(--ta-ink) 60%, transparent) 50%, transparent 100%); }
.ta-rooms .ta-rooms__name { display: block; font: 400 19px/1.3 var(--ta-font); color: var(--ta-white); text-shadow: 0 1px 2px rgba(24, 28, 22, .55); }
.ta-rooms .ta-rooms__n { display: block; margin-top: 4px; font: 400 13px/1.4 var(--ta-font); color: rgba(255, 255, 255, .9); text-shadow: 0 1px 2px rgba(24, 28, 22, .6); }
.ta-rooms .ta-rooms__body { max-width: 860px; padding-top: 40px; font: 400 15px/1.7 var(--ta-font); }
.ta-rooms .ta-rooms__body p + p { margin-top: 12px; }

@container ta-rooms (min-width: 700px) {
  .ta-rooms .ta-rooms__in { padding-left: 32px; padding-right: 32px; }
  .ta-rooms .ta-rooms__h1 { font-size: 40px; }
  .ta-rooms .ta-rooms__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .ta-rooms .ta-rooms__name { font-size: 22px; }
}
@container ta-rooms (min-width: 1200px) {
  .ta-rooms .ta-rooms__in { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; }
  .ta-rooms .ta-rooms__crumbs .ta-rooms__in { gap: 10px; padding-top: 20px; padding-bottom: 20px; font-size: 13px; }
  .ta-rooms .ta-rooms__head { padding-top: 28px; padding-bottom: 32px; }
  .ta-rooms .ta-rooms__h1 { font-size: 44px; }
  .ta-rooms .ta-rooms__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
  .ta-rooms .ta-rooms__name { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .ta-rooms .ta-rooms__img { transition: none; }
}