/* dm F17m: menülerin masaüstü düzeni (≥1024 px).
   Layout bu dosyayı yalnız telefon öncelikli dar temalarda (620–720 px tek sütun) body.dm-desk-grid sınıfıyla ve
   media="(min-width: 1024px)" özniteliğiyle yükler: telefonda boyamayı bekletmez, görünümü hiç değişmez.
   Kurgu: gövde 1120 px; ürün kartları aynı tasarımla İKİ sütun (uzatılmış tek sütun yerine); kategori ve alt
   başlık, kategori görseli, notlar tam satır; Servis düğmesi yeni sütunun kenarına hizalanır; sepet çubuğu ve
   arama kutusu ortada, eski genişliğinde kalır.
   Kapsam dışı: zaten geniş tasarlanmış temalar (Denge, Lokanta, Nostalji, Numara, Sahil, Sokak, Klasik) ve görsel
   menü (Katalog). Modern ızgaraya girmez, dosyayı sabit kategori sütunu için alır (en alttaki blok).
   Seçiciler temaların kendi sınıflarıdır; yeni dar tema eklenirse buraya da yazılmalı. */
@media (min-width: 1024px) {
    /* gövde, kategori çubuğu ve başlık çubukları: yalnız temanın zaten sınırladığı kaplar genişler
       (tam genişlikte zemin şeridi olan kaplara sınır getirilmez) */
    body.dm-desk-grid :is(.bh-body, .bl-body, .bn-body, .cb-body, .dc-body, .dd-body, .dn-body, .fd-body, .fr-body,
        .gc-body, .iz-body, .jp-body, .kd-body, .kv-body, .km-body, .kt-body, .kr-body, .m3-body, .my-body, .mn-body,
        .ne-body, .nr-body, .pz-body, .pf-body, .pb-body, .sf-body, .sk-body, .tb-body, .vk-body, .vt-body,
        .bh-chips, .bl-chips, .bn-chips, .cb-chips, .dd-chips, .dn-chips, .fd-chips, .fr-chips, .gc-chips, .iz-chips,
        .jp-chips, .kd-chips, .kv-chips, .km-chips, .kt-chips, .kr-chips, .m3-chips, .my-chips, .ne-chips, .pz-chips,
        .pf-chips, .pb-chips, .sk-chips, .vk-chips, .vt-chips, .mn-nav, .nr-nav, .sf-nav,
        .bh-head, .bn-head, .kt-head, .ne-head, .m3-appbar, .vt-menu-head) {
        max-width: 1120px;
    }
    body.dm-desk-grid .tb-chips { padding-inline: max(20px, calc(50% - 560px)); }
    /* Bento: üstteki kategori kutucukları (telefonda 2, tablette 3 sütun) */
    body.dm-desk-grid .bn-bento { max-width: 1120px; grid-template-columns: repeat(4, minmax(0, 1fr)); }

    /* ürün kartları iki sütun; kapta ürün dışındaki her şey tam satır */
    body.dm-desk-grid :is(.bl-cat, .cb-cat, .dd-cat, .dn-cat, .fd-cat, .fr-cat, .gc-cat, .iz-cat, .jp-cat, .kd-cat,
        .kv-cat, .km-cat, .kt-cat, .kr-cat, .my-cat, .mn-cat, .ne-cat, .nr-cat, .pz-cat, .pf-cat, .pb-cat, .sf-cat,
        .sk-cat, .vk-cat, .vt-cat, .bn-card, .m3-card, .dc-list, .tb-list) {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 18px;
        align-content: start;
    }
    body.dm-desk-grid :is(.bl-cat, .cb-cat, .dd-cat, .dn-cat, .fd-cat, .fr-cat, .gc-cat, .iz-cat, .jp-cat, .kd-cat,
        .kv-cat, .km-cat, .kt-cat, .kr-cat, .my-cat, .mn-cat, .ne-cat, .nr-cat, .pz-cat, .pf-cat, .pb-cat, .sf-cat,
        .sk-cat, .vk-cat, .vt-cat, .bn-card, .m3-card, .dc-list, .tb-list) > :not(.section-menu) {
        grid-column: 1 / -1;
    }
    /* Bahçe: ürünler zaten görsel kutu ızgarası (telefonda 2, tablette 3 sütun) */
    body.dm-desk-grid .menu-category-item .bh-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    /* Şef: tam genişlikte büyük görselli kartlar — iki sütunda görseller fazla büyük kalıyor */
    body.dm-desk-grid .sf-cat { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 28px; }

    /* ürün arası çizgiler: temalar son ürünün alt çizgisini siler; ızgarada son satırda tek sütunda çizgi
       kalmasın diye her ürün çizgisini korur (renkler temanın açık/koyu karşılıklarıyla aynı) */
    body.dm-desk-grid .bn-item:last-child { border-bottom: 1px solid var(--bn-line); }
    body.dm-desk-grid .kr-item:last-child { border-bottom: 1.5px dashed var(--kr-line); }
    body.dm-desk-grid .mn-item:last-child { border-bottom: 1px dashed var(--mn-line); }
    body.dm-desk-grid .sf-item:last-child { border-bottom: 1px solid var(--sf-line); }
    body.dm-desk-grid .kt-item:last-child { border-bottom: 2px dashed rgba(16, 16, 16, .25); }
    body.dm-desk-grid.dm-alt-dark .kt-item:last-child { border-bottom-color: rgba(245, 245, 236, .25); }
    body.dm-desk-grid .m3-item:last-child { border-bottom: 1px solid rgba(202, 196, 208, .5); }
    body.dm-desk-grid.dm-alt-dark .m3-item:last-child { border-bottom-color: rgba(202, 196, 208, .16); }
    body.dm-desk-grid .nr-item:last-child { border-bottom: 1px solid rgba(255, 255, 255, .06); }
    body.dm-desk-grid.dm-alt-light .nr-item:last-child { border-bottom-color: rgba(22, 20, 15, .08); }
    /* Tebeşir çizgiyi iki ürün ARASINA (üste) koyar: ızgarada ilk satır çizgisiz, sonraki satırlar iki sütunda da çizgili */
    body.dm-desk-grid .tb-item + .tb-item { border-top-width: 0; }
    body.dm-desk-grid .tb-list > .tb-item:nth-child(n+3) { border-top: 1.5px dashed rgba(242, 239, 230, .14); }
    body.dm-desk-grid.dm-alt-light .tb-list > .tb-item:nth-child(n+3) { border-top-color: rgba(38, 36, 31, .14); }

    /* Servis düğmesi gövdenin sağ kenarına (dar ekranda pencere kenarından 14 px) */
    body.dm-desk-grid :is(.bh-servis, .bl-servis, .bn-servis, .cb-servis, .dd-servis, .dn-servis, .fd-servis,
        .fr-servis, .gc-servis, .iz-servis, .jp-servis, .kd-servis, .kv-servis, .km-servis, .kt-servis, .kr-servis,
        .m3-servis, .my-servis, .mn-servis, .ne-servis, .nr-servis, .pz-servis, .pf-servis, .pb-servis, .sf-servis,
        .sk-servis, .vk-servis, .vt-servis-float) {
        right: max(14px, calc(50% - 560px));
    }
    body.dm-desk-grid :is(.dc-servis, .tb-servis) { inset-inline-end: max(14px, calc(50% - 560px)); }

    /* Modern (dm-desk-grid dışı, bu dosyayı ayrıca alır): kategori çekmecesi telefonda açılışta karartmayla
       açılır; masaüstünde üst çubuğun altında sabit sol sütun, içerik sağında. Açılış karartması ve kaydırma
       kilidi order.js'te yalnız <1024 px'te. "Kategoriler" düğmesi ve çekmecenin kapat düğmesi gerekmez. */
    body.dm-tpl-modern-theme #sidebarleft {
        left: 0; top: 56px; height: calc(100vh - 56px); z-index: 9;
        transition: none; box-shadow: 1px 0 0 rgba(0, 0, 0, .08);
    }
    body.dm-tpl-modern-theme.rtl #sidebarleft { left: auto; right: 0; box-shadow: -1px 0 0 rgba(0, 0, 0, .08); }
    body.dm-tpl-modern-theme .content-wrap { margin-left: 280px; }
    body.dm-tpl-modern-theme.rtl .content-wrap { margin-left: 0; margin-right: 280px; }
    body.dm-tpl-modern-theme :is(#sidebarleftbutton, #sidebarleft .dismiss-sidenav) { display: none; }
}