/* =====================================================================
   QUICK OVERRIDES (Coffee Brand Edition)
   ---------------------------------------------------------------------
   Amaç:
   - Mevcut Quick HTML/CSHTML yapısını BOZMADAN görünümü yenilemek
   - Değişimi büyük ölçüde CSS ile yapmak
   - Ürün detayı (sidebar/bottom sheet) alanına DOKUNMAMAK

   Notlar:
   - Bu dosya style.css ve theme css'lerden SONRA yüklenmelidir.
   - Ürün detayı kapsam dışı: .sidebar-wrap, #productdetayload, .menu-open...
   ===================================================================== */

/* =====================================================================
   0) COFFEE BRAND PALETTE (Token'lar)
   ---------------------------------------------------------------------
   Palet mantığı:
   - Arka plan: sıcak krem
   - Yüzey: porselen beyaz
   - Metin: koyu espresso
   - Brand: kavrulmuş kahve / karamel vurgu
   - Border: sıcak, düşük kontrast
   ===================================================================== */
:root {
    /* Typography */
    --qs-font: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    --qs-font-alt: "PT Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

    /* Base surfaces */
    --qs-bg: #F6F0E6;        /* crema */
    --qs-surface: #FFFFFF;   /* porselen */
    --qs-surface-2: #FFF9F0; /* latte foam */

    /* Text */
    --qs-text: #2B1D14;      /* espresso */
    --qs-muted: #7A665A;     /* mocha grey */
    --qs-border: rgba(43, 29, 20, 0.12);

    /* Brand (Saatli Fırın) */
    --qs-brand: #195458;     /* corporate teal */
    --qs-brand-2: #C79B6D;   /* caramel (warm secondary) */
    --qs-accent: #195458;    /* align accent to brand */
    --qs-danger: #B42318;

    /* Radius */
    --qs-r-sm: 10px;
    --qs-r-md: 16px;
    --qs-r-lg: 22px;

    /* Shadows (warm) */
    --qs-shadow-sm: 0 6px 18px rgba(43, 29, 20, 0.06);
    --qs-shadow-md: 0 14px 34px rgba(43, 29, 20, 0.10);

    /* Spacing scale */
    --qs-1: 4px;
    --qs-2: 8px;
    --qs-3: 12px;
    --qs-4: 16px;
    --qs-5: 20px;
    --qs-6: 24px;

    /* Focus ring (brand) */
    --qs-ring: 0 0 0 3px rgba(25, 84, 88, 0.22);
}

/* =====================================================================
   1) BASE (Global)
   ===================================================================== */

html, body {
    font-family: var(--qs-font);
    color: var(--qs-text);
}

/*body {
    background: radial-gradient( circle at 20% 20%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 40% ), radial-gradient( circle at 80% 0%, rgba(215, 122, 61, 0.08) 0%, rgba(215, 122, 61, 0) 45% ), linear-gradient( 180deg, #FFF8F1 0%, #FFF3E8 50%, #FDEBDD 100% );
    background-attachment: fixed;
}*/
body {
    background: radial-gradient(circle at 10% 10%, rgb(255 255 255), var(--qs-surface-2) 40%), linear-gradient(271deg, #52e5a500, #FDEBDD);
}
/* Modal mutlaka backdrop'un üstünde olsun */
.modal {
    position: fixed !important; /* çok kritik */
    z-index: 20000 !important;
    transform: none !important;
}

/* Backdrop daha düşük kalsın */
.modal-backdrop {
    z-index: 19990 !important;
}

.form-floating > .form-control.is-valid:not(:placeholder-shown) + label::after, .form-floating > .form-select.is-valid:not(:placeholder-shown) + label::after {
    background-color: transparent;
}
.form-floating > .form-control.is-invalid:not(:placeholder-shown) + label::after, .form-floating > .form-select.is-invalid:not(:placeholder-shown) + label::after {
    background-color: transparent;
}

a {
    color: inherit;
    text-decoration: none;
}

    a:hover {
        color: var(--qs-brand);
    }

/* Headings */
h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.2px;
}

h3, .h3 {
    font-weight: 800;
    color: #fe5803;
}

h5, .h5 {
    font-weight: 800;
}

h6, .h6 {
    font-weight: 800;
}

.text-color-theme {
    color: #fe5803;
}

.text-muted, .small, small {
    color: var(--qs-muted) !important;
}

/* Layout spacing */


/* Reduce mobile tap highlight */
a, button {
    -webkit-tap-highlight-color: transparent;
}

.footer .nav .nav-item.center-item .nav-link > span {
    background: #fe5803;
}
/* =====================================================================
   2) FORMS (Search vb.)
   ===================================================================== */

.form-control,
.form-select,
.form-floating > .form-control,
.form-floating > .form-select {
    border-radius: var(--qs-r-md);
    border: 1px solid var(--qs-border);
    background: var(--qs-surface);
    box-shadow: none;
}

    .form-control:focus,
    .form-select:focus {
        border-color: rgba(107, 63, 42, 0.45);
        box-shadow: var(--qs-ring);
    }

.form-floating > label {
    color: rgba(122, 102, 90, 0.95);
    font-weight: 700;
}

.form-floating .form-control {
    padding-top: 1.1rem;
}

/* Search input + overlay button */
.form-floating {
    position: relative;
}

    .form-floating > .form-control {
        min-height: 52px;
        padding-right: 52px;
    }

    .form-floating .search-btn,
    .form-floating button[type="submit"],
    .form-floating button[type="button"] {
        position: absolute;
        right: 11px;
        top: 77%;
        transform: translateY(-50%);
        height: 40px;
        width: 40px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        border: 1px solid rgba(107, 63, 42, 0.18);
        background: rgba(107, 63, 42, 0.10);
        color: var(--qs-brand);
    }

        .form-floating .search-btn:hover,
        .form-floating button[type="submit"]:hover,
        .form-floating button[type="button"]:hover {
            background: rgba(107, 63, 42, 0.14);
            border-color: rgba(107, 63, 42, 0.28);
            box-shadow: var(--qs-shadow-sm);
        }
.form-control-lg {
    min-height: calc(1.5em + (1rem + 2px));
    padding: 0.5rem 1rem;
    font-size: 1.025rem;
    border-radius: 0.3rem;
}
/* =====================================================================
   3) BUTTONS
   ===================================================================== */
.bg-light {
    background-color: #ffffff !important;
}

.btn {
    border-radius: var(--qs-r-md);
}

    .btn:focus {
        box-shadow: var(--qs-ring) !important;
    }

.btn-primary {
    background: var(--qs-brand);
    border-color: var(--qs-brand);
}

    .btn-primary:hover {
        background: #5A3423;
        border-color: #5A3423;
    }

/* Chips (kategori vb.) */
a.btn.btn-sm,
button.btn.btn-sm {
    padding: 2px 7px;
    border-radius: 999px;
    border: 1px solid var(--qs-border);
    background: var(--qs-surface);
}

    a.btn.btn-sm:hover,
    button.btn.btn-sm:hover {
        border-color: rgba(107, 63, 42, 0.25);
        box-shadow: var(--qs-shadow-sm);
    }

    a.btn.btn-sm.is-active,
    button.btn.btn-sm.is-active {
        background: rgba(107, 63, 42, 0.10);
        border-color: rgba(107, 63, 42, 0.30);
        color: var(--qs-brand);
    }

/* =====================================================================
   4) CARDS / LISTS
   ===================================================================== */

.card {
    border-radius: var(--qs-r-lg);
    border: 1px solid var(--qs-border);
    box-shadow: var(--qs-shadow-sm);
    background: var(--qs-surface);
}

    .card .card-body {
        padding: var(--qs-4);
    }

    /* Images */
    .card figure {
        border-top-left-radius: var(--qs-r-lg);
        border-top-right-radius: var(--qs-r-lg);
        overflow: hidden;
        background: var(--qs-surface-2);
        min-height: 120px; /* yumuşak standardizasyon */
    }

        .card figure img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

/* Showcase slider variants (slightly different min-heights) */
.shopslides .card figure,
.offerslides .card figure {
    min-height: 110px;
}

.maincaseswiper1 .card figure {
    min-height: 140px;
}

/* Product title clamp */
.card h6,
.card .h6 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 900;
    letter-spacing: -0.2px;
}

/* Price / emphasis */
.price,
.product-price,
.card .text-secondary,
.card .fw-semibold {
    color: var(--qs-text);
}

/* List group (MainShowcase5) */
.list-group-item {
    border-color: rgba(43, 29, 20, 0.08);
    border-radius: var(--qs-r-md);
    margin-bottom: 10px;
    box-shadow: var(--qs-shadow-sm);
    background: rgba(255,255,255,0.98);
}

    .list-group-item:last-child {
        margin-bottom: 0;
    }

    .list-group-item .fw-bold,
    .list-group-item h6 {
        font-weight: 900;
    }

/* Badges */
.badge {
    border-radius: 999px;
    font-weight: 800;
    letter-spacing: 0.2px;
}

.badge-new {
    background: rgba(107, 63, 42, 0.10);
    color: var(--qs-brand);
    border: 1px solid rgba(107, 63, 42, 0.18);
    font-weight: 900;
    padding: 6px 10px;
}

/* Sold-out (davranış aynı) */
.sold-out {
    opacity: 0.50;
    filter: grayscale(0.25);
}

    .sold-out::after {
        content: "TÜKENDİ";
        border-radius: 999px;
        font-weight: 900;
        letter-spacing: 0.4px;
        padding: 6px 10px;
        top: 10px;
        right: 10px;
        background: rgba(180, 35, 24, 0.92);
        color: #fff;
        box-shadow: 0 10px 20px rgba(180, 35, 24, 0.18);
    }

/* Desktop hover polish (safe) */
@media (hover: hover) and (pointer: fine) {
    .card:hover {
        box-shadow: var(--qs-shadow-md);
        border-color: rgba(107, 63, 42, 0.16);
       /* transform: translateY(-1px);
        transition: all 160ms ease;*/
    }
}

/* =====================================================================
   5) CATEGORIES
   ===================================================================== */

/* Category swiper cards (categorySetting=1) */
.categoriesswiper {
    padding-bottom: 8px;
}

    .categoriesswiper .swiper-slide {
        padding-bottom: 10px;
    }

    .categoriesswiper .card {
        border-radius: var(--qs-r-lg);
        overflow: hidden;
    }

        .categoriesswiper .card figure {
            border-radius: var(--qs-r-lg);
            overflow: hidden;
            background: var(--qs-surface-2);
            min-height: 110px;
        }

            .categoriesswiper .card figure img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .categoriesswiper .card .categoryname,
        .categoriesswiper .card .mt-1.fw-normal {
            font-weight: 900 !important;
            color: var(--qs-text);
        }

/* Category overlay (categorySetting=3) */
.cat-overlay {
    position: relative;
    border-radius: var(--qs-r-lg) !important;
    overflow: hidden;
    box-shadow: var(--qs-shadow-sm);
    border: 1px solid var(--qs-border);
}

    .cat-overlay img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
        filter: saturate(1.05) contrast(1.02);
    }

.cat-title {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.86);
    backdrop-filter: blur(8px);
    color: var(--qs-text) !important;
    font-weight: 900;
    text-align: left;
}

/* categorySetting=2 button spacing */
.mb-2 a.btn.btn-sm,
.mb-2 button.btn.btn-sm {
    margin: 4px 6px 6px 0;
}

/* =====================================================================
   6) HEADER / FOOTER (App feel)
   ===================================================================== */

.header,
.footer {
    background: rgb(25 84 88) !important;
    backdrop-filter: blur(10px);
    border-color: rgba(43, 29, 20, 0.08);
}

.header {
    border-bottom: 1px solid rgba(43, 29, 20, 0.08);
}

    .header a,
    .header button {
        border-radius: 999px;
    }

    .header .fw-bold,
    .header .title,
    .header h6,
    .header .h6 {
        font-weight: 900;
    }

.footer {
    border-top: 1px solid rgba(43, 29, 20, 0.08);
}

    .footer a,
    .footer button {
        padding: 10px 12px;
    }

    .footer .btn,
    .footer a {
        border-radius: 999px;
    }

        .footer a.active,
        .footer a[aria-current="page"],
        .footer button.active {
            background: rgba(107, 63, 42, 0.10);
            color: var(--qs-brand);
            box-shadow: var(--qs-shadow-sm);
            border: 1px solid rgba(107, 63, 42, 0.18);
        }

    .footer i,
    .footer .bi {
        font-size: 1.15rem;
    }

    .footer small,
    .footer .small {
        font-weight: 800;
        color: var(--qs-muted) !important;
    }

    .footer .p-3 {
        background-color: #e05710 !important;
    }

/* Touch feedback */
a:active,
button:active,
.btn:active {
    transform: translateY(0.5px);
}

/* =====================================================================
   7) SWIPER
   ===================================================================== */

.swiper .card {
    transform: translateZ(0);
}

.maincaseswiper1 .card,
.shopslides .card,
.offerslides .card {
    border-radius: var(--qs-r-lg);
}

.swiper-pagination {
    bottom: 6px !important;
}

.swiper-pagination-bullet {
    opacity: 0.25;
    width: 7px;
    height: 7px;
    border-radius: 999px;
}

.swiper-pagination-bullet-active {
    opacity: 0.85;
    transform: scale(1.15);
}

/* =====================================================================
   8) SECTION / DIVIDERS / SPACING
   ===================================================================== */

.showcase-title,
h5.showcase-title,
h5.mb-2 {
    font-family: var(--qs-font);
    font-weight: 900;
    letter-spacing: -0.3px;
    color: var(--qs-text);
}

.showcase-title {
    margin: var(--qs-5) 0 var(--qs-3);
}

section,
.section {
    margin-bottom: var(--qs-5);
}

.hr-soft,
hr {
    border-color: rgba(43, 29, 20, 0.08);
}

.container-fluid .row {
    --bs-gutter-x: 1rem;
}

/* =====================================================================
   9) SCOPE (Quick main only) - Theme çakışmalarını azalt
   ===================================================================== */

main.container-fluid.has-header.has-footer .card,
main.container-fluid.has-header.has-footer .list-group-item {
    background: rgba(255, 255, 255, 0.98);
    border-radius: 14px;
    border: 2px solid rgb(227 117 56 / 47%);
}

/* =====================================================================
   10) OPTIONAL DARK TOKENS (aktif değil)
   - Kullanmak istersen: body data-theme="dark"
   ===================================================================== */

body[data-theme="dark"] {
    --qs-bg: #0C0F12;
    --qs-surface: #121820;
    --qs-surface-2: #141C26;
    --qs-text: #E7E1DA;
    --qs-muted: #B3A79E;
    --qs-border: rgba(231, 225, 218, 0.12);
    --qs-brand: #C79B6D;
    --qs-brand-2: #6B3F2A;
    --qs-shadow-sm: 0 6px 18px rgba(0, 0, 0, 0.38);
    --qs-shadow-md: 0 14px 34px rgba(0, 0, 0, 0.46);
    --qs-ring: 0 0 0 3px rgba(199, 155, 109, 0.22);
}

    body[data-theme="dark"] .header,
    body[data-theme="dark"] .footer {
        background: rgba(18, 24, 32, 0.72);
        border-color: rgba(231, 225, 218, 0.12);
    }

    body[data-theme="dark"] main.container-fluid.has-header.has-footer .card,
    body[data-theme="dark"] main.container-fluid.has-header.has-footer .list-group-item {
        background: rgba(18, 24, 32, 0.92);
        border-color: rgba(231, 225, 218, 0.12);
        border-radius: 14px;
        border: 2px solid var(--qs-border);
    }

/* =====================================================================
   11) SAFETY: ÜRÜN DETAYI (KAPSAM DIŞI)
   ===================================================================== */

.sidebar-wrap,
.sidebar-wrap * {
    /* bilerek boş: ürün detayı aynı kalacak */
}


/* =====================================================================
   QUICK GLASS HEADER – Coffee Brand
   ---------------------------------------------------------------------
   Amaç:
   - style-primary.css içindeki mavi header'ı tamamen devre dışı bırakmak
   - Glass (cam) efektli, premium kahve hissi vermek
   - HTML/CSHTML'e dokunmamak
   ===================================================================== */

/* 1) Header container – cam yüzey */
.header {
    position: fixed; /* mevcut davranışı koru */
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(43, 29, 20, 0.10);
    box-shadow: 0 8px 24px rgba(43, 29, 20, 0.08);
    color: #FFFFFF !important;
}

    /* 2) style-primary.css’ten gelen mavi arka planı iptal et */


    /* 3) Header içindeki tüm link & ikonlar */
    .header a,
    .header button,
    .header i,
    .header svg {
        color: #FFFFFF !important;
        text-decoration: none;
    }

    /* 4) Header başlık / logo yazısı */
    .header .fw-bold,
    .header .title,
    .header h6,
    .header .h6,
    .header .navbar-brand {
        font-weight: 900;
        letter-spacing: -0.2px;
        color: #FFFFFF !important;
    }

    /* 5) Header ikon butonları (geri, menü, arama vs.) */
    .header .btn,
    .header a.btn,
    .header button {
        border-radius: 999px;
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 8px;
    }

        /* 6) Hover & active state – kahve vurgusu */
        .header a:hover,
        .header button:hover {
            background: rgba(107, 63, 42, 0.08);
            color: #FFFFFF !important;
        }

        .header a:active,
        .header button:active {
            background: rgba(107, 63, 42, 0.14);
        }

    /* 7) Header ikon boyutları (mobil için netlik) */
    .header i,
    .header .bi {
        font-size: 1.2rem;
        line-height: 1;
    }

/* 8) Güvenli alan: header altındaki içerik kaymasın */
main.container-fluid.has-header {
    padding-top: 82px; /* 64px header + nefes */
    max-width: 480px;
    margin: auto;
}

/* 9) Fallback (blur desteklemeyen cihazlar) */
@supports not (backdrop-filter: blur(10px)) {
    .header {
        background: rgba(255, 255, 255, 0.92) !important;
    }
}


/* =====================================================================
   QUICK CATEGORIES – Coffee Brand
   ---------------------------------------------------------------------
   Kapsam:
   - categorySetting = 1 (Swiper kart)
   - categorySetting = 2 (Buton/Chip grid)
   - categorySetting = 3 (Overlay görsel kutular)
   Not:
   - Ürün detayı alanına dokunmaz.
   ===================================================================== */

/* Genel kategori alanı spacing */
.categoriesswiper {
    padding: 6px 0 10px;
}

/* ---------------------------------------------------------------------
   categorySetting = 2  (Buton / Chip)
   - Mevcut: a.btn.btn-sm / button.btn.btn-sm
   - Kahve hissi: porselen zemin + espresso border + caramel vurgu
--------------------------------------------------------------------- */

a.btn.btn-sm,
button.btn.btn-sm {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(43, 29, 20, 0.12);
    color: var(--qs-text);
    border-radius: 999px;
    padding: 10px 14px;
}

    a.btn.btn-sm:hover,
    button.btn.btn-sm:hover {
        background: rgba(255, 255, 255, 1);
        border-color: rgba(107, 63, 42, 0.22);
        box-shadow: 0 10px 24px rgba(43, 29, 20, 0.08);
        color: var(--qs-brand);
    }

    /* Aktif kategori için hazır kural:
   (HTML/JS active basmıyorsa şimdilik görünmez; ileride minimal hook ekleriz) */
    a.btn.btn-sm.is-active,
    button.btn.btn-sm.is-active {
        background: rgba(107, 63, 42, 0.10);
        border-color: rgba(107, 63, 42, 0.30);
        color: var(--qs-brand);
    }

/* Buton gridde nefes */
.mb-2 a.btn.btn-sm,
.mb-2 button.btn.btn-sm {
    margin: 4px 6px 6px 0;
}

/* ---------------------------------------------------------------------
   categorySetting = 1  (Swiper kart)
   - Mevcut: .categoriesswiper .card figure img + altta categoryname
--------------------------------------------------------------------- */

.categoriesswiper .swiper-slide {
    padding-bottom: 8px;
}

.categoriesswiper .card {
    border-radius: var(--qs-r-lg);
    border: 1px solid rgba(43, 29, 20, 0.10);
    box-shadow: 0 10px 26px rgba(43, 29, 20, 0.08);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.98);
}

    /* Kategori görseli: “kahve menü panosu” gibi */
    .categoriesswiper .card figure {
        border-radius: var(--qs-r-lg);
        overflow: hidden;
        background: var(--qs-surface-2);
        min-height: 110px;
    }

        .categoriesswiper .card figure img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: saturate(1.06) contrast(1.02);
            transform: translateZ(0);
        }

    /* Kategori adı: daha güçlü ve okunur */
    .categoriesswiper .card .categoryname,
    .categoriesswiper .card .mt-1.fw-normal {
        font-weight: 900 !important;
        color: var(--qs-text);
        letter-spacing: -0.2px;
    }

/* ---------------------------------------------------------------------
   categorySetting = 3  (Overlay görsel)
   - Mevcut: .cat-overlay + .cat-title (inline css vardı, bunu bastırıyoruz)
--------------------------------------------------------------------- */

.cat-overlay {
    position: relative;
    border-radius: var(--qs-r-lg) !important;
    overflow: hidden;
    border: 1px solid rgba(43, 29, 20, 0.10);
    box-shadow: 0 12px 30px rgba(43, 29, 20, 0.10);
    background: rgba(255, 255, 255, 0.98);
}

    .cat-overlay img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
        filter: saturate(1.06) contrast(1.02);
    }

/* Overlay title: “etiket” gibi, cam + sıcak vurgu */
.cat-title {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    padding: 10px 12px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.84);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(43, 29, 20, 0.10);
    box-shadow: 0 10px 24px rgba(43, 29, 20, 0.08);
    color: var(--qs-text) !important;
    font-weight: 900;
    text-align: left;
    letter-spacing: -0.2px;
}

    /* Overlay title içinde “fiyat/alt metin” varsa sakinleştir */
    .cat-title small,
    .cat-title .small {
        color: var(--qs-muted) !important;
        font-weight: 800;
    }

/* ---------------------------------------------------------------------
   Kategori Swiper pagination (varsa) – caramel dokunuş
--------------------------------------------------------------------- */

.categoriesswiper .swiper-pagination-bullet-active {
    opacity: 0.95;
}

/* (Opsiyonel) bullet rengi: caramel hissi
   Not: Swiper bullet rengi inline gelmiyorsa etkili olur */
.categoriesswiper .swiper-pagination-bullet {
    background: rgba(199, 155, 109, 0.55);
}

.categoriesswiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    margin: 0 auto;
    border-radius: 5px !important;
}

/* ==============================
   QS Multi Price – Base (ROW-KEY VERSION)
   data-mp-key artık .qs-mp__row üstünde
   ============================== */

.qs-mp {
}

/* Head (ikon yok, sadece başlık) */
.qs-mp__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.qs-mp__title {
    font-weight: 600;
}

/* Row layout (ikon satırda) */
.qs-mp__row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 4px;
    border-top: 1px dashed rgba(43,29,20,.12);
}

    .qs-mp__row:first-of-type {
        border-top: 0;
    }

.qs-mp__label {
    flex: 1 1 auto;
    font-weight: 500;
}

.qs-mp__price {
    flex: 0 0 auto;
    white-space: nowrap;
}

/* Icon base */
.qs-mp__icon {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(107,63,42,.10);
    border: 1px solid rgba(107,63,42,.18);
    position: relative;
    flex: 0 0 28px;
}

    .qs-mp__icon::before {
        content: "";
        position: absolute;
        inset: 6px;
        background: #6B3F2A;
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
    }

/* ==============================
   ICON MAP (ROW KEY)
   ============================== */
.qs-mp__row[data-mp-key="MP_SIZE_SMALL"] .qs-mp__icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h12v9c0 2-2 4-4 4H8c-2 0-4-2-4-4V8zm12 1h2c2 0 4 1.8 4 4s-2 4-4 4h-2v-2h2c1 0 2-.9 2-2s-1-2-2-2h-2V9zM4 22h12v2H4z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h12v9c0 2-2 4-4 4H8c-2 0-4-2-4-4V8zm12 1h2c2 0 4 1.8 4 4s-2 4-4 4h-2v-2h2c1 0 2-.9 2-2s-1-2-2-2h-2V9zM4 22h12v2H4z'/%3E%3C/svg%3E");
}

.qs-mp__row[data-mp-key="MP_SIZE_MEDIUM"] .qs-mp__icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h12v11c0 2.5-2 5-4.5 5h-3C6 22 4 19.5 4 17V6zm12 1h2.5c2.2 0 4.5 2 4.5 4.5S20.7 16 18.5 16H16v-2.2h2.3c1.1 0 2-.9 2-2s-.9-2-2-2H16V7zM4 22h12v2H4z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h12v11c0 2.5-2 5-4.5 5h-3C6 22 4 19.5 4 17V6zm12 1h2.5c2.2 0 4.5 2 4.5 4.5S20.7 16 18.5 16H16v-2.2h2.3c1.1 0 2-.9 2-2s-.9-2-2-2H16V7zM4 22h12v2H4z'/%3E%3C/svg%3E");
}

.qs-mp__row[data-mp-key="MP_SIZE_LARGE"] .qs-mp__icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h12v14c0 3-2.5 6-5.5 6h-1C6.5 24 4 21 4 18V4zm12 1h3c2.5 0 5 2.2 5 5s-2.5 5-5 5h-3v-2.5h3c1.3 0 2.5-1.2 2.5-2.5S20.3 7.5 19 7.5h-3V5zM4 22h12v2H4z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h12v14c0 3-2.5 6-5.5 6h-1C6.5 24 4 21 4 18V4zm12 1h3c2.5 0 5 2.2 5 5s-2.5 5-5 5h-3v-2.5h3c1.3 0 2.5-1.2 2.5-2.5S20.3 7.5 19 7.5h-3V5zM4 22h12v2H4z'/%3E%3C/svg%3E");
}

.qs-mp__row[data-mp-key="MP_SIZE_XL"] .qs-mp__icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h13v16c0 3.5-3 7-6.5 7h-0C6 26 3 22.5 3 19V3zm13 1h3.5c3 0 5.5 2.5 5.5 5.5S22.5 15 19.5 15H16v-3h3.5c1.6 0 2.5-1.2 2.5-2.5S21.1 7 19.5 7H16V4zM3 22h13v2H3z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h13v16c0 3.5-3 7-6.5 7h-0C6 26 3 22.5 3 19V3zm13 1h3.5c3 0 5.5 2.5 5.5 5.5S22.5 15 19.5 15H16v-3h3.5c1.6 0 2.5-1.2 2.5-2.5S21.1 7 19.5 7H16V4zM3 22h13v2H3z'/%3E%3C/svg%3E");
}


.qs-mp__row[data-mp-key="MP_TEMP_HOT"] .qs-mp__icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9h10v7c0 2-2 4-4 4H10c-2 0-4-2-4-4V9zm10 1h2c2 0 4 1.8 4 4s-2 4-4 4h-2v-2h2c1 0 2-.9 2-2s-1-2-2-2h-2V10zM6 21h10v2H6zM8 3c1.2 1.2 1.2 2.8 0 4-1.2 1.2-1.2 2.8 0 4h2c-1.2-1.2-1.2-2.8 0-4 1.2-1.2 1.2-2.8 0-4H8z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9h10v7c0 2-2 4-4 4H10c-2 0-4-2-4-4V9zm10 1h2c2 0 4 1.8 4 4s-2 4-4 4h-2v-2h2c1 0 2-.9 2-2s-1-2-2-2h-2V10zM6 21h10v2H6zM8 3c1.2 1.2 1.2 2.8 0 4-1.2 1.2-1.2 2.8 0 4h2c-1.2-1.2-1.2-2.8 0-4 1.2-1.2 1.2-2.8 0-4H8z'/%3E%3C/svg%3E");
}

.qs-mp__row[data-mp-key="MP_TEMP_ICED"] .qs-mp__icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h10l-1 18c0 1.7-1.3 3-3 3H11c-1.7 0-3-1.3-3-3L7 3zm2.2 5.2h3v3h-3v-3zm4.6 1.2h3v3h-3v-3zM8 1h8v2H8V1z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h10l-1 18c0 1.7-1.3 3-3 3H11c-1.7 0-3-1.3-3-3L7 3zm2.2 5.2h3v3h-3v-3zm4.6 1.2h3v3h-3v-3zM8 1h8v2H8V1z'/%3E%3C/svg%3E");
}

.qs-mp__row[data-mp-key="MP_TEMP_EXTRA_HOT"] .qs-mp__icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9h10v7c0 2-2 4-4 4H10c-2 0-4-2-4-4V9zm10 1h2c2 0 4 1.8 4 4s-2 4-4 4h-2v-2h2c1 0 2-.9 2-2s-1-2-2-2h-2V10zM6 21h10v2H6zM7.5 2.5c1.2 1.2 1.2 2.8 0 4-1.2 1.2-1.2 2.8 0 4h2c-1.2-1.2-1.2-2.8 0-4 1.2-1.2 1.2-2.8 0-4h-2zm5 0c1.2 1.2 1.2 2.8 0 4-1.2 1.2-1.2 2.8 0 4h2c-1.2-1.2-1.2-2.8 0-4 1.2-1.2 1.2-2.8 0-4h-2z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9h10v7c0 2-2 4-4 4H10c-2 0-4-2-4-4V9zm10 1h2c2 0 4 1.8 4 4s-2 4-4 4h-2v-2h2c1 0 2-.9 2-2s-1-2-2-2h-2V10zM6 21h10v2H6zM7.5 2.5c1.2 1.2 1.2 2.8 0 4-1.2 1.2-1.2 2.8 0 4h2c-1.2-1.2-1.2-2.8 0-4 1.2-1.2 1.2-2.8 0-4h-2zm5 0c1.2 1.2 1.2 2.8 0 4-1.2 1.2-1.2 2.8 0 4h2c-1.2-1.2-1.2-2.8 0-4 1.2-1.2 1.2-2.8 0-4h-2z'/%3E%3C/svg%3E");
}





/* Milk Regular */
.qs-mp__row[data-mp-key="MP_MILK_REGULAR"] .qs-mp__icon::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 2h8v20H8z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 2h8v20H8z'/%3E%3C/svg%3E");
}

/* Milk Lactose Free */
.qs-mp__row[data-mp-key="MP_MILK_LACTOSE_FREE"] .qs-mp__icon::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4l16 16'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4l16 16'/%3E%3C/svg%3E");
}

/* Milk Oat */
.qs-mp__row[data-mp-key="MP_MILK_OAT"] .qs-mp__icon::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c-4 6 4 10 0 20'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c-4 6 4 10 0 20'/%3E%3C/svg%3E");
}

/* Milk Almond */
.qs-mp__row[data-mp-key="MP_MILK_ALMOND"] .qs-mp__icon::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c3 5 6 10 0 20'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c3 5 6 10 0 20'/%3E%3C/svg%3E");
}

/* Shot Single */
.qs-mp__row[data-mp-key="MP_SHOT_SINGLE"] .qs-mp__icon::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

/* Shot Double */
.qs-mp__row[data-mp-key="MP_SHOT_DOUBLE"] .qs-mp__icon::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='12' r='3'/%3E%3Ccircle cx='15' cy='12' r='3'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='12' r='3'/%3E%3Ccircle cx='15' cy='12' r='3'/%3E%3C/svg%3E");
}

/* Shot Extra */
.qs-mp__row[data-mp-key="MP_SHOT_EXTRA"] .qs-mp__icon::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l4 10-4 10-4-10z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l4 10-4 10-4-10z'/%3E%3C/svg%3E");
}

/* Person 1 */
.qs-mp__row[data-mp-key="MP_PERSON_1"] .qs-mp__icon::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3C/svg%3E");
}

/* Person 2 */
.qs-mp__row[data-mp-key="MP_PERSON_2"] .qs-mp__icon::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Ccircle cx='15' cy='8' r='4'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Ccircle cx='15' cy='8' r='4'/%3E%3C/svg%3E");
}

/* Person 3 */
.qs-mp__row[data-mp-key="MP_PERSON_3"] .qs-mp__icon::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='6' cy='8' r='4'/%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Ccircle cx='18' cy='8' r='4'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='6' cy='8' r='4'/%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Ccircle cx='18' cy='8' r='4'/%3E%3C/svg%3E");
}

/* Service Dine-in */
.qs-mp__row[data-mp-key="MP_SERVICE_DINEIN"] .qs-mp__icon::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 2h18v4H3z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 2h18v4H3z'/%3E%3C/svg%3E");
}

/* Service Takeaway */
.qs-mp__row[data-mp-key="MP_SERVICE_TAKEAWAY"] .qs-mp__icon::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4h12v16H6z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4h12v16H6z'/%3E%3C/svg%3E");
}

/* Service Delivery */
.qs-mp__row[data-mp-key="MP_SERVICE_DELIVERY"] .qs-mp__icon::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12h20v4H2z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12h20v4H2z'/%3E%3C/svg%3E");
}




/* Kategori slider - compact */
/* Kategori slider - compact */
.categoriesswiper .swiper-slide {
    width: auto !important;
}

.cat-compact {
    padding: 4px;
}

.cat-compact-inner {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 6px;
    border-radius: 10px;
    background: var(--qs-bg);
    border: 1px solid rgb(206 189 179);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .04);
    max-width: 240px;
}

.cat-compact-img {
    max-width: 64px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
}

    .cat-compact-img img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* LOGO da kategori resmi de düzgün */
    }

.cat-compact-title {
    line-height: 1.15;
    max-height: 2.3em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
}

/* Aktif kategori */
.cat-compact.active .cat-compact-inner {
    border-color: rgba(13,110,253,.35);
    background: rgba(13,110,253,.06);
}

/* MP pills */
.mp-variants {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.mp-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(0,0,0,.04);
    border: 1px solid rgba(0,0,0,.06);
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    width: 100%;
}

.mp-pill-sep {
    opacity: .5;
}

.mp-pill-icon {
    font-size: 14px;
    opacity: .85;
    margin-right: 2px;
}

.mp-pill-solo-size {
    padding: 7px 12px;
}

    .mp-pill-solo-size .mp-pill-icon {
        font-size: 18px;
        opacity: .95;
    }

.mp-pill-single {
    background: rgba(0,0,0,.03);
    border-color: rgba(0,0,0,.06);
}

.mp-pill-qty {
    opacity: .75;
}

/* MainShowcase1 başlık */
.mp-hero {
    margin-bottom: 8px;
}

:root {
    --footer-h: 64px;
    --safe-bottom: env(safe-area-inset-bottom, 0px);
}

body {
    padding-bottom: calc(var(--footer-h) + 40px + var(--safe-bottom)) !important;
}

/* ===== GRADIENT FOOTER ===== */
footer.mw-footer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    background: linear-gradient(to top, #ffffff 60%, #f6f6f6 100%) !important;
    border-top: 1px solid rgba(0,0,0,.06) !important;
    box-shadow: 0 -8px 26px rgba(0,0,0,.10) !important;
    padding-bottom: var(--safe-bottom) !important;
}

    footer.mw-footer .mw-nav {
        min-height: var(--footer-h) !important;
        align-items: center !important;
    }

    footer.mw-footer .mw-item {
        height: var(--footer-h) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        text-decoration: none !important;
        color: #111 !important;
        font-size: 14px !important;
    }

        footer.mw-footer .mw-item svg {
            width: 22px !important;
            height: 22px !important;
        }

    footer.mw-footer .center-item {
        position: relative !important;
        height: var(--footer-h) !important;
    }

    /* Floating cart */
    footer.mw-footer .mw-cart,
    footer.mw-footer .cart-fab {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        bottom: calc(16px + var(--safe-bottom)) !important;
        width: 60px !important;
        height: 60px !important;
        border-radius: 999px !important;
        display: grid !important;
        place-items: center !important;
        background: #195458 !important;
        color: #fff !important;
        text-decoration: none !important;
        box-shadow: 0 14px 30px rgba(0,0,0,.20) !important;
    }

        footer.mw-footer .mw-cart i {
            font-size: 22px !important;
        }

    /* Badge */
    footer.mw-footer .mw-cart-badge,
    footer.mw-footer .cart-badge,
    footer.mw-footer .countercart {
        position: absolute !important;
        top: -1px !important;
        right: -1px !important;
        background: #ff3b30 !important;
        color: #fff !important;
        font-size: 11px !important;
        padding: 2px 6px !important;
        border-radius: 999px !important;
    }

    /* Deliver */
    footer.mw-footer #orderdeliveryinfo .mw-deliver-wrap {
        height: var(--footer-h) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    footer.mw-footer #orderdeliveryinfo .delivery-choice {
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    footer.mw-footer #orderdeliveryinfo img {
        height: 22px !important;
    }

    footer.mw-footer #orderdeliveryinfo .label {
        font-size: 14px !important;
        font-weight: 500 !important;
        max-width: 120px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    footer.mw-footer #orderdeliveryinfo .change-badge {
        display: none !important;
    }




/* ================================
   DLVY PAGE — OVERRIDE PACK (ALL !important)
   ================================ */

.dlvy-page {
    width: 100% !important;
    max-width: 450px !important;
    margin: 75px auto !important;
    height: 100% !important;
}

/* ---------- Header ---------- */
.dlvy-header {
    position: sticky !important; /* header kaybolmasın istersen */
    top: 0 !important;
    z-index: 50 !important;
    overflow: hidden !important;
}

.dlvy-header-row {
    width: 100% !important;
}

.dlvy-header-title {
    letter-spacing: .2px !important;
    font-weight: 600 !important;
}

.dlvy-header-close-btn {
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.dlvy-header-close-icon {
    font-size: 16px !important;
}

/* ---------- Main container ---------- */
.dlvy-main { 
    margin-bottom: 10px !important;
}

/* ---------- Info bar (top message) ---------- */
.dlvy-info {
    font-weight: 600 !important;
    letter-spacing: .1px !important;
    background-color: var(--bs-secondary) !important;
}

.dlvy-info--notconfigured {
}

.dlvy-info--none {
}

.dlvy-info--select {
}

.dlvy-info--selected {
}

/* ---------- Unselect block ---------- */
.dlvy-unselect-container {
    margin-top: 10px !important;
}

.dlvy-unselect-cta {
    border-radius: 12px !important;
    font-weight: 700 !important;
}

.dlvy-unselect-help {
    border-radius: 12px !important;
}

/* ---------- Cards layout ---------- */
.dlvy-cards {
    margin-top: 10px !important;
    row-gap: 10px !important;
}

.dlvy-col {
    display: block !important;
}

.dlvy-card {
    border-radius: 10px !important;
    overflow: hidden !important;
    margin-bottom: 10px;
    border: 1px solid rgba(0,0,0,.08) !important;
    background: #fff !important;
}

.dlvy-card-body {
    padding: 6px !important;
}

/* card head clickable area */
.dlvy-card-head {
    padding: 8px 6px !important;
    border-radius: 14px !important;
}

/* selection chip/button */
.dlvy-select-btn,
.dlvy-selected-chip {
    top: 8px !important;
    left: 8px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(0,0,0,.08) !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
}

.dlvy-select-icon,
.dlvy-selected-icon {
    margin-right: 4px !important;
}

.dlvy-card-img {
    height: 54px !important;
    width: auto !important;
    object-fit: contain !important;
}

.dlvy-card-title {
    font-weight: 800 !important;
    letter-spacing: .2px !important;
}

.dlvy-card-subtitle {
    font-weight: 700 !important;
    opacity: .9 !important;
}

.dlvy-card-desc {
    opacity: .9 !important;
    line-height: 1.25 !important;
    margin-top: 6px;
}

/* ---------- Hours list ---------- */
/* UL container */
.dlvy-hours {
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.06) !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* LI items */
.dlvy-hours-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 4px 14px !important;
    margin: 2px !important;
    border: none !important;
    background: #fff !important;
    font-weight: 600 !important;
    transition: background .2s ease !important;
}

    /* son elemanda border olmasın */
    .dlvy-hours-item:last-child {
        border-bottom: none !important;
    }

    /* hover efekti */
    .dlvy-hours-item:hover {
        background: #f8f9fa !important;
    }

    /* Start / End label */
    .dlvy-hours-item strong {
        font-weight: 700 !important;
        color: #555 !important;
    }

/* Saat değerleri */
.dlvy-hours-start,
.dlvy-hours-end {
    font-weight: 800 !important;
    font-size: 15px !important;
    letter-spacing: .5px !important;
    color: #111 !important;
}
.dlvy-hours-start,
.dlvy-hours-end {
    background: #111 !important;
    color: #fff !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
}


/* ---------- Alerts ---------- */
.dlvy-alert {
    border-radius: 14px !important;
    font-weight: 600 !important;
}

.dlvy-alert--closed {
}

.dlvy-alert--missinghours {
}

.dlvy-alert--inactive {
}

/* ---------- Contact block ---------- */
.dlvy-contact {
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.06) !important;
}

.dlvy-contact-address {
    background: #fff !important;
    font-size: 13px !important;
}

.dlvy-contact-icon {
    margin-right: 6px !important;
}

.dlvy-contact-map {
    background: #fff !important;
}

.dlvy-contact-maplink {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-weight: 700 !important;
}

/* ---------- Overlays (progress/success) ---------- */
.dlvy-overlay {
    display: none;
}

.dlvy-overlay--progress,
.dlvy-overlay--success {
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}

.dlvy-overlay-card {
    width: min(420px, 92vw) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.20) !important;
}

.dlvy-overlay-icon {
    display: inline-block !important;
}

.dlvy-overlay-img {
    height: 48px !important;
    width: auto !important;
    object-fit: contain !important;
}

.dlvy-overlay-title {
    font-weight: 800 !important;
}

.dlvy-overlay-text {
    font-size: 16px !important;
    line-height: 1.25 !important;
}

/* ---------- Auth bar (Sign up / Log in) ---------- */
.dlvy-authbar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 60 !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

.dlvy-authbar-row {
    width: 100% !important;
}

.dlvy-authbar-btn {
    border-radius: 12px !important;
    font-weight: 700 !important;
}

/* ---------- Small tweaks (mobile) ---------- */
@media (max-width: 420px) {
    .dlvy-page {
        margin: 0px auto !important;
    }

    .dlvy-card-img {
        height: 64px !important;
    }

    .dlvy-overlay-text {
        font-size: 15px !important;
    }
}

.dlvy-timezone-card {
    border-radius: 0px !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.0) !important;
    border: 0px solid rgba(0,0,0,.08) !important;
    background: #fff !important;
}

.dlvy-timezone-title {
    font-weight: 700 !important;
    letter-spacing: .2px !important;
    font-size: 1rem;
}

.dlvy-timezone-value {
    font-weight: 800 !important;
}

.dlvy-localtime-text {
    margin-bottom: 0 !important;
    font-size: 14px !important;
    opacity: .9 !important;
}

.dlvy-localtime-value {
    font-size: 15px !important;
    font-weight: 800 !important;
}






/* =========================================================
   Single Product Theme (Bakery / Fırın)
   Goal: override previous/global styles using !important
   Prefix scope: sng-prc-*
   ========================================================= */
#productdetayload {
    background: #fffaf3 !important;
}
/* Root / layout */
.sng-prc-root {
    font-family: "Poppins", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
    overflow: hidden !important;
}

/* Header */
.sng-prc-header {
    background: linear-gradient(135deg, #5a2d0c 0%, #b5651d 55%, #e0a04b 100%) !important; /* cocoa -> caramel */
    border-bottom: 1px solid rgba(255,255,255,0.18) !important;
}

.sng-prc-header-row {
    padding: 12px 14px !important;
}

.sng-prc-header-title-col {
}

.sng-prc-header-title {
    letter-spacing: .2px !important; 
    line-height: 18px !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.25) !important;
}

.sng-prc-header-close-col {
}

.sng-prc-close-btn {
    border-color: rgba(255,255,255,0.55) !important;
    background: rgba(255,255,255,0.08) !important;
    backdrop-filter: blur(6px) !important;
    border-radius: 12px !important;
}

    .sng-prc-close-btn:hover {
        background: rgba(255,255,255,0.16) !important;
        border-color: rgba(255,255,255,0.75) !important;
    }

.sng-prc-close-icon {
}

/* Body */
.sng-prc-body {
    
}

/* Image */
.sng-prc-image {
    border-radius: 16px !important;
}

.sng-prc-image-figure {
    position: relative !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(120, 72, 20, 0.18) !important;
    background: #fff !important;
}

.sng-prc-group-badge {
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #5a2d0c !important;
    border: 1px solid rgba(90, 45, 12, 0.18) !important;
}

.sng-prc-image-img {
    border-radius: 16px !important;
    transform: scale(1.01) !important;
}

/* Title / description */
.sng-prc-title {
}

.sng-prc-title-col {
}

.sng-prc-title-text {
    margin-top: 8px !important;
    margin-bottom: 2px !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    letter-spacing: .2px !important;
    color: #3f2208 !important; /* deep cocoa */
}

.sng-prc-desc {
}

.sng-prc-desc-col {
}

.sng-prc-desc-text {
    margin-bottom: 12px !important;
    color: rgba(63,34,8,0.75) !important;
    font-size: 13px !important;
    line-height: 18px !important;
}

/* Extras (cesni) */
.sng-prc-extras-card {
    background: transparent !important;
    border: 0 !important;
}

.sng-prc-extras {
    margin-top: 6px !important;
}

.sng-prc-extras-box {
    background: #ffffff !important;
    border: 1px solid rgba(120, 72, 20, 0.18) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(73, 45, 14, 0.08) !important;
}

.sng-prc-extras-head {
}

.sng-prc-extras-head-center {
}

.sng-prc-extras-head-title {
    background: linear-gradient(180deg, #fff3df 0%, #ffe8c5 100%) !important;
    border-color: rgba(120, 72, 20, 0.15) !important;
    border-radius: 14px !important;
    padding: 10px 10px !important;
    font-weight: 800 !important;
    color: #5a2d0c !important;
}

.sng-prc-extras-head-icon {
}

.sng-prc-extras-subtitle {
    padding-bottom: 8px !important;
}

.sng-prc-extras-subtitle-text {
    font-weight: 600 !important;
    color: rgba(90, 45, 12, 0.78) !important;
}

.sng-prc-extras-body {
    background: #fff !important;
}

.sng-prc-extras-body-inner {
    padding: 8px 8px 10px 8px !important;
}

.sng-prc-extras-list {
    gap: 8px !important; /* works if flex; harmless if not */
}

.sng-prc-extras-item {
}

.sng-prc-extras-item-inner {
    background: linear-gradient(180deg, #3b1f08 0%, #2a1406 100%) !important; /* chocolate */
    border-color: rgba(255, 232, 197, 0.25) !important;
    border-radius: 12px !important;
    padding: 10px 10px !important;
    align-items: flex-start !important;
}

.sng-prc-extras-price {
    font-weight: 800 !important;
    color: #ffd28a !important; /* caramel price */
}

.sng-prc-extras-checkbox {
    margin-top: 2px !important;
    accent-color: #e0a04b !important;
}

.sng-prc-extras-label {
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 16px !important;
}

.sng-prc-extras-selected {
}

/* Footer */
.sng-prc-footer {
    border-top: 1px solid rgba(120, 72, 20, 0.12) !important;
}

.sng-prc-footer-bar {
    background: linear-gradient(135deg, #3f2208 0%, #b5651d 55%, #e0a04b 100%) !important;
}

.sng-prc-footer-row {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.sng-prc-footer-total {
}

.sng-prc-footer-total-text { 
    letter-spacing: .2px !important;
    font-size: 18px !important;
}

.sng-prc-footer-qty {
}

.sng-prc-footer-counter {
    background: rgba(255,255,255,0.10) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 999px !important;
    padding: 4px 10px !important;
    gap: 10px !important;
}

.sng-prc-footer-dec-btn,
.sng-prc-footer-inc-btn {
    background: rgba(255,255,255,0.18) !important;
    border: 1px solid rgba(255,255,255,0.24) !important;
    border-radius: 999px !important;
}

    .sng-prc-footer-dec-btn:hover,
    .sng-prc-footer-inc-btn:hover {
        background: rgba(255,255,255,0.26) !important;
    }

.sng-prc-footer-dec-icon,
.sng-prc-footer-inc-icon {
    color: #fff !important;
}

.sng-prc-footer-qty-text {
    color: #fff !important;
    font-weight: 800 !important;
    min-width: 16px !important;
    text-align: center !important;
}

.sng-prc-footer-action {
}

/* Add to cart button */
.sng-prc-add-btn {
    border-radius: 14px !important;
    border: 0 !important;
    background: linear-gradient(180deg, #fff3df 0%, #ffe8c5 100%) !important;
    color: #3f2208 !important; 
    letter-spacing: .2px !important;
    padding: 7px 14px !important;
    box-shadow: 0 10px 22px rgba(0,0,0,0.18) !important;
}

    .sng-prc-add-btn.disabled {
        opacity: .55 !important;
        filter: grayscale(0.2) !important;
    }

.sng-prc-add-spinner {
}

.sng-prc-add-text {
}

/* Success overlay */
.sng-prc-overlay {
    backdrop-filter: blur(3px) !important;
}

.sng-prc-overlay-card {
    border-radius: 18px !important;
    border: 1px solid rgba(120, 72, 20, 0.20) !important;
    background: #fffaf3 !important;
}

.sng-prc-overlay-close-wrap {
}

.sng-prc-overlay-close-btn {
    background: rgba(255,255,255,0.85) !important;
    border: 1px solid rgba(120, 72, 20, 0.20) !important;
}

.sng-prc-overlay-close-icon {
    color: #3f2208 !important;
}

.sng-prc-overlay-progress {
}

.sng-prc-overlay-success-icon {
}

.sng-prc-overlay-title {
    color: #3f2208 !important;
    font-weight: 900 !important;
}

.sng-prc-overlay-actions {
}

.sng-prc-overlay-checkout-btn {
    border-radius: 14px !important;
    font-weight: 800 !important;
}

.sng-prc-overlay-cart-btn {
    border-radius: 14px !important;
    font-weight: 800 !important;
}



/* =========================================================
   Combo Menu Theme (Bakery / Fırın)
   Goal: override previous/global styles using !important
   Prefix scope: cmb-mnu-*
   Palette aligns with sng-prc-theme.css (cocoa/caramel/cream)
   ========================================================= */

/* Root / layout */
.cmb-mnu-root {
    font-family: "Poppins", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; 
    overflow: hidden !important;
}

/* Header */
.cmb-mnu-header {
    background: linear-gradient(135deg, #5a2d0c 0%, #b5651d 55%, #e0a04b 100%) !important; /* cocoa -> caramel */
    border-bottom: 1px solid rgba(255,255,255,0.18) !important;
}

.cmb-mnu-header-row {
    padding: 12px 14px !important;
}

.cmb-mnu-header-title-col {
}

.cmb-mnu-header-title {
    letter-spacing: .2px !important;
    line-height: 18px !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.25) !important;
}

.cmb-mnu-header-close-col {
}

.cmb-mnu-close-btn {
    border-color: rgba(255,255,255,0.55) !important;
    background: rgba(255,255,255,0.08) !important;
    backdrop-filter: blur(6px) !important;
    border-radius: 12px !important;
}

    .cmb-mnu-close-btn:hover {
        background: rgba(255,255,255,0.16) !important;
        border-color: rgba(255,255,255,0.75) !important;
    }

.cmb-mnu-close-icon {
}

/* Body */
.cmb-mnu-body {
    padding: 10px !important;
}

/* Image */
.cmb-mnu-image {
    border-radius: 16px !important;
}

.cmb-mnu-image-figure {
    position: relative !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(120, 72, 20, 0.18) !important;
    background: #fff !important;
}

.cmb-mnu-group-badge {
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #5a2d0c !important;
    border: 1px solid rgba(90, 45, 12, 0.18) !important;
}

.cmb-mnu-image-img {
    border-radius: 16px !important;
    transform: scale(1.01) !important;
}

/* Title / description */
.cmb-mnu-title {
}

.cmb-mnu-title-col {
}

.cmb-mnu-title-text {
    margin-top: 8px !important;
    margin-bottom: 2px !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    letter-spacing: .2px !important;
    color: #3f2208 !important;
}

.cmb-mnu-desc {
}

.cmb-mnu-desc-col {
}

.cmb-mnu-desc-text {
    margin-bottom: 12px !important;
    color: rgba(63,34,8,0.75) !important;
    font-size: 13px !important;
    line-height: 18px !important;
}

/* Main card */
.cmb-mnu-card {
    background: transparent !important;
    border: 0 !important;
}

.cmb-mnu-card-row {
    margin-top: 4px !important;
}

/* Common price info */
.cmb-mnu-priceinfo {
}

.cmb-mnu-unitprice {
    color: #ffd28a !important; /* caramel */
}

/* Single column (auto/required) */
.cmb-mnu-col-single {
    background: #ffffff !important;
    border: 1px solid rgba(120, 72, 20, 0.18) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(73, 45, 14, 0.08) !important;
}

.cmb-mnu-col-single-head {
    background: linear-gradient(180deg, #fff3df 0%, #ffe8c5 100%) !important;
    border-bottom: 1px solid rgba(120, 72, 20, 0.12) !important;
}

.cmb-mnu-col-single-head-icon {
    color: #5a2d0c !important;
}

.cmb-mnu-col-single-head-title {
    font-weight: 900 !important;
    color: #5a2d0c !important;
    letter-spacing: .2px !important;
}

.cmb-mnu-col-single-body {
    background: #ffffff !important;
}

.cmb-mnu-col-single-body-row {
    padding: 6px 6px !important;
}

.cmb-mnu-col-single-body-left {
}

.cmb-mnu-col-single-body-right {
}

.cmb-mnu-col-single-counter {
    background: rgba(63,34,8,0.06) !important;
    border: 1px solid rgba(120, 72, 20, 0.14) !important;
    border-radius: 999px !important;
    padding: 4px 8px !important;
    gap: 10px !important;
}

.cmb-mnu-col-single-dec-btn,
.cmb-mnu-col-single-inc-btn {
    background: #fffaf3 !important;
    border: 1px solid rgba(120, 72, 20, 0.18) !important;
    border-radius: 999px !important;
}

.cmb-mnu-col-single-dec-icon,
.cmb-mnu-col-single-inc-icon {
    color: #3f2208 !important;
}

.cmb-mnu-col-single-counter-value {
    font-weight: 800 !important;
    color: #3f2208 !important;
}

/* Multi column */
.cmb-mnu-col-multi {
    background: #ffffff !important;
    border: 1px solid rgba(120, 72, 20, 0.18) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(73, 45, 14, 0.08) !important;
}

.cmb-mnu-col-multi-head {
}

.cmb-mnu-col-multi-head-center {
}

.cmb-mnu-col-multi-head-title {
    background: linear-gradient(180deg, #fff3df 0%, #ffe8c5 100%) !important;
    border-color: rgba(120, 72, 20, 0.15) !important;
    border-radius: 14px !important;
    padding: 10px 10px !important;
    font-weight: 900 !important;
    color: #5a2d0c !important;
}

.cmb-mnu-col-multi-head-icon {
}

.cmb-mnu-col-multi-subtitle {
    padding-bottom: 8px !important;
}

.cmb-mnu-col-multi-subtitle-text {
    font-weight: 600 !important;
    color: rgba(90, 45, 12, 0.78) !important;
}

.cmb-mnu-col-multi-body {
    background: #fff !important;
}

.cmb-mnu-col-multi-body-inner {
    padding: 8px 8px 10px 8px !important;
}

.cmb-mnu-col-multi-list {
    gap: 8px !important;
}

.cmb-mnu-col-multi-item {
}

.cmb-mnu-col-multi-item-inner {
    background: linear-gradient(180deg, #3b1f08 0%, #2a1406 100%) !important; /* chocolate */
    border: 1px solid rgba(255, 232, 197, 0.25) !important;
    border-radius: 12px !important;
    padding: 10px 10px !important;
    align-items: flex-start !important;
}

.cmb-mnu-col-multi-checkbox {
    margin-top: 2px !important;
    accent-color: #e0a04b !important;
}

.cmb-mnu-col-multi-label {
    color: #fff !important;
    line-height: 16px !important;
}

.cmb-mnu-col-multi-selected {
}

/* Extra toppings (cesni) */
.cmb-mnu-extras {
    background: #ffffff !important;
    border: 1px solid rgba(120, 72, 20, 0.18) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(73, 45, 14, 0.08) !important;
}

.cmb-mnu-extras-head {
}

.cmb-mnu-extras-head-center {
}

.cmb-mnu-extras-head-title {
    background: linear-gradient(180deg, #fff3df 0%, #ffe8c5 100%) !important;
    border-color: rgba(120, 72, 20, 0.15) !important;
    border-radius: 14px !important;
    padding: 10px 10px !important;
    font-weight: 900 !important;
    color: #5a2d0c !important;
}

.cmb-mnu-extras-head-icon {
}

.cmb-mnu-extras-subtitle {
    padding-bottom: 8px !important;
}

.cmb-mnu-extras-subtitle-text {
    font-weight: 600 !important;
    color: rgba(90, 45, 12, 0.78) !important;
}

.cmb-mnu-extras-body {
    background: #fff !important;
}

.cmb-mnu-extras-body-inner {
    padding: 8px 8px 10px 8px !important;
}

.cmb-mnu-extras-list {
    gap: 8px !important;
}

.cmb-mnu-extras-item {
}

.cmb-mnu-extras-item-inner {
    background: linear-gradient(180deg, #3b1f08 0%, #2a1406 100%) !important;
    border: 1px solid rgba(255, 232, 197, 0.25) !important;
    border-radius: 12px !important;
    padding: 10px 10px !important;
    align-items: flex-start !important;
}

.cmb-mnu-extras-checkbox {
    margin-top: 2px !important;
    accent-color: #e0a04b !important;
}

.cmb-mnu-extras-label {
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 16px !important;
}

.cmb-mnu-extras-selected {
}

/* Footer */
.cmb-mnu-footer {
    border-top: 1px solid rgba(120, 72, 20, 0.12) !important;
}

.cmb-mnu-footer-bar {
    background: linear-gradient(135deg, #3f2208 0%, #b5651d 55%, #e0a04b 100%) !important;
}

.cmb-mnu-footer-row {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.cmb-mnu-footer-total {
}

.cmb-mnu-footer-total-text {
    letter-spacing: .2px !important;
    font-size: 18px !important;
}

.cmb-mnu-footer-qty {
}

.cmb-mnu-footer-counter {
    background: rgba(255,255,255,0.10) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 999px !important;
    padding: 4px 10px !important;
    gap: 10px !important;
}

.cmb-mnu-footer-dec-btn,
.cmb-mnu-footer-inc-btn {
    background: rgba(255,255,255,0.18) !important;
    border: 1px solid rgba(255,255,255,0.24) !important;
    border-radius: 999px !important;
}

    .cmb-mnu-footer-dec-btn:hover,
    .cmb-mnu-footer-inc-btn:hover {
        background: rgba(255,255,255,0.26) !important;
    }

.cmb-mnu-footer-dec-icon,
.cmb-mnu-footer-inc-icon {
    color: #fff !important;
}

.cmb-mnu-footer-qty-text {
    color: #fff !important;
    font-weight: 800 !important;
    min-width: 16px !important;
    text-align: center !important;
}

.cmb-mnu-footer-action {
}

/* Add to cart button */
.cmb-mnu-add-btn {
    border-radius: 14px !important;
    border: 0 !important;
    background: linear-gradient(180deg, #fff3df 0%, #ffe8c5 100%) !important;
    color: #3f2208 !important;
    letter-spacing: .2px !important;
    padding: 7px 14px !important;
    box-shadow: 0 10px 22px rgba(0,0,0,0.18) !important;
}

    .cmb-mnu-add-btn.disabled {
        opacity: .55 !important;
        filter: grayscale(0.2) !important;
    }

.cmb-mnu-add-spinner {
}

.cmb-mnu-add-text {
}

/* Success overlay */
.cmb-mnu-overlay {
    backdrop-filter: blur(3px) !important;
}

.cmb-mnu-overlay-card {
    border-radius: 18px !important;
    border: 1px solid rgba(120, 72, 20, 0.20) !important;
    background: #fffaf3 !important;
}

.cmb-mnu-overlay-close-wrap {
}

.cmb-mnu-overlay-close-btn {
    background: rgba(255,255,255,0.85) !important;
    border: 1px solid rgba(120, 72, 20, 0.20) !important;
}

.cmb-mnu-overlay-close-icon {
    color: #3f2208 !important;
}

.cmb-mnu-overlay-progress {
}

.cmb-mnu-overlay-success-icon {
}

.cmb-mnu-overlay-title {
    color: #3f2208 !important;
    font-weight: 900 !important;
}

.cmb-mnu-overlay-actions {
}

.cmb-mnu-overlay-checkout-btn {
    border-radius: 14px !important;
    font-weight: 800 !important;
}

.cmb-mnu-overlay-cart-btn {
    border-radius: 14px !important;
    font-weight: 800 !important;
}