/*
 * Shared storefront styles.
 * Page-specific storefront styles live in index.css, delivery.css, and booking.css.
 */

.modal-backdrop {
    --bs-backdrop-opacity: 1;
    background-color: rgba(12, 10, 8, 0.34) !important;
}

.modal-backdrop.show {
    opacity: 1 !important;
    -webkit-backdrop-filter: blur(5px) saturate(1.03);
    backdrop-filter: blur(5px) saturate(1.03);
}

.offcanvas-backdrop {
    background-color: rgba(12, 10, 8, 0.34) !important;
    bottom: -1px;
    height: auto;
    left: 0;
    right: 0;
    top: -1px;
    width: auto;
    z-index: 1044;
}

.offcanvas-backdrop.show {
    opacity: 1 !important;
    -webkit-backdrop-filter: blur(5px) saturate(1.03);
    backdrop-filter: blur(5px) saturate(1.03);
}

@supports selector(body:has(.offcanvas-backdrop.show)) {
    body:has(.offcanvas-backdrop.show) .sf-header {
        border-bottom-color: transparent;
        box-shadow: none;
    }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .modal-backdrop.show,
    .offcanvas-backdrop.show {
        background-color: rgba(12, 10, 8, 0.52) !important;
    }
}

.sf-logo-emphasis {
    font-weight: 600 !important;
}

.sf-storefront-website-footer-frame-shell {
    width: 100%;
    background: #ffffff;
}

.sf-storefront-website-footer-frame {
    display: block;
    width: 100%;
    min-height: 360px;
    border: 0;
    overflow: hidden;
}

.sf-table-actions-col {
    width: 120px;
}

.sf-h-px-1 {
    height: 1px;
}

.sf-h-px-86 {
    height: 86px;
}

.sf-h-px-112 {
    height: 112px;
}

.sf-w-pct-32 {
    width: 32%;
}

.sf-w-pct-33 {
    width: 33%;
}

.sf-w-pct-34 {
    width: 34%;
}

.sf-w-pct-35 {
    width: 35%;
}

.sf-w-pct-36 {
    width: 36%;
}

.sf-w-pct-37 {
    width: 37%;
}

.sf-w-pct-48 {
    width: 48%;
}

.sf-w-pct-50 {
    width: 50%;
}

.sf-w-pct-52 {
    width: 52%;
}

.sf-w-pct-54 {
    width: 54%;
}

.sf-w-pct-56 {
    width: 56%;
}

.sf-w-pct-58 {
    width: 58%;
}

.sf-w-pct-74 {
    width: 74%;
}

.sf-w-pct-76 {
    width: 76%;
}

.sf-w-pct-78 {
    width: 78%;
}

.sf-w-pct-79 {
    width: 79%;
}

.sf-w-pct-81 {
    width: 81%;
}

.sf-w-pct-82 {
    width: 82%;
}

.sf-w-pct-84 {
    width: 84%;
}

.sf-w-pct-88 {
    width: 88%;
}

.sf-w-pct-90 {
    width: 90%;
}

.sf-w-pct-94 {
    width: 94%;
}

.sf-w-pct-96 {
    width: 96%;
}

.sf-w-pct-98 {
    width: 98%;
}

.sf-w-px-64 {
    width: 64px;
}

.sf-w-px-84 {
    width: 84px;
}

.sf-w-px-92 {
    width: 92px;
}

.sf-w-px-104 {
    width: 104px;
}

.sf-w-px-116 {
    width: 116px;
}

.sf-w-px-136 {
    width: 136px;
}

.sf-w-px-140 {
    width: 140px;
}

.sf-w-px-168 {
    width: 168px;
}

.sf-w-px-170 {
    width: 170px;
}

.sf-w-px-185 {
    width: 185px;
}

.sf-w-px-210 {
    width: 210px;
}