/*
 * ============================================================
 * SIGNATURE HYBRID V1
 *
 * Functional donor:
 * Signature Minimal / Signature Dynamic locked baseline.
 *
 * Visual rules only.
 * Ordering/search/cart contracts are not replaced.
 * ============================================================
 */

body.signature-hybrid {
    --sh-primary:
        var(--theme-color-1, #14552f);

    --sh-deep:
        #07351f;

    --sh-deep-2:
        #0d4b2b;

    --sh-gold:
        #ddb45e;

    --sh-gold-soft:
        #f3d491;

    --sh-bg:
        #f8f8f5;

    --sh-surface:
        #ffffff;

    --sh-ink:
        #0f3b25;

    --sh-muted:
        #6e756f;

    --sh-line:
        #e7e7df;

    background:
        var(--sh-bg);

    color:
        var(--sh-ink);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;
}


/* ============================================================
   HEADER ? TABLE + WAITER, NO TOP CART
   ============================================================ */

body.signature-hybrid
.bg-header {
    position:
        absolute !important;

    top:
        0 !important;

    left:
        0 !important;

    right:
        0 !important;

    height:
        74px !important;

    min-height:
        74px !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;

    z-index:
        50 !important;
}

body.signature-hybrid
.bg-header
.container-fluid {
    height:
        74px !important;

    min-height:
        74px !important;

    padding:
        14px 28px !important;
}

body.signature-hybrid
.sd-topbar-name {
    display:
        none !important;
}

body.signature-hybrid
.sd-topbar-brand {
    min-width:
        40px !important;
}


/* Hamburger visual */
body.signature-hybrid
.sd-brand-mark {
    position:
        relative !important;

    width:
        38px !important;

    height:
        32px !important;

    flex:
        0 0 38px !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    overflow:
        visible !important;
}

body.signature-hybrid
.sd-brand-mark img {
    display:
        none !important;
}

body.signature-hybrid
.sd-brand-mark::before {
    content:
        "";

    position:
        absolute;

    left:
        2px;

    top:
        3px;

    width:
        30px;

    height:
        3px;

    border-radius:
        999px;

    background:
        #ffffff;

    box-shadow:
        0 9px 0 #ffffff,
        0 18px 0 #ffffff;
}

body.signature-hybrid
.sd-topbar-actions {
    gap:
        8px !important;
}

body.signature-hybrid
.sd-table-pill,
body.signature-hybrid
.sd-topbar-action {
    min-height:
        42px !important;

    border:
        1px solid rgba(243,212,145,0.88) !important;

    border-radius:
        999px !important;

    background:
        rgba(7,53,31,0.58) !important;

    color:
        #ffffff !important;

    box-shadow:
        none !important;

    backdrop-filter:
        blur(8px);
}

body.signature-hybrid
.sd-table-pill {
    padding:
        8px 16px !important;

    font-size:
        15px !important;

    font-weight:
        700 !important;
}

body.signature-hybrid
.sd-topbar-action {
    min-width:
        42px !important;

    width:
        42px !important;
}


/* ============================================================
   PAGE / HERO
   ============================================================ */

body.signature-hybrid
#content,
body.signature-hybrid
#content.noFooter {
    padding-top:
        0 !important;

    background:
        var(--sh-bg) !important;
}

body.signature-hybrid
.single-page-header.sd-hero {
    position:
        relative !important;

    width:
        100% !important;

    min-height:
        390px !important;

    margin:
        0 !important;

    border-radius:
        0 0 38px 38px !important;

    overflow:
        visible !important;

    background-color:
        var(--sh-deep) !important;

    box-shadow:
        none !important;
}

body.signature-hybrid
.single-page-header.sd-hero::before {
    content:
        "";

    position:
        absolute;

    inset:
        0;

    border-radius:
        0 0 38px 38px;

    background:
        linear-gradient(
            105deg,
            rgba(2,36,20,0.96) 0%,
            rgba(8,66,36,0.92) 45%,
            rgba(8,66,36,0.70) 100%
        ) !important;

    pointer-events:
        none;

    z-index:
        1;
}

body.signature-hybrid
.single-page-header.sd-hero::after {
    content:
        "";

    position:
        absolute;

    inset:
        0;

    border-radius:
        0 0 38px 38px;

    background:
        radial-gradient(
            circle at 78% 48%,
            rgba(221,180,94,0.20),
            transparent 26%
        );

    pointer-events:
        none;

    z-index:
        1;
}

body.signature-hybrid
.sd-hero-inner {
    position:
        relative !important;

    z-index:
        2 !important;

    min-height:
        390px !important;

    padding:
        112px 7vw 70px !important;

    align-items:
        center !important;
}

body.signature-hybrid
.sd-hero-copy {
    max-width:
        650px !important;

    padding-right:
        150px !important;
}

body.signature-hybrid
.sd-hero-copy h1 {
    margin:
        0 0 12px !important;

    color:
        #ffffff !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(46px, 7vw, 82px) !important;

    font-weight:
        500 !important;

    line-height:
        0.98 !important;

    letter-spacing:
        -0.045em !important;
}

body.signature-hybrid
.sd-hero-subtitle {
    color:
        var(--sh-gold-soft) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(17px, 2vw, 26px) !important;

    letter-spacing:
        0 !important;

    text-transform:
        none !important;
}

body.signature-hybrid
.sd-hero-meta {
    margin-top:
        18px !important;
}

body.signature-hybrid
.sd-hero-meta > * {
    border-color:
        rgba(255,255,255,0.24) !important;

    background:
        rgba(0,0,0,0.14) !important;

    color:
        #ffffff !important;
}


/* Restaurant logo medallion */
body.signature-hybrid
.sd-hero-logo {
    display:
        block !important;

    position:
        absolute !important;

    right:
        7vw !important;

    bottom:
        -60px !important;

    width:
        138px !important;

    height:
        138px !important;

    padding:
        7px !important;

    border:
        5px solid var(--sh-gold-soft) !important;

    border-radius:
        50% !important;

    background:
        var(--sh-deep) !important;

    box-shadow:
        0 15px 34px rgba(4,39,22,0.20) !important;

    overflow:
        hidden !important;

    z-index:
        5 !important;
}

body.signature-hybrid
.sd-hero-logo img {
    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        cover !important;

    border-radius:
        50% !important;
}


/* ============================================================
   SEARCH
   ============================================================ */

body.signature-hybrid
.sd-search-box {
    width:
        min(1120px, calc(100% - 42px)) !important;

    min-height:
        72px !important;

    margin:
        82px auto 0 !important;

    padding:
        0 26px !important;

    border:
        1px solid var(--sh-line) !important;

    border-radius:
        999px !important;

    background:
        #ffffff !important;

    box-shadow:
        0 14px 30px rgba(24,55,36,0.09) !important;
}

body.signature-hybrid
#signature-dynamic-search {
    min-height:
        70px !important;

    color:
        var(--sh-ink) !important;

    background:
        transparent !important;

    font-size:
        17px !important;
}

body.signature-hybrid
#signature-dynamic-search::placeholder {
    color:
        #8a908b !important;
}


/* ============================================================
   MAIN CATEGORY PILLS + ICONS
   ============================================================ */

body.signature-hybrid
.sd-category-strip {
    width:
        min(1120px, calc(100% - 42px)) !important;

    margin:
        28px auto 0 !important;

    padding:
        0 !important;

    gap:
        12px !important;

    background:
        transparent !important;
}

body.signature-hybrid
.sd-category-chip {
    min-height:
        52px !important;

    padding:
        10px 22px !important;

    gap:
        9px !important;

    border:
        1px solid #e4e0d6 !important;

    border-radius:
        999px !important;

    background:
        #ffffff !important;

    color:
        var(--sh-ink) !important;

    box-shadow:
        none !important;

    font-size:
        16px !important;

    font-weight:
        650 !important;
}

body.signature-hybrid
.sd-category-chip.active {
    border-color:
        var(--sh-primary) !important;

    background:
        linear-gradient(
            135deg,
            var(--sh-deep),
            var(--sh-primary)
        ) !important;

    color:
        #ffffff !important;

    box-shadow:
        0 9px 20px rgba(11,70,39,0.14) !important;
}

body.signature-hybrid
.sh-category-icon {
    width:
        23px;

    height:
        23px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    flex:
        0 0 23px;

    color:
        currentColor;

    pointer-events:
        none;
}

body.signature-hybrid
.sh-category-icon svg {
    width:
        21px;

    height:
        21px;

    display:
        block;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


/* ============================================================
   MENU
   ============================================================ */

body.signature-hybrid
.sd-menu-zone {
    width:
        min(1120px, calc(100% - 42px)) !important;

    margin:
        34px auto 125px !important;

    padding:
        0 !important;

    background:
        transparent !important;
}

body.signature-hybrid
.sd-menu-kicker {
    display:
        none !important;
}

body.signature-hybrid
.sd-menu-heading {
    margin-bottom:
        20px !important;
}

body.signature-hybrid
.sd-menu-heading h2 {
    margin:
        0 !important;

    color:
        var(--sh-ink) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        34px !important;

    font-weight:
        600 !important;
}


/* Category / accordion */
body.signature-hybrid
#signature-dynamic-menu-results
.accordion > .card,
body.signature-hybrid
#signature-dynamic-menu-results
.card {
    margin-bottom:
        18px !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.card-header {
    min-height:
        58px !important;

    padding:
        14px 0 !important;

    border:
        0 !important;

    background:
        transparent !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.card-header h5,
body.signature-hybrid
#signature-dynamic-menu-results
.card-header .btn,
body.signature-hybrid
#signature-dynamic-menu-results
.card-header button {
    display:
        flex !important;

    align-items:
        center !important;

    gap:
        10px !important;

    color:
        var(--sh-ink) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        22px !important;

    font-weight:
        650 !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.card-body {
    padding:
        0 !important;

    background:
        transparent !important;
}


/* ------------------------------------------------------------
   Menu card grid
   ------------------------------------------------------------ */

body.signature-hybrid
#signature-dynamic-menu-results
.card-body {
    display:
        grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        16px !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item {
    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0 0 14px !important;

    border:
        1px solid var(--sh-line) !important;

    border-radius:
        20px !important;

    background:
        #ffffff !important;

    box-shadow:
        0 10px 24px rgba(20,55,34,0.07) !important;

    overflow:
        hidden !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item img {
    border-radius:
        14px !important;

    object-fit:
        cover !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item h3,
body.signature-hybrid
#signature-dynamic-menu-results
.menu-item h4,
body.signature-hybrid
#signature-dynamic-menu-results
.menu-item .menu-title,
body.signature-hybrid
#signature-dynamic-menu-results
.menu-item .menu_title {
    color:
        var(--sh-ink) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-weight:
        650 !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item p,
body.signature-hybrid
#signature-dynamic-menu-results
.menu-item .menu_desc,
body.signature-hybrid
#signature-dynamic-menu-results
.menu-item .menu-description {
    color:
        var(--sh-muted) !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item button,
body.signature-hybrid
#signature-dynamic-menu-results
.menu-item .btn {
    border:
        1px solid var(--sh-primary) !important;

    border-radius:
        999px !important;

    background:
        var(--sh-primary) !important;

    color:
        #ffffff !important;

    box-shadow:
        none !important;
}


/* ============================================================
   VIEW ORDER / CART
   SAME FUNCTIONAL CART CONTRACT AS DONOR
   ============================================================ */

body.signature-hybrid
#view-order-wrapper {
    padding:
        0 18px 14px !important;

    background:
        transparent !important;
}

body.signature-hybrid
#view-order-wrapper
.order-footer {
    width:
        min(1080px, 100%) !important;

    min-height:
        72px !important;

    margin:
        0 auto !important;

    padding:
        10px 16px !important;

    border:
        1px solid rgba(221,180,94,0.42) !important;

    border-radius:
        24px !important;

    background:
        linear-gradient(
            135deg,
            var(--sh-deep),
            var(--sh-primary)
        ) !important;

    color:
        #ffffff !important;

    box-shadow:
        0 14px 32px rgba(7,53,31,0.20) !important;
}

body.signature-hybrid
#view-order-wrapper
.order-btn {
    border:
        0 !important;

    border-radius:
        999px !important;

    background:
        var(--sh-gold-soft) !important;

    color:
        var(--sh-deep) !important;

    box-shadow:
        none !important;

    font-weight:
        700 !important;
}


/* ============================================================
   PRIMARY ACTIONS / MODALS
   ============================================================ */

body.signature-hybrid
.btn-primary,
body.signature-hybrid
#add-order-button,
body.signature-hybrid
#submit-order-button,
body.signature-hybrid
#send-call-waiter {
    border-color:
        var(--sh-primary) !important;

    background:
        var(--sh-primary) !important;

    color:
        #ffffff !important;
}

body.signature-hybrid
.sidenav {
    background:
        #ffffff !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (min-width: 900px) {

    body.signature-hybrid
    #signature-dynamic-menu-results
    .card-body {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}


@media (max-width: 767px) {

    body.signature-hybrid
    .bg-header
    .container-fluid {
        padding:
            12px 16px !important;
    }

    body.signature-hybrid
    .single-page-header.sd-hero {
        min-height:
            330px !important;

        border-radius:
            0 0 28px 28px !important;
    }

    body.signature-hybrid
    .single-page-header.sd-hero::before,
    body.signature-hybrid
    .single-page-header.sd-hero::after {
        border-radius:
            0 0 28px 28px !important;
    }

    body.signature-hybrid
    .sd-hero-inner {
        min-height:
            330px !important;

        padding:
            96px 22px 60px !important;

        align-items:
            flex-end !important;
    }

    body.signature-hybrid
    .sd-hero-copy {
        max-width:
            calc(100% - 86px) !important;

        padding-right:
            0 !important;
    }

    body.signature-hybrid
    .sd-hero-copy h1 {
        font-size:
            43px !important;
    }

    body.signature-hybrid
    .sd-hero-subtitle {
        font-size:
            16px !important;
    }

    body.signature-hybrid
    .sd-hero-logo {
        right:
            18px !important;

        bottom:
            -46px !important;

        width:
            108px !important;

        height:
            108px !important;

        border-width:
            4px !important;
    }

    body.signature-hybrid
    .sd-table-pill {
        max-width:
            58vw !important;

        padding:
            7px 12px !important;

        font-size:
            13px !important;
    }

    body.signature-hybrid
    .sd-topbar-action {
        min-width:
            38px !important;

        width:
            38px !important;

        min-height:
            38px !important;
    }

    body.signature-hybrid
    .sd-search-box {
        width:
            calc(100% - 28px) !important;

        min-height:
            60px !important;

        margin-top:
            66px !important;

        padding:
            0 18px !important;
    }

    body.signature-hybrid
    #signature-dynamic-search {
        min-height:
            58px !important;

        font-size:
            16px !important;
    }

    body.signature-hybrid
    .sd-category-strip {
        width:
            calc(100% - 28px) !important;

        margin-top:
            20px !important;

        gap:
            8px !important;

        overflow-x:
            auto !important;

        flex-wrap:
            nowrap !important;

        scrollbar-width:
            none;
    }

    body.signature-hybrid
    .sd-category-strip::-webkit-scrollbar {
        display:
            none;
    }

    body.signature-hybrid
    .sd-category-chip {
        min-height:
            44px !important;

        padding:
            8px 15px !important;

        flex:
            0 0 auto !important;

        font-size:
            14px !important;
    }

    body.signature-hybrid
    .sh-category-icon {
        width:
            20px;

        height:
            20px;

        flex-basis:
            20px;
    }

    body.signature-hybrid
    .sh-category-icon svg {
        width:
            18px;

        height:
            18px;
    }

    body.signature-hybrid
    .sd-menu-zone {
        width:
            calc(100% - 28px) !important;

        margin-top:
            28px !important;

        margin-bottom:
            112px !important;
    }

    body.signature-hybrid
    .sd-menu-heading h2 {
        font-size:
            29px !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .card-header h5,
    body.signature-hybrid
    #signature-dynamic-menu-results
    .card-header .btn,
    body.signature-hybrid
    #signature-dynamic-menu-results
    .card-header button {
        font-size:
            20px !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .card-body {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            10px !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item {
        border-radius:
            16px !important;

        padding-bottom:
            10px !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item h3,
    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item h4,
    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item .menu-title,
    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item .menu_title {
        font-size:
            15px !important;
    }

    body.signature-hybrid
    #view-order-wrapper {
        padding:
            0 10px 10px !important;
    }

    body.signature-hybrid
    #view-order-wrapper
    .order-footer {
        min-height:
            66px !important;

        border-radius:
            19px !important;
    }
}


@media (max-width: 359px) {

    body.signature-hybrid
    #signature-dynamic-menu-results
    .card-body {
        grid-template-columns:
            1fr;
    }
}


/*
 * ============================================================
 * SIGNATURE HYBRID V1.1
 *
 * Mobile visual correction:
 * - separate hamburger from hero title
 * - normalize discovery spacing
 * - true two-column menu cards
 * - preserve real ADD/customizable controls
 * - subcategory icon support
 * ============================================================
 */


/* ------------------------------------------------------------
   Discovery must be normal document flow for Hybrid.
   ------------------------------------------------------------ */

body.signature-hybrid
.sd-discovery {
    position:
        relative !important;

    top:
        auto !important;

    z-index:
        20 !important;

    margin:
        0 !important;

    padding:
        0 0 12px !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


/* ------------------------------------------------------------
   Accordion/subcategory icon
   ------------------------------------------------------------ */

body.signature-hybrid
#signature-dynamic-menu-results
.card-header {
    display:
        flex !important;

    align-items:
        center !important;

    gap:
        10px !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.card-header
.sh-category-icon {
    width:
        28px !important;

    height:
        28px !important;

    flex:
        0 0 28px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    border-radius:
        50% !important;

    background:
        rgba(20,85,47,0.08) !important;

    color:
        var(--sh-primary) !important;
}


/* ------------------------------------------------------------
   Grid child reset
   ------------------------------------------------------------ */

body.signature-hybrid
#signature-dynamic-menu-results
.card-body
.section-menu {
    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;
}


/* ------------------------------------------------------------
   REAL CARD STRUCTURE
   Existing donor HTML:
   .section-menu
     .menu-item
       .menu-image
       .menu-content
   ------------------------------------------------------------ */

body.signature-hybrid
#signature-dynamic-menu-results
.section-menu
.menu-item,
body.signature-hybrid
#signature-dynamic-menu-results
.menu-item.list {
    position:
        relative !important;

    display:
        block !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        none !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        1px solid var(--sh-line) !important;

    border-radius:
        18px !important;

    background:
        #ffffff !important;

    box-shadow:
        0 8px 22px rgba(20,55,34,0.07) !important;

    overflow:
        hidden !important;

    box-sizing:
        border-box !important;
}


/* Full-width card image */

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.menu-image {
    position:
        relative !important;

    display:
        block !important;

    width:
        100% !important;

    min-width:
        100% !important;

    max-width:
        100% !important;

    height:
        auto !important;

    aspect-ratio:
        16 / 10;

    margin:
        0 !important;

    padding:
        0 !important;

    flex:
        none !important;

    overflow:
        hidden !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.menu-image img {
    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    border-radius:
        0 !important;

    object-fit:
        cover !important;
}


/* Content below image */

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.menu-content {
    position:
        relative !important;

    display:
        block !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        12px 13px 13px !important;

    box-sizing:
        border-box !important;
}


/* Title + price zone */

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.menu-detail {
    position:
        relative !important;

    display:
        block !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        none !important;

    min-height:
        58px !important;

    margin:
        0 !important;

    padding:
        0 48px 0 0 !important;

    box-sizing:
        border-box !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.menu-title {
    display:
        block !important;

    width:
        auto !important;

    min-width:
        0 !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.menu-title h4 {
    display:
        block !important;

    width:
        auto !important;

    min-width:
        0 !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        var(--sh-ink) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        16px !important;

    font-weight:
        700 !important;

    line-height:
        1.16 !important;

    letter-spacing:
        -0.015em !important;

    white-space:
        normal !important;

    word-break:
        normal !important;

    overflow-wrap:
        break-word !important;

    hyphens:
        none !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.menu-price {
    display:
        block !important;

    width:
        auto !important;

    margin:
        5px 0 0 !important;

    padding:
        0 !important;

    color:
        var(--sh-primary) !important;

    font-size:
        14px !important;

    font-weight:
        800 !important;

    line-height:
        1.2 !important;

    white-space:
        nowrap !important;
}


/* ADD control ? circular plus, fully inside card */

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.add-menu {
    position:
        absolute !important;

    top:
        0 !important;

    right:
        0 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    width:
        42px !important;

    margin:
        0 !important;

    padding:
        0 !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.add-btn {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        40px !important;

    min-width:
        40px !important;

    height:
        40px !important;

    min-height:
        40px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        50% !important;

    background:
        var(--sh-primary) !important;

    color:
        #ffffff !important;

    box-shadow:
        none !important;

    overflow:
        hidden !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.add-btn span {
    display:
        none !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.add-btn i {
    display:
        block !important;

    margin:
        0 !important;

    padding:
        0 !important;

    font-size:
        20px !important;

    line-height:
        1 !important;
}


/* Customizable remains visible but never overlaps title */

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.customize {
    display:
        block !important;

    max-width:
        42px !important;

    margin:
        4px 0 0 !important;

    color:
        #bf8b40 !important;

    font-size:
        7px !important;

    font-weight:
        600 !important;

    line-height:
        1.05 !important;

    text-align:
        center !important;

    white-space:
        normal !important;

    overflow-wrap:
        normal !important;
}


/* Description */

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.menu-recipe {
    display:
        -webkit-box !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        none !important;

    margin:
        7px 0 0 !important;

    padding:
        0 !important;

    color:
        var(--sh-muted) !important;

    font-size:
        11px !important;

    line-height:
        1.35 !important;

    white-space:
        normal !important;

    word-break:
        normal !important;

    overflow-wrap:
        break-word !important;

    -webkit-line-clamp:
        2;

    -webkit-box-orient:
        vertical;

    overflow:
        hidden !important;
}


/* ============================================================
   MOBILE V1.1
   ============================================================ */

@media (max-width: 767px) {

    /*
     * Hero/header separation.
     * Header occupies top area.
     * Restaurant title starts BELOW hamburger.
     */

    body.signature-hybrid
    .single-page-header.sd-hero,
    body.signature-hybrid
    .sd-hero .container {
        min-height:
            390px !important;
    }

    body.signature-hybrid
    .sd-hero .container {
        padding:
            0 !important;
    }

    body.signature-hybrid
    .sd-hero-inner {
        position:
            relative !important;

        display:
            block !important;

        min-height:
            390px !important;

        padding:
            112px 22px 56px !important;

        box-sizing:
            border-box !important;
    }

    body.signature-hybrid
    .sd-hero-copy {
        display:
            block !important;

        width:
            100% !important;

        max-width:
            calc(100% - 64px) !important;

        min-width:
            0 !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }

    body.signature-hybrid
    .sd-hero-copy h1 {
        margin:
            0 0 12px !important;

        font-size:
            43px !important;

        line-height:
            1.02 !important;
    }

    body.signature-hybrid
    .sd-hero-logo {
        right:
            18px !important;

        bottom:
            -46px !important;
    }

    /*
     * Search starts after overlapping logo,
     * without excessive blank region.
     */

    body.signature-hybrid
    .sd-search-box {
        margin-top:
            70px !important;
    }

    body.signature-hybrid
    .sd-category-strip {
        margin-top:
            18px !important;
    }

    /*
     * Menu cards.
     */

    body.signature-hybrid
    #signature-dynamic-menu-results
    .card-body {
        display:
            grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        align-items:
            stretch !important;

        gap:
            12px !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .section-menu {
        align-self:
            stretch !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item {
        height:
            100% !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item
    .menu-image {
        aspect-ratio:
            4 / 3;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item
    .menu-content {
        padding:
            11px 11px 12px !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item
    .menu-title h4 {
        font-size:
            15px !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item
    .menu-price {
        font-size:
            13px !important;
    }
}


/* Very narrow phones: retain readable cards */

@media (max-width: 359px) {

    body.signature-hybrid
    #signature-dynamic-menu-results
    .card-body {
        grid-template-columns:
            1fr !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item
    .menu-image {
        aspect-ratio:
            16 / 9;
    }
}


/*
 * ============================================================
 * SIGNATURE HYBRID V1.2
 *
 * UAT fixes:
 * 1. Restore real accordion collapse.
 * 2. Reduce restaurant title/subtitle.
 * 3. Move REAL opening hours above Search.
 * 4. Reduce vertical menu-card proportions.
 * 5. Remove misleading fake hamburger visual.
 * 6. Increase bottom View Order tap area.
 * ============================================================
 */


/* ============================================================
   1. REMOVE MISLEADING TOP-LEFT HAMBURGER
   ============================================================ */

body.signature-hybrid
.sd-topbar-brand {
    display:
        none !important;
}

body.signature-hybrid
.bg-header
.container-fluid {
    justify-content:
        flex-end !important;
}


/* ============================================================
   2. HERO TYPOGRAPHY / HEIGHT
   ============================================================ */

body.signature-hybrid
.single-page-header.sd-hero,
body.signature-hybrid
.sd-hero .container {
    min-height:
        360px !important;
}

body.signature-hybrid
.sd-hero-inner {
    min-height:
        360px !important;

    padding-top:
        94px !important;

    padding-bottom:
        54px !important;
}

body.signature-hybrid
.sd-hero-copy h1 {
    font-size:
        clamp(40px, 6vw, 68px) !important;

    line-height:
        1 !important;
}

body.signature-hybrid
.sd-hero-subtitle {
    font-size:
        clamp(15px, 1.7vw, 21px) !important;

    line-height:
        1.28 !important;
}


/* ============================================================
   3. REAL OPERATING HOURS ABOVE SEARCH
   ============================================================ */

body.signature-hybrid
.sh-hours-row {
    width:
        min(1120px, calc(100% - 42px));

    margin:
        68px auto 8px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-start;

    min-height:
        30px;

    color:
        var(--sh-muted);
}

body.signature-hybrid
.sh-hours-source {
    display:
        inline-flex !important;

    align-items:
        center !important;

    gap:
        7px !important;

    min-height:
        30px !important;

    margin:
        0 !important;

    padding:
        5px 10px !important;

    border:
        1px solid var(--sh-line) !important;

    border-radius:
        999px !important;

    background:
        #ffffff !important;

    color:
        var(--sh-ink) !important;

    font-size:
        12px !important;

    font-weight:
        600 !important;

    line-height:
        1.2 !important;

    box-shadow:
        none !important;
}

body.signature-hybrid
.sh-hours-source i {
    color:
        var(--sh-primary) !important;
}

body.signature-hybrid
.sd-discovery.sh-has-hours
.sd-search-box {
    margin-top:
        0 !important;
}

/*
 * Safety fallback if a restaurant
 * has no operating-hour element.
 */
body.signature-hybrid
.sd-discovery:not(.sh-has-hours)
.sd-search-box {
    margin-top:
        68px !important;
}


/* ============================================================
   4. RESTORE BOOTSTRAP ACCORDION COLLAPSE
   ============================================================ */

/*
 * This overrides the earlier Hybrid grid rule.
 * Closed Bootstrap collapse MUST be display:none.
 */
body.signature-hybrid
#signature-dynamic-menu-results
.card-body.collapse:not(.show) {
    display:
        none !important;
}

/*
 * Open accordion content becomes the Hybrid grid.
 */
body.signature-hybrid
#signature-dynamic-menu-results
.card-body.collapse.show,
body.signature-hybrid
#signature-dynamic-menu-results
.card-body.menu-category-item:not(.collapse) {
    display:
        grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap:
        12px !important;
}

/*
 * Bootstrap transition state.
 */
body.signature-hybrid
#signature-dynamic-menu-results
.card-body.collapsing {
    display:
        grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap:
        12px !important;

    overflow:
        hidden !important;
}


/* ============================================================
   5. SUBCATEGORY ICONS ? NEUTRAL, NOT "ACTIVE"
   ============================================================ */

body.signature-hybrid
#signature-dynamic-menu-results
.card-header
h5 {
    display:
        flex !important;

    align-items:
        center !important;

    gap:
        9px !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.card-header
.sh-category-icon {
    width:
        28px !important;

    height:
        28px !important;

    flex:
        0 0 28px !important;

    border:
        1px solid var(--sh-line) !important;

    border-radius:
        50% !important;

    background:
        #ffffff !important;

    color:
        var(--sh-muted) !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.card-header
.sh-category-icon svg {
    width:
        17px !important;

    height:
        17px !important;
}


/* ============================================================
   6. LESS-VERTICAL MENU CARDS
   ============================================================ */

body.signature-hybrid
#signature-dynamic-menu-results
.section-menu
.menu-item {
    border-radius:
        15px !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.menu-image {
    aspect-ratio:
        16 / 9 !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.menu-content {
    padding:
        9px 10px 10px !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.menu-detail {
    min-height:
        50px !important;

    padding-right:
        43px !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.menu-title h4 {
    font-size:
        14.5px !important;

    line-height:
        1.15 !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.menu-price {
    margin-top:
        4px !important;

    font-size:
        12.5px !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.add-menu {
    width:
        38px !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.add-btn {
    width:
        36px !important;

    min-width:
        36px !important;

    height:
        36px !important;

    min-height:
        36px !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.add-btn i {
    font-size:
        18px !important;
}

body.signature-hybrid
#signature-dynamic-menu-results
.menu-item
.menu-recipe {
    margin-top:
        5px !important;

    font-size:
        10.5px !important;

    line-height:
        1.28 !important;
}


/* ============================================================
   7. VIEW ORDER / CART
   ============================================================ */

body.signature-hybrid
#view-order-wrapper
.order-footer {
    min-height:
        78px !important;

    padding:
        11px 14px !important;

    border-radius:
        22px !important;
}

body.signature-hybrid
#view-order-wrapper
.order-btn {
    min-height:
        52px !important;

    padding:
        0 20px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {

    body.signature-hybrid
    .single-page-header.sd-hero,
    body.signature-hybrid
    .sd-hero .container {
        min-height:
            350px !important;
    }

    body.signature-hybrid
    .sd-hero-inner {
        min-height:
            350px !important;

        padding:
            88px 22px 46px !important;
    }

    body.signature-hybrid
    .sd-hero-copy {
        width:
            100% !important;

        max-width:
            92% !important;
    }

    body.signature-hybrid
    .sd-hero-copy h1 {
        font-size:
            38px !important;

        line-height:
            1.01 !important;
    }

    body.signature-hybrid
    .sd-hero-subtitle {
        font-size:
            14px !important;

        line-height:
            1.25 !important;
    }

    body.signature-hybrid
    .sd-hero-logo {
        width:
            98px !important;

        height:
            98px !important;

        right:
            18px !important;

        bottom:
            -42px !important;
    }

    body.signature-hybrid
    .sh-hours-row {
        width:
            calc(100% - 28px);

        margin-top:
            56px;

        margin-bottom:
            7px;
    }

    body.signature-hybrid
    .sh-hours-source {
        min-height:
            28px !important;

        padding:
            5px 9px !important;

        font-size:
            11px !important;
    }

    body.signature-hybrid
    .sd-discovery:not(.sh-has-hours)
    .sd-search-box {
        margin-top:
            56px !important;
    }

    body.signature-hybrid
    .sd-search-box {
        min-height:
            56px !important;
    }

    body.signature-hybrid
    #signature-dynamic-search {
        min-height:
            54px !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .card-body.collapse.show,
    body.signature-hybrid
    #signature-dynamic-menu-results
    .card-body.menu-category-item:not(.collapse),
    body.signature-hybrid
    #signature-dynamic-menu-results
    .card-body.collapsing {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            10px !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item
    .menu-image {
        aspect-ratio:
            16 / 9 !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item
    .menu-content {
        padding:
            8px 9px 9px !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item
    .menu-detail {
        min-height:
            47px !important;

        padding-right:
            40px !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item
    .menu-title h4 {
        font-size:
            14px !important;
    }

    body.signature-hybrid
    #signature-dynamic-menu-results
    .menu-item
    .menu-recipe {
        -webkit-line-clamp:
            1;

        font-size:
            10px !important;
    }

    body.signature-hybrid
    #view-order-wrapper
    .order-footer {
        min-height:
            78px !important;

        border-radius:
            20px !important;
    }

    body.signature-hybrid
    #view-order-wrapper
    .order-btn {
        min-height:
            52px !important;
    }
}


@media (max-width: 359px) {

    body.signature-hybrid
    #signature-dynamic-menu-results
    .card-body.collapse.show,
    body.signature-hybrid
    #signature-dynamic-menu-results
    .card-body.menu-category-item:not(.collapse),
    body.signature-hybrid
    #signature-dynamic-menu-results
    .card-body.collapsing {
        grid-template-columns:
            1fr !important;
    }
}


/*
 * ============================================================
 * SIGNATURE HYBRID V1.3
 *
 * UAT approved direction:
 * - real small restaurant logo top-left
 * - Table / waiter controls stay top-right
 * - compact top bar
 * - hero metadata:
 *      1. Location
 *      2. Operating hours
 *      3. Phone
 * - slightly reduced hero height
 * ============================================================
 */


/* ============================================================
   TOP BAR
   ============================================================ */

body.signature-hybrid
.bg-header {
    height:
        64px !important;

    min-height:
        64px !important;
}

body.signature-hybrid
.bg-header
.container-fluid {
    height:
        64px !important;

    min-height:
        64px !important;

    padding:
        10px 18px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;
}


/* ============================================================
   REAL SMALL RESTAURANT LOGO ? TOP LEFT
   ============================================================ */

body.signature-hybrid
.sd-topbar-brand {
    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    min-width:
        38px !important;

    width:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;
}

body.signature-hybrid
.sd-topbar-name {
    display:
        none !important;
}

body.signature-hybrid
.sd-brand-mark {
    position:
        relative !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        38px !important;

    height:
        38px !important;

    flex:
        0 0 38px !important;

    margin:
        0 !important;

    padding:
        2px !important;

    border:
        2px solid var(--sh-gold-soft) !important;

    border-radius:
        50% !important;

    background:
        rgba(7,53,31,0.84) !important;

    box-shadow:
        0 4px 12px rgba(0,0,0,0.12) !important;

    overflow:
        hidden !important;
}


/*
 * Disable previous hamburger pseudo-element.
 */
body.signature-hybrid
.sd-brand-mark::before {
    content:
        none !important;

    display:
        none !important;

    box-shadow:
        none !important;
}

body.signature-hybrid
.sd-brand-mark img {
    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;

    border-radius:
        50% !important;

    object-fit:
        cover !important;
}


/* ============================================================
   RIGHT-SIDE REAL CONTROLS
   ============================================================ */

body.signature-hybrid
.sd-topbar-actions {
    margin-left:
        auto !important;

    gap:
        7px !important;
}

body.signature-hybrid
.sd-table-pill,
body.signature-hybrid
.sd-topbar-action {
    min-height:
        38px !important;
}

body.signature-hybrid
.sd-topbar-action {
    width:
        38px !important;

    min-width:
        38px !important;
}


/* ============================================================
   HERO ? SLIGHTLY SHORTER
   ============================================================ */

body.signature-hybrid
.single-page-header.sd-hero,
body.signature-hybrid
.sd-hero .container {
    min-height:
        350px !important;
}

body.signature-hybrid
.sd-hero-inner {
    min-height:
        350px !important;

    padding-top:
        82px !important;

    padding-bottom:
        38px !important;
}


/* ============================================================
   RESTAURANT TITLE
   ============================================================ */

body.signature-hybrid
.sd-hero-copy h1 {
    font-size:
        clamp(38px, 5.5vw, 62px) !important;

    line-height:
        1.01 !important;
}

body.signature-hybrid
.sd-hero-subtitle {
    font-size:
        clamp(14px, 1.6vw, 19px) !important;

    line-height:
        1.24 !important;
}


/* ============================================================
   HERO META ? 3 REAL ROWS
   ============================================================ */

body.signature-hybrid
.sd-hero-meta {
    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    flex-wrap:
        nowrap !important;

    gap:
        6px !important;

    margin-top:
        16px !important;
}

body.signature-hybrid
.sd-hero-meta > * {
    width:
        auto !important;

    max-width:
        100% !important;

    min-height:
        29px !important;

    margin:
        0 !important;

    padding:
        5px 9px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    gap:
        7px !important;

    border:
        1px solid rgba(255,255,255,0.27) !important;

    border-radius:
        10px !important;

    background:
        rgba(5,40,23,0.34) !important;

    color:
        #ffffff !important;

    font-size:
        11px !important;

    font-weight:
        500 !important;

    line-height:
        1.2 !important;

    box-shadow:
        none !important;

    backdrop-filter:
        blur(6px);
}

body.signature-hybrid
.sd-hero-meta
.sh-meta-location {
    max-width:
        min(430px, 100%) !important;
}

body.signature-hybrid
.sd-hero-meta a {
    color:
        inherit !important;

    text-decoration:
        none !important;
}

body.signature-hybrid
.sd-hero-meta i {
    flex:
        0 0 auto;

    color:
        rgba(255,255,255,0.92) !important;
}


/* ============================================================
   REMOVE V1.2 HOURS-ABOVE-SEARCH STYLING
   ============================================================ */

body.signature-hybrid
.sh-hours-row {
    display:
        none !important;
}

body.signature-hybrid
.sd-discovery.sh-has-hours
.sd-search-box,
body.signature-hybrid
.sd-discovery:not(.sh-has-hours)
.sd-search-box {
    margin-top:
        58px !important;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {

    body.signature-hybrid
    .bg-header,
    body.signature-hybrid
    .bg-header
    .container-fluid {
        height:
            60px !important;

        min-height:
            60px !important;
    }

    body.signature-hybrid
    .bg-header
    .container-fluid {
        padding:
            9px 16px !important;
    }

    body.signature-hybrid
    .sd-brand-mark {
        width:
            36px !important;

        height:
            36px !important;

        flex-basis:
            36px !important;
    }

    body.signature-hybrid
    .sd-table-pill,
    body.signature-hybrid
    .sd-topbar-action {
        min-height:
            36px !important;
    }

    body.signature-hybrid
    .sd-topbar-action {
        width:
            36px !important;

        min-width:
            36px !important;
    }

    body.signature-hybrid
    .single-page-header.sd-hero,
    body.signature-hybrid
    .sd-hero .container {
        min-height:
            340px !important;
    }

    body.signature-hybrid
    .sd-hero-inner {
        min-height:
            340px !important;

        padding:
            74px 20px 34px !important;
    }

    body.signature-hybrid
    .sd-hero-copy {
        max-width:
            calc(100% - 24px) !important;
    }

    body.signature-hybrid
    .sd-hero-copy h1 {
        font-size:
            36px !important;

        line-height:
            1.01 !important;
    }

    body.signature-hybrid
    .sd-hero-subtitle {
        font-size:
            13px !important;

        line-height:
            1.22 !important;
    }

    body.signature-hybrid
    .sd-hero-meta {
        margin-top:
            14px !important;

        gap:
            5px !important;
    }

    body.signature-hybrid
    .sd-hero-meta > * {
        min-height:
            27px !important;

        padding:
            4px 8px !important;

        border-radius:
            9px !important;

        font-size:
            10px !important;
    }

    body.signature-hybrid
    .sd-hero-meta
    .sh-meta-location {
        max-width:
            calc(100vw - 76px) !important;
    }

    body.signature-hybrid
    .sd-hero-logo {
        width:
            94px !important;

        height:
            94px !important;

        right:
            18px !important;

        bottom:
            -40px !important;
    }

    body.signature-hybrid
    .sd-search-box {
        margin-top:
            56px !important;
    }
}


/*
 * ============================================================
 * SIGNATURE HYBRID V1.3A
 *
 * Mobile micro-adjustment only.
 *
 * Shorten the green hero/header to the UAT-marked boundary.
 * Topbar, metadata, logo, cart, categories and ordering logic
 * remain unchanged.
 * ============================================================
 */

@media (max-width: 767px) {

    /*
     * Previous V1.3:
     * 340px
     *
     * V1.3A target:
     * 265px
     */

    body.signature-hybrid
    .single-page-header.sd-hero,
    body.signature-hybrid
    .sd-hero .container {
        height:
            265px !important;

        min-height:
            265px !important;

        max-height:
            265px !important;
    }

    body.signature-hybrid
    .sd-hero-inner {
        height:
            265px !important;

        min-height:
            265px !important;

        max-height:
            265px !important;

        /*
         * Preserve topbar clearance while
         * removing excess lower green space.
         */
        padding:
            74px 20px 12px !important;

        box-sizing:
            border-box !important;
    }

    /*
     * Big restaurant logo continues to overlap
     * the new hero boundary.
     */
    body.signature-hybrid
    .sd-hero-logo {
        bottom:
            -40px !important;
    }

    /*
     * Search remains immediately after
     * the overlapping restaurant logo.
     */
    body.signature-hybrid
    .sd-search-box {
        margin-top:
            56px !important;
    }
}


/*
 * ============================================================
 * SIGNATURE HYBRID V1.3B
 *
 * Mobile visual refinement only.
 *
 * Change scope:
 * 1. Make the top utility bar sticky/fixed on mobile.
 * 2. Brighten the hero image/overlay closer to Signature Dynamic.
 *
 * Protected:
 * - search
 * - categories
 * - collapse
 * - cart / view order
 * - ordering engine
 * - table context
 * - waiter bell
 * ============================================================
 */

@media (max-width: 767px) {

    /*
     * Sticky utility bar:
     * keep small left logo + table pill + bell visible
     * while user scrolls.
     */
    body.signature-hybrid
    .bg-header {
        position:
            fixed !important;

        top:
            0 !important;

        left:
            0 !important;

        right:
            0 !important;

        height:
            60px !important;

        min-height:
            60px !important;

        background:
            linear-gradient(
                180deg,
                rgba(7,53,31,0.92) 0%,
                rgba(7,53,31,0.82) 100%
            ) !important;

        box-shadow:
            0 2px 12px rgba(0,0,0,0.12) !important;

        backdrop-filter:
            blur(10px);

        -webkit-backdrop-filter:
            blur(10px);

        z-index:
            120 !important;
    }

    body.signature-hybrid
    .bg-header
    .container-fluid {
        background:
            transparent !important;
    }

    /*
     * Brighter hero overlay:
     * lighter than previous Hybrid overlay and visually
     * closer to Signature Dynamic readability/brightness.
     */
    body.signature-hybrid
    .single-page-header.sd-hero::before {
        background:
            linear-gradient(
                105deg,
                rgba(4,52,29,0.78) 0%,
                rgba(10,84,47,0.66) 45%,
                rgba(10,84,47,0.42) 100%
            ) !important;
    }

    body.signature-hybrid
    .single-page-header.sd-hero::after {
        background:
            radial-gradient(
                circle at 78% 48%,
                rgba(221,180,94,0.14),
                transparent 28%
            ) !important;
    }

    /*
     * Keep content spacing stable under the now-fixed topbar.
     * Existing 74px top padding remains visually correct.
     */
    body.signature-hybrid
    .sd-hero-inner {
        padding-top:
            74px !important;
    }
}