/* Babska Strefa · stage E: technical fixes only. The accepted look stays exactly as it is; hero.css, site.css and site-d.css stay untouched. */

/* the page's one H1 stays readable to screen readers in every hero mode:
   the static hero (phones, tablets in portrait, reduced motion) hid the whole wordmark band, H1 included */
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse), (orientation: landscape) and (pointer: coarse) and (max-height: 560px), (prefers-reduced-motion: reduce){
  .band.band-mark{display:block}
  .band-mark .mark-top,.band-mark .mark-bottom,.band-mark .kicker{display:none}
}
/* in the scrub, a band that has faded out is hidden; its visually hidden heading text stays announced */
.mark>.sr,.settle-h>.sr{visibility:visible}

/* the nav on the narrowest phones (320 px): brand and button stay on one line each */
.brand,.nav-cta{white-space:nowrap}
@media (max-width:359px){
  .nav{gap:12px}
  .nav-cta{padding:10px 14px;letter-spacing:.04em}
}
/* the brand link gets a full touch target without moving a pixel */
@media (pointer:coarse){.brand{padding:11px 0;margin:-11px 0}}

/* ready for the salon's own photos (PODMIANA_ZDJEC.md): an <img> dropped into a realizacje frame fills it,
   and the eyelid reveal still opens over it */
.frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.frame:has(>img){background:var(--panel)}