/* BestDOC booking UI styles. HAND-MAINTAINED since 2026-08-24 (tools/build-book-ui.mjs is frozen;
   project/_cart-mockups/basket.html is the design record only). Logical properties throughout so
   the same sheet lays out RTL on /ar/ pages — see the [dir="rtl"] block at the bottom. */
#bd-book{--bone:#F6F1E8; --bone-warm:#EFE7D6; --bone-deep:#E8DEC7; --hair:#D6CBB6; --hair2:#E9E1D2;
  --ink:#1A2A2F; --ink-soft:#2E3F44; --stone:#5C6663; --mute:#8A938F;
  --teal:#0F5E6E; --teal-deep:#083846; --teal-mist:#CFE1E1; --teal-soft:#E8F0F1;
  --gold:#C9A96E; --gold-ink:#A37F3D; --gold-soft:#F4EBD6; --sage:#6B8E71; --sage-soft:#E6EEE6; --rose:#C0746B; --urgent:#B0524C; --wa:#1FAF5A;
  --serif:"Fraunces","Iowan Old Style",Garamond,serif; --sans:"Inter",-apple-system,system-ui,sans-serif; --mono:ui-monospace,"SF Mono",Menlo,monospace;
  font-family:var(--sans);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-align:start}
#bd-book *{box-sizing:border-box;margin:0;padding:0}
#bd-book button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
#bd-book a{color:inherit;text-decoration:none}
#bd-book input,#bd-book select{font:inherit;color:inherit}
#bd-book svg{width:1em;height:1em;flex:none}
#bd-book img{max-width:100%;display:block}
#bd-book h2{font-weight:400}
#bd-book input,#bd-book select{font:inherit;color:inherit}
@keyframes pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
#bd-book .bk-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:22px;z-index:80;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(560px,calc(100vw - 24px))}
#bd-book .bk-bar__main{display:flex;align-items:center;gap:14px;background:var(--ink);color:#fff;border-radius:999px;padding:8px;padding-inline-start:20px;box-shadow:0 18px 50px rgba(8,56,70,.35);width:100%}
#bd-book .bk-bar__t{flex:1;min-width:0;line-height:1.15}
#bd-book .bk-bar__t b{font-family:var(--serif);font-weight:400;font-size:17px;display:block}
#bd-book .bk-bar__p{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
#bd-book .bk-bar__p small{font-size:10.5px;color:rgba(255,255,255,.65);white-space:nowrap;font-family:var(--sans)}
#bd-book .bk-bar__t span{font-size:12px;color:rgba(255,255,255,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
#bd-book .bk-bar__p{font-family:var(--serif);font-size:18px;white-space:nowrap}
#bd-book .bk-bar__go{background:#fff;color:var(--ink);border-radius:999px;padding:11px 18px;font-size:14px;font-weight:500;white-space:nowrap}
#bd-book .bk-bar__other{font-size:12px;color:var(--stone);background:rgba(246,241,232,.9);backdrop-filter:blur(6px);border:1px solid var(--hair);border-radius:999px;padding:5px 12px}
#bd-book .bk-bar__other b{color:var(--teal);font-weight:500}
#bd-book .scrim{position:fixed;inset:0;background:rgba(8,56,70,.4);backdrop-filter:blur(2px);z-index:980;animation:fade .2s ease-out}
@keyframes fade{from{opacity:0}to{opacity:1}}
#bd-book .drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(520px,100vw);background:var(--bone);z-index:981;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(8,56,70,.2);animation:slide .26s cubic-bezier(.2,.8,.2,1)}
@keyframes slide{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
#bd-book .d-head{display:flex;align-items:center;gap:12px;padding:24px 24px 8px}
#bd-book .d-head h2{font-family:var(--serif);font-weight:400;font-size:26px;letter-spacing:-.02em;flex:1}
#bd-book .d-head h2 em{font-style:italic;color:var(--teal)}
#bd-book .bk-x{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--hair)}
#bd-book .bk-x svg{width:15px;height:15px}
#bd-book .d-body{flex:1;overflow-y:auto;padding:8px 24px 20px}
#bd-book .bk-line{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--hair2)}
#bd-book .bk-line__n{flex:1;min-width:0;line-height:1.25}
#bd-book .bk-line__n b{font-weight:500;font-size:15px;display:block}
#bd-book .bk-line__n span{font-size:12px;color:var(--stone)}
#bd-book .bk-line__p{font-variant-numeric:tabular-nums;font-size:14.5px;white-space:nowrap}
#bd-book .bk-line__p s{color:var(--mute);font-size:12px;margin-inline-end:5px}
#bd-book .bk-line__q{display:inline-flex;align-items:center;border:1px solid var(--hair);border-radius:999px;height:30px;background:#fff}
#bd-book .bk-line__q button{width:30px;height:28px;display:grid;place-items:center;font-size:15px;color:var(--stone)}
#bd-book .bk-line__q button svg{width:12px;height:12px}
#bd-book .bk-line__q span{min-width:20px;text-align:center;font-size:13px;font-weight:600}
#bd-book .hint{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:8px 10px;background:var(--gold-soft);border-radius:14px;padding:12px 14px;margin:14px 0 4px;font-size:13.5px;color:var(--ink-soft)}
#bd-book .hint>svg{color:var(--gold-ink);width:16px;height:16px}
#bd-book .hint span{flex:1}
#bd-book .hint span b{font-weight:600;color:var(--ink)}
#bd-book .hint button{font-size:12.5px;font-weight:500;border-radius:999px;padding:7px 12px;white-space:nowrap;grid-column:2;justify-self:start}
#bd-book .hint .no{margin-inline-start:-4px}
#bd-book .hint__acts{grid-column:2;display:flex;gap:6px}
#bd-book .hint .yes{background:var(--ink);color:#fff}
#bd-book .hint .no{color:var(--stone)}
#bd-book .hint--fee{display:block;background:var(--teal-soft);color:var(--teal-deep);padding:10px 12px 9px}
#bd-book .hint__row{display:flex;align-items:center;gap:8px}
#bd-book .hint__row span{flex:1;font-size:13px}
#bd-book .hint__row svg{width:14px;height:14px;flex:none}
#bd-book .hint .hint__x{width:24px;height:24px;padding:0;border-radius:50%;display:grid;place-items:center;color:var(--teal-deep);background:rgba(255,255,255,.7);flex:none;line-height:0}
#bd-book .hint .hint__x svg{width:12px;height:12px;display:block;color:var(--teal-deep)}
#bd-book .hint__bar{height:5px;border-radius:999px;background:rgba(15,94,110,.15);margin:8px 0 4px;overflow:hidden}
#bd-book .hint__bar i{display:block;height:100%;background:var(--teal);border-radius:999px;transition:width .3s}
#bd-book .hint--fee small{font-size:11px;color:var(--teal);opacity:.8}
#bd-book .addon{display:flex;align-items:center;gap:12px;padding:14px;border:1px dashed var(--hair);border-radius:16px;margin:12px 0 0;width:100%;text-align:start;background:transparent}
#bd-book .addon.on{border-style:solid;border-color:var(--teal);background:#fff}
#bd-book .addon__ic{width:36px;height:36px;border-radius:10px;background:var(--sage-soft);color:var(--sage);display:grid;place-items:center}
#bd-book .addon__ic svg{width:18px;height:18px}
#bd-book .addon__t{flex:1;line-height:1.25}
#bd-book .addon__t b{display:block;font-size:14px;font-weight:500}
#bd-book .addon__t span{font-size:12px;color:var(--stone)}
#bd-book .addon__p{font-size:14px;white-space:nowrap}
#bd-book .tg{width:40px;height:24px;border-radius:999px;background:var(--hair);position:relative;transition:background .15s;flex:none}
#bd-book .tg::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
#bd-book .addon.on .tg{background:var(--teal)}
#bd-book .addon.on .tg::after{transform:translateX(16px)}
#bd-book .d-foot{padding:14px 24px 24px;border-top:1px solid var(--hair2);background:var(--bone)}
#bd-book .bk-tot{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
#bd-book .bk-tot small{font-size:12px;color:var(--stone)}
#bd-book .bk-tot b{font-family:var(--serif);font-weight:400;font-size:28px;letter-spacing:-.02em}
#bd-book .bk-cta{width:100%;background:var(--teal);color:#fff;border-radius:999px;padding:16px;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}
#bd-book .bk-cta:hover{background:var(--teal-deep)}
#bd-book .d-note{text-align:center;font-size:12px;color:var(--stone);margin-top:10px}
#bd-book .bk-empty{padding:40px 0;text-align:center;color:var(--stone);font-size:14px}
#bd-book .bk-empty b{font-family:var(--serif);font-weight:400;font-size:22px;color:var(--ink);display:block;margin-bottom:4px}
#bd-book .ck{position:fixed;inset:0;z-index:950;background:var(--bone);display:flex;flex-direction:column;animation:fade .2s ease-out}
#bd-book .ck__top{display:flex;align-items:center;gap:14px;max-width:1120px;width:100%;margin:0 auto;padding:18px 40px 0}
#bd-book .ck__top img{height:22px}
#bd-book .ck__top a{font-size:13px;color:var(--stone);display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto}
#bd-book .ck__top a svg{width:14px;height:14px}
#bd-book .ck__resume{font-size:12px;color:var(--sage);background:var(--sage-soft);border-radius:999px;padding:3px 10px}
#bd-book .ck__prog{display:flex;gap:6px;padding:26px 0 0;max-width:1120px;width:100%;margin:0 auto;padding-inline:40px;min-height:30px}
#bd-book .ck__prog i{display:none}
#bd-book .ck__scroll{flex:1;overflow-y:auto}
#bd-book .ck__in{max-width:1120px;margin:0 auto;padding:28px 40px 60px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px;align-items:start}
#bd-book .ck__q{min-width:0}
#bd-book .ck__back{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--hair2);display:grid;place-items:center;margin-bottom:32px}
#bd-book .ck__back svg{width:18px;height:18px}
#bd-book .ck__x{position:absolute;top:22px;inset-inline-end:24px}
#bd-book .ck h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,40px);letter-spacing:-.02em;line-height:1.05;margin-bottom:8px}
#bd-book .ck h2 em{font-style:italic;color:var(--teal)}
#bd-book .ck__sub{font-size:15px;color:var(--stone);margin-bottom:44px}
#bd-book .sec{max-width:520px}
#bd-book .sec__h{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
#bd-book .pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--hair2);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--ink)}
#bd-book .pill svg{width:13px;height:13px}
#bd-book .opt{display:flex;align-items:center;gap:14px;width:100%;text-align:start;padding:16px 4px;border-bottom:1px solid var(--hair2)}
#bd-book .opt__t{flex:1;line-height:1.25}
#bd-book .opt__t b{font-size:17px;font-weight:400;display:block;font-family:var(--serif);letter-spacing:-.01em}
#bd-book .opt__t span{font-size:13px;color:var(--stone)}
#bd-book .chk{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--hair);display:grid;place-items:center;color:#fff;flex:none}
#bd-book .chk svg{width:13px;height:13px}
#bd-book .opt.on .chk{background:var(--teal-deep);border-color:var(--teal-deep)}
#bd-book .ck__muted{font-size:14px;color:var(--stone);padding:16px 0}
#bd-book .mscrim{position:fixed;inset:0;background:rgba(246,241,232,.7);backdrop-filter:blur(10px);z-index:960;display:grid;place-items:center;padding:20px;animation:fade .2s}
#bd-book .modal{width:min(380px,100%);background:var(--bone);border-radius:24px;box-shadow:0 30px 80px rgba(8,56,70,.25);padding:22px 22px 20px;animation:rise .25s cubic-bezier(.2,.8,.2,1)}
#bd-book .ck__more{display:none;position:sticky;bottom:0;margin:0 -14px 0 0;padding:26px 0 6px;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--teal);background:linear-gradient(to bottom,rgba(246,241,232,0),var(--bone) 55%);pointer-events:none}
#bd-book .ck__more.on{display:flex}
#bd-book .ck__more svg{width:14px;height:14px;transform:rotate(90deg);animation:bk-nudge 1.4s ease-in-out infinite}
@keyframes bk-nudge{0%,100%{transform:rotate(90deg) translateX(0)}50%{transform:rotate(90deg) translateX(4px)}}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
#bd-book .modal .ck__back{margin-bottom:28px}
#bd-book .modal h3{font-family:var(--serif);font-weight:400;font-size:26px;letter-spacing:-.02em;margin-bottom:4px}
#bd-book .modal p{font-size:13.5px;color:var(--stone);margin-bottom:22px}
#bd-book .frow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--hair)}
#bd-book .frow label{font-size:14.5px;color:var(--ink)}
#bd-book .frow input,#bd-book .frow select{border:0;background:transparent;text-align:end;font-size:14.5px;outline:none;width:60%;padding:0}
#bd-book .frow input::placeholder{color:var(--mute)}
#bd-book .frow label .req{color:var(--teal);font-style:normal;margin-inline-start:2px}
#bd-book .frow.is-req{border-bottom-color:#b3261e}
#bd-book .frow.is-req label .req{color:#b3261e}
#bd-book .frow.is-req label,#bd-book .frow.is-req input::placeholder,#bd-book .frow.is-req span.is-empty{color:#b3261e}
#bd-book .frow input:focus{background:rgba(15,94,110,.06);border-radius:4px}
#bd-book .seg{display:flex;gap:8px;margin:8px 0 4px}
#bd-book .seg--tight{max-width:260px}
#bd-book .seg button{flex:1;border-radius:999px;padding:10px;font-size:13.5px;background:var(--bone-warm);color:var(--stone)}
#bd-book .seg button.on{background:var(--teal-deep);color:#fff}
#bd-book .bk-lbl{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:20px 0 4px}
#bd-book .mbtn{width:100%;background:var(--teal-deep);color:#fff;border-radius:14px;padding:15px;font-size:15px;font-weight:500;margin-top:22px}
#bd-book .mbtn[disabled]{background:var(--bone-warm);color:var(--mute)}
#bd-book .mcancel{display:block;margin:10px auto 0;font-size:13px;color:var(--stone)}
#bd-book .bk-edit{display:block;margin:8px 0 0 2px;font-size:13px;font-weight:500;color:var(--teal-deep);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;cursor:pointer}
#bd-book .strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 0 8px;max-width:520px}
#bd-book .strip::-webkit-scrollbar{display:none}
#bd-book .dayb{flex:none;width:50px;height:56px;border-radius:14px;background:#fff;border:1px solid var(--hair2);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;position:relative}
#bd-book .dayb small{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
#bd-book .dayb b{font-size:17px;font-weight:400;font-family:var(--serif)}
#bd-book .dayb.on{background:var(--teal-deep);color:#fff;border-color:var(--teal-deep)}
#bd-book .dayb.on small{color:rgba(255,255,255,.7)}
#bd-book .dayb[disabled]{opacity:.4}
#bd-book .dayb__tag{position:absolute;top:-18px;inset-inline:0;text-align:center;font-size:10px;color:var(--stone);white-space:nowrap}
#bd-book .strip{margin-top:22px;padding-top:22px}
#bd-book .tgrp{margin-top:26px;max-width:520px}
#bd-book .tgrp .sec__h{margin-bottom:2px}
#bd-book .sec__opt{font-style:normal;text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:11px;color:var(--mute);margin-inline-start:6px;background:var(--bone-warm);border-radius:999px;padding:2px 8px}
#bd-book .trow{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 4px;border-bottom:1px solid var(--hair2);font-size:15px}
#bd-book .trow[disabled]{color:var(--mute);text-decoration:line-through}
#bd-book .bk-last{font-size:11px;color:#b3261e;margin-inline-start:6px}
#bd-book .map{position:relative;height:300px;border-radius:18px;overflow:hidden;background:#EAE4D6;border:1px solid var(--hair2);max-width:520px}
#bd-book #bk-gmap{position:absolute;inset:0;z-index:1;display:none}
#bd-book #bk-gmap.on{display:block}
#bd-book .map__search,#bd-book .map__loc{z-index:2}
#bd-book .map__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);background-size:38px 38px;opacity:.9}
#bd-book .map__roads{position:absolute;inset:0;background:
  linear-gradient(100deg,transparent 48%,#fff 48.5%,#fff 50.5%,transparent 51%) ,
  linear-gradient(20deg,transparent 30%,#fff 30.4%,#fff 31.6%,transparent 32%),
  radial-gradient(ellipse at 18% 40%,#CFE1E1 0 9%,transparent 9.5%),
  radial-gradient(ellipse at 70% 95%,#D8E3D6 0 18%,transparent 18.5%),
  radial-gradient(circle at 62% 42%,#F4EBD6 0 4%,transparent 4.5%)}
#bd-book .map__pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2;animation:drop .35s cubic-bezier(.2,.8,.2,1)}
@keyframes drop{from{transform:translate(-50%,-160%);opacity:0}to{transform:translate(-50%,-100%);opacity:1}}
#bd-book .map__pin i{width:22px;height:22px;border-radius:50% 50% 50% 0;background:var(--teal-deep);transform:rotate(-45deg);box-shadow:0 6px 14px rgba(8,56,70,.35);border:3px solid #fff}
#bd-book .map__pin span{background:#fff;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.12);white-space:nowrap}
#bd-book .map__search{position:absolute;inset-inline:12px;top:12px;background:#fff;border-radius:14px;display:flex;align-items:center;gap:8px;padding:0 12px;box-shadow:0 6px 20px rgba(8,56,70,.12);z-index:3}
#bd-book .map__search>svg{color:var(--teal);width:16px;height:16px}
#bd-book .map__search input{flex:1;border:0;outline:none;padding:12px 0;font-size:14px;background:transparent}
#bd-book .map__hits{position:absolute;inset-inline:0;top:100%;margin-top:6px;background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(8,56,70,.18);overflow:hidden}
#bd-book .map__hits button{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:start;padding:10px 14px;font-size:14px;border-top:1px solid var(--hair2)}
#bd-book .map__hits button:first-child{border-top:0}
#bd-book .map__hits button:hover{background:var(--bone)}
#bd-book .map__hits small{font-size:11.5px;color:var(--stone)}
#bd-book .map__loc{position:absolute;inset-inline-end:12px;bottom:12px;background:#fff;color:var(--teal);border:1.5px solid var(--teal);border-radius:999px;padding:8px 12px;font-size:12.5px;font-weight:500;box-shadow:0 4px 14px rgba(8,56,70,.15);z-index:3}
#bd-book .map__cpin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);z-index:2;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(8,56,70,.35))}
#bd-book .map__cpin i{display:block;width:26px;height:26px;border-radius:50% 50% 50% 0;background:var(--teal-deep);transform:rotate(-45deg);border:3px solid #fff}
#bd-book .map__cpin::after{content:'';position:absolute;left:50%;bottom:-4px;width:10px;height:4px;border-radius:50%;background:rgba(8,56,70,.3);transform:translateX(-50%)}
#bd-book .map--bar{height:auto;background:transparent;border:0;border-radius:0;overflow:visible;display:flex;align-items:center;gap:10px}
#bd-book .map--bar .map__search{position:relative;inset:auto;top:auto;flex:1;border:1px solid var(--hair2);box-shadow:none}
#bd-book .map--bar .map__loc{position:relative;inset:auto;bottom:auto;border:1.5px solid var(--teal);box-shadow:none;padding:11px 14px;white-space:nowrap}
#bd-book .modal--map{width:min(1040px,100%);padding:0;display:grid;grid-template-columns:minmax(0,1fr) 380px;overflow:hidden}
#bd-book .modal--map .mmap{position:relative;min-height:100%}
#bd-book .modal--map .map--modal{position:absolute;inset:0;height:auto;max-width:none;border:0;border-radius:0}
#bd-book .modal--map .mmap .bk-err{position:absolute;left:12px;bottom:12px;z-index:3;background:#fff;padding:6px 10px;border-radius:10px}
#bd-book .modal--map .mform{padding:22px 22px 20px}
#bd-book .modal--map{max-height:calc(100vh - 40px);overflow-y:auto}
#bd-book .modal--map .mform .ck__back{margin-bottom:16px}
#bd-book .map__back{display:none}
/* field order (all sizes): type → building → flat → landmark → area (area last; the map/search usually fill it) */
#bd-book .modal--map .mform{display:flex;flex-direction:column}
#bd-book .modal--map .mform>*{order:0}
#bd-book .modal--map .frow--area,#bd-book .modal--map .mform>.map__hint{order:5}
#bd-book .modal--map .mform>.bk-err,#bd-book .modal--map .mform>.mbtn,#bd-book .modal--map .mform>.bk-out{order:10}
#bd-book .modal--map .mform p{margin-bottom:14px}
#bd-book .bk-out{display:flex;flex-direction:column;gap:6px;margin:12px 0 4px;padding:14px 16px;border-radius:16px;background:#FBEFEA;border:1px solid #EBC9BF;max-width:520px}
#bd-book .bk-out b{font-family:var(--serif);font-weight:400;font-size:19px;letter-spacing:-.01em;color:#8A3B32}
#bd-book .bk-out span{font-size:13.5px;color:var(--ink-soft);line-height:1.4}
#bd-book .bk-out__wa{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:6px;padding:10px 16px;border-radius:999px;background:#1E8E5A;color:#fff;font-size:14px;font-weight:500;text-decoration:none}
#bd-book .bk-out__wa svg{width:16px;height:16px}
#bd-book .bk-out--note{background:#FFF7EC;border-color:#EBD7B5}
#bd-book .bk-out--note b{color:#8A5A1E}
#bd-book .bk-badge{display:inline-block;font-style:normal;font-family:var(--sans,inherit);font-size:11px;font-weight:500;color:#8A3B32;background:#FBEFEA;border:1px solid #EBC9BF;border-radius:999px;padding:1px 8px;margin-inline-start:6px;vertical-align:middle}
#bd-book .bk-out small{font-size:12px;color:var(--stone)}
#bd-book .map__outbar{position:absolute;inset-inline:12px;bottom:56px;z-index:3;background:#8A3B32;color:#fff;text-align:center;padding:9px 12px;border-radius:12px;font-size:13px;font-weight:500;box-shadow:0 6px 18px rgba(8,56,70,.2)}
#bd-book .map__hint{display:block;font-size:12px;color:var(--teal);margin-top:2px}
#bd-book .map__conf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;max-width:520px}
#bd-book .map__conf b{display:block;font-family:var(--serif);font-weight:400;font-size:18px}
#bd-book .map__conf span{font-size:12.5px;color:var(--stone)}
#bd-book .map__conf .map__fee{display:block;margin-top:2px;color:var(--teal)}
#bd-book .bk-rev{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:900px}
#bd-book .rv__row{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--hair2);font-size:14px}
#bd-book .rv__row b{font-weight:400;font-size:16px;display:block;font-family:var(--serif)}
#bd-book .rv__row span.g{font-size:13px;color:var(--stone)}
#bd-book .rv__k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);display:block;margin-bottom:2px}
#bd-book .rv__edit{font-size:12.5px;color:var(--teal);text-decoration:underline;text-underline-offset:2px;white-space:nowrap;align-self:center}
#bd-book .pay{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 30px}
#bd-book .pay button{text-align:start;border:1px solid var(--hair2);border-radius:14px;padding:14px;background:transparent;display:flex;gap:8px;align-items:flex-start}
#bd-book .pay button.on{border-color:var(--teal-deep);background:#fff}
#bd-book .pay b{display:block;font-size:14px;font-weight:500}
#bd-book .pay span{font-size:12px;color:var(--stone)}
#bd-book .pay .chk{margin-inline-start:auto;width:20px;height:20px}
#bd-book .bk-sum .rv__row{padding:11px 0;font-size:14px}
#bd-book .bk-sum .g{color:var(--stone);font-size:13px}
#bd-book .bk-sum__tot{display:flex;justify-content:space-between;align-items:baseline;padding:20px 0 16px}
#bd-book .bk-sum__tot span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
#bd-book .bk-sum__tot b{font-family:var(--serif);font-weight:400;font-size:28px;letter-spacing:-.02em}
#bd-book .paybtn{width:100%;background:var(--teal-deep);color:#fff;border-radius:14px;padding:16px;font-size:15px;font-weight:500}
#bd-book .paybtn[disabled]{opacity:.55}
#bd-book .paybtn+.bk-err{text-align:center}
#bd-book .legal{font-size:12px;color:var(--stone);margin-top:12px}
#bd-book .legal a{text-decoration:underline}
#bd-book .bk-nudge{display:flex;align-items:center;gap:10px;width:100%;text-align:start;border:1px dashed var(--hair);background:#fff;border-radius:14px;padding:12px 14px;margin:0 0 16px;font:inherit;cursor:pointer;color:var(--ink-soft)}
#bd-book .bk-nudge b{color:var(--ink)}
#bd-book .bk-nudge svg{width:18px;height:18px;flex:none}
#bd-book .bk-wa-preview{white-space:pre-wrap;font:13.5px/1.5 var(--sans);background:#fff;border:1px solid var(--hair);border-radius:14px;padding:14px 16px;margin:0 0 16px;color:var(--ink)}
#bd-book .bk-wa-send{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:#25d366;color:#fff}
#bd-book .bk-wa-send svg{width:20px;height:20px}
#bd-book .walt{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;font-size:13px;color:var(--teal);text-decoration:underline;text-underline-offset:2px}
#bd-book .walt svg{width:15px;height:15px}
#bd-book .slip{position:sticky;top:0;max-height:calc(100vh - 90px);overflow:auto;scrollbar-width:thin;background:#fff;border:1px solid var(--hair2);border-radius:22px;padding:22px 22px 18px;box-shadow:0 24px 60px rgba(8,56,70,.08);font-size:13.5px;position:relative}
#bd-book .slipwrap{display:contents}
#bd-book .slip__toggle{display:none}
#bd-book .slip__brand{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
#bd-book .slip__brand img{display:none}
#bd-book .slip__brand span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:500}
#bd-book .slip__t{font-family:var(--serif);font-size:24px;letter-spacing:-.02em;line-height:1.1;margin-bottom:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#bd-book .slip__items{list-style:none;background:var(--bone);border-radius:14px;padding:10px 12px;margin:0 0 6px}
#bd-book .slip__items li{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--ink);padding:6px 0;align-items:center;line-height:1.3}
#bd-book .slip__items li+li{border-top:1px solid rgba(214,203,182,.45)}
#bd-book .slip__items li.g{color:var(--stone);font-size:12.5px}
#bd-book .slip__items em{font-style:normal;color:var(--mute);font-size:11px}
#bd-book .slip__ctl{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#bd-book .slip__ctl b{font-weight:500;min-width:62px;text-align:end;font-variant-numeric:tabular-nums}
#bd-book .slip__ctl button{width:22px;height:22px;border-radius:50%;border:1px solid var(--hair);display:grid;place-items:center;font-size:12px;color:var(--stone);background:#fff}
#bd-book .slip__ctl button svg{width:10px;height:10px}
#bd-book .slip__ctl button:hover{border-color:var(--ink);color:var(--ink)}
#bd-book .slip__add{font-size:11.5px;color:var(--teal);background:var(--teal-soft);border-radius:999px;padding:3px 10px;display:inline-flex;align-items:center;gap:4px;font-family:var(--sans);font-weight:500}
#bd-book .slip__add svg{width:10px;height:10px}
#bd-book .slip__row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 12px;margin:0 -12px;border-radius:12px;position:relative;align-items:center;transition:background .15s}
#bd-book .slip__row+.slip__row::before{content:"";position:absolute;inset-inline:12px;top:0;border-top:1px solid var(--hair2)}
#bd-book .slip__k{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:500;grid-column:1;grid-row:1}
#bd-book .slip__v{grid-column:1;grid-row:2;min-width:0}
#bd-book .slip__v b{font-weight:500;font-size:15px;display:block;line-height:1.25;color:var(--ink)}
#bd-book .slip__v span{font-size:12.5px;color:var(--stone);display:block}
#bd-book .slip__v.blank b{color:var(--mute);font-weight:400;font-size:13.5px;letter-spacing:0}
#bd-book .slip__row.now{background:var(--teal-soft)}
#bd-book .slip__row.now .slip__k{color:var(--teal)}
#bd-book .slip__row.now .slip__v.blank b{color:var(--teal)}
#bd-book .slip__row.can{cursor:pointer}
#bd-book .slip__row.can:hover{background:var(--bone)}
#bd-book .slip__edit{grid-column:2;grid-row:1/3;font-size:12px;color:var(--teal);font-weight:500;opacity:0;transition:opacity .15s}
#bd-book .slip__row.can:hover .slip__edit{opacity:1}
@media (hover:none){#bd-book .slip__edit{opacity:1}
 }
#bd-book .slip__tot{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0 6px;margin-top:8px;border-top:1px solid var(--hair2)}
#bd-book .slip__tot span{font-size:13px;color:var(--stone)}
#bd-book .slip__tot b{font-family:var(--serif);font-weight:400;font-size:28px;letter-spacing:-.02em}
#bd-book .slip__note{font-size:12px;color:var(--mute);margin-top:2px}
#bd-book .slip__stamp{display:inline-flex;align-items:center;gap:6px;background:var(--sage-soft);color:var(--sage);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500;margin:12px 0 0}
#bd-book .slip__stamp::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sage)}
#bd-book .slip__tear{display:none}
#bd-book .slip--mob{display:none}
#bd-book .ck--drawer{inset-inline-start:auto;inset-inline-end:0;width:min(520px,100vw);box-shadow:-24px 0 70px rgba(8,56,70,.22);animation:slide .28s cubic-bezier(.2,.8,.2,1)}
#bd-book .ck--drawer .ck__top{padding:16px 24px 0}
#bd-book .ck__top--mini{justify-content:space-between;padding-top:12px!important}
#bd-book .ck__top--mini>.ck__back{margin:0 auto 0 0!important;width:34px;height:34px}
[dir="rtl"] #bd-book .ck__top--mini>.ck__back{margin:0 0 0 auto!important}
#bd-book .ck__top--mini>.bk-x{margin-inline-start:auto}
#bd-book .ck__steps{display:flex;gap:6px;align-items:center;margin:0 auto}
#bd-book .ck__steps i{display:block;width:22px;height:4px;border-radius:999px;background:var(--hair2);transition:background .2s}
#bd-book .ck__steps i.on{background:var(--teal-deep)}
/* Review & send */
#bd-book .rvs{display:grid;gap:10px;margin-bottom:18px}
#bd-book .rvs__sec{background:#fff;border:1px solid var(--hair2);border-radius:16px;padding:12px 14px}
#bd-book .rvs__sec header{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
#bd-book .rv__edit{font-family:var(--sans);font-size:12.5px;font-weight:500;color:var(--teal);letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0}
#bd-book .rvs .rv__row{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:5px 0;border-bottom:1px solid var(--hair)}
#bd-book .rvs .rv__row em{font-style:normal;color:var(--mute);font-size:12px}
#bd-book .rvs .rv__row.g{color:var(--stone)}
#bd-book .rvs__tot{display:flex;justify-content:space-between;align-items:baseline;padding-top:10px}
#bd-book .rvs__tot span{font-size:13px;color:var(--stone)}
#bd-book .rvs__tot b{font-family:var(--serif);font-weight:400;font-size:24px;letter-spacing:-.02em}
#bd-book .rvs__sec--kv .rvs__v{display:flex;flex-direction:column;gap:1px}
#bd-book .rvs__sec--kv .rvs__v b{font-weight:500;font-size:15px}
#bd-book .rvs__sec--kv .rvs__v span{font-size:13px;color:var(--stone)}
#bd-book .bk-wa-send+.legal{text-align:center;margin-top:10px}
#bd-book .ck__top--mini .ck__back svg{width:16px;height:16px}
#bd-book .ck--drawer .ck__scroll{display:flex;flex-direction:column;overflow:hidden}
#bd-book .ck--drawer .ck__in{flex:1;min-height:0;height:100%;width:100%;margin:0;padding:18px 24px 18px;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:14px;align-content:stretch}
#bd-book .ck--drawer .ck__in{align-items:stretch}
#bd-book .ck--drawer .ck__q{min-height:0;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable;padding:0 14px 8px 0;margin-inline-end:-14px}
#bd-book .ck--drawer .ck__q>*{max-width:none}
#bd-book .ck--drawer .slipwrap{display:block;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable;padding:0 14px 0 0;margin-inline-end:-14px;order:1;align-self:end}
#bd-book .ck--drawer .slipwrap .slip{order:0;align-self:auto}
#bd-book .slip__nudge{display:flex;align-items:center;gap:8px;width:100%;background:var(--teal-soft);color:var(--teal-deep);border-radius:12px;padding:9px 12px;font-size:12.5px;font-weight:500;margin-bottom:8px;text-align:start}
#bd-book .slip__nudge span{flex:1}
#bd-book .slip__nudge svg{width:14px;height:14px;flex:none}
#bd-book .ck--drawer .sec,#bd-book .ck--drawer .strip,#bd-book .ck--drawer .tgrp,#bd-book .ck--drawer .map,#bd-book .ck--drawer .bk-out,#bd-book .ck--drawer .map__conf,#bd-book .ck--drawer .otp,#bd-book .ck--drawer .bk-rev,#bd-book .ck--drawer .bk-done{max-width:none}
#bd-book .ck--drawer .ck__foot{padding:12px 24px 16px;justify-content:space-between;align-items:center}
#bd-book .ck__ftot{display:flex;flex-direction:column;line-height:1.1}
#bd-book .ck__ftot span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
#bd-book .ck__ftot b{font-family:var(--serif);font-weight:400;font-size:22px;letter-spacing:-.02em}
#bd-book .ck__ftot small{font-size:10.5px;color:var(--stone);margin-top:2px}
#bd-book .ck--drawer .slip .slip__row,#bd-book .ck--drawer .slip .slip__note,#bd-book .ck--drawer .slip .slip__brand,#bd-book .ck--drawer .slip .slip__stamp,#bd-book .ck--drawer .slip .slip__tot{display:none}
#bd-book .ck--drawer .slip .slip__items li:last-child{border-bottom:0}
#bd-book .ck--drawer h2{font-size:28px}
#bd-book .ck--drawer .ck__sub{margin-bottom:22px}
#bd-book .ck--drawer .ck__back{margin-bottom:16px;width:34px;height:34px}
#bd-book .ck--drawer .bk-rev{grid-template-columns:1fr}
#bd-book .ck--drawer .slip{position:relative;order:1;align-self:end;padding:14px 16px 12px;cursor:pointer;border-radius:16px;max-height:none}
#bd-book .ck--drawer .slip__toggle{display:block;position:absolute;top:12px;inset-inline-end:16px;font-size:11px;color:var(--teal);font-weight:500}
#bd-book .ck--drawer .slip__t{padding-inline-end:0}
#bd-book .ck--drawer .slip__toggle{display:none}
#bd-book .slip__more{justify-content:center!important;border-bottom:0!important;padding:4px 0 0!important}
#bd-book .slip__more button{font-size:12.5px;font-weight:500;color:var(--teal);background:none;border:0;padding:4px 0}
#bd-book .ck--drawer .slip.is-min .slip__row,#bd-book .ck--drawer .slip.is-min .slip__note,#bd-book .ck--drawer .slip.is-min .slip__brand,#bd-book .ck--drawer .slip.is-min .slip__stamp{display:none}
#bd-book .ck--drawer .slip.is-min .slip__items{margin:8px 0 0;background:transparent;padding:0;border-radius:0}
#bd-book .ck--drawer .slip.is-min .slip__items li{padding:7px 0;border-bottom:1px solid var(--hair)}
#bd-book .ck--drawer .slip.is-min .slip__items li:last-child{border-bottom:0}
#bd-book .ck--drawer .slip.is-min .slip__t{margin:0;font-size:18px;display:flex}
#bd-book .ck--drawer .slip.is-min .slip__tot{padding:8px 0 0;margin:0;border-top:1px solid var(--hair2)}
#bd-book .ck--drawer .slip.is-min .slip__tot b{font-size:22px}
/* Side-panel checkout: the modal must stay inside the 600px panel, not centre on the viewport.
   .ck is position:fixed, so an absolute scrim resolves against the panel. */
#bd-book .ck--drawer .mscrim{position:absolute;inset:0}
#bd-book .ck--drawer .mscrim:has(.modal--map){position:fixed;inset:0;z-index:1000}
#bd-book .ck--drawer .modal--map{max-width:min(1040px,calc(100vw - 40px))}
#bd-book .ck--drawer .modal{max-width:calc(100% - 32px);max-height:100%;overflow-y:auto}
#bd-book .vrow{display:flex;gap:8px;align-items:center;margin-top:6px}
#bd-book .otp .vrow input{flex:1;border:1px solid var(--hair);border-radius:14px;padding:13px 14px;font-size:16px;background:#fff;outline:none;font-family:var(--sans);letter-spacing:0;text-align:start;max-width:none;margin:0}
#bd-book .vrow input:focus{border-color:var(--teal)}
#bd-book .vrow .cont{padding:13px 18px}
#bd-book .ck__foot{border-top:1px solid var(--hair2);background:var(--bone);padding:14px 40px 18px;display:flex;justify-content:center}
#bd-book .cont{background:var(--teal-deep);color:#fff;border-radius:999px;padding:13px 28px;font-size:15px;font-weight:500;min-width:120px}
#bd-book .cont[disabled]{opacity:.4}
#bd-book .bk-done{max-width:560px;margin:0 auto;text-align:center;padding-top:30px}
#bd-book .bk-done__mark{width:72px;height:72px;border-radius:50%;background:var(--sage);color:#fff;display:grid;place-items:center;margin:0 auto 22px}
#bd-book .bk-done__mark svg{width:34px;height:34px}
#bd-book .bk-done h2{margin-bottom:10px}
#bd-book .bk-done h2 em{font-family:var(--mono);font-style:normal;font-size:.62em;letter-spacing:.08em;color:var(--sage)}
#bd-book .bk-done p{font-size:15px;color:var(--ink-soft);max-width:40ch;margin:0 auto 28px}
#bd-book .bk-done__card{background:#fff;border-radius:18px;padding:18px 20px;text-align:start;font-size:14px;display:grid;gap:8px;margin-bottom:18px;border:1px solid var(--hair2)}
#bd-book .bk-done__card div{display:flex;justify-content:space-between;gap:10px}
#bd-book .bk-done__card .g{color:var(--stone)}
#bd-book .bk-done__card .ref{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--mute)}
#bd-book .bk-done__row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
#bd-book .bk-ghost{border:1px solid var(--hair);border-radius:999px;padding:10px 16px;font-size:13.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;background:#fff}
#bd-book .bk-ghost svg{width:15px;height:15px}
#bd-book .bk-next{margin:22px auto 0;background:var(--teal-soft);border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;font-size:14px;text-align:start}
#bd-book .bk-next span{flex:1}
#bd-book .bk-next button{background:var(--teal);color:#fff;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:500;white-space:nowrap}
#bd-book .otp{max-width:520px}
#bd-book .otp input{width:100%;max-width:260px;font-family:var(--mono);font-size:28px;letter-spacing:.4em;text-align:center;border:1px solid var(--hair);border-radius:16px;padding:14px;outline:none;background:#fff;margin-top:20px}
#bd-book .otp small{display:block;color:var(--mute);font-size:12.5px;margin-top:10px}
@media (max-width:820px){#bd-book .ck__top{padding:14px 20px 0}
#bd-book .ck__top a span{display:none}
#bd-book .ck__in{grid-template-columns:1fr;gap:18px}
#bd-book .ck__scroll{display:flex;flex-direction:column;overflow:hidden}
#bd-book .ck__in{flex:1;min-height:0;height:100%;width:100%;margin:0;grid-template-rows:minmax(0,1fr) auto;align-content:stretch}
#bd-book .ck__in{align-items:stretch}
#bd-book .ck__q{min-height:0;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable;padding:0 14px 8px 0;margin-inline-end:-14px}
#bd-book .sec,#bd-book .strip,#bd-book .tgrp,#bd-book .map,#bd-book .bk-out,#bd-book .map__conf,#bd-book .otp,#bd-book .bk-rev,#bd-book .bk-done{max-width:none}
#bd-book .slipwrap{display:block;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable;padding:0 14px 0 0;margin-inline-end:-14px;order:1;align-self:end}
#bd-book .slip{position:relative;padding:14px 16px 12px;cursor:pointer;border-radius:16px}
#bd-book .slip__toggle{display:block;position:absolute;top:12px;inset-inline-end:16px;font-size:11px;color:var(--teal);font-weight:500}
#bd-book .slip__t{padding-inline-end:64px}
#bd-book .slip.is-min .slip__row,#bd-book .slip.is-min .slip__note,#bd-book .slip.is-min .slip__brand{display:none}
#bd-book .slip.is-min .slip__items{margin-top:10px}
#bd-book .slip.is-min .slip__t{margin:0;font-size:18px;display:flex}
#bd-book .slip.is-min .slip__tot{padding:10px 0 0;margin:0;border:0}
#bd-book .slip.is-min .slip__tot b{font-size:22px}
#bd-book .slip__t{font-size:18px}
#bd-book .slip__row{padding:6px 0}
#bd-book .slip__tear{margin:10px -16px -14px}
#bd-book .ck__back{margin-bottom:14px}
#bd-book .bk-rev{grid-template-columns:1fr;gap:28px}
#bd-book .ck__prog,#bd-book .ck__in,#bd-book .ck__foot{padding-inline:20px}
#bd-book .ck__back{margin-bottom:22px}
#bd-book .ck__sub{margin-bottom:30px}
#bd-book .bk-bar{bottom:12px}
 }
@media (max-width:820px){
html.bk-lock,html.bk-lock body{overflow:hidden!important;height:100%!important;position:fixed!important;inset:0!important;width:100%!important;overscroll-behavior:none}
#bd-book .mscrim:has(.modal--map)::before{content:"";position:fixed;inset:-50vh 0;background:var(--bone);z-index:-1}
/* Address sheet = its own full-screen opaque layer; the drawer's size (or the keyboard shrinking it)
   must never show the page behind. */
#bd-book .mscrim:has(.modal--map),#bd-book .ck--drawer .mscrim:has(.modal--map){position:fixed!important;inset:0;padding:0;display:block;background:var(--bone);backdrop-filter:none;-webkit-backdrop-filter:none;z-index:1000}
#bd-book .modal--map,#bd-book .ck--drawer .modal--map{width:100%!important;max-width:none!important;height:100%;max-height:none!important;border-radius:0;box-shadow:none;display:grid;grid-template-columns:1fr;grid-template-rows:min(52vh,440px) minmax(0,1fr);overflow:hidden;animation:none}
#bd-book .modal--map .mmap{min-height:0}
#bd-book .map__back{display:grid;place-items:center;position:absolute;top:12px;inset-inline-start:12px;z-index:4;width:48px;height:48px;margin:0!important;border-radius:14px;border:0;background:#fff;box-shadow:0 6px 20px rgba(8,56,70,.12)}
#bd-book .map__back svg{width:18px;height:18px}
#bd-book .map--modal .map__search{inset-inline-start:68px;top:12px;height:48px;border-radius:14px;box-sizing:border-box}
#bd-book .map--modal .map__search input{padding:0;height:100%}
#bd-book .modal--map .mform{overflow-y:auto;padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:var(--bone)}
#bd-book .modal--map .mform .ck__back,#bd-book .modal--map .mform>p,#bd-book .modal--map .mform>h3{display:none}
#bd-book .modal--map .mform h3{font-size:20px;margin-bottom:2px}
#bd-book .map--modal .map__search{border:1.5px solid var(--teal)}
#bd-book .modal--map .frow{padding:8px 0}
#bd-book .modal--map .frow label{font-size:14px}
#bd-book .modal--map .bk-lbl{margin:12px 0 2px}
#bd-book .modal--map .seg{margin:6px 0 2px}
#bd-book .modal--map .seg button{padding:8px 6px;font-size:13px}
#bd-book .modal--map .map__hint{display:block;margin:6px 0 0;font-size:12px}
#bd-book .modal--map .paybtn{padding:12px;margin-top:14px;font-size:14px}
#bd-book .modal--map .mcancel{margin-top:6px}
#bd-book .map--modal .map__loc{bottom:10px}
/* compact slip + smaller Continue */

#bd-book .slip{padding:12px 14px 10px}
#bd-book .slip .slip__t{font-size:17px;margin:0;padding-inline-end:84px}
#bd-book .slip .slip__toggle{display:block;position:absolute;top:14px;inset-inline-end:14px;font-size:12px;color:var(--teal);font-weight:500}
#bd-book .slip.is-min .slip__items,#bd-book .slip.is-min .slip__tot{display:none}
#bd-book .slip .slip__row,#bd-book .slip .slip__note,#bd-book .slip .slip__brand,#bd-book .slip .slip__stamp,#bd-book .slip:not(.is-min) .slip__tot{display:none}
#bd-book .slip:not(.is-min) .slip__items{margin:8px 0 0;background:transparent;padding:0;max-height:38vh;overflow-y:auto;scrollbar-width:thin}
#bd-book .slip:not(.is-min) .slip__items li{font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--hair)}
#bd-book .slip:not(.is-min) .slip__items li:last-child{border-bottom:0}
#bd-book .slip .slip__ctl b{min-width:54px}
#bd-book .slip .slip__ctl button{width:20px;height:20px}
#bd-book .ck__foot,#bd-book .ck--drawer .ck__foot{padding:10px 20px calc(12px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center}
#bd-book .ck__ftot{display:flex;flex-direction:column;line-height:1.1}
#bd-book .ck__ftot span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
#bd-book .ck__ftot b{font-family:var(--serif);font-weight:400;font-size:22px;letter-spacing:-.02em}
#bd-book .ck__ftot small{font-size:10.5px;color:var(--stone);margin-top:2px}
#bd-book .ck:has(.ck__ftot) .slip.is-min .slip__tot{display:none}
#bd-book .ck:has(.ck__ftot) .slip.is-min .slip__items li:last-child{border-bottom:0}
#bd-book .cont{padding:11px 22px;font-size:14px;min-width:0}
}
@media (max-width:520px){#bd-book .pay{grid-template-columns:1fr}
 }
@media (prefers-reduced-motion:reduce){}

#bd-book .bk-i{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1px solid var(--mute);color:var(--mute);font:600 10px/1 var(--sans);font-style:italic;vertical-align:1px;margin-inline-start:4px;position:relative;background:none;cursor:help}
#bd-book .bk-i::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);inset-inline-start:0;width:200px;background:var(--ink);color:#fff;font:400 11.5px/1.35 var(--sans);font-style:normal;text-align:start;padding:8px 10px;border-radius:10px;box-shadow:0 10px 30px rgba(8,56,70,.2);opacity:0;pointer-events:none;transition:opacity .15s;z-index:5}
#bd-book .bk-i:hover::after,#bd-book .bk-i.on::after{opacity:1}
#bd-book .bk-err,#bd-book small.bk-err{display:block;color:#b3261e;margin:6px 0 0;font-size:13px}

/* iOS Safari zooms the page when a focused field is under 16px — keep every field at 16px
   on phone/tablet widths. Desktop sizes above 820px are unchanged. */
@media (max-width:820px){#bd-book input,#bd-book select,#bd-book textarea{font-size:16px}
#bd-book .frow input,#bd-book .frow select{font-size:16px}
#bd-book .map__search input{font-size:16px}
#bd-book .otp .vrow input{font-size:16px}
#bd-book .otp input{font-size:28px} /* already well over 16px — restated so the rule above can't shrink it */
 }

/* -- RTL (/ar/ pages) -------------------------------------------------------
   #bd-book carries dir="rtl" itself (book-ui.js sets it), so both selectors below match:
   the attribute on the root, or an ancestor <html dir="rtl">. */
[dir="rtl"] #bd-book,#bd-book[dir="rtl"]{direction:rtl;font-family:var(--sans-ar,'Noto Kufi Arabic','IBM Plex Sans Arabic',system-ui,sans-serif)}
[dir="rtl"] #bd-book .ck__back svg,[dir="rtl"] #bd-book .opt>svg,[dir="rtl"] #bd-book .bk-cta svg{transform:scaleX(-1)}
[dir="rtl"] #bd-book .bk-line__q{flex-direction:row-reverse}
/* The panels slide in from the other edge, so their shadow and entry animation flip too. */
[dir="rtl"] #bd-book .drawer{box-shadow:20px 0 60px rgba(8,56,70,.2);animation-name:slide-rtl}
[dir="rtl"] #bd-book .ck--drawer{box-shadow:24px 0 70px rgba(8,56,70,.22);animation-name:slide-rtl}
@keyframes slide-rtl{from{transform:translateX(-30px);opacity:0}to{transform:none;opacity:1}}
[dir="rtl"] #bd-book .addon.on .tg::after{transform:translateX(-16px)}

/* ── Payment Element step ── */
#bd-book .bk-pay{max-width:520px;margin:6px 0 0}
#bd-book .bk-pay #bd-pay-el{min-height:0;margin:0 0 18px}
#bd-book .bk-pay--busy #bd-pay-el{opacity:.55;pointer-events:none}
#bd-book .bk-pay__skel{display:grid;gap:12px;margin:0 0 18px}
#bd-book .bk-pay__skel span{display:block;height:48px;border-radius:14px;background:linear-gradient(90deg,var(--hair2),#fff,var(--hair2));background-size:200% 100%;animation:bk-shimmer 1.2s linear infinite}
#bd-book .bk-pay__skel span:nth-child(2){width:60%}
#bd-book .bk-pay__slow{font-size:13px;color:var(--stone);margin:0 0 14px}
#bd-book .bk-pay__slow a{text-decoration:underline;color:var(--teal)}
#bd-book .bk-pay .paybtn{margin-top:4px}
#bd-book .bk-pay .mcancel{display:block;margin:10px 0 0;text-decoration:underline}
@keyframes bk-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}