.menu-item-with-image{width:100%}.menu-item-with-image__link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;padding:12px 0;gap:10px}.menu-item-with-image__media{width:100%;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.menu-item-with-image__media img{width:100%;height:100%;object-fit:cover;display:block}.menu-item-with-image__placeholder{width:100%;height:100%;background:linear-gradient(90deg,#eee,#f5f5f5)}.menu-item-with-image__body{text-align:center}.menu-item-with-image__title{margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.menu-item-with-image__desc{margin:6px 0 0;font-size:1rem;color:#000000a6;line-height:1.4}@media (max-width: 920px){.menu-item-with-image__link{flex-direction:row;align-items:center;padding:8px 0;gap:8px}.menu-item-with-image__media{flex:0 0 62px;width:62px;height:62px}.menu-item-with-image__body{flex:1;text-align:left}.menu-item-with-image__title{font-size:1.9rem}.menu-item-with-image__desc{font-size:1.2rem}}.menu-item-with-image__media img{transition:transform .3s ease;object-fit:contain;background:#fff;*/}.menu-item-with-image:hover .menu-item-with-image__media img{transform:scale(.9)}@media screen and (max-width: 920px){.mega-menu-1__mobile .mega-menu-1__carousel xo-carousel-list{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:120vh;scroll-snap-type:y mandatory}.mega-menu-1__mobile .mega-menu-1__carousel xo-carousel-slide{scroll-snap-align:start;width:100%}}.menu-item-with-image__media{position:relative;overflow:hidden;border-radius:6px;width:100%;height:100%}.menu-item-with-image__media img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .28s ease-in-out}.menu-item-with-image__media img.img--primary{opacity:1;display:block}.menu-item-with-image__media img.img--hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:1 / 1;object-fit:contain;opacity:0;pointer-events:none}.menu-item-with-image__link:hover .menu-item-with-image__media img.img--hover{opacity:1}.menu-item-with-image__link:hover .menu-item-with-image__media img.img--primary{opacity:0}@media (prefers-reduced-motion: reduce){.menu-item-with-image__media img{transition:none}}@media (max-width: 920px){.menu-item-with-image:not(:last-child){border-bottom:1px solid #e0e0e0}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/menu-item-with-image.css.map */