/* Step 1 the same on every venue page (Tim, 29 Oct 2026, from Bohemia: "do all the same changes to every page").
   Guests: no label, "− 4 GUESTS +" centred in caps (the top night pill's type). Night pages (flyer box): bigger flyer,
   ‹ › arrows beside it, narrow centred guests card. Loaded after table3d/steps/mobile css. */
/* guests row, phone + desktop */
html body .p3m-guests>label,html body .p3h-row:has(>.p3h-step)>label{display:none!important}
html body .p3m-guests,html body .p3h-row:has(>.p3h-step){justify-content:center!important}
html body .p3m-guests .p3h-step,html body .p3h-row:has(>.p3h-step) .p3h-step{gap:18px!important;margin:0 auto!important}
html body .p3m-guests .gv,html body .p3h-row:has(>.p3h-step) .p3h-step b{min-width:84px!important;font:700 13.5px/1 Manrope,system-ui,sans-serif!important;letter-spacing:.04em!important;text-transform:uppercase;color:#f3f2ef}
html body .p3m-guests .p3h-step button,html body .p3h-row:has(>.p3h-step) .p3h-step button{width:36px!important;height:36px!important;border-radius:10px!important;font:600 17px/1 Manrope,system-ui,sans-serif!important;display:inline-flex;align-items:center;justify-content:center;padding:0}
/* phone, night pages: bigger flyer, arrows on its sides, narrow guests card */
html body .p3m-cube{position:relative!important;--w:min(calc((100dvh - var(--rz-nav,62px) - 270px) / 1.25),86vw)!important}
html body .p3m-cube .pe-nav{position:absolute!important;inset:0;display:block!important;pointer-events:none;z-index:6}
html body .p3m-cube .pe-nav .pe-dots{display:none!important}
html body .p3m-cube .pe-nav .pe-arrow{display:inline-flex!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:auto;align-items:center;justify-content:center;width:40px;height:40px;padding:0 0 3px;border-radius:50%;background:rgba(10,10,12,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(214,216,220,.4);color:#f3f2ef;font:400 28px/1 system-ui,sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.45)}
html body .p3m-cube .pe-nav .pe-prev{left:-14px!important;right:auto!important}html body .p3m-cube .pe-nav .pe-next{right:-14px!important;left:auto!important}
html body .p3m-cube .pe-nav .pe-arrow[disabled]{opacity:.35}
html body .p3m-p1:has(.p3m-cube) .p3m-card{width:auto!important;max-width:300px!important;margin-left:auto!important;margin-right:auto!important;align-self:center!important;padding:14px!important}
html body .p3m-p1:has(.p3m-cube) .p3m-card .p3m-guests{padding:10px 12px!important}
/* desktop, night pages */
html body .p3s-cube.pe-box-mode{--w:min(calc((100dvh - 88px - 215px) / 1.25),640px,max(220px,calc(100vw - 470px)))!important}
html body .p3s-cube{position:relative}
html body .p3s-cube .pe-nav{position:static!important;height:0!important;margin:0!important;padding:0!important;overflow:visible!important}
html body .p3s-cube .pe-nav .pe-arrow{position:absolute!important;top:var(--p3-navtop,50%)!important;transform:none!important;z-index:6}
html body .p3s-cube .pe-nav .pe-prev{left:calc(50% - var(--w) / 2 - 70px)!important;right:auto!important}html body .p3s-cube .pe-nav .pe-next{right:calc(50% - var(--w) / 2 - 70px)!important;left:auto!important}
html body .p3s-cube .p3s-cubego{width:300px!important;max-width:300px!important;margin-left:auto!important;margin-right:auto!important;padding:12px!important;box-sizing:border-box}
html body .p3s-cube .p3s-cubego .p3h-row{padding:10px 12px!important}
/* phone step 1 = hero + booking card filling the screen, then Good to know etc. scroll on under it (Tim, 29 Oct 2026).
   Menus moved to Good to know (tools/rz-menus-20261029.js), so the card fits; the hero takes whatever height is left. */
html body .p3m-p1 .p3m-card .rzm-links{display:none!important}
html.p3-mob .p3m-pane[data-s="1"]>.p3m-p1{height:100%!important;min-height:0!important}
html body .p3m-p1:has(.p3m-card) .p3m-hero{flex:1 1 auto!important;min-height:110px!important;max-height:none!important}
html body .p3m-p1 .p3m-card{flex:0 0 auto!important}
/* pages whose whole body scrolls on phones (Billionaire): keep the area behind Safari's bottom bar dark under the booking
   card, as Raspoutine does, so the first photo doesn't bleed under the bar (Tim, 29 Oct 2026) */
html.p3-mob.p3s-scroll .p3s-more{margin-top:calc(150px + env(safe-area-inset-bottom))!important}
/* phone photo strip: one photo per row, 300px tall (CouCou's page had no phone rule, so the strip collapsed to 0; Tim, 29 Oct 2026) */
@media (max-width:820px){html body .bands{flex-direction:column!important;height:auto!important}html body .bands .band{flex:0 0 auto!important;min-height:300px!important}html body .bands .band.is-visible{min-height:460px!important}}