@container sys-cardapio-publico (max-width: 560px) {
    .sys-cardapio-publico__shell {
        width: min(100%, calc(100% - 16px));
        padding: 0;
        border-radius: 22px;
    }

    .sys-cardapio-publico__viewer {
        padding-block: 8px;
    }

    .sys-cardapio-publico__page--cover {
        width: calc(100% - 16px);
    }

    .sys-cardapio-publico__cover {
        border-radius: 22px;
    }

    .sys-cardapio-publico__page-content {
        padding: 9px 14px 7px;
    }

    .sys-cardapio-publico__category-header {
        margin-bottom: 9px;
    }

    .sys-cardapio-publico__groups > .sys-cardapio-publico__category + .sys-cardapio-publico__category {
        margin-top: 14px;
    }

    .sys-cardapio-publico .sys-cardapio-publico__item {
        padding: 9px 0;
    }

    .sys-cardapio-publico__page-footer {
        min-height: 28px;
        padding: 3px 14px;
    }

}

@container sys-cardapio-publico (max-width: 360px) {
    .sys-cardapio-publico__page-content {
        padding: 8px 14px 6px;
    }

    .sys-cardapio-publico__category-header {
        margin-bottom: 8px;
    }

    .sys-cardapio-publico__groups > .sys-cardapio-publico__category + .sys-cardapio-publico__category {
        margin-top: 12px;
    }

    .sys-cardapio-publico__page-footer {
        min-height: 26px;
        padding: 2px 14px;
    }

    .sys-cardapio-publico .sys-cardapio-publico__item {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 10px;
        padding: 8px 0;
    }

    .sys-cardapio-publico .sys-cardapio-publico__item-media {
        width: 72px;
        height: 72px;
        min-width: 72px;
    }

    .sys-cardapio-publico .sys-cardapio-publico__item-title {
        font-size: 1.04rem;
    }

    .sys-cardapio-publico .sys-cardapio-publico__item-description {
        margin-top: 4px;
        font-size: var(--sfv-public-item-description-size-compact, 0.71rem);
        line-height: var(--sfv-public-item-description-line-height-compact, 1.28);
    }

    .sys-cardapio-publico .sys-cardapio-publico__item-price {
        margin-top: 5px;
    }

    .sys-cardapio-publico .sys-cardapio-publico__item-price-currency {
        font-size: 0.58rem;
    }

    .sys-cardapio-publico .sys-cardapio-publico__item-price-value {
        font-size: 1rem;
    }

    .sys-cardapio-publico__featured {
        min-height: 190px;
        border-radius: 15px;
    }

    .sys-cardapio-publico .sys-cardapio-publico__featured-content {
        width: 64%;
        padding: 12px 9px 11px 5px;
    }

    .sys-cardapio-publico .sys-cardapio-publico__featured-label {
        margin-bottom: 8px;
        font-size: 0.94rem;
    }

    .sys-cardapio-publico .sys-cardapio-publico__featured-title {
        font-size: 1.08rem;
    }

    .sys-cardapio-publico .sys-cardapio-publico__featured-description {
        margin-top: 6px;
        font-size: 0.74rem;
        line-height: 1.3;
        font-weight: 500;
    }

    .sys-cardapio-publico .sys-cardapio-publico__featured-price {
        margin-top: 9px;
    }

    .sys-cardapio-publico__featured-price-currency {
        font-size: 0.72rem;
    }

    .sys-cardapio-publico__featured-price-value {
        font-size: 1.78rem;
    }
}

@container sys-cardapio-publico (min-width: 760px) {
    .sys-cardapio-publico__viewer {
        padding-block: 28px;
    }

    .sys-cardapio-publico__book {
        gap: 28px;
    }

    .sys-cardapio-publico .sys-cardapio-publico__item {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 16px;
        padding: 18px 0;
    }

    .sys-cardapio-publico .sys-cardapio-publico__item-media {
        width: 96px;
        height: 96px;
        min-width: 96px;
    }

    .sys-cardapio-publico .sys-cardapio-publico__item-title {
        font-size: clamp(1.28rem, 1.8vw, 1.55rem);
    }

    .sys-cardapio-publico .sys-cardapio-publico__item-description {
        font-size: var(--sfv-public-item-description-size-wide, 0.86rem);
    }

    .sys-cardapio-publico .sys-cardapio-publico__item-price-value {
        font-size: clamp(1.18rem, 1.5vw, 1.38rem);
    }

    .sys-cardapio-publico__featured {
        min-height: 260px;
        border-radius: 22px;
    }

    .sys-cardapio-publico .sys-cardapio-publico__featured-content {
        width: 46%;
        padding: 26px 28px 24px 18px;
    }

    .sys-cardapio-publico .sys-cardapio-publico__featured-label {
        font-size: 1.48rem;
    }

    .sys-cardapio-publico .sys-cardapio-publico__featured-title {
        font-size: clamp(1.7rem, 2.5vw, 2.15rem);
    }

    .sys-cardapio-publico .sys-cardapio-publico__featured-description {
        font-size: 1rem;
        line-height: 1.42;
    }

    .sys-cardapio-publico__featured-price-currency {
        font-size: 1.08rem;
    }

    .sys-cardapio-publico__featured-price-value {
        font-size: clamp(2.8rem, 4.6vw, 3.8rem);
    }
}