/* Babska Strefa · stage G: the booking page (rezerwacja.html). Tokens, nav, buttons and type come from hero.css + site.css.
   The Booksy widget draws its own button; this file only frames it, it never restyles Booksy's elements. */
.rz-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.rz-back{padding:11px 20px}
.rz{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(112px,16vh,160px) clamp(16px,5vw,64px) clamp(56px,9vh,96px)}
.rz:focus{outline:none}
.rz-col{width:min(620px,100%);display:flex;flex-direction:column;align-items:center;text-align:center}
.rz-mark{width:96px;height:auto;margin:0 0 26px;fill:none;stroke:var(--szampan);stroke-width:1.1;stroke-linecap:round;opacity:.8}
.rz .label{justify-content:center}
.rz .h2{max-width:none;font-size:clamp(40px,5.6vw,72px)}
.rz .lede{margin-top:22px;max-width:44ch}

/* the card: a powder ticket with the double hairline frame of logo B; Booksy's button and its dark
   "powered by" line are drawn for a light page, so they sit on powder, not on night */
.rz-card{position:relative;width:min(440px,100%);margin:clamp(40px,6vh,56px) 0 0;padding:34px 24px 28px;border-radius:4px;background:var(--puder);color:var(--puder-ink);box-shadow:0 30px 80px -30px rgba(8,2,6,.8)}
.rz-card::before{content:"";position:absolute;inset:7px;border:1px solid rgba(156,122,100,.55);border-radius:2px;pointer-events:none}
.rz-card::after{content:"";position:absolute;inset:11px;border:1px solid rgba(156,122,100,.25);border-radius:1px;pointer-events:none}
.rz-cap{position:relative;z-index:1;margin:0 0 20px;font:400 10px/1.5 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--puder-soft)}
.rz-widget{position:relative;z-index:1;min-height:70px;text-align:center}
.rz-fallback{position:relative;z-index:1;margin:6px 0 0;font:400 15px/1.6 var(--f-body);color:var(--puder-soft)}
.rz-fallback a{color:var(--puder-ink);text-decoration:none;border-bottom:1px solid rgba(42,14,34,.4)}
.rz-ask a,.rz-note a{color:var(--text-primary);text-decoration:none;border-bottom:1px solid rgba(244,230,223,.35);transition:border-color .4s var(--ease-out)}
.rz-fallback a:hover{border-color:var(--puder-ink)}
.rz-ask a:hover,.rz-note a:hover{border-color:var(--text-primary)}

.rz-ask{margin:30px 0 0;font:400 15px/1.6 var(--f-body);color:var(--text-secondary)}
.rz-note{margin:22px 0 0;max-width:52ch;font:400 12.5px/1.65 var(--f-body);color:rgba(212,186,177,.78)}

.rz-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;padding:26px 16px 32px;border-top:1px solid var(--hair);font:400 10px/1.6 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(212,186,177,.7)}

@media (max-width:560px){
  .nav.solid{padding-top:12px;padding-bottom:12px}
  .rz-back{padding:10px 14px;font-size:11px}
  .rz{align-items:flex-start}
  .rz-card{padding:30px 16px 26px}
}
@media (prefers-reduced-motion:reduce){body.rz-page{animation:none}}