.makc-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--makc-space-8);row-gap:var(--makc-space-16);padding:var(--makc-space-16);background-color:var(--makc-color-page-background)}@media(min-width:768px){.makc-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--makc-space-24)}}@media(min-width:1024px){.makc-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:var(--makc-space-24);padding:var(--makc-space-32)}}.makc-menu-grid--horizontal{display:flex;grid-template-columns:none;gap:var(--makc-space-12);padding:0 var(--makc-space-16);background-color:transparent;overflow-x:auto}.makc-menu-grid--horizontal .makc-menu-card{flex-shrink:0;width:175px}.makc-menu-grid--vertical-list{display:flex;grid-template-columns:none;flex-direction:column;gap:var(--makc-space-16);padding:0}.makc-menu-grid--three-up{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--makc-space-16);padding:0}@media(min-width:768px){.makc-menu-grid--horizontal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--makc-space-8);row-gap:var(--makc-space-16);padding:0 var(--makc-space-24);overflow-x:visible}.makc-menu-grid--horizontal .makc-menu-card{width:auto}}@media(min-width:1024px){.makc-menu-grid--horizontal{padding:0 var(--makc-space-32)}}.makc-menu-grid__empty{display:flex;flex-direction:column;align-items:center;gap:var(--makc-space-12);padding:var(--makc-space-48) var(--makc-space-16)}.makc-menu-grid__empty[hidden]{display:none}.makc-menu-grid__empty-text{margin:0;text-align:center;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--makc-type-16);line-height:22px;color:var(--makc-color-text-tertiary)}.makc-menu-grid__empty-clear{display:inline-block;padding:0;border:none;background:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-14);line-height:22px;color:var(--makc-color-text-secondary);text-decoration:underline;cursor:pointer;transition:scale var(--makc-duration-press) var(--makc-ease-out),color var(--makc-duration-select) ease}.makc-menu-grid__empty-clear:active{scale:var(--makc-press-scale-sm)}@media(hover:hover)and (pointer:fine){.makc-menu-grid__empty-clear:hover{color:var(--makc-color-text-primary)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/makc-menu-grid.css.map */