/* Generated bundle: tools/build-runtime-bundles.php */
/* =========================================================
   EN BABA ORGANİZASYON — BİLDİRİM / GECE MODU KORUMA KATMANI
   - Samsung Internet, Android Chrome ve iPhone Safari
   - Sistem gece modu / manuel gece modu
   - Toast, fiyat güncelliği, rezervasyon ve PWA kartları
========================================================= */

:root{
  --enb-notify-neutral-bg: rgba(15,23,42,.97);
  --enb-notify-neutral-ink: #f8fafc;
  --enb-notify-muted: #cbd5e1;
  --enb-notify-border: rgba(255,255,255,.20);
  --enb-notify-shadow: 0 20px 56px rgba(2,6,23,.30), 0 1px 0 rgba(255,255,255,.12) inset;
  --enb-notify-error-bg: #991b1b;
  --enb-notify-success-bg: #166534;
  --enb-notify-warning-bg: #92400e;
  --enb-notify-info-bg: #1e3a8a;
}

/*
 * Telefonun "zorunlu karartma" algoritmasının özel bildirimleri
 * ikinci kez ters çevirmesini engeller. Bu alanlar renklerini
 * kendileri yönettiği için renk şeması bilinçli olarak sabitlenir.
 */
html body :where(
  .enb-toast,
  .baba-toast,
  .corn-toast,
  .bh-toast,
  .enb-center-alert,
  .enb-hizmetler-toast,
  .enb-price-smart__pill,
  .enb-res-policy-float__btn,
  .enb-pwa-card,
  .enb-inline-alert,
  .kd-mail-feedback,
  .gate-error
){
  forced-color-adjust: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  text-shadow: none;
  isolation: isolate;
}

/* Koyu zeminli kısa bildirimler her temada yüksek kontrastlıdır. */
html body :where(
  .enb-toast,
  .baba-toast,
  .corn-toast,
  .bh-toast,
  .enb-center-alert,
  .enb-hizmetler-toast
){
  color-scheme: dark;
  color: var(--enb-notify-neutral-ink) !important;
  border: 1px solid var(--enb-notify-border) !important;
  box-shadow: var(--enb-notify-shadow) !important;
}

html body :where(
  .enb-toast:not(.enb-toast--error):not(.enb-toast--success):not(.enb-toast--warning),
  .baba-toast:not(.baba-toast-error):not(.baba-toast-success),
  .corn-toast,
  .bh-toast:not(.bh-toast--error):not(.bh-toast--success),
  .enb-hizmetler-toast
){
  background-color: var(--enb-notify-neutral-bg) !important;
  background-image: none !important;
}

html body :where(
  .enb-toast--error,
  .baba-toast-error,
  .bh-toast--error,
  .enb-center-alert,
  [class*="toast--danger"],
  [class*="toast-error"]
){
  background-color: var(--enb-notify-error-bg) !important;
  background-image: none !important;
  color: #fff !important;
}

html body :where(
  .enb-toast--success,
  .baba-toast-success,
  .bh-toast--success,
  [class*="toast-success"]
){
  background-color: var(--enb-notify-success-bg) !important;
  background-image: none !important;
  color: #fff !important;
}

html body :where(
  .enb-toast--warning,
  [class*="toast--warn"],
  [class*="toast-warning"]
){
  background-color: var(--enb-notify-warning-bg) !important;
  background-image: none !important;
  color: #fff !important;
}

html body :where(
  .enb-toast--info,
  [class*="toast--info"]
){
  background-color: var(--enb-notify-info-bg) !important;
  background-image: none !important;
  color: #fff !important;
}

/* Kapatma düğmesi telefonun gece modu tarafından görünmez yapılmasın. */
html body :where(.enb-toast__close, .enb-pwa-card__close){
  color-scheme: dark;
  color: #f8fafc !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
}

html body :where(.enb-toast__close, .enb-pwa-card__close):focus-visible{
  outline: 3px solid rgba(165,180,252,.72) !important;
  outline-offset: 2px;
}

/* Açık temadaki büyük bilgi kartları açık renk şemasını korur. */
html[data-theme="light"] body :where(
  .enb-price-smart__pill,
  .enb-res-policy-float__btn,
  .enb-pwa-card
){
  color-scheme: light;
}

/* Gece modunda bilgi kartları zemine karışmadan koyu yüzeye geçer. */
html[data-theme="dark"] body :where(
  .enb-price-smart__pill,
  .enb-res-policy-float__btn,
  .enb-pwa-card
){
  color-scheme: dark;
  color: #f8fafc !important;
  background-color: rgba(17,24,39,.97) !important;
  border-color: rgba(148,163,184,.34) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.52), 0 1px 0 rgba(255,255,255,.08) inset !important;
}

html[data-theme="dark"] body .enb-price-smart__pill{
  background-image:
    radial-gradient(circle at 12% 0%, rgba(16,185,129,.18), transparent 36%),
    linear-gradient(135deg, rgba(6,78,59,.34), rgba(17,24,39,.98) 56%, rgba(15,23,42,.98)) !important;
}

html[data-theme="dark"] body .enb-res-policy-float__btn{
  background-image:
    radial-gradient(circle at 15% 0%, rgba(251,113,133,.18), transparent 36%),
    linear-gradient(135deg, rgba(76,5,25,.42), rgba(17,24,39,.98) 58%, rgba(15,23,42,.98)) !important;
}

html[data-theme="dark"] body .enb-pwa-card{
  background-image: linear-gradient(145deg, rgba(17,24,39,.98), rgba(15,23,42,.98)) !important;
}

html[data-theme="dark"] body :where(
  .enb-price-smart__pill,
  .enb-res-policy-float__btn,
  .enb-pwa-card
) :where(p, small, span:not([class*="icon"]), .enb-pwa-card__text, .enb-pwa-card__steps){
  color: #cbd5e1;
}

html[data-theme="dark"] body :where(
  .enb-price-smart__pill,
  .enb-res-policy-float__btn,
  .enb-pwa-card
) :where(strong, b, .enb-pwa-card__title){
  color: #f8fafc !important;
}

/* Sistem karanlık olup JS henüz temayı yazmadan önce oluşabilecek ilk kare. */
@media (prefers-color-scheme: dark){
  html:not([data-theme="light"]) body :where(
    .enb-price-smart__pill,
    .enb-res-policy-float__btn,
    .enb-pwa-card
  ){
    color-scheme: dark;
  }
}

/* Küçük ekran: alt navigasyon ve safe-area ile çakışma önlenir. */
@media (max-width: 767.98px){
  html body :where(.bh-toast, #eboToast.enb-hizmetler-toast){
    bottom: calc(var(--eb-mobile-nav-h, 56px) + env(safe-area-inset-bottom, 0px) + 14px) !important;
  }

  html body :where(.enb-toast, .baba-toast, .corn-toast, .bh-toast, .enb-center-alert, .enb-hizmetler-toast){
    max-width: min(340px, calc(100vw - 28px)) !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  html body :where(.enb-toast, .baba-toast){
    white-space: normal !important;
    text-overflow: clip !important;
    text-align: center;
    line-height: 1.4;
  }
}

@media (forced-colors: active){
  html body :where(
    .enb-toast,
    .baba-toast,
    .corn-toast,
    .bh-toast,
    .enb-center-alert,
    .enb-hizmetler-toast,
    .enb-price-smart__pill,
    .enb-res-policy-float__btn,
    .enb-pwa-card
  ){
    forced-color-adjust: auto;
    border: 2px solid CanvasText !important;
  }
}
/* =========================================================
   EN BABA — SMART MEGA MENU
   - Desktop mega menu: left category navigator + one active panel
   - All desktop categories share the same service-card grid
========================================================= */

@media (min-width:1024px){
  #megaMenuPanel .enb-mega-browser{
    display:grid;
    grid-template-columns:minmax(214px, 236px) minmax(0, 1fr);
    gap:14px;
    align-items:start;
    min-width:0;
  }

  #megaMenuPanel .enb-mega-index{
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    flex-wrap:nowrap;
    gap:5px;
    margin:0 !important;
    padding:8px !important;
    border:1px solid rgba(226,232,240,.95);
    border-radius:18px;
    background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
    box-shadow:0 10px 26px rgba(15,23,42,.045);
  }

  #megaMenuPanel .enb-mega-index__label{
    display:flex !important;
    align-items:center;
    min-height:32px;
    margin:0 2px 3px;
    padding:0 10px;
    border-radius:10px;
    background:#0f172a;
    color:#fff;
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  #megaMenuPanel .enb-mega-index__btn{
    width:100%;
    min-height:49px;
    display:grid !important;
    grid-template-columns:30px minmax(0,1fr) 16px;
    align-items:center;
    gap:8px;
    padding:7px 9px !important;
    border:1px solid transparent !important;
    border-radius:13px !important;
    background:transparent !important;
    color:#334155 !important;
    text-align:left;
    box-shadow:none !important;
    transform:none !important;
    cursor:pointer;
    transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease !important;
  }

  #megaMenuPanel .enb-mega-index__btn:hover,
  #megaMenuPanel .enb-mega-index__btn:focus-visible{
    background:#fff !important;
    border-color:#e2e8f0 !important;
    color:#111827 !important;
    box-shadow:0 7px 18px rgba(15,23,42,.055) !important;
    outline:none;
  }

  #megaMenuPanel .enb-mega-index__btn.is-active{
    background:linear-gradient(135deg,#eef2ff,#fff) !important;
    border-color:rgba(99,102,241,.34) !important;
    color:#312e81 !important;
    box-shadow:0 9px 22px rgba(79,70,229,.10) !important;
  }

  #megaMenuPanel .enb-mega-index__icon{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:rgba(148,163,184,.10);
    font-size:15px;
    line-height:1;
  }

  #megaMenuPanel .enb-mega-index__btn.is-active .enb-mega-index__icon{
    background:rgba(99,102,241,.12);
  }

  #megaMenuPanel .enb-mega-index__copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
  }

  #megaMenuPanel .enb-mega-index__copy strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12.5px;
    line-height:1.15;
    font-weight:900;
    color:inherit;
  }

  #megaMenuPanel .enb-mega-index__copy small{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:9.5px;
    line-height:1.2;
    font-weight:650;
    color:#94a3b8;
  }

  #megaMenuPanel .enb-mega-index__btn.is-active .enb-mega-index__copy small{
    color:#6366f1;
  }

  #megaMenuPanel .enb-mega-index__arrow{
    justify-self:end;
    font-size:20px;
    line-height:1;
    color:#cbd5e1;
    transform:translateX(-1px);
  }

  #megaMenuPanel .enb-mega-index__btn.is-active .enb-mega-index__arrow{
    color:#4f46e5;
  }

  #megaMenuPanel .enb-mega-gridScroll{
    min-width:0;
    overflow:visible !important;
  }

  #megaMenuPanel .enb-mega-mainGrid{
    display:block !important;
    min-width:0;
  }

  #megaMenuPanel [data-mega-category-card]{
    width:100%;
    min-width:0 !important;
    margin:0 !important;
    padding:16px !important;
    border:1px solid rgba(226,232,240,.95) !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
    box-shadow:0 10px 26px rgba(15,23,42,.045) !important;
    transform:none !important;
  }

  #megaMenuPanel [data-mega-category-card][hidden]{
    display:none !important;
  }

  #megaMenuPanel .enb-mega-catCard__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 12px;
    padding:0 0 11px;
    border-bottom:1px solid #eef2f7;
  }

  #megaMenuPanel .enb-mega-catCard__head h4{
    margin:1px 0 0 !important;
    font-size:17px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    letter-spacing:-.02em !important;
    color:#0f172a !important;
  }

  #megaMenuPanel .enb-mega-catCard__eyebrow{
    display:block;
    font-size:9.5px;
    line-height:1;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
    color:#818cf8;
  }

  #megaMenuPanel .enb-mega-catCard__content{
    min-width:0;
  }

  #megaMenuPanel .enb-mega-service-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-flow:row;
    align-content:start;
    gap:7px 10px !important;
    min-width:0;
  }

  #megaMenuPanel .enb-mega-service-grid > a{
    display:flex !important;
    align-items:center;
    width:100%;
    min-width:0;
    min-height:37px;
    margin-top:0 !important;
    padding:7px 9px;
    box-sizing:border-box;
    border:1px solid rgba(226,232,240,.82);
    border-radius:11px;
    background:#fff;
    color:#475569;
    line-height:1.32 !important;
    white-space:normal;
    overflow-wrap:anywhere;
    text-decoration:none;
    transition:border-color .14s ease,background-color .14s ease,color .14s ease,transform .14s ease;
  }

  #megaMenuPanel .enb-mega-service-grid > a:hover,
  #megaMenuPanel .enb-mega-service-grid > a:focus-visible{
    border-color:rgba(99,102,241,.26);
    background:#f8faff;
    color:#4338ca;
    transform:translateY(-1px);
    outline:none;
  }

}

@media (min-width:1024px) and (max-width:1240px){
  #megaMenuPanel .enb-mega-browser{
    grid-template-columns:190px minmax(0,1fr);
    gap:10px;
  }

  #megaMenuPanel .enb-mega-index__copy small{
    display:none;
  }

  #megaMenuPanel .enb-mega-service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

}

/* =========================================================
   FAZ 7 — MEGA MENÜ MARKUP KOMPAKTLAŞTIRMA
   189 hizmet linki canlı HTML'de kalır; dekoratif düğümler CSS'e taşınır.
========================================================= */
@media (min-width:1024px){
  #megaMenuPanel .enb-mega-index__btn{position:relative;padding:7px 34px 7px 52px !important;}
  #megaMenuPanel .enb-mega-index__title{position:relative;display:grid;gap:2px;min-width:0;color:inherit;font-size:13px;font-weight:800;line-height:1.2;text-align:left;}
  #megaMenuPanel .enb-mega-index__title::before{content:attr(data-icon);position:absolute;left:-38px;top:50%;margin:0;transform:translateY(-50%);font-size:18px;line-height:1;}
  #megaMenuPanel .enb-mega-index__title::after{content:attr(data-desc);color:#64748b;font-size:10px;font-weight:600;line-height:1.25;white-space:normal;}
  #megaMenuPanel .enb-mega-index__btn.is-active .enb-mega-index__title::after{color:#475569;}
  #megaMenuPanel .enb-mega-index__btn::after{content:"›";position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:22px;line-height:1;}
  #megaMenuPanel .enb-mega-index__btn.is-active::after{color:#4f46e5;}
  #megaMenuPanel .enb-mega-catCard__head > h4[data-eyebrow]{display:grid;gap:2px;margin:0;}
  #megaMenuPanel .enb-mega-catCard__head > h4[data-eyebrow]::before{content:attr(data-eyebrow);color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;}
  #megaMenuPanel .enb-mega-catCard__content > a{display:block;}
  #megaMenuPanel .enb-mega-catCard__content > a:hover,
  #megaMenuPanel .enb-mega-catCard__content > a:focus-visible{color:#4f46e5;}
}
@media (min-width:1024px) and (max-width:1240px){
  #megaMenuPanel .enb-mega-index__title::after{display:none;}
}
/* Faz 7 grid override: dekoratif ikon/ok artık pseudo olduğu için tek gerçek içerik kolonu. */
@media (min-width:1024px){
  #megaMenuPanel .enb-mega-index__btn{grid-template-columns:minmax(0,1fr)!important;}
}

/* =========================================================
   ETKİNLİK TEKNOLOJİLERİ + KURUMSAL/İKRAM GRUPLU MENÜ
   - Merkezi teknoloji kataloğundaki tüm alt hizmetleri gösterir.
   - Kurumsal hizmetleri, seyyar ikramları ve stand servislerini ayırır.
========================================================= */
@media (min-width:768px){
  #megaMenuPanel .enb-mega-catCard__head--feature{
    align-items:flex-start;
    gap:16px;
  }

  #megaMenuPanel .enb-mega-catCard__headCopy{
    min-width:0;
    flex:1 1 auto;
  }

  #megaMenuPanel .enb-mega-catCard__headCopy p{
    max-width:860px;
    margin:5px 0 0;
    color:#64748b;
    font-size:11px;
    font-weight:600;
    line-height:1.45;
  }

  #megaMenuPanel .enb-mega-section-cta{
    flex:0 0 auto;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:34px;
    margin:0 !important;
    padding:0 11px !important;
    border:1px solid rgba(99,102,241,.20);
    border-radius:11px;
    background:#eef2ff;
    color:#4338ca;
    font-size:10.5px !important;
    font-weight:900;
    line-height:1 !important;
    white-space:nowrap;
    text-decoration:none;
  }

  #megaMenuPanel .enb-mega-section-cta:hover,
  #megaMenuPanel .enb-mega-section-cta:focus-visible{
    border-color:rgba(79,70,229,.34);
    background:#e0e7ff;
    color:#3730a3;
    outline:none;
  }

  #megaMenuPanel .enb-mega-tech-groups{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    align-items:start;
  }

  #megaMenuPanel .enb-mega-tech-group{
    min-width:0;
    padding:10px;
    border:1px solid #e7edf5;
    border-radius:14px;
    background:linear-gradient(180deg,#fbfdff 0%,#f8fafc 100%);
  }

  #megaMenuPanel .enb-mega-tech-group--wide{
    grid-column:span 2;
  }

  #megaMenuPanel .enb-mega-tech-group__head{
    display:grid;
    grid-template-columns:30px minmax(0,1fr) auto auto;
    align-items:center;
    gap:8px;
    min-height:38px;
    margin-bottom:8px;
  }

  #megaMenuPanel .enb-mega-tech-group__icon,
  #megaMenuPanel .enb-mega-subgroup__icon{
    width:30px;
    height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#fff;
    border:1px solid #e7edf5;
    box-shadow:0 4px 12px rgba(15,23,42,.04);
    font-size:15px;
    line-height:1;
  }

  #megaMenuPanel .enb-mega-tech-group__copy{
    min-width:0;
    display:grid;
    gap:2px;
  }

  #megaMenuPanel .enb-mega-tech-group__copy strong{
    color:#1e293b;
    font-size:11.5px;
    font-weight:900;
    line-height:1.2;
  }

  #megaMenuPanel .enb-mega-tech-group__copy small{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    color:#94a3b8;
    font-size:9px;
    font-weight:650;
    line-height:1.25;
  }

  #megaMenuPanel .enb-mega-tech-group__count,
  #megaMenuPanel .enb-mega-subgroup__count{
    min-width:24px;
    height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 6px;
    border-radius:999px;
    background:#e2e8f0;
    color:#475569;
    font-size:9px;
    font-weight:900;
    line-height:1;
  }

  #megaMenuPanel .enb-mega-tech-group__hub{
    width:26px;
    height:26px;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    margin:0 !important;
    padding:0 !important;
    border:1px solid #c7d2fe;
    border-radius:8px;
    background:#eef2ff;
    color:#4338ca;
    font-size:14px !important;
    font-weight:900;
    line-height:1 !important;
    text-decoration:none;
  }

  #megaMenuPanel .enb-mega-tech-group__links{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:5px;
  }

  #megaMenuPanel .enb-mega-tech-group--wide .enb-mega-tech-group__links{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #megaMenuPanel .enb-mega-tech-group__links > a,
  #megaMenuPanel .enb-mega-subgroup__links > a{
    display:grid !important;
    grid-template-columns:22px minmax(0,1fr);
    align-items:center;
    gap:6px;
    min-width:0;
    min-height:31px;
    margin:0 !important;
    padding:5px 7px !important;
    border:1px solid rgba(226,232,240,.92);
    border-radius:9px;
    background:#fff;
    color:#475569;
    font-size:10.5px !important;
    font-weight:700;
    line-height:1.25 !important;
    text-decoration:none;
    overflow-wrap:anywhere;
    transition:border-color .14s ease,background-color .14s ease,color .14s ease,transform .14s ease;
  }

  #megaMenuPanel .enb-mega-tech-group__links > a:hover,
  #megaMenuPanel .enb-mega-tech-group__links > a:focus-visible,
  #megaMenuPanel .enb-mega-subgroup__links > a:hover,
  #megaMenuPanel .enb-mega-subgroup__links > a:focus-visible{
    border-color:rgba(99,102,241,.28);
    background:#f5f7ff;
    color:#4338ca;
    transform:translateY(-1px);
    outline:none;
  }

  #megaMenuPanel .enb-mega-tech-link__icon,
  #megaMenuPanel .enb-mega-subgroup__linkIcon{
    width:22px;
    height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    background:#f8fafc;
    font-size:12px;
    line-height:1;
  }

  #megaMenuPanel .enb-mega-grouped-content{
    display:grid;
    gap:10px;
    align-items:start;
  }

  #megaMenuPanel .enb-mega-catering-groups{
    grid-template-columns:minmax(190px,.72fr) minmax(0,1.08fr) minmax(0,1.20fr);
  }

  #megaMenuPanel .enb-mega-subgroup{
    min-width:0;
    padding:10px;
    border:1px solid #e7edf5;
    border-radius:14px;
    background:linear-gradient(180deg,#fbfdff 0%,#f8fafc 100%);
  }

  #megaMenuPanel .enb-mega-subgroup--mobile-catering{
    border-color:#fde7c2;
    background:linear-gradient(180deg,#fffdf8 0%,#fffaf0 100%);
  }

  #megaMenuPanel .enb-mega-subgroup__head{
    display:grid;
    grid-template-columns:30px minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    min-height:34px;
    margin-bottom:8px;
  }

  #megaMenuPanel .enb-mega-subgroup__title{
    color:#1e293b;
    font-size:11.5px;
    font-weight:900;
    line-height:1.2;
  }

  #megaMenuPanel .enb-mega-subgroup__note{
    margin:-2px 0 8px;
    padding:6px 8px;
    border-radius:9px;
    background:rgba(251,191,36,.09);
    color:#92400e;
    font-size:9px;
    font-weight:700;
    line-height:1.35;
  }

  #megaMenuPanel .enb-mega-subgroup__links{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:5px;
  }
}

@media (min-width:1440px){
  #megaMenuPanel .enb-mega-tech-groups{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  #megaMenuPanel .enb-mega-tech-group--wide{
    grid-column:span 4;
  }

  #megaMenuPanel .enb-mega-tech-group--wide .enb-mega-tech-group__links{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  #megaMenuPanel .enb-mega-subgroup--mobile-catering .enb-mega-subgroup__links,
  #megaMenuPanel .enb-mega-subgroup--stand-catering .enb-mega-subgroup__links{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:1241px) and (max-width:1439px){
  #megaMenuPanel .enb-mega-tech-group--wide{
    grid-column:span 3;
  }

  #megaMenuPanel .enb-mega-tech-group--wide .enb-mega-tech-group__links{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* Tablet: masaüstü header 768px'de başladığı için smart kategori gezgini ve
   yeni grup kartları bu aralıkta da erişilebilir kalır. */
@media (min-width:768px) and (max-width:1023px){
  html body #megaMenuPanel.enb-mega-panel{
    position:fixed !important;
    top:var(--enbDropdownTop, 68px) !important;
    right:12px !important;
    left:12px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100vh - var(--enbDropdownTop, 68px) - 12px) !important;
    max-height:calc(100dvh - var(--enbDropdownTop, 68px) - 12px) !important;
    margin:0 !important;
    padding:12px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    border-radius:18px !important;
    transform:none !important;
    transform-origin:top center !important;
    overscroll-behavior:contain;
  }

  #megaMenuPanel .enb-mega-sales{
    margin-bottom:10px !important;
  }

  #megaMenuPanel .enb-mega-sales__hero{
    grid-template-columns:minmax(0,1fr) !important;
  }

  #megaMenuPanel .enb-mega-sales__left,
  #megaMenuPanel .enb-mega-demandCard{
    padding:12px !important;
    border-radius:16px !important;
  }

  #megaMenuPanel .enb-mega-sales__desc,
  #megaMenuPanel .enb-mega-demandCard__text,
  #megaMenuPanel .enb-mega-demandCard__priceNote{
    font-size:11px !important;
  }

  #megaMenuPanel #megaMenuSearchEngine{
    margin-bottom:10px !important;
    padding:10px !important;
  }

  #megaMenuPanel .enb-mega-browser{
    display:block !important;
    min-width:0;
  }

  #megaMenuPanel .enb-mega-index{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch;
    gap:6px;
    margin:0 0 10px !important;
    padding:7px !important;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:thin;
  }

  #megaMenuPanel .enb-mega-index__label{
    flex:0 0 auto;
    min-height:44px;
    padding:0 11px;
  }

  #megaMenuPanel .enb-mega-index__btn{
    position:relative;
    flex:0 0 166px;
    min-height:44px;
    display:flex !important;
    align-items:center;
    margin:0 !important;
    padding:7px 9px 7px 36px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:11px !important;
    background:#fff !important;
    color:#334155 !important;
    text-align:left;
  }

  #megaMenuPanel .enb-mega-index__btn.is-active{
    border-color:rgba(99,102,241,.34) !important;
    background:#eef2ff !important;
    color:#312e81 !important;
  }

  #megaMenuPanel .enb-mega-index__title{
    position:relative;
    min-width:0;
    font-size:11px;
    font-weight:850;
    line-height:1.2;
    white-space:normal;
  }

  #megaMenuPanel .enb-mega-index__title::before{
    content:attr(data-icon);
    position:absolute;
    left:-27px;
    top:50%;
    transform:translateY(-50%);
    font-size:15px;
    line-height:1;
  }

  #megaMenuPanel [data-mega-category-card]{
    padding:12px !important;
    border-radius:15px !important;
  }

  #megaMenuPanel .enb-mega-catCard__head--feature{
    display:block;
  }

  #megaMenuPanel .enb-mega-catCard__headCopy p,
  #megaMenuPanel .enb-mega-tech-group__copy small,
  #megaMenuPanel .enb-mega-subgroup__note{
    display:none;
  }

  #megaMenuPanel .enb-mega-section-cta{
    min-height:44px;
    margin-top:8px !important;
  }

  #megaMenuPanel .enb-mega-tech-groups,
  #megaMenuPanel .enb-mega-catering-groups{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #megaMenuPanel .enb-mega-tech-group--wide,
  #megaMenuPanel .enb-mega-subgroup--stand-catering{
    grid-column:span 2;
  }

  #megaMenuPanel .enb-mega-tech-group--wide .enb-mega-tech-group__links,
  #megaMenuPanel .enb-mega-subgroup--stand-catering .enb-mega-subgroup__links{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #megaMenuPanel .enb-mega-tech-group__links > a,
  #megaMenuPanel .enb-mega-subgroup__links > a{
    min-height:44px;
  }
}

@media (min-width:1024px) and (max-width:1240px){
  #megaMenuPanel .enb-mega-tech-groups{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #megaMenuPanel .enb-mega-tech-group--wide{
    grid-column:span 2;
  }

  #megaMenuPanel .enb-mega-catering-groups{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #megaMenuPanel .enb-mega-subgroup--stand-catering{
    grid-column:span 2;
  }

  #megaMenuPanel .enb-mega-subgroup--stand-catering .enb-mega-subgroup__links{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:1024px) and (max-width:1120px){
  #megaMenuPanel .enb-mega-catCard__head--feature{
    display:block;
  }

  #megaMenuPanel .enb-mega-section-cta{
    margin-top:8px !important;
  }

  #megaMenuPanel .enb-mega-tech-group__copy small,
  #megaMenuPanel .enb-mega-subgroup__note{
    display:none;
  }
}

html[data-theme="dark"] #megaMenuPanel .enb-mega-tech-group,
html[data-theme="dark"] #megaMenuPanel .enb-mega-subgroup{
  background:#111827 !important;
  border-color:#334155 !important;
}

html[data-theme="dark"] #megaMenuPanel .enb-mega-tech-group__icon,
html[data-theme="dark"] #megaMenuPanel .enb-mega-subgroup__icon,
html[data-theme="dark"] #megaMenuPanel .enb-mega-tech-group__links > a,
html[data-theme="dark"] #megaMenuPanel .enb-mega-subgroup__links > a{
  background:#0f172a !important;
  border-color:#334155 !important;
}

html[data-theme="dark"] #megaMenuPanel .enb-mega-tech-group__copy strong,
html[data-theme="dark"] #megaMenuPanel .enb-mega-subgroup__title{
  color:#e5e7eb !important;
}

html[data-theme="dark"] #megaMenuPanel .enb-mega-tech-group__copy small,
html[data-theme="dark"] #megaMenuPanel .enb-mega-catCard__headCopy p{
  color:#94a3b8 !important;
}

html[data-theme="dark"] #megaMenuPanel .enb-mega-tech-group__links > a,
html[data-theme="dark"] #megaMenuPanel .enb-mega-subgroup__links > a{
  color:#cbd5e1 !important;
}

html[data-theme="dark"] #megaMenuPanel .enb-mega-tech-link__icon,
html[data-theme="dark"] #megaMenuPanel .enb-mega-subgroup__linkIcon{
  background:#1e293b !important;
}

html[data-theme="dark"] #megaMenuPanel .enb-mega-subgroup__note{
  background:rgba(245,158,11,.10) !important;
  color:#fcd34d !important;
}