.sf-checkout-sheet__header {display:none;}
@media (max-width:767px) {
    .sf-checkout-sheet[popover], .signature-schedule-panel[popover] {
        position:fixed!important;inset:auto 0 0!important;box-sizing:border-box;
        width:100%!important;max-width:100%!important;height:auto!important;max-height:85dvh!important;
        margin:0!important;padding:18px 20px max(20px,env(safe-area-inset-bottom))!important;
        border:0!important;border-radius:20px 20px 0 0!important;overflow:auto!important;
        box-shadow:0 -10px 40px #0003!important;overscroll-behavior:contain;
        color:var(--baseColor,#05283f);font-family:inherit;
    }
    .sf-checkout-sheet[popover]::backdrop, .signature-schedule-panel[popover]::backdrop {background:rgba(0,0,0,.45);backdrop-filter:blur(3px);pointer-events:auto;}
    .sf-checkout-sheet::before,.sf-checkout-sheet::after {display:none!important;}
    .sf-checkout-sheet__header {display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:16px;padding:0 0 16px;font-size:17px;line-height:1.4;}
    .sf-checkout-sheet__close {display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--whiteOverlay,#eef2f4);color:inherit;font:inherit;font-size:25px;cursor:pointer;box-shadow:none;}
    .sf-checkout-sheet .checkout__calendar-header,.sf-checkout-sheet .checkout__hours-overlay {display:none!important;}
    .sf-checkout-sheet .checkout__calendar-body {background:transparent!important;padding:0!important;}
    .sf-checkout-sheet .checkout__calendar-footer {position:static!important;padding:16px 0 0!important;margin:0!important;background:transparent!important;}
    .sf-checkout-sheet .checkout__hours-list {max-height:60dvh;overflow-y:auto;margin:0;padding:0;}
    .sf-checkout-sheet .checkout__hours-list label {min-height:44px;}
    .signature-schedule-panel--time {grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
    .signature-schedule-panel .signature-time-option {min-height:44px;}
    body:has(.sf-checkout-sheet:popover-open,.signature-schedule-panel:popover-open) :is(.mobile-nav,.sf-promo-launcher-wrap,.bl-widget-preview,.sig-promo__fab,.pwa-install) {visibility:hidden!important;}
}
/* Date and time use the same mobile sheet surface in each theme. */
@media (max-width:767px) {
    html .sf-checkout-sheet[popover] {background:#fff;}
    html.theme-black .sf-checkout-sheet[popover],
    html.noimagesblack .sf-checkout-sheet[popover] {background:#1d1d1e;}
    html.newblack .sf-checkout-sheet[popover] {background:#040001;}
}
/* Calendar navigation shares the seven-column day grid. */
@media (max-width:767px) {
    .sf-checkout-sheet .datepicker-panel > ul {box-sizing:border-box;width:100%!important;}
    .sf-checkout-sheet .datepicker-panel > ul:not([data-view]),
    .signature-schedule-panel .checkout-picker__cal-nav {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,5fr) minmax(0,1fr);align-items:center;width:100%;}
    .sf-checkout-sheet .datepicker-panel > ul:not([data-view])::before,
    .sf-checkout-sheet .datepicker-panel > ul:not([data-view])::after {display:none;}
    .sf-checkout-sheet .datepicker-panel > ul:not([data-view]) > li {float:none;margin:0!important;justify-self:center;}
    .sf-checkout-sheet .datepicker-panel > ul:not([data-view]) > li:nth-child(2) {width:100%!important;}
    .signature-schedule-panel .checkout-picker__cal-btn {justify-self:center;}
    .signature-schedule-panel .checkout-picker__cal-title {text-align:center;}
}@media (max-width:767px) {
    .sf-checkout-sheet .datepicker-panel > ul[data-view="week"],
    .sf-checkout-sheet .datepicker-panel > ul[data-view="days"] {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));}
    .sf-checkout-sheet .datepicker-panel > ul[data-view="week"]::before,
    .sf-checkout-sheet .datepicker-panel > ul[data-view="week"]::after,
    .sf-checkout-sheet .datepicker-panel > ul[data-view="days"]::before,
    .sf-checkout-sheet .datepicker-panel > ul[data-view="days"]::after {display:none;}
    .sf-checkout-sheet .datepicker-panel > ul[data-view="week"] > li,
    .sf-checkout-sheet .datepicker-panel > ul[data-view="days"] > li {float:none;justify-self:center;margin:0!important;width:36px;max-width:100%;box-sizing:border-box;}
}