/* iPhone fit: room step fits one screen, upright and sideways (Matt, 2026-10-14). Enqueued from RoomCards::front(). revert: delete this file and its enqueue line. */
@media all{
body.clb-card-ui chat-widget{display:none !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a:not([hidden]){height:auto !important;max-height:none !important;overflow:visible !important;margin:4px auto 0 !important;padding:0 6px 6px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a .clb-rc-freeze{margin:0 -6px 6px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-staybar{flex-wrap:nowrap !important;align-items:flex-end !important;justify-content:space-between !important;gap:6px !important;padding:6px 8px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-staybar .clb-sb-item{flex:0 0 auto !important;min-width:0 !important;gap:2px !important;margin:0 !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-staybar .clb-sb-dates{flex:1 1 auto !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-staybar .clb-sb-label{font-size:9px !important;line-height:1.15 !important;letter-spacing:.02em !important;white-space:nowrap !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-staybar .clb-sb-val{font-size:14px !important;line-height:1.2 !important;white-space:nowrap !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-staybar .clb-stepper{gap:4px !important;width:auto !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-staybar .clb-step-btn{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;font-size:15px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-staybar .clb-step-value{font-size:15px !important;min-width:14px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rooms{margin:0 !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rooms > div{gap:6px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-room-card{grid-template-columns:116px minmax(0,1fr) !important;margin:0 !important;min-height:0 !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rc-media{height:112px !important;min-height:0 !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rc-track,body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rc-img{height:100% !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rc-img{object-fit:cover !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rc-nav{width:22px !important;height:22px !important;font-size:14px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rc-dots{padding:2px 5px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-room-copy{padding:6px 8px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-room-name{font-size:13.5px !important;line-height:1.2 !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-room-desc{font-size:11px !important;line-height:1.25 !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rc-foot{margin-top:3px !important;padding-top:0 !important;gap:4px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-room-price{font-size:12px !important;line-height:1.2 !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-room-price strong{font-size:16px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-room-note{display:none !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-room-total{font-size:11.5px !important;line-height:1.25 !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rc-select{min-height:0 !important;height:28px !important;font-size:13px !important;padding:0 12px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-gd{gap:6px !important;margin:6px 0 0 !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-gd > .clb-st-hold{margin:0 !important;padding:4px 8px !important;font-size:12px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-fl-phone .clb-fl-hint{display:none !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-fl-phone{padding:3px 10px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-gd-phone input,body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-gd-phone select{font-size:16px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-st-cta > button.clb-st-next{min-height:44px !important;padding:5px 12px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-st-next .clb-st-main{font-size:15px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-st-next .clb-st-sub{font-size:11px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-st-cta > .clb-gd-sms{margin:4px 0 0 !important;font-size:10.5px !important;line-height:1.3 !important}
}
@media (min-height:501px){
body.clb-card-ui .site-content .ast-container{padding-left:8px !important;padding-right:8px !important}
}
@media (max-height:500px){
body.clb-card-ui #clu-reserve-header{display:none !important}
body.clb-card-ui .site-content .ast-container{padding-left:max(10px,env(safe-area-inset-left)) !important;padding-right:max(10px,env(safe-area-inset-right)) !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a:not([hidden]){max-width:none !important;width:auto !important;display:grid !important;grid-template-columns:minmax(0,1fr) minmax(200px,270px);column-gap:12px;row-gap:0;align-items:start}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a > *{grid-column:1/-1}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a > .clb-rc-freeze-sentinel,body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a > .clb-rc-freeze{grid-row:1}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a > .clb-rooms{grid-column:1;grid-row:2}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a > .clb-gd{grid-column:2;grid-row:2;margin:0 !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-room-card{grid-template-columns:100px minmax(0,1fr) !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-room-desc{display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media (max-height:340px){
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a:not([hidden]){grid-template-columns:minmax(0,1fr) 200px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rc-media{height:104px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-staybar{padding:4px 8px !important}
}
@media (max-width:360px){
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-staybar{gap:4px !important;padding:6px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-staybar .clb-sb-label{font-size:8px !important;letter-spacing:0 !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-staybar .clb-sb-val{font-size:13.5px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-staybar .clb-sb-dates{flex:0 0 auto !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-staybar .clb-step-btn{width:26px !important;height:26px !important;min-width:26px !important;min-height:26px !important}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-staybar .clb-stepper{gap:3px !important}
}

/* (Matt) Room photos: show the whole photo (no crop), blurred copy of it fills the box. */
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rc-media{position:relative;isolation:isolate}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rc-media::before{content:"";position:absolute;inset:-14px;background:var(--clb-rc-bg,none) center/cover no-repeat;filter:blur(10px) brightness(.92);z-index:0;pointer-events:none}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rc-track{background:transparent !important;position:relative;z-index:1}
body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rc-img{object-fit:contain !important;object-position:center center !important;background:transparent !important;position:relative;z-index:1}
@media (max-width:700px){ body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-room-card{grid-template-columns:134px minmax(0,1fr) !important} }

/* (Matt) Calendar "Reserve Cat Boarding" button: pink when active (disabled stays gray). */
body.clb-card-ui .clb.clb-wizard .clb-sheet button.clb-done[data-clb-next]:not(:disabled){background:#E6007E !important;border-color:#E6007E !important;color:#fff !important}
body.clb-card-ui .clb.clb-wizard .clb-sheet button.clb-done[data-clb-next]:not(:disabled):hover{background:#C4006B !important;border-color:#C4006B !important}

/* (Matt) Shorter Reserve button + Add Ons tick row under it. */
body.clb-card-ui .clb.clb-wizard .clb-sheet .clb-sheet-foot .clb-sheet-nav button.clb-done{min-height:38px !important;height:38px !important;padding-top:0 !important;padding-bottom:0 !important}
body.clb-card-ui .clb.clb-wizard .clb-sheet .clb-sheet-foot .clb-sheet-nav button.clb-back{min-height:38px !important;height:38px !important;padding-top:0 !important;padding-bottom:0 !important}
.clb-wizard .clb-addons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 12px;margin:8px 0 0;font:600 13px/1.2 'DM Sans',sans-serif;color:#111827}
.clb-wizard .clb-addons-lbl{font-weight:800}
.clb-wizard label.clb-addons-opt{display:inline-flex;align-items:center;gap:5px;margin:0;cursor:pointer;white-space:nowrap;font-weight:600}
.clb-wizard label.clb-addons-opt input{width:16px;height:16px;margin:0;accent-color:#E6007E;cursor:pointer}

/* (Matt) ← back arrow on the room step. */
.clb-wizard .clb-staybar button.clb-sb-backarrow{flex:0 0 auto;align-self:center;width:28px;height:28px;min-height:0;margin:0 2px 0 -4px;padding:0;border:0;border-radius:50%;background:transparent;color:#111827;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none}
.clb-wizard .clb-staybar button.clb-sb-backarrow:hover{background:#f3f4f6}
/* screen B: ← arrow goes back to the room choice; it replaces the "‹ Change room" pill. */
.clb-wizard [data-clb-panel="3"].clb-st-b button.clb-st-back[data-clb-st-back]{display:none !important}

/* (Matt) Didn't get it? Text or Call link. */
.clb-wizard .clb-pv-links a.clb-pv-call{color:#E6007E;font-weight:700;text-decoration:underline;white-space:nowrap}

/* (Matt) Shorter guest-detail boxes (~36px). Input text stays 16px so iPhone doesn't zoom. */
body .clb-wizard [data-clb-gd] .clb-fl{min-height:36px !important;padding-top:2px !important;padding-bottom:2px !important}
body .clb-wizard [data-clb-gd] .clb-fl .clb-fl-label{line-height:1.1 !important;margin:0 !important}
body .clb-wizard [data-clb-gd] .clb-fl input,body .clb-wizard [data-clb-gd] .clb-fl select{height:20px !important;min-height:0 !important;line-height:20px !important;padding-top:0 !important;padding-bottom:0 !important}

/* (Matt) Before the phone is verified: show the detail fields greyed out (tap = "verify first"). */
html body .clb-wizard div.clb-gd.clb-gd--gated[data-clb-gd] > .clb-gd-row{display:grid !important}
html body .clb-wizard div.clb-gd.clb-gd--gated[data-clb-gd] > .clb-fl:not(.clb-fl-phone):not([hidden]){display:block !important}
html body .clb-wizard div.clb-gd.clb-gd--gated[data-clb-gd] > .clb-gd-add{display:flex !important}
html body .clb-wizard div.clb-gd.clb-gd--gated[data-clb-gd] > .clb-gd-row,html body .clb-wizard div.clb-gd.clb-gd--gated[data-clb-gd] > .clb-fl:not(.clb-fl-phone),html body .clb-wizard div.clb-gd.clb-gd--gated[data-clb-gd] > .clb-gd-add{opacity:.45;filter:grayscale(1);cursor:not-allowed}
html body .clb-wizard div.clb-gd.clb-gd--gated[data-clb-gd] > .clb-gd-row *,html body .clb-wizard div.clb-gd.clb-gd--gated[data-clb-gd] > .clb-fl:not(.clb-fl-phone) *,html body .clb-wizard div.clb-gd.clb-gd--gated[data-clb-gd] > .clb-gd-add *{pointer-events:none}
/* 1.12.2: name row stays editable while the rest is gated (clb_hold_name_first). */
html body .clb-wizard div.clb-gd.clb-gd--namefirst.clb-gd--gated[data-clb-gd] > .clb-gd-row.clb-gd-2{opacity:1 !important;filter:none !important;cursor:auto !important;pointer-events:auto !important}
html body .clb-wizard div.clb-gd.clb-gd--namefirst.clb-gd--gated[data-clb-gd] > .clb-gd-row.clb-gd-2 *{opacity:1 !important;filter:none !important;cursor:auto !important;pointer-events:auto !important}
.clb-wizard p.clb-verify-first{margin:4px 0 6px !important;padding:6px 10px;border-radius:8px;background:#FDE7F2;color:#B0005F;font:700 13px/1.3 'DM Sans',sans-serif;text-align:center}
html body .clb-wizard div.clb-gd.clb-gd--gated[data-clb-gd] > p.clb-verify-first:not([hidden]){display:block !important}
.clb-wizard p.clb-verify-first[hidden]{display:none !important}

/* ===== (Matt) No-scroll room step (phones + home phone frame). ===== */
@media (max-width:700px){
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected){grid-template-columns:58px minmax(0,1fr) !important;height:50px !important;min-height:0 !important;align-items:center !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-rc-media{height:38px !important;width:48px !important;min-height:0 !important;margin:0 0 0 6px !important;border-radius:7px !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-rc-nav,html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-rc-dots,html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-room-desc,html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-room-note,html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-room-total,html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-room-tag{display:none !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-room-copy{display:flex !important;flex-direction:row !important;align-items:center !important;gap:8px !important;padding:0 8px !important;min-width:0}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-rc-head{flex:1 1 auto !important;min-width:0 !important;margin:0 !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-room-name{font-size:13.5px !important;line-height:1.2 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-rc-foot{display:flex !important;align-items:center !important;gap:8px !important;margin:0 !important;padding:0 !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-room-price{font-size:12px !important;white-space:nowrap !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-room-price *{font-size:12px !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-rc-select{font-size:0 !important;padding:6px 12px !important;min-height:0 !important;line-height:1 !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-rc-select::after{content:"Switch";font-size:12.5px;font-weight:700}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd]{display:grid !important;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:6px;row-gap:6px}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > *{grid-column:1/-1;order:6;margin-top:0 !important;margin-bottom:0 !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-pv{display:contents !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-pv > *{grid-column:1/-1;order:4;margin:0 !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-st-hold{order:0}html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-fl-phone{order:1}html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-pv > [data-pv="code"]{order:2}html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-pv > [data-pv="send"],html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-pv > .clb-pv-msg{order:3}html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-verify-first{order:5}html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-gd-err{order:8}html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-st-cta{order:9}
/* 1.12.2 name row above phone (clb_hold_name_first) */
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd.clb-gd--namefirst[data-clb-gd] > .clb-gd-row.clb-gd-2{order:1}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd]:has(.clb-pv > [data-pv="code"]:not([hidden])) > .clb-fl-phone{grid-column:1/8 !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd]:has(.clb-pv > [data-pv="code"]:not([hidden])) .clb-gd-cc{display:none !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-pv > [data-pv="code"]:not([hidden]){grid-column:8/-1 !important;display:flex !important;gap:6px !important;align-items:stretch !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] [data-pv="code"] .clb-pv-code{flex:1 1 auto !important;min-width:0 !important;width:auto !important;height:39px !important;padding:0 4px !important;font-size:16px !important;letter-spacing:2px !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] [data-pv="code"] .clb-pv-btn{height:39px !important;min-height:0 !important;padding:0 12px !important;flex:0 0 auto !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd]:has(.clb-pv > [data-pv="code"]:not([hidden])) .clb-pv-msg:not(.is-bad){display:none !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] .clb-pv-links{font-size:11.5px !important;white-space:normal !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd]:has(.clb-pv > [data-pv="code"]:not([hidden])) .clb-pv-links:not([hidden])::before{content:"Code sent \00b7  "}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] .clb-gd-row.clb-gd-2{display:grid !important;grid-template-columns:1fr 1fr !important;gap:6px !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-fl:has([data-clb-guest-field="address_1"]){grid-column:1/9 !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-fl:has([data-clb-guest-field="address_2"]){display:block !important;grid-column:9/-1 !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-gd-add{display:none !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] .clb-gd-row{margin:0 !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-st-hold{display:block !important;background:none !important;border:0 !important;box-shadow:none !important;padding:4px 2px 0 !important;font:800 11.5px/1.2 'DM Sans',sans-serif !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#6b7280 !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] .clb-gd-sms{font-size:10.5px !important;text-align:center !important;margin:6px 0 0 !important}
}
@media (max-width:700px){
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd]:has(.clb-pv > [data-pv="code"]:not([hidden])) > .clb-fl-phone{grid-column:1/7 !important;align-self:stretch}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-pv > [data-pv="code"]:not([hidden]){grid-column:7/-1 !important;flex-wrap:nowrap !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] [data-pv="code"] .clb-pv-code{flex:1 1 0 !important;max-width:none !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] [data-pv="code"] .clb-pv-btn{padding:0 11px !important;font-size:14px !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] .clb-pv-links .clb-pv-link{font-size:11.5px !important;padding:0 !important;min-height:0 !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-rc-foot{flex-direction:row !important;flex-wrap:nowrap !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-rc-money{display:flex !important;align-items:center !important;margin:0 !important;padding:0 !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-rc-select{margin:0 !important;align-self:center !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected){overflow:hidden}
}
@media (max-width:700px){ html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-room-name{font-size:13px !important} html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-room-price,html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-room-price *{font-size:11.5px !important} html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-rc-select{padding:6px 10px !important} html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-room-copy{gap:6px !important;padding:0 6px !important} }
@media (max-width:700px){ html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-room-price{font-size:0 !important} html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-room-price strong{font-size:12px !important} html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-room-price::after{content:"/day";font-size:11px;font-weight:500;color:#4b5563} }
@media (max-width:700px){ html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-rc-select{min-width:0 !important;width:auto !important;flex:0 0 auto !important;padding:6px 11px !important} html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-rc-select::after{font-size:12px} html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-rc-money{flex:0 0 auto !important;min-width:0 !important;width:auto !important} html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-st-a label.clb-room-card.clb-rc:not(.is-selected) .clb-rc-foot{flex:0 0 auto !important;width:auto !important} }

/* (Matt) After verify: confirm-your-info line above the Hold button. */
.clb-wizard .clb-st-cta .clb-st-confirm{margin:0 0 6px;font:600 12.5px/1.3 'DM Sans',sans-serif;color:#047857;text-align:center}
.clb-wizard .clb-st-cta .clb-st-confirm[hidden]{display:none !important}
/* (Matt) Returning guest (summary card): card sits above the confirm line + button; the form rows stay hidden until Edit. */
html body .clb-wizard div.clb-gd.clb-gd--card[data-clb-gd] > .clb-gd-row,html body .clb-wizard div.clb-gd.clb-gd--card[data-clb-gd] > label.clb-fl{display:none !important}
html body .clb-wizard div.clb-gd.clb-gd--card[data-clb-gd] > .clb-gd-card{order:8;grid-column:1 / -1;margin:2px 0 8px}

/* (Matt) New Customer tick on the verify heading row. */
.clb-wizard .clb-st-hold[data-clb-st-hold]{display:flex !important;align-items:center;justify-content:space-between;gap:8px}
.clb-wizard .clb-st-hold label.clb-st-nc{display:inline-flex;align-items:center;gap:5px;margin:0;font:700 12.5px/1 'DM Sans',sans-serif;letter-spacing:0;text-transform:none;color:#111827;white-space:nowrap;cursor:pointer}
.clb-wizard .clb-st-hold label.clb-st-nc[hidden]{display:none}
.clb-wizard .clb-st-hold label.clb-st-nc input{width:16px;height:16px;margin:0;accent-color:#E6007E}
html body.clb-card-ui .clb.clb-wizard .clb-panel[data-clb-panel="3"] div.clb-gd[data-clb-gd] > div.clb-st-hold[data-clb-st-hold]{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:space-between !important;gap:8px}
html body.clb-card-ui .clb.clb-wizard .clb-panel[data-clb-panel="3"] div.clb-gd[data-clb-gd] > div.clb-st-hold[data-clb-st-hold] > .clb-st-hold-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.clb-card-ui .clb.clb-wizard .clb-panel[data-clb-panel="3"] div.clb-gd[data-clb-gd] > div.clb-st-hold[data-clb-st-hold] > label.clb-st-nc{display:inline-flex !important;flex:0 0 auto;align-items:center;gap:5px;margin:0 !important;padding:0 !important;font:700 12.5px/1 'DM Sans',sans-serif !important;letter-spacing:0 !important;text-transform:none !important;color:#111827 !important;white-space:nowrap;cursor:pointer}
html body.clb-card-ui .clb.clb-wizard .clb-panel[data-clb-panel="3"] div.clb-gd[data-clb-gd] > div.clb-st-hold[data-clb-st-hold] > label.clb-st-nc[hidden]{display:none !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel[data-clb-panel="3"] div.clb-gd[data-clb-gd] > div.clb-st-hold[data-clb-st-hold] > .clb-st-hold-t{font-size:12px !important;letter-spacing:.03em !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel[data-clb-panel="3"] div.clb-gd[data-clb-gd] > div.clb-st-hold[data-clb-st-hold]{gap:6px !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel[data-clb-panel="3"] div.clb-gd[data-clb-gd] > div.clb-st-hold[data-clb-st-hold] > label.clb-st-nc{font-size:12px !important;gap:4px !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel[data-clb-panel="3"] div.clb-gd[data-clb-gd] > div.clb-st-hold[data-clb-st-hold] > label.clb-st-nc input{width:15px;height:15px}

/* ==== (Matt) STEPS3 START — 3-step progress bar (see room-cards.js STEPS3). ==== */
html.clb-steps3-on .clb-wizard ol.clb-steps3{display:flex;gap:6px;margin:0 0 8px;padding:0;list-style:none}
html.clb-steps3-on .clb-wizard .clb-rc-freeze > ol.clb-steps3{margin:0;padding:6px 10px 2px;background:#fff}
html.clb-steps3-on .clb-wizard ol.clb-steps3 > li{flex:1 1 0;min-width:0;margin:0;padding:0;list-style:none}
html.clb-steps3-on .clb-wizard ol.clb-steps3 button{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font:700 11.5px/1.1 'DM Sans',sans-serif;color:#9ca3af;text-align:center;letter-spacing:0;text-transform:none;cursor:default}
html.clb-steps3-on .clb-wizard ol.clb-steps3 button i{display:block;height:5px;border-radius:3px;background:#e5e7eb}
html.clb-steps3-on .clb-wizard ol.clb-steps3 button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.clb-steps3-on .clb-wizard ol.clb-steps3 button b{font-weight:800;margin-right:3px}
html.clb-steps3-on .clb-wizard ol.clb-steps3 button.is-done{color:#111827;cursor:pointer}
html.clb-steps3-on .clb-wizard ol.clb-steps3 button.is-done i,html.clb-steps3-on .clb-wizard ol.clb-steps3 button.is-on i{background:#E6007E}
html.clb-steps3-on .clb-wizard ol.clb-steps3 button.is-on{color:#E6007E}
html.clb-steps3-on .clb-wizard ol.clb-steps3 button:disabled{opacity:1}
/* Book Now screen: the top "New Customer" tick replaces the old one at the bottom (same setting). */
html.clb-steps3-on .clb-wizard [data-clb-panel="3"].clb-st-b .clb-sb-new.clb-sb-new--inline{display:none !important}
/* STEP4: 4 steps — tighter labels so all fit on one row. */
html.clb-steps3-on .clb-wizard ol.clb-steps3 button{font-size:10.5px}
html.clb-steps3-on .clb-wizard .clb-topbar > .clb-steps3-row{margin:0 0 6px}
/* STEP4: last screen — ← arrow in the steps row, no Back pill / 'Step 3 of 4', row pinned to the top. */
html.clb-steps3-on .clb-wizard :is([data-clb-panel="4"],[data-clb-panel="5"],[data-clb-panel="6"]) > .clb-panel-head{display:none !important}
html.clb-steps3-on .clb-wizard :is([data-clb-panel="4"],[data-clb-panel="5"],[data-clb-panel="6"]) > .clb-steps3-row{position:sticky;top:0;z-index:5;margin:0 -6px 10px;padding:6px 6px 4px;background:#fff}
/* ==== (Matt) STEPS3 END ==== */
/* ==== (Matt) FWDARROW START ==== */
.clb-wizard .clb-staybar button.clb-sb-fwdarrow{flex:0 0 auto;align-self:center;width:28px;height:28px;min-height:0;margin:0 -4px 0 2px;padding:0;border:0;border-radius:50%;background:transparent;color:#c4c8cf;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none}
.clb-wizard .clb-staybar button.clb-sb-fwdarrow.is-ready{color:#111827}
.clb-wizard .clb-staybar button.clb-sb-fwdarrow:hover{background:#f3f4f6}
.clb-wizard .clb-staybar button.clb-sb-fwdarrow[hidden]{display:none !important}
/* fit: slightly smaller arrows + steppers on the room-step stay bar so the dates aren't clipped. */
@media (max-width:700px){
.clb-wizard [data-clb-panel="3"] .clb-staybar button.clb-sb-backarrow,.clb-wizard [data-clb-panel="3"] .clb-staybar button.clb-sb-fwdarrow{width:24px;height:24px}
.clb-wizard [data-clb-panel="3"] .clb-staybar button.clb-sb-backarrow{margin:0 0 0 -4px}
.clb-wizard [data-clb-panel="3"] .clb-staybar button.clb-sb-fwdarrow{margin:0 -4px 0 0}
.clb-wizard [data-clb-panel="3"] .clb-staybar .clb-step-btn{width:25px !important;height:25px !important;min-width:0 !important;min-height:0 !important}
}
/* ==== (Matt) FWDARROW END ==== */
/* ==== (Matt) ARROWROW START — ← steps → on one row (room step). ==== */
html.clb-steps3-on .clb-wizard .clb-steps3-row{display:flex;align-items:center;gap:6px}
html.clb-steps3-on .clb-wizard .clb-rc-freeze > .clb-steps3-row{padding:6px 6px 2px;background:#fff}
html.clb-steps3-on .clb-wizard .clb-steps3-row > ol.clb-steps3{flex:1 1 auto;width:100%;min-width:0;padding:0;margin:0}
html.clb-steps3-on .clb-wizard .clb-steps3-row > button.clb-sb-backarrow,html.clb-steps3-on .clb-wizard .clb-steps3-row > button.clb-sb-fwdarrow{flex:0 0 auto;width:28px;height:28px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
html.clb-steps3-on .clb-wizard .clb-steps3-row > button.clb-sb-backarrow{color:#111827}
html.clb-steps3-on .clb-wizard .clb-steps3-row > button.clb-sb-fwdarrow{color:#c4c8cf}
html.clb-steps3-on .clb-wizard .clb-steps3-row > button.clb-sb-fwdarrow.is-ready{color:#111827}
html.clb-steps3-on .clb-wizard .clb-steps3-row > button.clb-sb-fwdarrow[hidden]{display:inline-flex !important;visibility:hidden}
/* ==== (Matt) ARROWROW END ==== */
/* (Matt) "Room updated for N cats: …" notice (booking.js setResetNote, auto-hides after 6s). */
html body.clb-card-ui .clb-wizard [data-clb-reset-note]:not([hidden]){display:block;margin:4px 0 6px;padding:7px 12px;border-radius:10px;background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;font:600 13px/1.3 'DM Sans',sans-serif;text-align:center}

/* ==== (Matt) CATSONLY START — beds stepper hidden; rooms follow the cat count. ==== */
html.clb-catsonly-on .clb-wizard .clb-staybar .clb-sb-beds,html.clb-catsonly-on .clb-wizard .clb-rooms-count{display:none !important}
html.clb-catsonly-on .clb-wizard .clb-staybar .clb-sb-cats{margin-left:auto}
@media (max-width:700px){html body.clb-card-ui .clb-wizard [data-clb-panel="3"] [data-clb-multi-note]:not([hidden]){font-size:10.5px !important;line-height:1.25 !important;color:#6b7280;margin:2px 0 4px !important;padding:0 !important}}
/* ==== CATSONLY END ==== */

/* ==== (Matt) CATSCAL START ==== */
html.clb-catscal-on .clb-wizard .clb-sheet-foot .clb-catscal{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0 0;font:700 18px/1 'DM Sans',sans-serif;color:#111827} /* (Matt) bigger "How many cats?" (was 13px) */
html.clb-catscal-on .clb-wizard .clb-catscal .clb-catscal-step{display:inline-flex;align-items:center;gap:8px}
html.clb-catscal-on .clb-wizard .clb-catscal .clb-catscal-val{min-width:20px;text-align:center;font:700 20px/1 'DM Sans',sans-serif}
html.clb-catscal-on .clb-wizard .clb-catscal .clb-step-btn{width:36px;height:36px;min-width:0;min-height:0;padding:0;border-radius:50%;border:1px solid #d1d5db;background:#fff;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#111827}
html.clb-catscal-on .clb-wizard .clb-catscal .clb-step-btn[data-cc="1"]{background:#FFD814;border-color:#FFD814}
html.clb-catscal-on .clb-wizard .clb-catscal .clb-step-btn:disabled{opacity:.4;cursor:default}
/* ==== CATSCAL END ==== */
/* (Matt) BTNBELOW: Back / Reserve row under the tick boxes on the calendar. */
html.clb-catscal-on .clb-wizard [data-clb-panel="1"] .clb-sheet-foot .clb-sheet-nav{margin-top:10px}
html.clb-catscal-on .clb-wizard .clb-sheet-foot .clb-catscal{margin-top:2px}

/* ==== (Matt) MORESVC START ==== */
.clb-wizard .clb-addons .clb-addons-more{flex:0 0 100%;display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:4px 0 0;padding:6px 6px 2px;border-top:1px dashed #e5e7eb}
.clb-wizard .clb-addons .clb-addons-more[hidden]{display:none}
.clb-wizard .clb-addons .clb-addons-more-lbl{flex:0 0 100%;text-align:center;font:600 11.5px/1.2 'DM Sans',sans-serif;color:#6b7280;margin-bottom:2px}
.clb-wizard .clb-addons button.clb-addons-chip{min-height:0;margin:0;padding:4px 9px;border-radius:999px;border:1px solid #d1d5db;background:#fff;color:#111827;font:600 11.5px/1.2 'DM Sans',sans-serif;cursor:pointer;box-shadow:none}
.clb-wizard .clb-addons button.clb-addons-chip.is-on{background:#E6007E;border-color:#E6007E;color:#fff}
/* ==== MORESVC END ==== */


/* (Matt) Also Add ticks on one row. */
html body .clb-wizard .clb-sheet-foot .clb-addons[data-clb-addons]{flex-wrap:nowrap;gap:4px 10px;white-space:nowrap}
html body .clb-wizard .clb-sheet-foot .clb-addons[data-clb-addons] > label.clb-addons-opt{display:inline-flex;flex-direction:row;align-items:center;gap:5px;width:auto}
html body .clb-wizard .clb-sheet-foot .clb-addons[data-clb-addons] > label.clb-addons-opt{flex-wrap:nowrap !important;white-space:nowrap}
@media (max-width:420px){html body .clb-wizard .clb-sheet-foot .clb-addons[data-clb-addons]{font-size:12.5px;gap:4px 8px}html body .clb-wizard .clb-sheet-foot .clb-addons[data-clb-addons] > label.clb-addons-opt{gap:4px}html body .clb-wizard .clb-sheet-foot .clb-addons[data-clb-addons] input{width:15px;height:15px}}
@media (max-width:420px){html body .clb-wizard .clb-sheet-foot .clb-addons[data-clb-addons]{font-size:12px;gap:4px 6px;margin-left:-6px;margin-right:-6px}}

/* (Matt) Embedded (home page) frames: the room-step panel has no side padding there, so the stay bar must not hang off the left. */
html.clb-embed body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rc-freeze,html.clb-phone body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] .clb-rc-freeze{margin-left:0 !important;margin-right:0 !important}

/* (Matt) longer step names: a touch smaller so all three fit at 390px. */
@media (max-width:420px){html.clb-steps3-on .clb-wizard ol.clb-steps3 button{font-size:10.5px}html.clb-steps3-on .clb-wizard ol.clb-steps3{gap:4px}}

/* (Matt) GROOMHAIR: four ticks wrap to two rows. */
html body .clb-wizard .clb-sheet-foot .clb-addons[data-clb-addons]{flex-wrap:wrap;white-space:normal;justify-content:center;row-gap:4px}
html body .clb-wizard .clb-sheet-foot .clb-addons[data-clb-addons]{display:grid !important;grid-template-columns:auto auto;justify-content:center;column-gap:14px;row-gap:5px;align-items:center}
html body .clb-wizard .clb-sheet-foot .clb-addons[data-clb-addons] > .clb-addons-lbl{grid-column:1 / -1;text-align:center}
html body .clb-wizard .clb-addons > .clb-addons-lbl{display:none !important} /* (Matt) no "Add:" label above the tick boxes. Revert: delete this line. */
html body .clb-wizard .clb-sheet-foot .clb-addons[data-clb-addons] > label.clb-addons-opt{justify-self:start}
html body .clb-wizard .clb-sheet-foot .clb-addons[data-clb-addons] > .clb-addons-more{grid-column:1 / -1}

/* ==== (Matt) CHECKOUT3 START — Reservation Summary checkout screen. ==== */
html.clb-checkout3-on .clb-wizard [data-clb-panel="3"].clb-c3-on .clb-staybar,
html.clb-checkout3-on .clb-wizard [data-clb-panel="3"].clb-c3-on .clb-gd[data-clb-gd],
html.clb-checkout3-on .clb-wizard [data-clb-panel="3"].clb-c3-on .clb-pb,
html.clb-checkout3-on .clb-wizard [data-clb-panel="3"].clb-c3-on [data-clb-stay-price],
html.clb-checkout3-on .clb-wizard [data-clb-panel="3"].clb-c3-on .clb-sb-rates{display:none !important}
html.clb-checkout3-on .clb-wizard [data-clb-panel="3"] .clb-c3{display:none}
html.clb-checkout3-on .clb-wizard [data-clb-panel="3"].clb-c3-on .clb-c3{display:block;font-family:'DM Sans',sans-serif;color:#111827}
.clb-wizard .clb-c3-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:10px 12px;margin:0 0 8px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.clb-wizard .clb-c3-h{margin:0 0 4px;text-align:center;font:800 16px/1.2 'Plus Jakarta Sans','DM Sans',sans-serif}
.clb-wizard .clb-c3-dates{display:flex;justify-content:center;align-items:center;gap:8px;font:600 14px/1.2 'DM Sans',sans-serif}
.clb-wizard .clb-c3-arr{color:#6b7280}
.clb-wizard button.clb-c3-link{background:none;border:0;padding:0;margin:0;min-height:0;box-shadow:none;color:#E6007E;font:600 12px/1 'DM Sans',sans-serif;text-decoration:underline;cursor:pointer}
.clb-wizard .clb-c3-chips{display:flex;justify-content:center;gap:5px;margin:6px 0 8px;flex-wrap:wrap}
.clb-wizard .clb-c3-chip{background:#f3f4f6;border-radius:999px;padding:3px 9px;font:600 12px/1.2 'DM Sans',sans-serif;white-space:nowrap}
.clb-wizard .clb-c3-line{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #f0f0f2}
.clb-wizard .clb-c3-line[hidden]{display:none}
.clb-wizard .clb-c3-thumb{flex:0 0 44px;width:44px;height:36px;border-radius:7px;background:#e5e7eb center/cover no-repeat}
.clb-wizard .clb-c3-thumb--groom{background:#fdf2f8;color:#E6007E;display:grid;place-items:center;font-size:18px}
.clb-wizard .clb-c3-l{flex:1 1 auto;min-width:0;font:600 13.5px/1.25 'DM Sans',sans-serif}
.clb-wizard .clb-c3-l small{display:block;font:500 11.5px/1.3 'DM Sans',sans-serif;color:#6b7280;margin-top:2px}
.clb-wizard .clb-c3-r{flex:0 0 auto;text-align:right;font:700 13.5px/1.2 'DM Sans',sans-serif;white-space:nowrap}
.clb-wizard .clb-c3-r small{display:block;font:500 11px/1.2 'DM Sans',sans-serif;color:#6b7280}
.clb-wizard .clb-c3-ok{color:#047857;font-weight:800}
.clb-wizard .clb-c3-guest .clb-c3-l{font-weight:600}
.clb-wizard .clb-c3-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font:500 13px/1.3 'DM Sans',sans-serif;color:#374151;margin:0}
.clb-wizard .clb-c3-row:first-of-type{border-top:1px solid #f0f0f2;padding-top:8px}
.clb-wizard .clb-c3-row[hidden]{display:none}
.clb-wizard .clb-c3-sv{color:#047857;font-weight:700}
.clb-wizard label.clb-c3-nc{cursor:pointer;font-weight:600;color:#111827}
.clb-wizard label.clb-c3-nc input{width:15px;height:15px;margin:0 5px 0 0;vertical-align:-2px;accent-color:#E6007E}
.clb-wizard .clb-c3-muted{font-weight:500;color:#9ca3af;font-size:11.5px}
.clb-wizard .clb-c3-tot{display:flex;justify-content:space-between;align-items:center;margin-top:5px;padding-top:8px;border-top:2px solid #111827;font:800 16px/1.2 'Plus Jakarta Sans','DM Sans',sans-serif}
.clb-wizard .clb-c3-tot span:last-child{font-size:19px}
.clb-wizard .clb-c3-due{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font:700 13px/1.2 'DM Sans',sans-serif}
.clb-wizard .clb-c3-pill{background:#d1fae5;color:#065f46;border-radius:999px;padding:4px 10px;font:700 12px/1.2 'DM Sans',sans-serif}
.clb-wizard .clb-c3-meds .clb-c3-t{font:700 13.5px/1.2 'DM Sans',sans-serif;margin-bottom:6px}
.clb-wizard .clb-c3-opts{display:flex;gap:8px}
.clb-wizard .clb-c3-opts label{display:inline-flex;align-items:center;gap:5px;margin:0;padding:5px 11px;border:1.5px solid #d1d5db;border-radius:999px;font:600 12.5px/1 'DM Sans',sans-serif;cursor:pointer}
.clb-wizard .clb-c3-opts label:has(input:checked){border-color:#E6007E;background:#fdf2f8}
.clb-wizard .clb-c3-opts input{width:14px;height:14px;margin:0;accent-color:#E6007E}
.clb-wizard textarea.clb-c3-note{display:block;width:100%;box-sizing:border-box;margin:8px 0 0;padding:7px 10px;border:1px solid #d1d5db;border-radius:10px;font:500 13px/1.3 'DM Sans',sans-serif;min-height:0;resize:none}
.clb-wizard textarea.clb-c3-note[hidden]{display:none}
.clb-wizard .clb-c3-fine{margin:5px 0 0;font:500 11px/1.3 'DM Sans',sans-serif;color:#6b7280}
/* ==== CHECKOUT3 END ==== */html body .clb-wizard .clb-c3 h3.clb-c3-h{color:#111827 !important}
.clb-wizard .clb-c3-chip[hidden]{display:none}
.clb-wizard .clb-c3-l small button.clb-c3-link{font-size:11.5px}
html.clb-checkout3-on body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-c3-on div.clb-gd[data-clb-gd]{display:none !important}
.clb-wizard textarea.clb-c3-note{min-height:34px;height:34px}
.clb-wizard .clb-c3-meds{padding-bottom:8px}

/* ==== (Matt) SHORTFIELDS START — guest fields 28px tall: the label becomes the placeholder (room-cards.js SHORTFIELDS copies it). ==== */
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] label.clb-fl{display:flex !important;align-items:center;min-height:28px !important;height:28px !important;max-height:28px;padding:0 9px !important;margin:0;box-sizing:border-box;overflow:hidden}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] label.clb-fl > .clb-fl-label{display:none !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] label.clb-fl > input,html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] label.clb-fl > select{height:26px !important;min-height:0 !important;line-height:26px !important;padding:0 !important;margin:0 !important;font-size:15px !important;width:100%}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] label.clb-fl > select{padding-right:16px !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] div.clb-fl-phone{min-height:30px !important;height:30px !important;padding:0 9px !important;display:flex;align-items:center;overflow:hidden}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] div.clb-fl-phone > .clb-fl-head{display:none !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] div.clb-fl-phone .clb-gd-phone{display:flex;align-items:center;gap:6px;width:100%}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] div.clb-fl-phone .clb-gd-phone > input,html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] div.clb-fl-phone .clb-gd-phone > select{height:26px !important;min-height:0 !important;line-height:26px !important;padding:0 !important;margin:0 !important;font-size:15px !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] .clb-pv input.clb-pv-code,html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] .clb-pv .clb-pv-code{height:30px !important;min-height:0 !important;padding:0 10px !important;line-height:30px !important;font-size:15px !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] .clb-pv [data-pv-send] button,html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] .clb-pv button.clb-pv-btn{min-height:30px !important;height:30px !important;padding:0 12px !important;line-height:30px !important}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] .clb-gd-row{row-gap:5px}
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > label.clb-fl,html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"] div.clb-gd[data-clb-gd] > .clb-gd-row{margin-bottom:5px !important}
/* ==== SHORTFIELDS END ==== */

/* (Matt) PLACEORDER: trash on the groom line; stray notes hidden on the order screen. */
.clb-wizard button.clb-c3-trash{flex:0 0 auto;width:28px;height:28px;min-height:0;margin:0 0 0 2px;padding:0;border:1px solid #fecaca;border-radius:8px;background:#fff;color:#dc2626;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none}
.clb-wizard button.clb-c3-trash:hover{background:#fef2f2}
html.clb-checkout3-on body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-c3-on [data-clb-multi-note],html.clb-checkout3-on body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-c3-on [data-clb-st-confirm],html.clb-checkout3-on body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-c3-on [data-clb-reset-note]{display:none !important}
@media (max-width:420px){html.clb-steps3-on .clb-wizard ol.clb-steps3 button{font-size:10px;letter-spacing:-.01em}}
.clb-wizard [data-c3-groom] .clb-c3-r small{display:none}
.clb-wizard [data-c3-groom] .clb-c3-r{font-size:13px}
.clb-wizard [data-c3-groom] .clb-c3-l{font-size:13px}

/* ==== (Matt) QTY START — 🗑 n + stepper on the order screen. ==== */
.clb-wizard .clb-qty{display:inline-flex;align-items:center;flex:0 0 auto;height:30px;padding:0 3px;border:2px solid #FFD814;border-radius:999px;background:#fff;margin-left:4px}
.clb-wizard .clb-qty button{width:24px;height:24px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#111827;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;font:800 16px/1 'DM Sans',sans-serif;cursor:pointer}
.clb-wizard .clb-qty button:disabled{opacity:.3;cursor:default}
.clb-wizard .clb-qty.is-zero .clb-qty-del{opacity:.3}
.clb-wizard .clb-qty b{min-width:22px;text-align:center;font:700 13px/1 'DM Sans',sans-serif}
.clb-wizard .clb-c3-dates{flex-wrap:wrap;gap:6px}
.clb-wizard .clb-c3-dates .clb-c3-chip{padding:2px 8px;font-size:11.5px}
.clb-wizard .clb-c3-line .clb-c3-r{font-size:13px}
.clb-wizard .clb-c3-line .clb-c3-r.clb-c3-muted{font-weight:600;color:#6b7280;font-size:12px}
.clb-wizard .clb-c3-l small{white-space:normal}
/* ==== QTY END ==== */

/* C3NOSCROLL: screen 3 panel never scrolls inside the phone — it grows to fit the summary card + button. */
html body.clb-card-ui .clb.clb-wizard .clb-panel.clb-cats-condo[data-clb-panel="3"].clb-c3-on:not([hidden]){height:auto !important;max-height:none !important;overflow:visible !important}

/* ==== (Matt) BTNBOTTOM START: Select Dates screen, Back / Reserve Cat Boarding pinned to the bottom of the card (app style).
   The foot box is flattened (display:contents) so its rows can be ordered: steps + cats + add-ons on top, calendar, button row last.
   Revert: delete BTNBOTTOM START..END. ==== */
body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet > .clb-sheet-foot{display:contents !important}
body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet > .clb-sheet-foot > *{order:-2;flex:0 0 auto;margin-left:16px !important;margin-right:16px !important}
body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet > .clb-sheet-foot > .clb-steps3-row{order:-3;margin-top:12px !important}
body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet > .clb-sheet-foot > .clb-addons{padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:0 !important}
body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet > .clb-sheet-head{order:-1}
body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet > .clb-cal-frame{order:0}
body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet > .clb-sheet-foot > .clb-sheet-nav{order:99;margin:0 !important;padding:10px 16px 12px;border-top:1px solid #eee;background:#fff;display:flex;align-items:center;gap:10px}
body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet > .clb-sheet-foot > .clb-sheet-nav [data-clb-next]{flex:1 1 auto;min-width:0;margin:0 !important;min-height:46px !important;height:46px !important}
body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet > .clb-sheet-foot > .clb-sheet-nav button.clb-back{min-height:46px !important;height:46px !important}
body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet > .clb-sheet-foot > .clb-sheet-nav{margin-top:auto !important}
/* Pinned to the bottom of the phone screen: the home-page phone preview and /reserve/ (page 80234). */
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]) > .clb-sheet-foot > .clb-sheet-nav,
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]) > .clb-sheet-foot > .clb-sheet-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(390px,100%);box-sizing:border-box;z-index:60;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 16px rgba(0,0,0,.06)}
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]),
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]){margin-bottom:80px !important}
/* (Matt) "How many cats?" sits right above the Reserve button. */
body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet > .clb-sheet-foot > .clb-catscal{order:98;margin:0 !important;padding:10px 16px 2px;background:#fff}
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]) > .clb-sheet-foot > .clb-catscal,
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]) > .clb-sheet-foot > .clb-catscal{position:fixed;left:50%;bottom:calc(68px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(390px,100%);box-sizing:border-box;z-index:61;border-top:1px solid #eee;box-shadow:0 -6px 16px rgba(0,0,0,.06)}
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]) > .clb-sheet-foot > .clb-sheet-nav,
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]) > .clb-sheet-foot > .clb-sheet-nav{border-top:0;box-shadow:none}
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]),
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]){margin-bottom:130px !important}
/* ==== BTNBOTTOM END ==== */

/* ==== (Matt) BTNBOTTOM2 START: main button pinned to the bottom of the phone screen on every screen (like Book A Reservation).
   Room & Rates: Confirm & Hold My Room · Checkout: Place Your Order · Thank You: Next / Save cat names.
   Phone preview + /reserve/ only. Revert: delete BTNBOTTOM2 START..END. ==== */
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-panel="3"].clb-st-a:not([hidden]) [data-clb-st-next],
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-panel="3"].clb-st-a:not([hidden]) [data-clb-st-next],
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-panel="3"].clb-st-b:not([hidden]) > .clb-panel-foot > .clb-done,
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-panel="3"].clb-st-b:not([hidden]) > .clb-panel-foot > .clb-done,
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-booked]:not([hidden]) [data-clb-ty-go],
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-booked]:not([hidden]) [data-clb-ty-go],
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-booked]:not([hidden]) [data-clb-ty-save],
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-booked]:not([hidden]) [data-clb-ty-save]{position:fixed !important;left:50% !important;right:auto !important;top:auto !important;bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important;transform:translateX(-50%) !important;width:calc(min(390px,100%) - 24px) !important;max-width:none !important;margin:0 !important;min-height:46px !important;z-index:60 !important;box-shadow:0 0 0 12px #fff,0 -14px 18px rgba(0,0,0,.07) !important}
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-panel="3"].clb-st-b:not([hidden]) > .clb-panel-foot,
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-panel="3"].clb-st-b:not([hidden]) > .clb-panel-foot{position:static !important;background:transparent !important;box-shadow:none !important;padding:0 !important;margin:0 !important;border:0 !important;min-height:0 !important}
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-panel="3"].clb-st-a:not([hidden]) [data-clb-st-confirm]:not([hidden]),
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-panel="3"].clb-st-a:not([hidden]) [data-clb-st-confirm]:not([hidden]){position:fixed;left:50%;transform:translateX(-50%);bottom:calc(70px + env(safe-area-inset-bottom,0px));width:min(390px,100%);box-sizing:border-box;margin:0 !important;padding:8px 16px 0;background:#fff;z-index:61;text-align:center}
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-panel="3"]:not([hidden]),
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-panel="3"]:not([hidden]),
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-panel="5"]:not([hidden]),
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-panel="5"]:not([hidden]){padding-bottom:96px !important}
/* ==== BTNBOTTOM2 END ==== */

/* 1.23.6: dates-step email sits just above the pinned Continue button and stays short. */
body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet > .clb-sheet-foot > .clb-early-email{order:97;flex:0 0 auto;margin:0 12px 0 !important;padding:2px 0 0;background:#fff}
body.clb-card-ui .clb-early-email input[type="email"]{height:30px}
body.clb-card-ui .clb-early-email__help{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:1px}

/* 1.23.8: email sits under "How many cats?" (order 98) and above Book A Reservation (order 99).
   Beats the 1.23.6 margins, 30px input, and two-line help. */
html body .clb-wizard .clb-sheet-foot .clb-early-email{margin:4px 0 0;padding:0}
html body .clb-wizard [data-clb-panel="1"] .clb-sheet-foot{display:flex;flex-direction:column}
html body .clb-wizard [data-clb-panel="1"] .clb-sheet-foot > .clb-catscal{order:98}
html body .clb-wizard [data-clb-panel="1"] .clb-sheet-foot > .clb-early-email{order:98.5}
html body .clb-wizard [data-clb-panel="1"] .clb-sheet-foot > .clb-sheet-nav{order:99}
html body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet > .clb-sheet-foot > .clb-early-email{order:98.5 !important;flex:0 0 auto !important;margin:4px 0 0 !important;padding:0 !important;background:#fff}
html body .clb-wizard .clb-sheet-foot .clb-early-email label{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;padding:0 !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}
html body .clb-wizard .clb-sheet-foot .clb-early-email input[type="email"]{display:block;width:100%;height:36px;min-height:36px;max-height:36px;box-sizing:border-box;margin:0;padding:6px 10px;font-size:16px;line-height:1.2;border-radius:8px}
html body .clb-wizard .clb-sheet-foot .clb-early-email .clb-early-email__help{display:block !important;margin:2px 0 0 !important;font-size:11px !important;line-height:1.2 !important;color:#6b7280 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;-webkit-line-clamp:unset !important;-webkit-box-orient:unset !important}
html body .clb-wizard .clb-sheet-foot .clb-early-email .clb-early-email__hint{margin:2px 0 0 !important;font-size:12px !important}
html body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet > .clb-sheet-foot > .clb-early-email + .clb-sheet-nav,
html body .clb-wizard [data-clb-panel="1"] .clb-sheet-foot > .clb-early-email + .clb-sheet-nav{margin-top:6px !important}
/* Pinned /reserve/ and phone preview: same stack as the cat row and the button, email between them. */
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]) > .clb-sheet-foot > .clb-early-email,
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]) > .clb-sheet-foot > .clb-early-email{position:fixed;left:50%;bottom:calc(68px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(390px,100%);box-sizing:border-box;z-index:62;margin:4px 0 0 !important;padding:0 16px !important;background:#fff;box-shadow:0 -4px 0 #fff}
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]) > .clb-sheet-foot:has(> .clb-early-email) > .clb-catscal,
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]) > .clb-sheet-foot:has(> .clb-early-email) > .clb-catscal{bottom:calc(124px + env(safe-area-inset-bottom,0px))}
html.clb-phone body.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]):has(.clb-early-email),
body.page-id-80234.clb-card-ui .clb.clb-wizard [data-clb-panel="1"].clb-sheet:not([hidden]):has(.clb-early-email){margin-bottom:calc(188px + env(safe-area-inset-bottom,0px)) !important}