/**
 * QR menü — görünüm düzenleri (menu_layout)
 * Yüksek kalite UI: katmanlı gölge, marka rengi dokunuşu, cam/derinlik, mobil güvenli.
 */

/* —— ortak: geçiş eğrisi (premium his, hızlı başlangıç) —— */
.qm-menu-modern[class*="menu-layout-"] .qm-menu-tile,
.qm-menu-modern[class*="menu-layout-"] .qm-product-card,
.qm-category-modern[class*="menu-layout-"] .qm-menu-tile,
.qm-category-modern[class*="menu-layout-"] .qm-product-card,
.qm-product-modern[class*="menu-layout-"] .qm-card {
    transition:
        transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.38s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.32s ease,
        background 0.32s ease,
        filter 0.32s ease;
}

.qm-menu-modern[class*="menu-layout-"] a,
.qm-category-modern[class*="menu-layout-"] a {
    -webkit-tap-highlight-color: transparent;
}

/* Kapak: çoğu düzende hafif hover kararması (görsel derinlik) */
.qm-menu-modern[class*="menu-layout-"] .qm-menu-tile__cover::after,
.qm-category-modern[class*="menu-layout-"] .qm-menu-tile__cover::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.35s ease;
    background: linear-gradient(
        180deg,
        transparent 0%,
        color-mix(in srgb, var(--qm-body-color) 18%, transparent) 100%
    );
}

.qm-menu-modern[class*="menu-layout-"] a:hover .qm-menu-tile__cover::after,
.qm-category-modern[class*="menu-layout-"] a:hover .qm-menu-tile__cover::after {
    opacity: 1;
}

.qm-menu-modern.menu-layout-minimal .qm-menu-tile__cover::after,
.qm-category-modern.menu-layout-minimal .qm-menu-tile__cover::after {
    opacity: 0 !important;
}

/* ========== Kart — editorial, dengeli ========== */
.qm-menu-modern.menu-layout-card .qm-menu-tile,
.qm-menu-modern.menu-layout-card .qm-product-card,
.qm-category-modern.menu-layout-card .qm-menu-tile,
.qm-category-modern.menu-layout-card .qm-product-card {
    border-radius: 1.05rem !important;
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 8%, var(--qm-border)) !important;
    background:
        linear-gradient(
            165deg,
            color-mix(in srgb, var(--qm-card-bg) 88%, #fff) 0%,
            var(--qm-card-bg) 42%
        );
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 88%, #fff),
        0 1px 2px color-mix(in srgb, var(--qm-body-color) 5%, transparent),
        0 12px 32px -8px color-mix(in srgb, var(--qm-body-color) 9%, transparent),
        0 0 0 1px color-mix(in srgb, var(--qm-primary) 4%, transparent);
}

.qm-menu-modern.menu-layout-card a:hover .qm-menu-tile,
.qm-menu-modern.menu-layout-card a:hover .qm-product-card,
.qm-category-modern.menu-layout-card a:hover .qm-menu-tile,
.qm-category-modern.menu-layout-card a:hover .qm-product-card {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--qm-primary) 24%, var(--qm-border)) !important;
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 82%, #fff),
        0 8px 16px -4px color-mix(in srgb, var(--qm-primary) 14%, transparent),
        0 22px 48px -12px color-mix(in srgb, var(--qm-body-color) 14%, transparent);
}

.qm-product-modern.menu-layout-card .qm-card {
    border-radius: var(--qm-radius);
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 7%, var(--qm-border));
    background: linear-gradient(180deg, color-mix(in srgb, var(--qm-card-bg) 92%, #fff) 0%, var(--qm-card-bg) 100%);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 82%, #fff),
        0 14px 36px -10px color-mix(in srgb, var(--qm-body-color) 12%, transparent);
}

.qm-product-modern.menu-layout-card .qm-detail-hero {
    border-radius: var(--qm-radius);
    box-shadow: 0 18px 44px -14px color-mix(in srgb, var(--qm-body-color) 18%, transparent);
}

/* ========== Liste — şerit hissi, net hiyerarşi ========== */
.qm-menu-modern.menu-layout-list .qm-product-grid,
.qm-category-modern.menu-layout-list .qm-product-grid {
    gap: 0.65rem;
    max-width: 40rem;
}

@media (min-width: 768px) {
    .qm-menu-modern.menu-layout-list .qm-product-grid,
    .qm-category-modern.menu-layout-list .qm-product-grid {
        grid-template-columns: 1fr;
        max-width: 34rem;
    }
}

.qm-menu-modern.menu-layout-list .qm-menu-tile,
.qm-menu-modern.menu-layout-list .qm-product-card,
.qm-category-modern.menu-layout-list .qm-menu-tile,
.qm-category-modern.menu-layout-list .qm-product-card {
    border-radius: 1rem !important;
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 9%, var(--qm-border)) !important;
    background: var(--qm-card-bg);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 85%, #fff),
        0 4px 14px -4px color-mix(in srgb, var(--qm-body-color) 7%, transparent);
}

.qm-menu-modern.menu-layout-list a:hover .qm-menu-tile,
.qm-menu-modern.menu-layout-list a:hover .qm-product-card,
.qm-category-modern.menu-layout-list a:hover .qm-menu-tile,
.qm-category-modern.menu-layout-list a:hover .qm-product-card {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--qm-primary) 30%, var(--qm-border)) !important;
    box-shadow:
        0 10px 28px -6px color-mix(in srgb, var(--qm-body-color) 12%, transparent),
        0 0 0 1px color-mix(in srgb, var(--qm-primary) 12%, transparent);
}

@media (min-width: 576px) {
    .qm-menu-modern.menu-layout-list .qm-menu-tile--has-photo,
    .qm-category-modern.menu-layout-list .qm-menu-tile--has-photo {
        flex-direction: row;
        align-items: stretch;
    }

    .qm-menu-modern.menu-layout-list .qm-menu-tile--has-photo .qm-menu-tile__cover,
    .qm-category-modern.menu-layout-list .qm-menu-tile--has-photo .qm-menu-tile__cover {
        width: 40%;
        max-width: 11.25rem;
        flex-shrink: 0;
        align-self: stretch;
        min-height: 7rem;
        aspect-ratio: var(--product-aspect, 4 / 3);
        border-radius: 0.85rem !important;
        overflow: hidden;
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--qm-body-color) 8%, transparent);
    }

    .qm-menu-modern.menu-layout-list .qm-menu-tile--has-photo .qm-menu-tile__body,
    .qm-category-modern.menu-layout-list .qm-menu-tile--has-photo .qm-menu-tile__body {
        flex: 1;
        min-width: 0;
        justify-content: center;
        padding: 1rem 1.2rem;
    }
}

.qm-product-modern.menu-layout-list .qm-card {
    border-radius: 0.95rem;
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 9%, var(--qm-border));
    box-shadow: 0 6px 20px -6px color-mix(in srgb, var(--qm-body-color) 10%, transparent);
}

.qm-product-modern.menu-layout-list .qm-detail-hero {
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 10%, var(--qm-border));
    box-shadow: 0 8px 24px -8px color-mix(in srgb, var(--qm-body-color) 12%, transparent);
}

/* ========== Minimal — Swiss, çizgi ========== */
.qm-menu-modern.menu-layout-minimal .qm-menu-tile,
.qm-menu-modern.menu-layout-minimal .qm-product-card,
.qm-category-modern.menu-layout-minimal .qm-menu-tile,
.qm-category-modern.menu-layout-minimal .qm-product-card {
    border-radius: 0.75rem !important;
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 11%, var(--qm-border)) !important;
    box-shadow: none !important;
    background: transparent;
}

.qm-menu-modern.menu-layout-minimal a:hover .qm-menu-tile,
.qm-menu-modern.menu-layout-minimal a:hover .qm-product-card,
.qm-category-modern.menu-layout-minimal a:hover .qm-menu-tile,
.qm-category-modern.menu-layout-minimal a:hover .qm-product-card {
    transform: translateY(-2px);
    background: var(--qm-card-bg) !important;
    border-color: color-mix(in srgb, var(--qm-primary) 26%, var(--qm-border)) !important;
    box-shadow: 0 10px 28px -10px color-mix(in srgb, var(--qm-body-color) 8%, transparent) !important;
}

.qm-product-modern.menu-layout-minimal .qm-card {
    border-radius: 0.75rem;
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 10%, var(--qm-border));
    box-shadow: none;
    background: color-mix(in srgb, var(--qm-card-bg) 94%, transparent);
}

.qm-product-modern.menu-layout-minimal .qm-detail-hero {
    border-radius: 0.75rem;
}

/* ========== Premium — derin ambient gölge ========== */
.qm-menu-modern.menu-layout-premium .qm-menu-tile,
.qm-menu-modern.menu-layout-premium .qm-product-card,
.qm-category-modern.menu-layout-premium .qm-menu-tile,
.qm-category-modern.menu-layout-premium .qm-product-card {
    border-radius: 1.15rem !important;
    border: none !important;
    background:
        radial-gradient(
            120% 80% at 50% -10%,
            color-mix(in srgb, var(--qm-card-bg) 92%, #fff) 0%,
            var(--qm-card-bg) 55%
        );
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 85%, #fff) inset,
        0 2px 4px color-mix(in srgb, var(--qm-body-color) 4%, transparent),
        0 16px 42px -10px color-mix(in srgb, var(--qm-body-color) 14%, transparent),
        0 6px 18px -8px color-mix(in srgb, var(--qm-primary) 8%, transparent);
}

.qm-menu-modern.menu-layout-premium a:hover .qm-menu-tile,
.qm-menu-modern.menu-layout-premium a:hover .qm-product-card,
.qm-category-modern.menu-layout-premium a:hover .qm-menu-tile,
.qm-category-modern.menu-layout-premium a:hover .qm-product-card {
    transform: translateY(-5px);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 82%, #fff) inset,
        0 12px 28px -6px color-mix(in srgb, var(--qm-primary) 18%, transparent),
        0 28px 56px -14px color-mix(in srgb, var(--qm-body-color) 18%, transparent);
}

.qm-menu-modern.menu-layout-premium .rounded-4,
.qm-category-modern.menu-layout-premium .rounded-4 {
    border-radius: var(--qm-radius) !important;
}

.qm-product-modern.menu-layout-premium .qm-card {
    border: none;
    border-radius: var(--qm-radius);
    background: radial-gradient(
        100% 70% at 50% 0%,
        color-mix(in srgb, var(--qm-card-bg) 94%, #fff) 0%,
        var(--qm-card-bg) 60%
    );
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 82%, #fff) inset,
        0 18px 46px -12px color-mix(in srgb, var(--qm-body-color) 16%, transparent);
}

.qm-product-modern.menu-layout-premium .qm-detail-hero {
    border-radius: var(--qm-radius);
}

/* ========== Modern — keskin kontrast + neon rim ========== */
.qm-menu-modern.menu-layout-modern .qm-menu-tile,
.qm-menu-modern.menu-layout-modern .qm-product-card,
.qm-category-modern.menu-layout-modern .qm-menu-tile,
.qm-category-modern.menu-layout-modern .qm-product-card {
    border-radius: 1rem !important;
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 9%, transparent) !important;
    background: var(--qm-card-bg);
    box-shadow:
        0 2px 4px color-mix(in srgb, var(--qm-body-color) 5%, transparent),
        0 14px 36px -10px color-mix(in srgb, var(--qm-body-color) 18%, transparent),
        0 0 0 1px color-mix(in srgb, var(--qm-primary) 6%, transparent);
}

.qm-menu-modern.menu-layout-modern a:hover .qm-menu-tile,
.qm-menu-modern.menu-layout-modern a:hover .qm-product-card,
.qm-category-modern.menu-layout-modern a:hover .qm-menu-tile,
.qm-category-modern.menu-layout-modern a:hover .qm-product-card {
    transform: translateY(-4px) scale(1.008);
    border-color: color-mix(in srgb, var(--qm-primary) 35%, transparent) !important;
    box-shadow:
        0 6px 14px -4px color-mix(in srgb, var(--qm-primary) 22%, transparent),
        0 22px 44px -12px color-mix(in srgb, var(--qm-body-color) 16%, transparent),
        0 0 0 2px color-mix(in srgb, var(--qm-primary) 18%, transparent);
}

.qm-product-modern.menu-layout-modern .qm-card {
    border-radius: var(--qm-radius-sm);
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 10%, transparent);
    box-shadow:
        0 10px 28px -8px color-mix(in srgb, var(--qm-body-color) 18%, transparent),
        0 0 0 1px color-mix(in srgb, var(--qm-primary) 8%, transparent);
}

.qm-product-modern.menu-layout-modern .qm-detail-hero {
    border-radius: var(--qm-radius-sm);
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 10%, transparent);
    box-shadow:
        0 10px 28px -8px color-mix(in srgb, var(--qm-body-color) 18%, transparent),
        0 0 0 1px color-mix(in srgb, var(--qm-primary) 8%, transparent);
}

/* ========== Cam — kaliteli frost ========== */
.qm-menu-modern.menu-layout-glass .qm-menu-tile,
.qm-menu-modern.menu-layout-glass .qm-product-card,
.qm-category-modern.menu-layout-glass .qm-menu-tile,
.qm-category-modern.menu-layout-glass .qm-product-card {
    border-radius: 1.1rem !important;
    border: 1px solid color-mix(in srgb, var(--qm-card-bg) 68%, #fff) !important;
    background: linear-gradient(
        145deg,
        color-mix(in srgb, var(--qm-card-bg) 62%, #fff) 0%,
        color-mix(in srgb, var(--qm-card-bg) 78%, #fff) 100%
    );
    backdrop-filter: saturate(175%) blur(18px);
    -webkit-backdrop-filter: saturate(175%) blur(18px);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 88%, #fff) inset,
        0 -1px 0 color-mix(in srgb, var(--qm-body-color) 6%, transparent) inset,
        0 14px 40px color-mix(in srgb, var(--qm-body-color) 11%, transparent);
}

.qm-menu-modern.menu-layout-glass a:hover .qm-menu-tile,
.qm-menu-modern.menu-layout-glass a:hover .qm-product-card,
.qm-category-modern.menu-layout-glass a:hover .qm-menu-tile,
.qm-category-modern.menu-layout-glass a:hover .qm-product-card {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--qm-primary) 42%, transparent) !important;
    background: linear-gradient(
        145deg,
        color-mix(in srgb, var(--qm-card-bg) 78%, #fff) 0%,
        color-mix(in srgb, var(--qm-card-bg) 90%, #fff) 100%
    );
}

.qm-product-modern.menu-layout-glass .qm-card {
    border-radius: var(--qm-radius);
    border: 1px solid color-mix(in srgb, var(--qm-card-bg) 72%, #fff);
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--qm-card-bg) 78%, #fff),
        color-mix(in srgb, var(--qm-card-bg) 90%, #fff)
    );
    backdrop-filter: saturate(170%) blur(16px);
    -webkit-backdrop-filter: saturate(170%) blur(16px);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 85%, #fff) inset,
        0 18px 44px color-mix(in srgb, var(--qm-body-color) 12%, transparent);
}

/* Kahraman görseli üzerinde blur kullanmıyoruz; cam preset’te çerçeve + iç highlight */
.qm-product-modern.menu-layout-glass .qm-detail-hero {
    border-radius: 1.1rem;
    border: 1px solid color-mix(in srgb, var(--qm-card-bg) 68%, #fff);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 88%, #fff) inset,
        0 16px 42px color-mix(in srgb, var(--qm-body-color) 11%, transparent);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .qm-menu-modern.menu-layout-glass .qm-menu-tile,
    .qm-menu-modern.menu-layout-glass .qm-product-card,
    .qm-category-modern.menu-layout-glass .qm-menu-tile,
    .qm-category-modern.menu-layout-glass .qm-product-card {
        background: color-mix(in srgb, var(--qm-card-bg) 94%, var(--qm-primary));
    }

    .qm-product-modern.menu-layout-glass .qm-card {
        background: color-mix(in srgb, var(--qm-card-bg) 96%, var(--qm-primary));
    }
}

/* ========== Vurgulu — gradient şerit ========== */
.qm-menu-modern.menu-layout-bold .qm-menu-tile,
.qm-menu-modern.menu-layout-bold .qm-product-card,
.qm-category-modern.menu-layout-bold .qm-menu-tile,
.qm-category-modern.menu-layout-bold .qm-product-card {
    border-radius: 1rem !important;
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 10%, var(--qm-border)) !important;
    border-left: none !important;
    background:
        linear-gradient(
            90deg,
            var(--qm-primary) 0%,
            var(--qm-primary) 5px,
            var(--qm-card-bg) 5px,
            var(--qm-card-bg) 100%
        );
    box-shadow:
        0 2px 6px color-mix(in srgb, var(--qm-primary) 15%, transparent),
        0 12px 28px -8px color-mix(in srgb, var(--qm-body-color) 11%, transparent);
}

.qm-menu-modern.menu-layout-bold a:hover .qm-menu-tile,
.qm-menu-modern.menu-layout-bold a:hover .qm-product-card,
.qm-category-modern.menu-layout-bold a:hover .qm-menu-tile,
.qm-category-modern.menu-layout-bold a:hover .qm-product-card {
    transform: translateY(-3px);
    box-shadow:
        0 4px 14px color-mix(in srgb, var(--qm-primary) 28%, transparent),
        0 18px 38px -10px color-mix(in srgb, var(--qm-body-color) 14%, transparent);
}

.qm-product-modern.menu-layout-bold .qm-card {
    border-radius: var(--qm-radius-sm);
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 11%, var(--qm-border));
    border-left: 5px solid var(--qm-primary);
    box-shadow: 0 12px 30px color-mix(in srgb, var(--qm-body-color) 11%, transparent);
}

.qm-product-modern.menu-layout-bold .qm-detail-hero {
    border-radius: var(--qm-radius);
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 9%, transparent);
    border-left: 6px solid var(--qm-primary);
    box-shadow: 0 16px 40px color-mix(in srgb, var(--qm-body-color) 14%, transparent);
}

/* ========== Yumuşak — pastel bloom ========== */
.qm-menu-modern.menu-layout-soft .qm-menu-tile,
.qm-menu-modern.menu-layout-soft .qm-product-card,
.qm-category-modern.menu-layout-soft .qm-menu-tile,
.qm-category-modern.menu-layout-soft .qm-product-card {
    border-radius: 1.4rem !important;
    border: 1px solid color-mix(in srgb, var(--qm-primary) 18%, var(--qm-border)) !important;
    background: linear-gradient(
        165deg,
        color-mix(in srgb, var(--qm-card-bg) 92%, var(--qm-primary)) 0%,
        var(--qm-card-bg) 55%
    );
    box-shadow:
        0 2px 8px color-mix(in srgb, var(--qm-primary) 12%, transparent),
        0 18px 46px -12px color-mix(in srgb, var(--qm-primary) 26%, transparent),
        0 8px 22px color-mix(in srgb, var(--qm-body-color) 6%, transparent);
}

.qm-menu-modern.menu-layout-soft a:hover .qm-menu-tile,
.qm-menu-modern.menu-layout-soft a:hover .qm-product-card,
.qm-category-modern.menu-layout-soft a:hover .qm-menu-tile,
.qm-category-modern.menu-layout-soft a:hover .qm-product-card {
    transform: translateY(-4px);
    box-shadow:
        0 6px 18px color-mix(in srgb, var(--qm-primary) 22%, transparent),
        0 26px 52px -14px color-mix(in srgb, var(--qm-primary) 34%, transparent);
}

.qm-product-modern.menu-layout-soft .qm-card {
    border-radius: 1.4rem;
    border: 1px solid color-mix(in srgb, var(--qm-primary) 18%, var(--qm-border));
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--qm-card-bg) 88%, var(--qm-primary)) 0%,
        var(--qm-card-bg) 100%
    );
    box-shadow:
        0 18px 44px color-mix(in srgb, var(--qm-primary) 24%, transparent),
        0 8px 24px color-mix(in srgb, var(--qm-body-color) 8%, transparent);
}

.qm-product-modern.menu-layout-soft .qm-detail-hero {
    border-radius: 1.4rem;
}

/* Öne çıkan görsel — preset uyumu (ana menü + bireysel ürün kahraman görseli) */
.qm-menu-modern.menu-layout-minimal .qm-featured-media,
.qm-product-modern.menu-layout-minimal .qm-detail-cover {
    border-radius: 0.7rem !important;
}

.qm-menu-modern.menu-layout-card .qm-featured-media,
.qm-product-modern.menu-layout-card .qm-detail-cover {
    border-radius: 1rem !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--qm-body-color) 7%, transparent);
}

.qm-menu-modern.menu-layout-premium .qm-featured-media,
.qm-menu-modern.menu-layout-modern .qm-featured-media,
.qm-product-modern.menu-layout-premium .qm-detail-cover,
.qm-product-modern.menu-layout-modern .qm-detail-cover {
    border-radius: 1.12rem !important;
}

.qm-menu-modern.menu-layout-list .qm-featured-media,
.qm-product-modern.menu-layout-list .qm-detail-cover {
    border-radius: 1rem !important;
}

.qm-menu-modern.menu-layout-soft .qm-featured-media,
.qm-product-modern.menu-layout-soft .qm-detail-cover {
    border-radius: 1.35rem !important;
    box-shadow: 0 12px 32px color-mix(in srgb, var(--qm-primary) 22%, transparent);
}

.qm-menu-modern.menu-layout-bold .qm-featured-media,
.qm-product-modern.menu-layout-bold .qm-detail-cover {
    border-radius: 1rem !important;
    border: 2px solid transparent;
    background:
        linear-gradient(var(--qm-card-bg), var(--qm-card-bg)) padding-box,
        linear-gradient(135deg, var(--qm-primary), color-mix(in srgb, var(--qm-primary) 55%, var(--qm-secondary))) border-box;
}

.qm-menu-modern.menu-layout-glass .qm-featured-media,
.qm-product-modern.menu-layout-glass .qm-detail-cover {
    border-radius: 1.08rem !important;
    border: 1px solid color-mix(in srgb, var(--qm-card-bg) 72%, #fff);
    box-shadow: 0 14px 36px color-mix(in srgb, var(--qm-body-color) 12%, transparent);
}

/* Erişilebilirlik */
@media (prefers-reduced-motion: reduce) {
    .qm-menu-modern a:hover .qm-menu-tile,
    .qm-menu-modern a:hover .qm-product-card,
    .qm-category-modern a:hover .qm-menu-tile,
    .qm-category-modern a:hover .qm-product-card {
        transform: none !important;
    }

    .qm-menu-modern[class*="menu-layout-"] .qm-menu-tile__cover::after,
    .qm-category-modern[class*="menu-layout-"] .qm-menu-tile__cover::after {
        opacity: 0 !important;
    }
}