/* Saraf · mobile pass (round 13): content pages: workshops, custom, about, contact, terms; header, footer, dock. Loaded only at max-width 767px.
   Page ids: 133 workshops · 135 custom · 137 about · 139 contact · 141 terms. Chrome (header, menu, footer, dock) is global. */

/* ==========================================================================
   1 · Chrome: header
   ========================================================================== */
html body .whb-general-header .whb-mobile-center .site-logo img { width: auto !important; max-width: none !important; height: 38px !important; max-height: none !important; object-fit: contain; }
html body .whb-header.whb-sticked .whb-general-header .whb-mobile-center .site-logo img { height: 34px !important; }
html body .whb-general-header .wd-tools-element > a,
html body .whb-general-header .wd-header-mobile-nav > a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }

/* ==========================================================================
   2 · Chrome: mobile menu (paper sheet, calm rows, utility links quieter)
   ========================================================================== */
html body .mobile-nav.wd-side-hidden { background: var(--sf-paper) !important; width: min(86vw, 340px) !important; box-shadow: none !important; padding-bottom: calc(24px + env(safe-area-inset-bottom)); }
html body .mobile-nav .wd-search-form { padding: 14px 20px 10px; background: transparent !important; box-shadow: none !important; border: 0 !important; }
html body .mobile-nav .wd-search-form .searchform { background: transparent; }
html body .mobile-nav .wd-search-form input.s { height: 48px; border: 1px solid var(--sf-line) !important; border-radius: 2px !important; background: var(--sf-paper-2) !important; color: var(--sf-ink); font-family: var(--f-sans); font-size: 1rem; padding-inline: 16px 48px; box-shadow: none !important; }
html body .mobile-nav .wd-nav-mobile { padding: 6px 20px 0; }
html body .mobile-nav .wd-nav-mobile > li > a { min-height: 54px; padding: 0 !important; display: flex; align-items: center; gap: 12px; font-size: 1.85rem !important; line-height: 1; border-bottom: 1px solid var(--sf-line) !important; -webkit-tap-highlight-color: transparent; }
html body .mobile-nav .wd-nav-mobile > li:first-child > a { border-top: 0 !important; }
/* wishlist and account are tools, not chapters: small sans, no rule under them */
html body .mobile-nav .wd-nav-mobile > li.menu-item-wishlist { margin-top: 18px; }
html body .mobile-nav .wd-nav-mobile > li.menu-item-wishlist > a,
html body .mobile-nav .wd-nav-mobile > li.menu-item-account > a { min-height: 46px; font-family: var(--f-sans) !important; font-size: 1rem !important; font-weight: 500 !important; color: var(--sf-ink-soft) !important; border-bottom: 0 !important; }
/* a visible way out: an X in the strip of page left beside the sheet (the strip is the close overlay itself) */
html body:has(.mobile-nav.wd-opened) .wd-close-side::after { content: ""; position: fixed; top: calc(12px + env(safe-area-inset-top)); left: 5px; width: 44px; height: 44px; border-radius: 50%; background: var(--sf-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A1C15' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / 20px no-repeat; }
html body .mobile-nav .wd-nav-mobile > li.menu-item-wishlist > a::before,
html body .mobile-nav .wd-nav-mobile > li.menu-item-account > a::before { font-size: 20px !important; color: var(--sf-ink-soft); }

/* ==========================================================================
   3 · Chrome: footer (compact brand row, 44px links, ends exactly at the dock)
   ========================================================================== */
/* the footer already reserves room for the dock; the body padding under it only showed a paper strip */
body:has(.sf-footer) { padding-bottom: 0 !important; }
html body .sf-footer { padding: 48px 0 calc(var(--dock-h) + 36px + env(safe-area-inset-bottom)) !important; }
html body .sf-footer .wrap { padding-inline: 20px; }
html body .sf-footer__in { grid-template-columns: 1fr 1fr; gap: 36px 20px; }
html body .sf-footer__brand { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 14px 16px; padding-bottom: 28px; border-bottom: 1px solid rgba(245,239,231,.12); }
html body .sf-footer__logo img { width: 150px; }
/* the Shai line drawing leads the light footer: clean gold strokes at full strength. The mask PNG keeps a faint 1-3% alpha
   over its whole square, which showed as a tinted tile; the same mask laid twice and intersected squares that alpha away
   (a·a: 3% becomes 0.1%) while the solid strokes stay solid */
html body .sf-footer__shai { margin: 0; opacity: 1 !important;
	-webkit-mask: var(--m) center / contain no-repeat, var(--m) center / contain no-repeat; -webkit-mask-composite: source-in;
	mask: var(--m) center / contain no-repeat, var(--m) center / contain no-repeat; mask-composite: intersect; }
html body .sf-footer__tag { grid-column: 1 / -1; font-size: 1rem; max-width: none; }
html body .sf-footer__brand .eyebrow { grid-column: 1 / -1; font-size: .9rem; }
html body .sf-footer__brand .sf-social { grid-column: 1 / -1; margin-top: 0; }
html body .sf-footer__title { font-size: 1.6rem; margin: 0 0 6px; }
html body .sf-footer ul { gap: 0; }
html body .sf-footer li { margin: 0 !important; }
html body .sf-footer li a { display: inline-flex; align-items: center; min-height: 44px; font-size: 1rem; -webkit-tap-highlight-color: transparent; }
html body .sf-footer li:not(:has(a)) { padding-block: 10px; }
html body .sf-footer__contact ul { grid-template-columns: 1fr 1fr; column-gap: 20px; }
html body .sf-footer__contact li:nth-child(n+3) { grid-column: 1 / -1; }
html body .sf-footer__hours { font-size: .95rem !important; line-height: 1.5; padding-top: 0 !important; }
html body .sf-footer__bottom { margin-top: 32px; padding-top: 20px; gap: 6px; font-size: .85rem; }
html body .sf-footer__credit a { display: inline-flex; align-items: center; min-height: 44px; }

/* ==========================================================================
   4 · Chrome: dock (one shape: a quiet bar, square-ish like the buttons)
   ========================================================================== */
html body .sf-dock { border-radius: 6px; padding: 5px; gap: 4px; inset-inline: 12px; }
html body .sf-dock__btn { border-radius: 3px !important; min-height: 48px; font-size: 1rem; -webkit-tap-highlight-color: transparent; }

/* ==========================================================================
   5 · Content pages: one type scale, one rhythm, one gutter
   ========================================================================== */
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139, .page-id-141) {
	--fs-h1: 3.6rem;           /* page titles: 57.6px */
	--fs-h2: 2.5rem;           /* chapter titles: 40px */
	--sp-ch: 56px;             /* every chapter: 56px top and bottom */
	--gutter: 20px;
}
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139, .page-id-141) .wrap { padding-inline: 20px; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139, .page-id-141) .h2 { line-height: .95; max-width: none; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139, .page-id-141) .chead { gap: 12px; margin-block-end: 28px; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139, .page-id-141) .lead { font-size: 1.06rem; line-height: 1.6; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139, .page-id-141) .eyebrow::before { width: 24px; }

/* ---------- page hero ---------- */
html body:is(.page-id-135, .page-id-137, .page-id-139, .page-id-141) .phero { padding: calc(var(--hdr-h) + 40px) 0 48px; }
html body:is(.page-id-135, .page-id-137, .page-id-139, .page-id-141) .phero__in { gap: 14px; }
html body:is(.page-id-135, .page-id-137, .page-id-139, .page-id-141) .phero__title { line-height: .92 !important; }
html body:is(.page-id-135, .page-id-137, .page-id-139, .page-id-141) .phero__lead { font-size: 1.06rem; line-height: 1.6; }
/* paper heroes (contact, terms) stay the light paper-2 band from sys-pages, like desktop: no bordeaux banner on phones either.
   On a phone the band is sized by its copy, not by half the screen, so the title is not pushed into empty paper */
html body:is(.page-id-139, .page-id-141) .phero:not(.phero--img) { min-height: 0; }
/* photo heroes (custom, about): a real cover, copy anchored low */
html body:is(.page-id-135, .page-id-137) .phero { min-height: 64svh; padding-bottom: 40px; }
html body:is(.page-id-135, .page-id-137) .phero__media { inset: 0; }

/* ---------- text chapters: portrait photos stay portrait ---------- */
body:is(.page-id-135, .page-id-137) .textc__in { gap: 28px; }
body:is(.page-id-135, .page-id-137) .textc__media .slab { aspect-ratio: 4 / 5; border-radius: 2px; }
body:is(.page-id-135, .page-id-137) .textc__copy { gap: 12px; }
body:is(.page-id-135, .page-id-137) .textc__copy .chead { margin-block-end: 10px; }
body:is(.page-id-135, .page-id-137) .textc__cta { display: flex; justify-content: flex-start; margin-top: 10px; }
body:is(.page-id-135, .page-id-137) .textc__copy p, body:is(.page-id-135, .page-id-137) .textc__copy li { font-size: 1.03rem; line-height: 1.7; }

/* ---------- process (custom, about): tight 2-up, square frames ---------- */
body:is(.page-id-135, .page-id-137) .process { padding-block: var(--sp-ch) 0; }
body:is(.page-id-135, .page-id-137) .process__pin { padding-bottom: var(--sp-ch); }
body:is(.page-id-135, .page-id-137) .process__head .chead { margin-block-end: 24px; }
body:is(.page-id-135, .page-id-137) .process__track { padding-inline: 20px; gap: 28px 14px; }
body:is(.page-id-135, .page-id-137) .step { padding-top: 26px; gap: 8px; align-content: start; }
body:is(.page-id-135, .page-id-137) .step__n { top: 0; font-size: .85rem; letter-spacing: .08em; }
body:is(.page-id-135, .page-id-137) .step__frame { border-radius: 2px; box-shadow: none; }
body:is(.page-id-135, .page-id-137) .step__title { font-size: 1.25rem; margin-top: 4px; }
body:is(.page-id-135, .page-id-137) .step__text { font-size: .94rem; line-height: 1.5; }

/* ---------- configurator (custom) ---------- */
body.page-id-135 .cfg__in { gap: 24px; }
body.page-id-135 .cfg__frame { aspect-ratio: 4 / 3; }
body.page-id-135 .cfg__caption { inset-inline-start: 10px; bottom: 10px; padding: 8px 12px; }
body.page-id-135 .cfg__caption b { font-size: 1.15rem; }
body.page-id-135 .cfg__caption small { font-size: .8rem; }
body.page-id-135 .cfg__form { gap: 20px; }
body.page-id-135 .cfg__opts { gap: 8px; }
body.page-id-135 .cfg__opt { min-height: 44px; padding: 0 14px; font-size: .95rem; }
body.page-id-135 .cfg__actions .btn { width: 100%; justify-content: center; }

/* ---------- small text links (collection head, the 'at home' card): a 44px tap area without moving their underline ---------- */
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139, .page-id-141) :is(.shead__more, .athome__card a) { position: relative; -webkit-tap-highlight-color: transparent; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139, .page-id-141) :is(.shead__more, .athome__card a)::after { content: ""; position: absolute; inset: -9px -6px; }

/* ---------- instagram (about) ---------- */
body.page-id-137 .ig__handle { min-height: 44px; font-size: 2rem !important; }
body.page-id-137 .ig__grid { gap: 6px; }
body.page-id-137 .ig__item { border-radius: 2px; }
body.page-id-137 .ig__cta { margin-top: 24px; }
body.page-id-137 .ig__cta .btn { min-height: 48px; }

/* ---------- contact chapter (all five pages) ---------- */
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .contact__in { gap: 32px; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .contact__copy { gap: 18px; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .contact__details { gap: 4px; margin: 0; padding: 0 !important; list-style: none; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .contact__details li { align-items: flex-start; min-height: 44px; padding-block: 10px; gap: 12px; line-height: 1.5; border-bottom: 1px solid var(--on-ground-line); }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .contact__details li:last-child { border-bottom: 0; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .contact__details .sf-ico { flex: none; margin-top: 2px; }
/* the right icons: a phone for the number, a clock for the hours (the markup has them the other way round) */
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .contact__details li:has(> a[href^="tel:"]) > .sf-ico, body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .contact__details li:has(> .sf-ico > :nth-child(4)) > .sf-ico { display: none; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .contact__details li:has(> a[href^="tel:"])::before, body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .contact__details li:has(> .sf-ico > :nth-child(4))::before { content: ""; flex: none; width: 20px; height: 20px; margin-top: 2px; background: var(--on-ground-accent, var(--sf-wine)); -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .contact__details li:has(> a[href^="tel:"]) { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16.4v2.8a1.9 1.9 0 0 1-2.1 1.9 18.8 18.8 0 0 1-8.2-2.9 18.5 18.5 0 0 1-5.7-5.7A18.8 18.8 0 0 1 2.1 4.2 1.9 1.9 0 0 1 4 2.1h2.8a1.9 1.9 0 0 1 1.9 1.6c.1.9.3 1.8.7 2.7a1.9 1.9 0 0 1-.4 2L7.8 9.6a15.2 15.2 0 0 0 5.7 5.7l1.2-1.2a1.9 1.9 0 0 1 2-.4c.9.3 1.8.6 2.7.7a1.9 1.9 0 0 1 1.6 1.9z'/%3E%3C/svg%3E"); }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .contact__details li:has(> .sf-ico > :nth-child(4)) { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .contact__details a { display: inline-flex; align-items: center; min-height: 24px; margin-block: -10px; padding-block: 10px; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .form { padding: 0; border: 0; background: transparent; border-radius: 0; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .form__grid { gap: 16px; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .form__field { gap: 6px; }
/* fields you can see, like desktop: a filled box with a hairline, the label in full ink-soft */
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .form__field > span { font-size: .95rem; color: var(--sf-ink-soft) !important; opacity: 1 !important; }
html body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .form__field input, html body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .form__field textarea { box-sizing: border-box; width: 100%; background: #FBF8F3 !important; border: 1px solid var(--sf-line) !important; border-radius: 2px !important; padding: 12px 14px !important; font-size: 16px; line-height: 1.4; color: var(--sf-ink); box-shadow: none !important; -webkit-appearance: none; appearance: none; }
html body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .form__field input { min-height: 48px; height: 48px; }
html body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .form__field textarea { min-height: 128px; resize: none; }
html body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .form__field input:focus, html body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .form__field textarea:focus { border-color: var(--sf-gold) !important; outline: none; box-shadow: 0 0 0 3px rgba(144,120,78,.16) !important; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .form__actions { margin-top: 8px; gap: 10px; justify-content: center; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .form__submit { width: 100%; min-height: 52px; justify-content: center; }
body:is(.page-id-133, .page-id-135, .page-id-137, .page-id-139) .form__wa { min-height: 44px; border-bottom: 0; text-decoration: underline; text-decoration-color: var(--accent-line); text-underline-offset: 6px; }

/* ==========================================================================
   6 · Workshops (133)
   ========================================================================== */
/* hero: the light paper-2 band from sys-pages (no bordeaux banner), just tighter; its widget wrapper shares the tone so no paper sliver shows before the steps */
body.page-id-133 .elementor-element:has(> .elementor-widget-container > .lp) { background: var(--sf-paper-2); }
body.page-id-133 .lp__in { padding: calc(var(--hdr-h) + 16px) 20px 28px; gap: 18px; }
body.page-id-133 .lp__portrait-img { width: min(52vw, 210px) !important; }
body.page-id-133 .lp__copy { gap: 14px; }
body.page-id-133 .lp__eyebrow { font-size: .9rem; line-height: 1.45; }
body.page-id-133 .lp__title { line-height: .92 !important; max-width: none; }
body.page-id-133 .lp__lead { font-size: 1.06rem; line-height: 1.6; }
body.page-id-133 .lp__chips { gap: 6px; }
body.page-id-133 .lp__chips li { font-size: .85rem; padding: 6px 11px; border-radius: 2px; }
body.page-id-133 .lp__ctas { gap: 10px; margin-top: 6px; width: 100%; }
body.page-id-133 .lp__ctas .btn { min-height: 52px; }
html body.page-id-133 .lp__facts { margin: 0 20px; padding-top: 22px; padding-bottom: 8px; gap: 18px 16px; }
body.page-id-133 .lp__facts b { font-size: 2.4rem; }
body.page-id-133 .lp__facts span { font-size: .92rem; line-height: 1.4; }

/* the three workshop films: one swipeable row like the home (a peek of the next card says 'swipe'), 
   framed from the top so the reels' burned-in captions stay below the crop instead of under the card text */
body.page-id-133 .wsv__grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin-inline: -20px; padding-inline: 20px; scroll-padding-inline: 20px; scrollbar-width: none; overscroll-behavior-x: contain; }
body.page-id-133 .wsv__grid::-webkit-scrollbar { display: none; }
body.page-id-133 .wsv { flex: 0 0 78vw; aspect-ratio: 3 / 4.3; scroll-snap-align: start; border-radius: 2px; }
body.page-id-133 .wsv__video { object-position: 50% 0%; }
body.page-id-133 .wsv__veil { background: linear-gradient(to top, rgba(22,14,11,.95) 0%, rgba(22,14,11,.86) 30%, rgba(22,14,11,.4) 52%, rgba(22,14,11,0) 70%), linear-gradient(to bottom, rgba(22,14,11,.3), rgba(22,14,11,0) 24%); }
body.page-id-133 .wsv__no { top: 16px; inset-inline-start: 18px; font-size: 1.7rem; }
body.page-id-133 .wsv__body { inset-inline: 18px; bottom: 18px; }
body.page-id-133 .wsv__name { font-size: 2.2rem; }

/* four steps: number beside the text, hairline cards, no wasted height */
body.page-id-133 .steps4__grid { gap: 8px; }
body.page-id-133 .steps4__card { grid-template-columns: 34px minmax(0, 1fr); column-gap: 12px; row-gap: 4px; padding: 16px 16px 18px; border-radius: 2px; }
body.page-id-133 .steps4__n { grid-row: 1 / span 2; font-size: .95rem; line-height: 1.6; color: var(--sf-gold); }
body.page-id-133 .steps4__t { font-size: 1.15rem; line-height: 1.35; }
body.page-id-133 .steps4__p { font-size: .97rem; line-height: 1.55; }

/* workshop cards: portrait photo kept portrait (4:5), square corners */
body.page-id-133 .wsd__list { gap: 20px; }
html body.page-id-133 .wsd__item, html body.page-id-133 .wsd__item:nth-child(even) { border-radius: 2px; padding: 14px 14px 20px; gap: 18px; }
body.page-id-133 .wsd__media .slab { aspect-ratio: 4 / 5; border-radius: 2px; box-shadow: none !important; }
body.page-id-133 .wsd__body { gap: 10px; padding-inline: 4px; }
body.page-id-133 .wsd__name { font-size: 2.4rem; }
body.page-id-133 :is(.wsd__name, .wsd__who, .wsd__note) { margin: 0; }
body.page-id-133 .wsd__rows { margin-top: 10px; }
body.page-id-133 .wsd__who { font-size: 1rem; }
body.page-id-133 .wsd__rows li { padding: 11px 0; font-size: 1rem; line-height: 1.45; }
body.page-id-133 .wsd__note { font-size: .92rem; line-height: 1.6; }
body.page-id-133 .wsd__body .btn { min-height: 52px; justify-content: center; margin-top: 4px; }

/* reels: 2-up, larger sound buttons */
body.page-id-133 .reels__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body.page-id-133 .reel__name { font-size: 1.25rem; padding: 36px 12px 12px; }
body.page-id-133 .reel__sound { width: 44px; height: 44px; top: 8px; inset-inline-end: 8px; }

/* faq: the sign leads the line (RTL start), the answer hangs under the question */
body.page-id-133 .faq__in { gap: 4px; }
body.page-id-133 .faq__item { padding: 0; }
body.page-id-133 .faq__q { justify-content: flex-start; gap: 14px; min-height: 60px; padding: 14px 0; font-size: 1.06rem; line-height: 1.4; }
body.page-id-133 .faq__plus { order: -1; width: 28px; height: 28px; }
body.page-id-133 .faq__a { padding: 0 42px 18px 0; font-size: 1rem; }

/* ==========================================================================
   7 · Terms (141): a readable document
   ========================================================================== */
body.page-id-141 .prose { font-size: 1rem; line-height: 1.75; }
body.page-id-141 .prose h2, body.page-id-141 .prose h3 { font-size: 1.8rem; line-height: 1; margin: 1.8em 0 .5em; }
body.page-id-141 .prose p { margin-bottom: 1em; }
/* the first heading repeats the page title: section size, not a second big title */
body.page-id-141 .prose > h2:first-child { margin-top: 0; }
body.page-id-141 .textc__copy .chead { margin-block-end: 20px; }

/* Orel 11.10: a bigger logo in the phone header (every page) */
html body .whb-general-header .whb-mobile-center .site-logo img { height: 50px !important; }
html body .whb-header.whb-sticked .whb-general-header .whb-mobile-center .site-logo img { height: 42px !important; }

/* mobile pass 13.10: booking calendar month arrows were 32x42 ovals; round 44px buttons */
html body .booking .bk__nav { width: 44px; height: 44px; min-height: 44px; flex: 0 0 44px; }