/* A natív BOOKING DOM oldalhoz kötött adaptere. A hero és a wrap a home forrásból jön. */
.page-bemutato .hero{padding-bottom:55px;overflow:hidden}
.page-bemutato .demo-booking-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}
.page-bemutato :is(.demo-context,.demo-booking-panel,.booking-card,.form-grid,.field){min-width:0}
.page-bemutato .demo-context .check-list,.page-bemutato .booking-card .check-list{list-style:none;padding:0;margin:0 0 25px;font-size:15px;line-height:1.8}
.page-bemutato .check-list>li{position:relative;padding:7px 0 7px 25px}
.page-bemutato .check-list>li::before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:800}
.page-bemutato .section-note{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 30px}
.page-bemutato .demo-booking-note{min-height:0;aspect-ratio:auto}
.page-bemutato .demo-booking-note .eyebrow{line-height:1.7}
.page-bemutato .booking-anchor{display:block;scroll-margin-top:100px}
.page-bemutato .booking-card{padding:32px;border:1px solid var(--line);border-radius:16px;background:#fff;scroll-margin-top:100px}
.page-bemutato .booking-card :is(h2,h3){letter-spacing:-.045em}
.page-bemutato .booking-card h2{font-size:24px;line-height:1.25;margin:0 0 12px}
.page-bemutato .booking-card h3{font-size:20px;line-height:1.4;margin:25px 0 14px}
.page-bemutato .booking-month{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0 15px;font-size:14px;font-weight:800}
.page-bemutato .booking-month span{font-size:12px;font-weight:500;color:var(--muted)}
.page-bemutato .booking-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.page-bemutato :is(.booking-days,.booking-slots) button{min-width:0;min-height:44px;padding:12px 5px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:12px;cursor:pointer;overflow-wrap:anywhere}
.page-bemutato .booking-days button{display:flex;flex-direction:column;align-items:center;gap:5px}
.page-bemutato .booking-days button strong{font-size:21px}
.page-bemutato .booking-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0}
.page-bemutato :is(.booking-days,.booking-slots) button[aria-pressed=true]{border-color:var(--green);background:#e5f4df;color:var(--green);box-shadow:0 0 0 1px var(--green)}
.page-bemutato :is(.booking-days,.booking-slots) button:hover{border-color:var(--green)}
.page-bemutato .booking-selection{font-size:12px;line-height:1.7;color:var(--green);min-height:21px;margin:0 0 16px}
.page-bemutato .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.page-bemutato .field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;margin-bottom:16px}
.page-bemutato .field :is(input,select,textarea){width:100%;max-width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:15px}
.page-bemutato .field.full{grid-column:1/-1}
.page-bemutato .form-privacy{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0 0;overflow-wrap:anywhere}
.page-bemutato .form-privacy a{color:var(--green)}
.page-bemutato .booking-card .button.primary{border:0;background:var(--lime);color:var(--ink);cursor:pointer}
.page-bemutato .booking-card .button{max-width:100%;white-space:normal;text-align:center}
.page-bemutato .booking-card .form-result{font-size:13px;line-height:1.7;color:#8b2e24;background:#fff0ed;border:1px solid #e5c4bd;padding:15px;border-radius:9px}
.page-bemutato .booking-card [hidden]{display:none}
.page-bemutato .booking-card :is(button,input,select):focus-visible{outline:2px solid var(--green);outline-offset:3px}
.page-bemutato .brand-booking-header{justify-content:space-between;gap:20px}
.page-bemutato .brand-booking-header .button{min-width:0;white-space:normal;text-align:center}
.page-bemutato .brand-booking-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px}
.page-bemutato .brand-booking-footer nav{display:flex;flex-wrap:wrap;gap:16px}
.page-bemutato .brand-booking-footer :is(nav a,.stage-consent){display:inline-flex;min-height:44px;align-items:center}
@media(max-width:900px){.page-bemutato .demo-booking-layout{grid-template-columns:minmax(0,1fr);gap:32px}.page-bemutato .demo-context{max-width:640px}.page-bemutato .brand-booking-footer{align-items:flex-start}}
@media(max-width:620px){.page-bemutato .hero{padding-bottom:38px}.page-bemutato .booking-card{padding:22px}.page-bemutato .booking-days{gap:6px}.page-bemutato .booking-days button{font-size:11px;padding:11px 3px}.page-bemutato .booking-days button strong{font-size:19px}.page-bemutato .booking-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.page-bemutato .form-grid{grid-template-columns:minmax(0,1fr);gap:0}.page-bemutato .brand-booking-header .button{font-size:10px;padding:10px;gap:5px}.page-bemutato .brand-booking-footer{gap:16px}.page-bemutato .brand-booking-footer nav{width:100%;gap:14px}}