/* Source: guests/restaurant.blade.php */
.food-list-section-head span,
        .food-help>span,
        .food-list-cta small {
            color: var(--gold-2);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: .18em
        }

        .food-list-search {
            position: relative;
            z-index: 10;
            margin-top: -55px
        }

        .food-list-search-card {
            padding: 24px;
            border-radius: 20px;
            background: #fff;
            box-shadow: var(--shadow-lg)
        }

        .food-list-search-main {
            display: grid;
            grid-template-columns: 1.7fr 1fr auto;
            gap: 13px
        }

        .food-list-input,
        .food-list-select {
            height: 52px;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 0 15px;
            border: 1px solid var(--line);
            border-radius: 11px;
            background: #fffdfa
        }

        .food-list-input:focus-within,
        .food-list-select:focus-within {
            border-color: var(--gold)
        }

        .food-list-input>i,
        .food-list-select>i {
            color: var(--gold)
        }

        .food-list-input input,
        .food-list-select select {
            width: 100%;
            height: 100%;
            border: 0;
            outline: 0;
            background: transparent
        }

        .food-list-select .chosen-container {
            flex: 1;
            min-width: 0
        }

        .food-list-select .chosen-choices {
            min-height: 42px !important;
            border: 0 !important;
            background: none !important;
            box-shadow: none !important
        }

        .food-list-search-main>button {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 0 28px;
            border: 0;
            border-radius: 11px;
            background: var(--terracotta);
            color: #fff;
            font-weight: 700
        }

        .food-list-filter-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            margin-top: 18px;
            padding-top: 18px;
            border-top: 1px solid var(--line)
        }

        .food-list-filters {
            display: flex;
            gap: 7px;
            overflow-x: auto;
            scrollbar-width: none
        }

        .food-list-filters button {
            flex: 0 0 auto;
            padding: 9px 12px;
            border: 1px solid var(--line);
            border-radius: 999px;
            background: #fff;
            color: var(--muted);
            font-size: 10px
        }

        .food-list-filters button.active,
        .food-list-filters button:hover {
            border-color: var(--green);
            background: var(--green);
            color: #fff
        }

        .food-list-tools {
            display: flex;
            align-items: center;
            gap: 10px;
            flex: 0 0 auto
        }

        .food-list-tools span {
            color: var(--muted);
            font-size: 10px
        }

        .food-list-tools select {
            height: 38px;
            border: 1px solid var(--line);
            border-radius: 9px;
            background: #fff
        }

        .food-list-main {
            padding: 70px 0 90px;
            background: #fffdfa
        }

        .food-list-layout {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 300px;
            gap: 30px
        }

        .food-list-section-head {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            margin-bottom: 25px
        }

        .food-list-section-head span {
            color: var(--gold)
        }

        .food-list-section-head h2 {
            margin: 4px 0 0;
            font-size: 38px
        }

        .food-list-section-head>a {
            color: var(--terracotta);
            font-size: 11px;
            font-weight: 700
        }

        .food-restaurant-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 18px
        }

        .food-restaurant-card {
            overflow: hidden;
            border: 1px solid #eee7dd;
            border-radius: 17px;
            background: #fff;
            box-shadow: 0 8px 25px rgba(25, 40, 30, .05);
            transition: .27s
        }

        .food-restaurant-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow)
        }

        .food-restaurant-media {
            position: relative
        }

        .food-restaurant-media>a {
            position: relative;
            display: block;
            height: 210px;
            overflow: hidden
        }

        .food-restaurant-media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: .45s
        }

        .food-restaurant-card:hover img {
            transform: scale(1.045)
        }

        .food-restaurant-media>a>span,
        .food-restaurant-media em {
            position: absolute;
            top: 13px;
            padding: 5px 8px;
            border-radius: 999px;
            color: #fff;
            font-size: 8px;
            font-style: normal;
            font-weight: 700
        }

        .food-restaurant-media>a>span {
            left: 13px;
            background: var(--green)
        }

        .food-restaurant-media em {
            left: 13px;
            top: 43px;
            background: var(--terracotta)
        }

        .food-favorite {
            position: absolute;
            z-index: 3;
            top: 13px;
            right: 13px;
            width: 37px;
            height: 37px;
            border: 0;
            border-radius: 50%;
            background: rgba(255, 255, 255, .93)
        }

        .food-favorite.active,
        .food-favorite:hover {
            background: var(--terracotta);
            color: #fff
        }

        .food-restaurant-body {
            padding: 17px
        }

        .food-restaurant-body h3 {
            min-height: 47px;
            margin: 0;
            font-size: 16px;
            line-height: 1.4
        }

        .food-restaurant-location {
            margin-top: 5px;
            color: var(--muted);
            font-size: 10px
        }

        .food-restaurant-location i {
            color: var(--gold)
        }

        .food-menu {
            display: flex;
            gap: 7px;
            height: 43px;
            overflow: hidden;
            margin-top: 9px;
            color: var(--muted);
            font-size: 10px
        }

        .food-menu i {
            color: var(--terracotta)
        }

        .food-menu p {
            margin: 0
        }

        .food-restaurant-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
            min-height: 20px;
            margin-top: 8px
        }

        .food-restaurant-meta span {
            padding: 3px 6px;
            border-radius: 999px;
            background: var(--cream);
            color: var(--muted);
            font-size: 8px
        }

        .food-restaurant-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            margin-top: 13px;
            padding-top: 12px;
            border-top: 1px solid var(--line)
        }

        .food-restaurant-footer>span {
            color: var(--muted);
            font-size: 9px
        }

        .food-restaurant-footer>a {
            color: var(--terracotta);
            font-size: 9px;
            font-weight: 700
        }

        .food-list-empty {
            display: none;
            padding: 70px 20px;
            text-align: center
        }

        .food-list-empty.show {
            display: block
        }

        .food-list-empty>div {
            width: 75px;
            height: 75px;
            display: grid;
            place-items: center;
            margin: auto;
            border-radius: 50%;
            background: var(--cream);
            color: var(--gold);
            font-size: 26px
        }

        .food-list-empty h3 {
            margin: 15px 0 0
        }

        .food-list-empty p {
            color: var(--muted)
        }

        .food-list-empty button,
        .food-list-empty a {
            display: inline-flex;
            padding: 10px 17px;
            border: 0;
            border-radius: 9px;
            background: var(--green);
            color: #fff
        }

        .food-list-sidebar {
            display: grid;
            align-content: start;
            gap: 18px
        }

        .food-sidebar-card {
            padding: 21px;
            border: 1px solid #eee7dd;
            border-radius: 17px;
            background: #fff;
            box-shadow: 0 7px 22px rgba(25, 40, 30, .05)
        }

        .food-sidebar-card h3 {
            margin: 0 0 15px
        }

        .food-fake-map {
            position: relative;
            height: 220px;
            overflow: hidden;
            border-radius: 13px;
            background: linear-gradient(135deg, #eee5d6, #faf5eb)
        }

        .food-road {
            position: absolute;
            height: 7px;
            border: 2px solid #fff;
            border-radius: 99px;
            background: #d1c4b0;
            transform-origin: left
        }

        .road-a {
            width: 85%;
            top: 30%;
            left: 3%;
            transform: rotate(30deg)
        }

        .road-b {
            width: 75%;
            top: 72%;
            left: 10%;
            transform: rotate(-25deg)
        }

        .food-pin {
            position: absolute;
            z-index: 2;
            width: 40px;
            height: 40px;
            display: grid;
            place-items: center;
            border: 4px solid #fff;
            border-radius: 50% 50% 50% 0;
            background: var(--terracotta);
            color: #fff;
            transform: rotate(-45deg)
        }

        .food-pin i {
            transform: rotate(45deg)
        }

        .pin-a {
            top: 18%;
            left: 18%
        }

        .pin-b {
            top: 50%;
            right: 18%;
            background: var(--green)
        }

        .pin-c {
            bottom: 12%;
            left: 37%;
            background: var(--gold)
        }

        .food-map-button {
            display: flex;
            justify-content: center;
            gap: 7px;
            margin-top: 12px;
            padding: 11px;
            border-radius: 9px;
            background: var(--green);
            color: #fff;
            font-size: 10px;
            font-weight: 700
        }

        .food-help>span {
            color: var(--gold)
        }

        .food-help {
            background: var(--navy);
            color: #fff
        }

        .food-help p {
            color: rgba(255, 255, 255, .68);
            font-size: 11px
        }

        .food-help a {
            display: flex;
            justify-content: center;
            gap: 8px;
            padding: 11px;
            border-radius: 9px;
            background: var(--gold);
            font-weight: 700
        }

        .food-list-cta {
            padding: 0 0 90px;
            background: #fffdfa
        }

        .food-list-cta .container>div {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 25px;
            padding: 40px 46px;
            border-radius: 21px;
            background: linear-gradient(120deg, var(--terracotta), #8d432d);
            color: #fff
        }

        .food-list-cta span,
        .food-list-cta small,
        .food-list-cta strong {
            display: block
        }

        .food-list-cta strong {
            font-size: 29px
        }

        .food-list-cta p {
            margin: 3px 0;
            color: rgba(255, 255, 255, .75)
        }

        .food-list-cta a {
            flex: 0 0 auto;
            padding: 13px 18px;
            border-radius: 10px;
            background: #fff;
            color: var(--terracotta);
            font-weight: 800
        }

        @media(max-width:1100px) {
            .food-list-layout {
                grid-template-columns: 1fr
            }

            .food-list-sidebar {
                grid-template-columns: repeat(3, 1fr)
            }

            .food-restaurant-grid {
                grid-template-columns: repeat(3, 1fr)
            }
        }

        @media(max-width:900px) {
            .food-list-search-main {
                grid-template-columns: 1fr 1fr
            }

            .food-list-search-main>button {
                grid-column: 1/-1;
                height: 48px
            }

            .food-list-filter-row {
                align-items: flex-start;
                flex-direction: column
            }

            .food-list-tools {
                width: 100%;
                justify-content: space-between
            }

            .food-restaurant-grid {
                grid-template-columns: repeat(2, 1fr)
            }

            .food-list-sidebar {
                grid-template-columns: 1fr 1fr
            }

            .food-help {
                grid-column: 1/-1
            }
        }

        @media(max-width:650px) {
            .food-list-search {
                margin-top: -38px
            }

            .food-list-search-card {
                padding: 18px
            }

            .food-list-search-main {
                grid-template-columns: 1fr
            }

            .food-list-search-main>button {
                grid-column: auto
            }

            .food-list-tools {
                align-items: stretch;
                flex-direction: column
            }

            .food-list-tools select {
                width: 100%
            }

            .food-list-main {
                padding-top: 55px
            }

            .food-list-section-head h2 {
                font-size: 31px
            }

            .food-restaurant-grid {
                grid-template-columns: 1fr
            }

            .food-restaurant-card {
                display: grid;
                grid-template-columns: 42% 58%
            }

            .food-restaurant-media,
            .food-restaurant-media>a {
                height: 100%;
                min-height: 240px
            }

            .food-restaurant-body {
                padding: 14px
            }

            .food-restaurant-body h3 {
                min-height: 0
            }

            .food-list-sidebar {
                grid-template-columns: 1fr
            }

            .food-help {
                grid-column: auto
            }

            .food-list-cta .container>div {
                align-items: flex-start;
                flex-direction: column;
                padding: 30px 24px
            }

            .food-list-cta strong {
                font-size: 25px
            }
        }

        @media(max-width:440px) {
            .food-restaurant-card {
                display: block
            }

            .food-restaurant-media,
            .food-restaurant-media>a {
                height: 210px;
                min-height: 0
            }
        }