/**
 * menu_layout preset — yüzeyler: ana menü kahramanı, kategori kahramanı, ürün detay uydu bileşenleri.
 * .qm-menu-modern / .qm-category-modern / .qm-product-modern + .menu-layout-{preset}
 */

.qm-menu-modern[class*="menu-layout-"] .qm-menu-hero {
    position: relative;
    isolation: isolate;
    contain: layout paint;
    overflow: hidden;
}

.qm-category-modern[class*="menu-layout-"] .qm-category-hero {
    overflow: hidden;
    isolation: isolate;
}

.qm-category-modern[class*="menu-layout-"] .qm-hero-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.qm-product-modern[class*="menu-layout-"] .qm-price-panel,
.qm-product-modern[class*="menu-layout-"] .qm-sticky-actions,
.qm-product-modern[class*="menu-layout-"] .qm-info-tile,
.qm-product-modern[class*="menu-layout-"] .qm-detail-icon {
    transition:
        box-shadow 0.32s ease,
        border-color 0.32s ease,
        background 0.32s ease;
}

/* ==================== Kart ==================== */
.qm-menu-modern.menu-layout-card .qm-menu-hero {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 14%, var(--qm-border));
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--qm-primary) 16%, transparent), transparent 34%),
        linear-gradient(145deg, color-mix(in srgb, var(--qm-primary) 8%, var(--qm-card-bg)), var(--qm-card-bg));
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 88%, #fff),
        0 14px 38px -12px color-mix(in srgb, var(--qm-body-color) 12%, transparent);
}

.qm-menu-modern.menu-layout-card .qm-menu-hero::after {
    background: color-mix(in srgb, var(--qm-primary) 10%, transparent);
}

.qm-menu-modern.menu-layout-card .qm-menu-chip,
.qm-menu-modern.menu-layout-card .qm-soft-chip {
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 12%, transparent);
    background: color-mix(in srgb, var(--qm-card-bg) 88%, #fff);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--qm-card-bg) 85%, #fff);
}

.qm-category-modern.menu-layout-card .qm-category-hero {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 14%, var(--qm-border));
    background: linear-gradient(
        145deg,
        color-mix(in srgb, var(--qm-primary) 9%, var(--qm-card-bg)),
        var(--qm-card-bg)
    );
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 88%, #fff),
        0 14px 38px -12px color-mix(in srgb, var(--qm-body-color) 11%, transparent);
}

.qm-category-modern.menu-layout-card .qm-soft-chip {
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 12%, transparent);
    background: color-mix(in srgb, var(--qm-card-bg) 88%, #fff);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--qm-card-bg) 82%, #fff);
}

.qm-category-modern.menu-layout-card .qm-hero-icon {
    border-radius: 1rem;
    background: color-mix(in srgb, var(--qm-primary) 10%, var(--qm-card-bg));
    border: 1px solid color-mix(in srgb, var(--qm-primary) 18%, transparent);
    color: var(--qm-primary);
}

.qm-category-modern.menu-layout-card .qm-product-grid > .qm-card:not(.qm-menu-tile) {
    border-radius: 1.05rem !important;
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 9%, var(--qm-border)) !important;
    background: linear-gradient(
        165deg,
        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 12px 32px -10px color-mix(in srgb, var(--qm-body-color) 10%, transparent);
}

.qm-product-modern.menu-layout-card .qm-price-panel {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 18%, var(--qm-border));
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--qm-primary) 10%, var(--qm-card-bg)),
        color-mix(in srgb, var(--qm-primary) 5%, var(--qm-card-bg))
    );
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--qm-card-bg) 75%, #fff);
}

.qm-product-modern.menu-layout-card .qm-detail-icon {
    background: color-mix(in srgb, var(--qm-primary) 10%, var(--qm-card-bg));
    border: 1px solid color-mix(in srgb, var(--qm-primary) 14%, transparent);
    color: var(--qm-primary);
}

.qm-product-modern.menu-layout-card .qm-detail-badge {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 16%, var(--qm-border));
    background: color-mix(in srgb, var(--qm-primary) 8%, var(--qm-card-bg));
}

.qm-product-modern.menu-layout-card .qm-info-tile {
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 9%, var(--qm-border));
    background: color-mix(in srgb, var(--qm-card-bg) 96%, #fff);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--qm-card-bg) 85%, #fff);
}

.qm-product-modern.menu-layout-card .qm-sticky-actions {
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 10%, var(--qm-border));
    background: color-mix(in srgb, var(--qm-card-bg) 92%, #fff);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 88%, #fff) inset,
        0 12px 36px color-mix(in srgb, var(--qm-body-color) 12%, transparent);
}

.qm-product-modern.menu-layout-card .qm-mobile-topbar .btn {
    box-shadow: 0 4px 14px color-mix(in srgb, var(--qm-body-color) 8%, transparent);
}

.qm-product-modern.menu-layout-card .list-group-item {
    border-color: color-mix(in srgb, var(--qm-body-color) 10%, transparent) !important;
}

/* ==================== Liste ==================== */
.qm-menu-modern.menu-layout-list .qm-menu-hero {
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 10%, var(--qm-border));
    background: var(--qm-card-bg);
    box-shadow: 0 6px 22px -8px color-mix(in srgb, var(--qm-body-color) 10%, transparent);
}

.qm-menu-modern.menu-layout-list .qm-menu-hero::after {
    opacity: 0.35;
    transform: scale(0.85);
}

.qm-menu-modern.menu-layout-list .qm-menu-chip,
.qm-menu-modern.menu-layout-list .qm-soft-chip {
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 11%, var(--qm-border));
    background: var(--qm-card-bg);
}

.qm-category-modern.menu-layout-list .qm-category-hero {
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 10%, var(--qm-border));
    background: var(--qm-card-bg);
    box-shadow: 0 8px 26px -10px color-mix(in srgb, var(--qm-body-color) 11%, transparent);
}

.qm-category-modern.menu-layout-list .qm-soft-chip {
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 11%, var(--qm-border));
    background: var(--qm-card-bg);
}

.qm-category-modern.menu-layout-list .qm-hero-icon {
    border-radius: 0.9rem;
    background: color-mix(in srgb, var(--qm-body-color) 6%, var(--qm-card-bg));
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 10%, var(--qm-border));
}

.qm-category-modern.menu-layout-list .qm-product-grid > .qm-card:not(.qm-menu-tile) {
    border-radius: 1rem !important;
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 10%, var(--qm-border)) !important;
    box-shadow: 0 6px 20px -8px color-mix(in srgb, var(--qm-body-color) 10%, transparent);
}

.qm-product-modern.menu-layout-list .qm-price-panel {
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 11%, var(--qm-border));
    background: color-mix(in srgb, var(--qm-body-color) 5%, var(--qm-card-bg));
}

.qm-product-modern.menu-layout-list .qm-detail-icon {
    border-radius: 0.85rem;
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 10%, var(--qm-border));
    background: color-mix(in srgb, var(--qm-body-color) 5%, var(--qm-card-bg));
}

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

/* ==================== Minimal ==================== */
.qm-menu-modern.menu-layout-minimal .qm-menu-hero {
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 12%, var(--qm-border));
    background: transparent;
    box-shadow: none;
}

.qm-menu-modern.menu-layout-minimal .qm-menu-hero::after {
    display: none;
}

.qm-menu-modern.menu-layout-minimal .qm-menu-chip,
.qm-menu-modern.menu-layout-minimal .qm-soft-chip {
    border: 1px solid var(--qm-border);
    background: transparent;
    box-shadow: none;
}

.qm-menu-modern.menu-layout-minimal .qm-menu-hero::after {
    display: none;
}

.qm-category-modern.menu-layout-minimal .qm-category-hero {
    border: 1px solid var(--qm-border);
    background: transparent;
    box-shadow: none;
}

.qm-category-modern.menu-layout-minimal .qm-soft-chip {
    border: 1px solid var(--qm-border);
    background: transparent;
}

.qm-category-modern.menu-layout-minimal .qm-hero-icon {
    border-radius: 0.65rem;
    background: transparent;
    border: 1px solid var(--qm-border);
    color: var(--qm-body-color);
}

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

.qm-product-modern.menu-layout-minimal .qm-price-panel {
    border: 1px solid var(--qm-border);
    background: transparent;
    box-shadow: none;
}

.qm-product-modern.menu-layout-minimal .qm-detail-icon {
    background: transparent;
    border: 1px solid var(--qm-border);
    color: var(--qm-body-color);
}

.qm-product-modern.menu-layout-minimal .qm-detail-badge {
    border: 1px solid var(--qm-border);
    background: transparent;
}

.qm-product-modern.menu-layout-minimal .qm-info-tile {
    border: 1px solid var(--qm-border);
    background: transparent;
    box-shadow: none;
}

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

.qm-product-modern.menu-layout-minimal .qm-mobile-topbar .btn {
    box-shadow: none;
}

/* ==================== Premium ==================== */
.qm-menu-modern.menu-layout-premium .qm-menu-hero {
    border: none;
    background: radial-gradient(
        120% 90% at 50% -20%,
        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 18px 48px -12px color-mix(in srgb, var(--qm-body-color) 16%, transparent),
        0 8px 22px color-mix(in srgb, var(--qm-primary) 12%, transparent);
}

.qm-menu-modern.menu-layout-premium .qm-menu-hero::after {
    width: 15rem;
    height: 15rem;
    background: color-mix(in srgb, var(--qm-primary) 14%, transparent);
}

.qm-menu-modern.menu-layout-premium .qm-menu-chip,
.qm-menu-modern.menu-layout-premium .qm-soft-chip {
    border: none;
    background: color-mix(in srgb, var(--qm-card-bg) 94%, #fff);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 72%, #fff) inset,
        0 10px 28px color-mix(in srgb, var(--qm-body-color) 10%, transparent);
}

.qm-category-modern.menu-layout-premium .qm-category-hero {
    border: none;
    background: radial-gradient(
        110% 85% at 50% -15%,
        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 20px 50px -14px color-mix(in srgb, var(--qm-body-color) 15%, transparent);
}

.qm-category-modern.menu-layout-premium .qm-soft-chip {
    border: none;
    background: color-mix(in srgb, var(--qm-card-bg) 94%, #fff);
    box-shadow: 0 10px 28px color-mix(in srgb, var(--qm-body-color) 10%, transparent);
}

.qm-category-modern.menu-layout-premium .qm-hero-icon {
    border-radius: 1.15rem;
    background: color-mix(in srgb, var(--qm-primary) 12%, var(--qm-card-bg));
    border: none;
    box-shadow: 0 10px 26px color-mix(in srgb, var(--qm-primary) 18%, transparent);
    color: var(--qm-primary);
}

.qm-category-modern.menu-layout-premium .qm-product-grid > .qm-card:not(.qm-menu-tile) {
    border: none !important;
    border-radius: 1.15rem !important;
    background: radial-gradient(
        100% 70% at 50% 0%,
        color-mix(in srgb, var(--qm-card-bg) 94%, #fff) 0%,
        var(--qm-card-bg) 70%
    ) !important;
    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) 15%, transparent) !important;
}

.qm-product-modern.menu-layout-premium .qm-price-panel {
    border: none;
    background: radial-gradient(
        120% 80% at 50% 0%,
        color-mix(in srgb, var(--qm-primary) 14%, var(--qm-card-bg)),
        color-mix(in srgb, var(--qm-primary) 6%, var(--qm-card-bg))
    );
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 70%, #fff) inset,
        0 14px 36px color-mix(in srgb, var(--qm-body-color) 12%, transparent);
}

.qm-product-modern.menu-layout-premium .qm-detail-icon {
    border: none;
    background: color-mix(in srgb, var(--qm-primary) 12%, var(--qm-card-bg));
    box-shadow: 0 10px 26px color-mix(in srgb, var(--qm-primary) 15%, transparent);
    color: var(--qm-primary);
}

.qm-product-modern.menu-layout-premium .qm-info-tile {
    border: none;
    background: color-mix(in srgb, var(--qm-body-color) 5%, var(--qm-card-bg));
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 78%, #fff) inset,
        0 10px 28px color-mix(in srgb, var(--qm-body-color) 9%, transparent);
}

.qm-product-modern.menu-layout-premium .qm-sticky-actions {
    border: none;
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--qm-card-bg) 75%, #fff) inset,
        0 18px 44px color-mix(in srgb, var(--qm-body-color) 14%, transparent);
}

.qm-product-modern.menu-layout-premium .qm-mobile-topbar .btn {
    border: none;
    box-shadow: 0 12px 32px color-mix(in srgb, var(--qm-body-color) 14%, transparent);
}

/* ==================== Modern ==================== */
.qm-menu-modern.menu-layout-modern .qm-menu-hero {
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 10%, transparent);
    background: var(--qm-card-bg);
    box-shadow:
        0 8px 28px color-mix(in srgb, var(--qm-body-color) 14%, transparent),
        0 0 0 1px color-mix(in srgb, var(--qm-primary) 10%, transparent);
}

.qm-menu-modern.menu-layout-modern .qm-menu-hero::after {
    background: color-mix(in srgb, var(--qm-primary) 18%, transparent);
}

.qm-menu-modern.menu-layout-modern .qm-menu-chip,
.qm-menu-modern.menu-layout-modern .qm-soft-chip {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 22%, transparent);
    background: var(--qm-card-bg);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--qm-primary) 8%, transparent);
}

.qm-category-modern.menu-layout-modern .qm-category-hero {
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 10%, transparent);
    background: var(--qm-card-bg);
    box-shadow:
        0 10px 32px color-mix(in srgb, var(--qm-body-color) 14%, transparent),
        0 0 0 1px color-mix(in srgb, var(--qm-primary) 10%, transparent);
}

.qm-category-modern.menu-layout-modern .qm-soft-chip {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 28%, transparent);
    background: var(--qm-card-bg);
}

.qm-category-modern.menu-layout-modern .qm-hero-icon {
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--qm-primary) 28%, transparent);
    background: color-mix(in srgb, var(--qm-primary) 8%, var(--qm-card-bg));
    color: var(--qm-primary);
}

.qm-category-modern.menu-layout-modern .qm-product-grid > .qm-card:not(.qm-menu-tile) {
    border-radius: var(--qm-radius-sm) !important;
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 10%, transparent) !important;
    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) !important;
}

.qm-product-modern.menu-layout-modern .qm-price-panel {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 26%, transparent);
    background: color-mix(in srgb, var(--qm-primary) 8%, var(--qm-card-bg));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--qm-primary) 10%, transparent);
}

.qm-product-modern.menu-layout-modern .qm-detail-icon {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 22%, transparent);
    background: color-mix(in srgb, var(--qm-primary) 10%, var(--qm-card-bg));
    color: var(--qm-primary);
}

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

/* ==================== Cam (kahramanda blur yok; küçük yüzeylerde cam) ==================== */
.qm-menu-modern.menu-layout-glass .qm-menu-hero {
    border: 1px solid color-mix(in srgb, var(--qm-card-bg) 68%, #fff);
    background: linear-gradient(
        145deg,
        color-mix(in srgb, var(--qm-card-bg) 72%, #fff),
        var(--qm-card-bg)
    );
    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);
}

.qm-menu-modern.menu-layout-glass .qm-menu-chip,
.qm-menu-modern.menu-layout-glass .qm-soft-chip {
    border: 1px solid color-mix(in srgb, var(--qm-card-bg) 65%, #fff);
    background: linear-gradient(
        145deg,
        color-mix(in srgb, var(--qm-card-bg) 65%, #fff),
        color-mix(in srgb, var(--qm-card-bg) 82%, #fff)
    );
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.qm-category-modern.menu-layout-glass .qm-category-hero {
    border: 1px solid color-mix(in srgb, var(--qm-card-bg) 68%, #fff);
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--qm-card-bg) 88%, #fff),
        var(--qm-card-bg)
    );
    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);
}

.qm-category-modern.menu-layout-glass .qm-soft-chip {
    border: 1px solid color-mix(in srgb, var(--qm-card-bg) 65%, #fff);
    background: color-mix(in srgb, var(--qm-card-bg) 78%, #fff);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.qm-category-modern.menu-layout-glass .qm-hero-icon {
    border-radius: 1.05rem;
    border: 1px solid color-mix(in srgb, var(--qm-card-bg) 65%, #fff);
    background: color-mix(in srgb, var(--qm-primary) 16%, transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--qm-primary);
}

.qm-category-modern.menu-layout-glass .qm-product-grid > .qm-card:not(.qm-menu-tile) {
    border-radius: 1.08rem !important;
    border: 1px solid color-mix(in srgb, var(--qm-card-bg) 72%, #fff) !important;
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--qm-card-bg) 82%, #fff),
        var(--qm-card-bg)
    ) !important;
    box-shadow: 0 16px 42px color-mix(in srgb, var(--qm-body-color) 11%, transparent) !important;
}

.qm-product-modern.menu-layout-glass .qm-price-panel {
    border: 1px solid color-mix(in srgb, var(--qm-card-bg) 68%, #fff);
    background: linear-gradient(
        165deg,
        color-mix(in srgb, var(--qm-primary) 14%, transparent),
        color-mix(in srgb, var(--qm-card-bg) 88%, #fff)
    );
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.qm-product-modern.menu-layout-glass .qm-detail-icon {
    border: 1px solid color-mix(in srgb, var(--qm-card-bg) 65%, #fff);
    background: color-mix(in srgb, var(--qm-card-bg) 75%, #fff);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.qm-product-modern.menu-layout-glass .qm-info-tile {
    border: 1px solid color-mix(in srgb, var(--qm-card-bg) 72%, #fff);
    background: color-mix(in srgb, var(--qm-card-bg) 88%, #fff);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.qm-product-modern.menu-layout-glass .qm-sticky-actions {
    border: 1px solid color-mix(in srgb, var(--qm-card-bg) 68%, #fff);
    background: color-mix(in srgb, var(--qm-card-bg) 88%, #fff);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* ==================== Vurgulu ==================== */
.qm-menu-modern.menu-layout-bold .qm-menu-hero {
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 11%, var(--qm-border));
    border-left: 5px solid var(--qm-primary);
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--qm-primary) 12%, transparent) 0%,
        var(--qm-card-bg) 36%
    );
    box-shadow: 0 12px 32px color-mix(in srgb, var(--qm-primary) 18%, transparent);
}

.qm-menu-modern.menu-layout-bold .qm-menu-chip,
.qm-menu-modern.menu-layout-bold .qm-soft-chip {
    border: 2px solid color-mix(in srgb, var(--qm-primary) 35%, transparent);
    background: var(--qm-card-bg);
}

.qm-category-modern.menu-layout-bold .qm-category-hero {
    border: 1px solid color-mix(in srgb, var(--qm-body-color) 10%, var(--qm-border));
    border-left: 6px solid var(--qm-primary);
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--qm-primary) 14%, transparent) 0%,
        var(--qm-card-bg) 42%
    );
    box-shadow: 0 12px 34px color-mix(in srgb, var(--qm-primary) 20%, transparent);
}

.qm-category-modern.menu-layout-bold .qm-soft-chip {
    border: 2px solid color-mix(in srgb, var(--qm-primary) 30%, transparent);
    background: var(--qm-card-bg);
}

.qm-category-modern.menu-layout-bold .qm-hero-icon {
    border-radius: 1rem;
    border: 2px solid color-mix(in srgb, var(--qm-primary) 35%, transparent);
    background: color-mix(in srgb, var(--qm-primary) 10%, var(--qm-card-bg));
    color: var(--qm-primary);
}

.qm-category-modern.menu-layout-bold .qm-product-grid > .qm-card:not(.qm-menu-tile) {
    border-radius: 1rem !important;
    border: 2px solid color-mix(in srgb, var(--qm-body-color) 11%, var(--qm-border)) !important;
    border-left: 5px solid var(--qm-primary) !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--qm-body-color) 11%, transparent) !important;
}

.qm-product-modern.menu-layout-bold .qm-price-panel {
    border: 2px solid color-mix(in srgb, var(--qm-primary) 35%, transparent);
    border-left-width: 5px;
    border-left-color: var(--qm-primary);
    background: color-mix(in srgb, var(--qm-primary) 8%, var(--qm-card-bg));
}

.qm-product-modern.menu-layout-bold .qm-detail-icon {
    border: 2px solid color-mix(in srgb, var(--qm-primary) 28%, transparent);
    background: color-mix(in srgb, var(--qm-primary) 12%, var(--qm-card-bg));
    color: var(--qm-primary);
}

.qm-product-modern.menu-layout-bold .qm-sticky-actions {
    border: 2px solid color-mix(in srgb, var(--qm-primary) 22%, transparent);
    border-left: 5px solid var(--qm-primary);
}

/* ==================== Yumuşak ==================== */
.qm-menu-modern.menu-layout-soft .qm-menu-hero {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 22%, var(--qm-border));
    background: linear-gradient(
        165deg,
        color-mix(in srgb, var(--qm-card-bg) 90%, var(--qm-primary)),
        var(--qm-card-bg)
    );
    border-radius: 1.5rem !important;
    box-shadow:
        0 8px 28px color-mix(in srgb, var(--qm-primary) 22%, transparent),
        0 18px 46px color-mix(in srgb, var(--qm-primary) 18%, transparent);
}

.qm-menu-modern.menu-layout-soft .qm-menu-hero::after {
    background: color-mix(in srgb, var(--qm-primary) 18%, transparent);
}

.qm-menu-modern.menu-layout-soft .qm-menu-chip,
.qm-menu-modern.menu-layout-soft .qm-soft-chip {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 22%, transparent);
    background: color-mix(in srgb, var(--qm-card-bg) 94%, var(--qm-primary));
    border-radius: 999px;
}

.qm-category-modern.menu-layout-soft .qm-category-hero {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 20%, var(--qm-border));
    border-radius: 1.5rem !important;
    background: linear-gradient(
        165deg,
        color-mix(in srgb, var(--qm-card-bg) 92%, var(--qm-primary)),
        var(--qm-card-bg)
    );
    box-shadow:
        0 10px 32px color-mix(in srgb, var(--qm-primary) 24%, transparent),
        0 18px 44px color-mix(in srgb, var(--qm-primary) 16%, transparent);
}

.qm-category-modern.menu-layout-soft .qm-soft-chip {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 22%, transparent);
    background: color-mix(in srgb, var(--qm-card-bg) 94%, var(--qm-primary));
}

.qm-category-modern.menu-layout-soft .qm-hero-icon {
    border-radius: 1.35rem;
    background: color-mix(in srgb, var(--qm-primary) 16%, var(--qm-card-bg));
    border: 1px solid color-mix(in srgb, var(--qm-primary) 24%, transparent);
    color: var(--qm-primary);
}

.qm-category-modern.menu-layout-soft .qm-product-grid > .qm-card:not(.qm-menu-tile) {
    border-radius: 1.35rem !important;
    border: 1px solid color-mix(in srgb, var(--qm-primary) 20%, var(--qm-border)) !important;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--qm-card-bg) 93%, var(--qm-primary)),
        var(--qm-card-bg)
    ) !important;
    box-shadow: 0 18px 46px color-mix(in srgb, var(--qm-primary) 26%, transparent) !important;
}

.qm-product-modern.menu-layout-soft .qm-price-panel {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 24%, var(--qm-border));
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--qm-primary) 14%, var(--qm-card-bg)),
        color-mix(in srgb, var(--qm-primary) 8%, var(--qm-card-bg))
    );
    border-radius: 1.35rem !important;
    box-shadow: 0 14px 38px color-mix(in srgb, var(--qm-primary) 22%, transparent);
}

.qm-product-modern.menu-layout-soft .qm-detail-icon {
    border-radius: 1.1rem;
    border: 1px solid color-mix(in srgb, var(--qm-primary) 22%, transparent);
    background: color-mix(in srgb, var(--qm-primary) 14%, var(--qm-card-bg));
    color: var(--qm-primary);
}

.qm-product-modern.menu-layout-soft .qm-detail-badge {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 22%, transparent);
    background: color-mix(in srgb, var(--qm-primary) 10%, var(--qm-card-bg));
}

.qm-product-modern.menu-layout-soft .qm-info-tile {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 18%, var(--qm-border));
    background: color-mix(in srgb, var(--qm-card-bg) 94%, var(--qm-primary));
    border-radius: 1.15rem;
}

.qm-product-modern.menu-layout-soft .qm-sticky-actions {
    border-radius: 1.35rem !important;
    border: 1px solid color-mix(in srgb, var(--qm-primary) 22%, transparent);
    box-shadow: 0 18px 44px color-mix(in srgb, var(--qm-primary) 22%, transparent);
}

/* Ürün rozetleri (liste/kategori kutucukları + ürün bayrakları) — admin verisi, preset stili */
.qm-menu-modern.menu-layout-minimal .qm-menu-badge,
.qm-category-modern.menu-layout-minimal .qm-menu-badge {
    background: transparent !important;
    border: 1px solid var(--qm-border) !important;
}

.qm-menu-modern.menu-layout-list .qm-menu-badge,
.qm-category-modern.menu-layout-list .qm-menu-badge {
    border-radius: 0.65rem !important;
}

.qm-menu-modern.menu-layout-premium .qm-menu-badge,
.qm-category-modern.menu-layout-premium .qm-menu-badge {
    border: none !important;
    box-shadow: 0 8px 22px color-mix(in srgb, var(--qm-body-color) 10%, transparent);
}

.qm-menu-modern.menu-layout-modern .qm-menu-badge,
.qm-category-modern.menu-layout-modern .qm-menu-badge {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 26%, transparent) !important;
    background: color-mix(in srgb, var(--qm-primary) 10%, var(--qm-card-bg)) !important;
}

.qm-menu-modern.menu-layout-glass .qm-menu-badge,
.qm-category-modern.menu-layout-glass .qm-menu-badge {
    border: 1px solid color-mix(in srgb, var(--qm-card-bg) 70%, #fff) !important;
    background: color-mix(in srgb, var(--qm-card-bg) 85%, #fff) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.qm-menu-modern.menu-layout-bold .qm-menu-badge,
.qm-category-modern.menu-layout-bold .qm-menu-badge {
    border-left: 3px solid var(--qm-primary) !important;
    border-radius: 0.5rem !important;
}

.qm-menu-modern.menu-layout-soft .qm-menu-badge,
.qm-category-modern.menu-layout-soft .qm-menu-badge {
    border: 1px solid color-mix(in srgb, var(--qm-primary) 22%, transparent) !important;
    background: color-mix(in srgb, var(--qm-primary) 10%, var(--qm-card-bg)) !important;
}

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

.qm-product-modern.menu-layout-premium .qm-detail-badge {
    border: none;
    box-shadow: 0 8px 22px color-mix(in srgb, var(--qm-body-color) 9%, transparent);
}