.food-cart-app [v-cloak] {
    display:none!important
}

.food-cart-app .cart-overlay-pv {
    z-index:120
}

.food-cart-app .cart-drawer-pv {
    z-index:121;
    overflow:hidden;
    max-width:448px;
    height:100dvh;
    visibility:hidden;
    transition:transform .3s ease,visibility .3s;
    background:var(--food-paper)
}

.food-cart-app .cart-drawer-pv.active {
    visibility:visible
}

.food-cart-app .checkout-panel {
    background:var(--food-paper)
}

.food-cart-app button:disabled {
    opacity:.5;
    cursor:wait
}

.food-cart-app [class*="bg-[#0080cc]"] {
    background-color:var(--food-brand)
}

.food-cart-app [class*="text-[#0080cc]"] {
    color:var(--food-brand)
}

.food-cart-app [class*="border-[#0080cc]"] {
    border-color:var(--food-brand)
}

.food-cart-app .cart-drawer-pv > :last-child > :last-child {
    padding-bottom:max(16px,env(safe-area-inset-bottom))
}

@media (prefers-reduced-motion:reduce) {
    .food-cart-app .cart-drawer-pv,.food-cart-app .checkout-panel,.food-cart-app .cart-overlay-pv {
        transition:none
    }
}

.food-profile {
    --food-ink:#30241e;
    --food-muted:#786b60;
    --food-paper:#faf7f1;
    --food-line:#e7dfd3;
    --food-brand:#b74725;
    --food-header-height:64px;
    --food-nav-height:72px;
    background:var(--food-paper);
    color:var(--food-ink);
    font-family:Inter,"Segoe UI",sans-serif;
    padding-bottom:36px;
    min-height:70vh
}

.food-profile * {
    box-sizing:border-box
}

.food-profile [hidden] {
    display:none!important
}

.food-profile a {
    color:inherit;
    text-decoration:none
}

.food-profile button,.food-profile input,.food-profile textarea {
    font:inherit
}

.food-profile button {
    cursor:pointer
}

.food-profile button:disabled {
    cursor:wait;
    opacity:.55
}

.food-profile a:focus-visible,.food-profile button:focus-visible,.food-profile summary:focus-visible {
    outline:3px solid #176a4b;
    outline-offset:4px
}

.food-profile h1,.food-profile h2,.food-profile h3,.food-profile p {
    margin:0
}

.food-wrap {
    /* Внутренняя ширина шапки: 1152px минус два отступа по 16px. */
    width:min(1120px,calc(100% - 32px));
    margin-inline:auto
}

.food-preview {
    background:#e8eee5;
    color:#405839;
    font-size:11px
}

.food-preview>.food-wrap {
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding-block:7px
}

.food-preview a {
    text-decoration:underline
}

.food-breadcrumb {
    display:flex;
    align-items:center;
    gap:10px;
    padding:20px 0 16px;
    font-size:11px;
    color:var(--food-muted)
}

.food-breadcrumb>span:last-child {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

.food-hero {
    display:grid;
    grid-template-columns:1.1fr 1fr;
    border-radius:24px;
    overflow:hidden;
    background:#eee6d8;
    min-height:290px
}

.food-hero-copy {
    padding:27px 32px;
    display:flex;
    flex-direction:column;
    align-items:flex-start
}

.food-identity {
    display:flex;
    align-items:center;
    gap:12px;
    color:#6d5949;
    font-size:12px
}

.food-identity img {
    width:46px;
    height:46px;
    border-radius:50%;
    object-fit:cover;
    background:#fff
}

.food-hero h1 {
    font-size:clamp(30px,3.2vw,46px);
    font-weight:800;
    line-height:1.08;
    letter-spacing:-1.5px;
    margin:14px 0 16px;
    overflow-wrap:anywhere
}

.food-hero-meta {
    display:flex;
    flex-wrap:wrap;
    gap:9px 18px;
    align-items:center;
    font-size:11px
}

.food-status::before {
    content:"";
    display:inline-block;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#a08773;
    margin-right:6px
}

.food-status.is-open {
    color:#346f46
}

.food-status.is-open::before {
    background:#346f46
}

.food-rating {
    font-weight:700
}

.food-rating span {
    font-weight:400;
    color:#786b60;
    margin-left:5px
}

.food-address {
    display:flex;
    gap:12px;
    margin-top:12px;
    font-size:12px;
    line-height:1.6
}

.food-hero-actions {
    display:flex;
    gap:9px;
    margin-top:auto;
    padding-top:21px;
    align-items:center
}

.food-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:10px 18px;
    border:1px solid var(--food-brand);
    border-radius:11px;
    background:var(--food-brand);
    color:#fff!important;
    font-size:12px;
    font-weight:650;
    line-height:1.4;
    text-align:center
}

.food-button:hover {
    background:#96371b
}

.food-button--quiet {
    background:transparent;
    color:var(--food-ink)!important;
    border-color:#d2c4b2
}

.food-button--quiet:hover {
    background:#e2d7c8
}

.food-icon-button {
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid #d2c4b2;
    border-radius:50%;
    background:transparent;
    font-size:22px
}

.food-cover {
    position:relative;
    min-width:0;
    min-height:290px;
    border:0;
    padding:0;
    overflow:hidden;
    background:#4b4431
}

.food-cover img {
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    object-fit:cover
}

.food-cover>span {
    position:absolute;
    bottom:16px;
    right:16px;
    background:#fff9edeb;
    backdrop-filter:blur(10px);
    padding:9px 13px;
    border-radius:30px;
    font-size:11px
}

.food-cover--empty {
    background:#456546;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    gap:20px
}

.food-cover--empty>span {
    position:static;
    background:none;
    padding:0;
    color:#fff8e9;
    font-size:clamp(28px,3vw,46px);
    font-family:Georgia,serif;
    line-height:1.1
}

.food-cover--empty svg {
    width:42%;
    stroke:#d5dfbf;
    stroke-width:2
}

.food-info {
    display:flex;
    position:relative;
    flex-wrap:wrap;
    gap:8px;
    margin:14px 0 25px
}

.food-info-item {
    display:contents
}

.food-info-item summary {
    list-style:none;
    display:inline-flex;
    align-items:center;
    gap:22px;
    border:1px solid var(--food-line);
    border-radius:9px;
    background:#fffdf8;
    padding:11px 15px;
    font-size:12px;
    cursor:pointer;
    min-height:42px
}

.food-info-item summary::-webkit-details-marker {
    display:none
}

.food-info-item summary>span {
    color:var(--food-muted);
    font-size:11px
}

.food-info-item[open] summary {
    border-color:var(--food-brand);
    color:var(--food-brand);
    background:#fbede5
}

.food-info-body {
    order:2;
    flex:1 0 100%;
    width:100%;
    padding:26px;
    margin-top:6px;
    background:#fffdf9;
    border:1px solid var(--food-line);
    border-radius:16px;
    scroll-margin-top:calc(var(--food-header-height) + 12px)
}

.food-info-item:not([open])>.food-info-body {
    display:none
}

.food-info-body h2 {
    font-size:24px;
    margin-bottom:16px;
    letter-spacing:-.5px
}

.food-panel-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:20px
}

.food-panel-heading h2 {
    margin:0
}

.food-panel-heading>a:not(.food-button) {
    font-size:12px;
    color:var(--food-brand)
}

.food-about-text {
    max-width:850px;
    font-size:14px;
    line-height:1.8;
    white-space:normal;
    overflow-wrap:anywhere
}

.food-about-text iframe {
    max-width:100%;
    height:auto;
    aspect-ratio:16/9
}

.food-about-text img, .food-about-text video { max-width:100%; height:auto }
.food-about-text table { display:block; max-width:100%; overflow-x:auto }
.food-about-text p { margin:0 0 1em }
.food-about-text ul, .food-about-text ol { padding-left:24px }
.food-about-text ul { list-style:disc }
.food-about-text ol { list-style:decimal }
.food-about-text a { text-decoration:underline }

.food-contact-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:48px;
    font-size:14px;
    line-height:1.8
}

.food-contact-grid p {
    margin:0 0 16px
}

.food-contact-grid h3 {
    font-size:15px;
    margin-bottom:14px
}

.food-schedule-row {
    display:flex;
    justify-content:space-between;
    gap:16px;
    border-bottom:1px solid var(--food-line);
    padding:8px 0;
    font-size:12px
}

.food-schedule-row strong {
    font-weight:500
}

.food-socials {
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    color:var(--food-brand);
    font-size:12px
}

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

.food-news-card {
    display:flex;
    flex-direction:column;
    gap:9px
}

.food-news-card img {
    width:100%;
    aspect-ratio:2;
    object-fit:cover;
    border-radius:12px
}

.food-news-card span {
    font-size:11px;
    color:var(--food-muted)
}

.food-news-card strong {
    font-size:15px;
    line-height:1.5
}

.food-promos {
    display:flex;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    margin:0 0 25px;
    padding-bottom:3px
}

.food-promo {
    min-width:min(100%,340px);
    flex:1;
    display:flex;
    gap:14px;
    justify-content:space-between;
    align-items:center;
    overflow:hidden;
    border-radius:16px;
    background:#eee3cc;
    scroll-snap-align:start
}

.food-promo:nth-child(even) {
    background:#e6ecd9
}

.food-promo>div {
    padding:20px;
    min-width:0
}

.food-eyebrow {
    display:block;
    font-size:9px;
    line-height:1.5;
    letter-spacing:1.5px;
    text-transform:uppercase;
    font-weight:650;
    color:#906b53
}

.food-promo h2 {
    font-size:19px;
    line-height:1.3;
    margin:7px 0 14px;
    overflow-wrap:anywhere
}

.food-promo-link {
    font-size:11px;
    border-bottom:1px solid #bda488;
    padding-bottom:2px
}

.food-promo img {
    width:33%;
    align-self:stretch;
    object-fit:cover;
    max-height:185px
}

.food-menu-heading {
    display:flex;
    justify-content:space-between;
    align-items:end;
    padding:4px 0 18px;
    scroll-margin-top:calc(var(--food-header-height) + 14px)
}

.food-menu-heading h2 {
    font-size:36px;
    font-weight:800;
    letter-spacing:-1px;
    margin-top:4px
}

.food-menu-heading h2>span {
    display:inline-grid;
    place-items:center;
    width:30px;
    height:30px;
    vertical-align:middle;
    margin-left:9px;
    border-radius:50%;
    background:#eee7db;
    font-size:13px;
    font-weight:500;
    letter-spacing:0;
    color:var(--food-muted)
}

.food-menu-note {
    color:var(--food-muted);
    font-family:Georgia,serif;
    font-style:italic;
    font-size:16px
}

.food-category-bar {
    position:sticky;
    top:var(--food-header-height);
    z-index:40;
    border-block:1px solid var(--food-line);
    background:#faf7f1f5;
    backdrop-filter:blur(14px)
}

.food-category-inner {
    display:flex;
    gap:20px;
    align-items:center;
    min-height:70px
}

.food-category-scroll {
    flex:1;
    display:flex;
    gap:6px;
    align-items:center;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    padding:10px 2px;
    min-width:0
}

.food-category-scroll::-webkit-scrollbar {
    display:none
}

.food-category-scroll a {
    flex:none;
    display:flex;
    align-items:center;
    min-height:43px;
    padding:10px 18px;
    border-radius:11px;
    font-size:13px;
    white-space:nowrap;
    font-weight:600
}

.food-category-scroll a:hover {
    background:#eee6d9
}

.food-category-scroll a[aria-current] {
    background:var(--food-ink);
    color:#fffaf0
}

.food-cart-link {
    display:flex;
    align-items:center;
    gap:22px;
    font-size:13px;
    font-weight:600;
    background:var(--food-brand);
    color:#fff!important;
    padding:12px 17px;
    border-radius:11px;
    white-space:nowrap;
    min-height:43px
}

.food-cart-link span {
    font-size:11px;
    border-left:1px solid #ffffff55;
    padding-left:15px
}

.food-menu-section {
    scroll-margin-top:calc(var(--food-header-height) + var(--food-nav-height) + 18px);
    padding-top:30px
}

.food-section-heading {
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:19px
}

.food-section-heading h2 {
    font-size:26px;
    font-weight:750;
    letter-spacing:-.7px
}

.food-section-heading>span {
    color:var(--food-muted);
    font-size:11px
}

.food-products {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:19px
}

.food-product {
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    background:#fffefa;
    border:1px solid var(--food-line);
    border-radius:19px;
    overflow:hidden;
    transition:box-shadow .2s
}

.food-product:hover {
    box-shadow:0 8px 28px #51341512
}

.food-product-photo {
    aspect-ratio:4/3;
    display:block;
    overflow:hidden;
    background:#f2eadf
}

.food-product-photo img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s
}

.food-product:hover .food-product-photo img {
    transform:scale(1.025)
}

.food-product-photo--empty {
    display:grid;
    place-items:center;
    background:radial-gradient(circle,#f9f5eb 32%,#eae0cf 33%,#f8f1e5 35%,#f8f1e5 46%,#dfd2bd 47%,#eee5d6 48%);
    color:#82745f;
    font-size:12px
}

.food-product-body {
    display:flex;
    flex-direction:column;
    flex:1;
    padding:17px
}

.food-product-name h3 {
    font-size:16px;
    font-weight:650;
    line-height:1.35;
    overflow-wrap:anywhere
}

.food-packing {
    font-size:11px;
    color:var(--food-muted);
    margin-top:5px
}

.food-description {
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    color:var(--food-muted);
    font-size:11px;
    line-height:1.55;
    margin-top:9px!important
}

.food-product-bottom {
    display:flex;
    gap:8px;
    align-items:center;
    justify-content:space-between;
    margin-top:auto;
    padding-top:17px
}

.food-price {
    display:flex;
    gap:6px;
    align-items:baseline;
    flex-wrap:wrap;
    min-width:0
}

.food-price strong {
    font-size:16px;
    letter-spacing:-.3px
}

.food-price del {
    font-size:11px;
    color:var(--food-muted)
}

.food-price>span {
    font-size:12px;
    color:var(--food-muted)
}

.food-quantity {
    display:flex;
    flex-shrink:0;
    align-items:center;
    gap:1px;
    background:#f7e9de;
    border-radius:10px;
    color:var(--food-brand);
    font-size:13px
}

.food-quantity button {
    width:38px;
    height:40px;
    border:0;
    background:transparent;
    border-radius:10px;
    font-size:24px;
    font-weight:400;
    color:inherit
}

.food-quantity button:hover {
    background:#ebd4c1
}

.food-quantity>span {
    min-width:16px;
    text-align:center;
    font-size:13px
}

.food-product-select {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#f7e9de;
    color:var(--food-brand)!important;
    border-radius:9px;
    min-height:40px;
    padding:10px 12px;
    font-size:11px;
    font-weight:650
}

.food-unavailable {
    color:#927665;
    font-size:10px;
    max-width:80px
}

.food-product-error {
    padding:0 14px 14px;
    font-size:12px;
    color:#a62c1a
}

.food-empty {
    padding-block:30px 50px
}

.food-empty p {
    margin-block:14px;
    color:var(--food-muted)
}

.food-footer {
    display:flex;
    justify-content:space-between;
    gap:15px;
    border-top:1px solid var(--food-line);
    margin-top:45px;
    padding-top:24px;
    font-size:11px;
    color:var(--food-muted)
}

.food-footer button {
    padding:0;
    border:0;
    background:none;
    color:inherit
}

.food-mobile-cart {
    display:none
}

.food-review-summary {
    display:flex;
    align-items:center;
    gap:22px;
    margin-bottom:24px
}

.food-review-number {
    font-size:36px;
    font-weight:750
}

.food-review-stars {
    color:#b66b19;
    font-size:13px
}

.food-review-summary p {
    color:var(--food-muted);
    font-size:12px;
    line-height:1.6;
    max-width:320px
}

.food-review {
    border-top:1px solid var(--food-line);
    padding:20px 0
}

.food-review-head {
    display:flex;
    align-items:center;
    gap:12px
}

.food-review-avatar {
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border-radius:50%;
    background:#eee7db;
    font-size:14px
}

.food-review-meta {
    display:flex;
    flex:1;
    flex-direction:column;
    gap:3px;
    font-size:13px
}

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

.food-review-score {
    font-size:12px;
    color:var(--food-brand)
}

.food-review-text {
    font-size:13px;
    line-height:1.7;
    margin-top:14px!important
}

.food-company-response {
    margin-top:15px;
    padding:14px;
    background:#f4f0e7;
    font-size:12px;
    line-height:1.7;
    border-radius:10px
}

.food-review-images,.food-review-previews {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:12px
}

.food-review-images button {
    padding:0;
    border:0;
    background:none
}

.food-review-images img,.food-review-preview img {
    width:72px;
    height:72px;
    object-fit:cover;
    border-radius:8px
}

.food-review-preview {
    position:relative
}

.food-review-preview button {
    position:absolute;
    top:-4px;
    right:-4px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:50%;
    width:23px;
    height:23px
}

.food-form-status {
    font-size:12px;
    color:#a02f1b;
    line-height:1.6
}

.food-form-status.is-success {
    color:#256a3b
}

.food-empty {
    font-size:14px;
    line-height:1.7
}

.food-dialog {
    border:1px solid var(--food-line);
    border-radius:20px;
    padding:0;
    width:min(540px,calc(100% - 28px));
    max-height:85dvh;
    margin:auto;
    background:#fffdf8;
    color:var(--food-ink)
}

.food-dialog::backdrop,.food-gallery-dialog::backdrop {
    background:#21180fd9;
    backdrop-filter:blur(4px)
}

.food-dialog-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:22px;
    border-bottom:1px solid var(--food-line);
    position:sticky;
    top:0;
    background:#fffdf8
}

.food-dialog-head h2 {
    font-size:20px;
    line-height:1.3
}

.food-dialog-close {
    border:0;
    background:#f2ece2;
    border-radius:50%;
    width:34px;
    height:34px;
    flex:none;
    font-size:25px
}

.food-dialog-body {
    padding:22px;
    font-size:14px;
    line-height:1.7
}

.food-dialog-body>.food-button {
    margin-top:15px
}

.food-form {
    display:grid;
    gap:16px
}

.food-form label {
    display:grid;
    gap:6px;
    font-size:12px
}

.food-form input:not([type=radio]),.food-form textarea {
    width:100%;
    border:1px solid #cfc2b1;
    padding:12px;
    background:#fff;
    border-radius:9px;
    font-size:14px
}

.food-form textarea {
    min-height:105px
}

.food-review-rating {
    display:flex;
    gap:8px;
    margin:10px 0
}

.food-review-rating button {
    border:0;
    background:none;
    font-size:28px;
    color:#bdb4a6;
    padding:3px
}

.food-review-rating button.is-selected {
    color:#b96815
}

.food-review-upload {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    font-size:11px
}

.food-review-upload input {
    display:none
}

.food-owner-phones {
    display:flex;
    flex-wrap:wrap;
    gap:12px
}

.food-owner-phone {
    display:flex!important;
    align-items:center;
    gap:5px
}

.food-gallery-dialog {
    position:fixed;
    width:min(1000px,calc(100% - 30px));
    height:85dvh;
    max-height:85dvh;
    margin:auto;
    padding:40px;
    border:0;
    background:transparent;
    overflow:visible
}

.food-gallery-dialog img {
    width:100%;
    height:100%;
    object-fit:contain
}

.food-gallery-dialog button {
    position:absolute;
    z-index:2;
    background:#fff;
    border:0;
    border-radius:50%;
    width:36px;
    height:36px;
    font-size:26px;
    color:#30241e
}

.food-gallery-close {
    right:0;
    top:0
}

.food-gallery-prev {
    left:0;
    top:50%
}

.food-gallery-next {
    right:0;
    top:50%
}

@media(min-width:1400px) {
    .food-hero {
        min-height:310px
    }
    .food-hero-copy {
        padding:30px 38px
    }
}

@media(max-width:1000px) {
    .food-products {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:15px
    }
    .food-hero-copy {
        padding:24px
    }
    .food-hero h1 {
        font-size:34px
    }
    .food-hero {
        grid-template-columns:1.15fr 1fr
    }
    .food-category-inner {
        gap:10px
    }
    .food-category-scroll a {
        padding-inline:14px
    }
    .food-category-inner {
        min-height:64px
    }
}

@media(max-width:700px) {
    .food-profile {
        --food-header-height:60px;
        --food-nav-height:62px;
        padding-bottom:94px
    }
    .food-wrap {
        width:calc(100% - 28px)
    }
    .food-preview>.food-wrap {
        padding-block:6px;
        font-size:10px
    }
    .food-breadcrumb {
        padding:12px 0;
        font-size:10px
    }
    .food-hero {
        display:flex;
        flex-direction:column-reverse;
        min-height:0;
        border-radius:18px
    }
    .food-cover {
        min-height:130px;
        height:130px
    }
    .food-cover>span {
        bottom:10px;
        right:10px;
        font-size:9px;
        padding:7px 10px
    }
    .food-hero-copy {
        padding:18px 20px 19px
    }
    .food-identity {
        font-size:10px;
        gap:8px
    }
    .food-identity img {
        width:29px;
        height:29px
    }
    .food-hero h1 {
        font-size:30px;
        letter-spacing:-1px;
        margin:10px 0 13px
    }
    .food-hero-meta {
        font-size:10px;
        gap:9px 12px
    }
    .food-rating span {
        font-size:9px
    }
    .food-address {
        font-size:10px;
        line-height:1.5;
        margin-top:9px
    }
    .food-hero-actions {
        padding-top:15px;
        gap:7px
    }
    .food-button {
        min-height:38px;
        padding:9px 14px;
        font-size:11px
    }
    .food-icon-button {
        width:38px;
        height:38px
    }
    .food-cover--empty {
        height:130px;
        min-height:130px;
        justify-content:space-evenly
    }
    .food-cover--empty>span {
        font-size:28px
    }
    .food-cover--empty svg {
        width:110px;
        max-height:115px
    }
    .food-info {
        margin:11px 0 22px;
        gap:6px
    }
    .food-info-item summary {
        font-size:10px;
        padding:9px 10px;
        gap:8px;
        min-height:38px
    }
    .food-info-item summary>span {
        font-size:9px
    }
    .food-info-body {
        padding:18px;
        margin-top:5px
    }
    .food-info-body h2 {
        font-size:21px
    }
    .food-about-text {
        font-size:12px
    }
    .food-panel-heading {
        flex-wrap:wrap
    }
    .food-contact-grid {
        grid-template-columns:1fr;
        gap:24px;
        font-size:12px
    }
    .food-news-grid {
        grid-template-columns:1fr;
        gap:25px
    }
    .food-promos {
        gap:10px;
        margin-bottom:20px
    }
    .food-promo {
        min-width:85%;
        flex-basis:85%
    }
    .food-promo>div {
        padding:17px
    }
    .food-promo h2 {
        font-size:17px
    }
    .food-eyebrow {
        font-size:8px;
        letter-spacing:1.1px
    }
    .food-promo-link {
        font-size:10px
    }
    .food-menu-heading {
        padding-bottom:13px
    }
    .food-menu-heading h2 {
        font-size:30px
    }
    .food-menu-note {
        display:none
    }
    .food-menu-heading h2>span {
        width:26px;
        height:26px;
        font-size:11px
    }
    .food-category-inner {
        min-height:61px;
        width:100%;
        padding-left:14px;
        gap:0
    }
    .food-category-scroll {
        padding-right:14px;
        gap:5px
    }
    .food-category-scroll a {
        min-height:39px;
        padding:9px 13px;
        font-size:11px;
        border-radius:9px
    }
    .food-cart-link {
        display:none
    }
    .food-menu-section {
        padding-top:23px
    }
    .food-section-heading {
        gap:10px;
        margin-bottom:14px
    }
    .food-section-heading h2 {
        font-size:22px
    }
    .food-section-heading>span {
        font-size:10px
    }
    .food-products {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px
    }
    .food-product {
        border-radius:14px
    }
    .food-product-body {
        padding:12px
    }
    .food-product-name h3 {
        font-size:14px;
        line-height:1.35
    }
    .food-packing {
        font-size:10px
    }
    .food-description {
        font-size:10px;
        margin-top:7px!important
    }
    .food-product-bottom {
        gap:6px;
        flex-wrap:wrap;
        padding-top:14px
    }
    .food-price strong {
        font-size:14px
    }
    .food-price del {
        font-size:10px
    }
    .food-quantity button {
        width:34px;
        height:36px;
        font-size:23px
    }
    .food-quantity>span {
        font-size:12px;
        min-width:13px
    }
    .food-product-select {
        min-height:36px;
        font-size:10px;
        padding:8px
    }
    .food-footer {
        font-size:10px;
        flex-wrap:wrap;
        margin-top:30px;
        padding-top:20px
    }
    .food-mobile-cart {
        position:fixed;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:18px;
        bottom:calc(12px + env(safe-area-inset-bottom,0px));
        left:14px;
        right:14px;
        z-index:45;
        background:var(--food-brand);
        color:white!important;
        border-radius:13px;
        min-height:50px;
        padding:14px 18px;
        font-size:13px;
        font-weight:650;
        box-shadow:0 7px 30px #69362233
    }
    .food-mobile-cart>span:first-child {
        flex:1
    }
    .food-mobile-cart [data-food-basket-count] {
        background:#ffffff24;
        min-width:25px;
        height:25px;
        display:grid;
        place-items:center;
        border-radius:7px;
        font-size:11px
    }
    .food-review-summary {
        gap:16px
    }
    .food-review-summary p {
        font-size:11px
    }
    .food-review-number {
        font-size:29px
    }
}

@media(prefers-reduced-motion:reduce) {
    .food-profile * {
        scroll-behavior:auto!important;
        transition:none!important
    }
}

@media(max-width:700px) {
    .food-breadcrumb {
        display:none
    }
    .food-hero {
        display:block;
        position:relative;
        margin-top:14px
    }
    .food-hero-copy {
        padding:18px
    }
    .food-hero h1 {
        font-size:26px;
        max-width:calc(100% - 88px);
        line-height:1.1;
        margin:11px 0 15px
    }
    .food-identity {
        padding-right:90px
    }
    .food-cover {
        position:absolute;
        top:20px;
        right:16px;
        width:82px;
        height:90px;
        min-height:90px;
        border-radius:13px
    }
    .food-cover img {
        object-position:62% center
    }
    .food-cover>span {
        right:4px;
        bottom:5px;
        font-size:0;
        padding:4px 7px;
        white-space:nowrap
    }
    .food-cover>span::after {
        content:'Фото ↗';
        font-size:8px
    }
    .food-cover--empty {
        padding:8px;
        background:#456546
    }
    .food-cover--empty>span {
        display:none
    }
    .food-cover--empty svg {
        width:100%;
        height:70px
    }
    .food-info-item summary {
        font-size:9px;
        padding:9px 8px;
        gap:5px
    }
    .food-info-item summary>span {
        font-size:8px
    }
    .food-info {
        gap:5px
    }
    .food-quantity button {
        width:38px;
        height:40px
    }
}

html:has(.food-profile dialog[open]) {
    overflow:hidden
}

.food-info-tabs {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    width:100%
}

.food-info-tabs button {
    display:flex;
    align-items:center;
    gap:22px;
    border:1px solid var(--food-line);
    border-radius:9px;
    background:#fffdf8;
    padding:11px 15px;
    font-size:12px;
    min-height:42px
}

.food-info-tabs button>span {
    font-size:11px;
    color:var(--food-muted)
}

.food-info-tabs button[aria-expanded="true"] {
    background:#fbede5;
    border-color:var(--food-brand);
    color:var(--food-brand)
}

.food-info.is-enhanced .food-info-item {
    display:none
}

.food-info.is-enhanced .food-info-item[open] {
    display:block;
    flex:1 0 100%;
    width:100%
}

.food-info.is-enhanced summary {
    display:none
}

.food-info-body .food-empty {
    padding:18px 0
}

@media(max-width:700px) {
    .food-info-tabs {
        gap:5px
    }
    .food-info-tabs button {
        font-size:9px;
        padding:9px 8px;
        gap:5px;
        min-height:38px
    }
    .food-info-tabs button>span {
        font-size:8px
    }
}

@media(min-width:701px) {
    .food-hero,.food-cover {
        min-height:240px
    }
    .food-hero-copy {
        padding:22px 28px
    }
    .food-identity img {
        width:34px;
        height:34px
    }
    .food-hero h1 {
        font-size:clamp(30px,3vw,42px);
        margin:10px 0
    }
    .food-address {
        margin-top:8px
    }
    .food-hero-actions {
        padding-top:12px
    }
    .food-promo img {
        max-height:132px
    }
    .food-promo>div {
        padding:16px 20px
    }
    .food-promo h2 {
        font-size:17px;
        margin:6px 0 10px
    }
}

.food-menu-heading h2 {
    line-height:1.15
}