.menu-product-recommendations {
    width: 100%;
    margin-top: 22px;
    border-top: 1px solid rgba(120, 110, 100, .18);
}
.menu-product-recommendations[hidden], .menu-product-recommendations section[hidden] { display: none !important; }
.menu-product-recommendations section { padding-top: 18px; }
.menu-product-recommendations h5 { margin: 0 0 11px; color: inherit; font-size: 15px; font-weight: 800; line-height: 1.35; }
.menu-product-recommendations__list { display: grid; gap: 8px; }
.menu-product-recommendation {
    width: 100%;
    min-height: 64px;
    padding: 7px 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(120, 110, 100, .2);
    border-radius: 14px;
    background: rgba(255, 255, 255, .8);
    color: #28231f;
    text-align: start;
    box-shadow: none;
}
.menu-product-recommendation:hover, .menu-product-recommendation:focus-visible { border-color: currentColor; outline: 0; }
.menu-product-recommendation__media { width: 50px; height: 50px; flex: 0 0 50px; display: grid; place-items: center; overflow: hidden; border-radius: 11px; background: #f5f1ed; }
.menu-product-recommendation__media img { width: 100%; height: 100%; display: block; object-fit: contain; }
.menu-product-recommendation__copy { min-width: 0; flex: 1; }
.menu-product-recommendation__copy strong { display: -webkit-box; overflow: hidden; font-size: 13px; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.menu-product-recommendation__copy small { display: block; margin-top: 3px; color: #746d67; font-size: 11px; }
.menu-product-recommendation__add { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; border-radius: 50%; background: #28231f; color: #fff; font-size: 20px; line-height: 1; }
[dir="rtl"] .menu-product-recommendation { text-align: right; }

.pz-body .menu-product-recommendation { color: var(--pz-ink); background: #fff; border-color: var(--pz-line); }
.pz-body .menu-product-recommendation__add { background: var(--pz-accent); color: #fff; }
.he-body .menu-product-recommendation__add, .hg-body .menu-product-recommendation__add { color: #fff; }

@media (min-width: 640px) {
    .menu-product-recommendations__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}