.avon-has-menu-preview { position: relative; }
.avon-menu-image-preview { position: absolute; z-index: 99999; top: calc(100% + 8px); left: 0; width: 250px; padding: 9px; border-radius: 12px; background: #fff; box-shadow: 0 15px 36px rgba(0,0,0,.20); opacity: 0; visibility: hidden; transform: translateY(-7px); transition: opacity .2s ease, transform .2s ease, visibility .2s; pointer-events: none; }
.avon-preview-open > .avon-menu-image-preview { opacity: 1; visibility: visible; transform: translateY(0); }
.avon-menu-image-preview { overflow: hidden; }
.avon-menu-image-track { display: flex; overflow: visible; border-radius: 8px; aspect-ratio: 16 / 10; transition: transform .45s ease; }
.avon-menu-image-track img { flex: 0 0 100%; width: 100%; height: 100%; object-fit: cover; }
.avon-menu-image-label { display: block; margin-top: 7px; color: #252525; font-size: 12px; font-weight: 700; text-align: center; }
@media (max-width: 782px) { .avon-menu-image-preview { position: static; width: auto; margin: 8px 12px; display: none; opacity: 1; visibility: visible; transform: none; pointer-events: auto; box-shadow: 0 6px 18px rgba(0,0,0,.16); } .avon-preview-open > .avon-menu-image-preview, .avon-menu-image-preview.avon-mobile-visible { display: block; } }
@media (prefers-reduced-motion: reduce) { .avon-menu-image-track { transition: none; } }