.badge{font-family:var(--font-body);padding:4px var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);font-size:12px;font-weight:700;display:inline-block}.badge-dark{background-color:var(--color-on-background);color:var(--color-background)}.badge-primary{background-color:var(--color-primary-container);color:var(--color-on-primary-container);border:1px solid var(--color-on-background)}.badge-secondary{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}
.menu-item-card{background-color:var(--color-surface);border:2px solid var(--color-on-background);padding:var(--spacing-md);text-align:center;cursor:pointer;flex-direction:column;align-items:center;height:100%;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s;display:flex;position:relative;overflow:hidden}.menu-item-card:hover{z-index:10;box-shadow:4px 4px 0px var(--color-on-background);transform:translate(-4px,-4px)}.menu-item-card:active{box-shadow:none;transform:translate(0)}.menu-item-card:hover .menu-item-img{transform:scale(1.05)}.menu-item-image-wrapper{aspect-ratio:1;width:100%;margin-bottom:var(--spacing-md);background-color:var(--color-secondary-container);border:2px solid var(--color-on-background);position:relative;overflow:hidden}.menu-item-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.menu-item-price{background-color:var(--color-primary);color:#fff;padding:6px var(--spacing-sm);font-family:var(--font-headline);border-left:2px solid var(--color-on-background);border-bottom:2px solid var(--color-on-background);font-size:18px;position:absolute;top:0;right:0}.menu-item-badge{border-right:2px solid var(--color-on-background);border-top:2px solid var(--color-on-background);position:absolute;bottom:0;left:0}.menu-item-title{font-family:var(--font-headline);text-transform:uppercase;margin-bottom:var(--spacing-xs);color:var(--color-on-surface);font-size:24px}.menu-item-desc{color:var(--color-on-surface-variant);margin-top:auto;font-size:14px;line-height:1.5}.menu-item-see-more,.menu-item-price-mobile{display:none}@media (max-width:575px){.menu-item-card{text-align:left;flex-direction:column;align-items:flex-start;height:100%;padding:0;display:flex}.menu-item-image-wrapper{inset:unset;aspect-ratio:1;border:none;border-bottom:2px solid var(--color-on-background);flex-shrink:0;width:100%;height:auto;margin-bottom:0;position:relative}.menu-item-img{object-fit:cover;width:100%;height:100%}.desktop-price{display:none}.menu-item-title-container{padding:var(--spacing-xs) var(--spacing-sm) 0;flex-flow:wrap;align-items:baseline;column-gap:6px;width:100%;display:flex}.menu-item-title{color:var(--color-on-surface);width:auto;margin-bottom:0;padding:0;font-size:13px;line-height:1.2;position:static}.menu-item-price-mobile{color:var(--color-primary);font-family:var(--font-headline);width:auto;padding:0;font-size:14px;display:inline-block}.menu-item-desc{-webkit-line-clamp:2;line-clamp:2;color:var(--color-on-surface-variant);padding:0 var(--spacing-sm);-webkit-box-orient:vertical;flex-grow:1;width:100%;margin-top:0;margin-bottom:0;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.menu-item-see-more{font-size:11px;font-weight:700;font-family:var(--font-body);color:var(--color-primary-container);padding:4px var(--spacing-sm) var(--spacing-sm);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;text-align:left;background:0 0;border:none;align-items:center;gap:4px;margin-top:auto;transition:opacity .2s,transform .2s;display:inline-flex}.menu-item-see-more:hover{opacity:.85}.menu-item-see-more:active{transform:translateY(1px)}.menu-item-see-more-icon{width:12px;height:12px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.menu-item-see-more-icon.expanded{transform:rotate(180deg)}.menu-item-desc.expanded{-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}}[dir=rtl] .menu-item-price{border-left:none;border-right:2px solid var(--color-on-background);left:0;right:auto}[dir=rtl] .menu-item-badge{border-right:none;border-left:2px solid var(--color-on-background);left:auto;right:0}@media (max-width:575px){[dir=rtl] .menu-item-card{text-align:right;align-items:flex-start}[dir=rtl] .menu-item-see-more{text-align:right}}