body[data-gastro-page="puf-noktasi-ekle-v1"] .ek-tepe{
  --dg-hero-foto:url('../../storage/pagedef/puf/hero/UVncxAuEL9MTFPEUWLQ47MfCtLeqyWq3IieZvykB.webp');
}
body[data-gastro-page="tarif-ekle-v1"] .ek-tepe{
  --dg-hero-foto:url('../../storage/pagedef/tarifler/hero/lHsbux1DtK4qGj3Uk2I2ccvNZXjepXHfQvr1ieQO.webp');
}


.zebra > .ek-tepe[data-hero-detay]{ padding:128px 0 0; }


.ek-tepe[data-hero-detay]{ min-height:392px; }
@media (max-width:640px){ .ek-tepe[data-hero-detay]{ min-height:0; } }


.ek-tepe[data-hero-detay] .sec-head{ padding:10px 0 42px; }


.ek-tepe[data-hero-detay] .kirinti,
.ek-tepe[data-hero-detay] .kirinti a{ color:rgba(255,255,255,.85); }
.ek-tepe[data-hero-detay] .kirinti > i{ color:rgba(255,255,255,.4); }
.ek-tepe[data-hero-detay] .kirinti .crumb-home i{ color:rgba(255,255,255,.85); }
.ek-tepe[data-hero-detay] .kirinti a:hover{ color:var(--kagit); }
.ek-tepe[data-hero-detay] .kirinti .cur{ color:var(--kagit); font-weight:var(--agirlik-kalin); }


.ek-tepe[data-hero-detay] .ust-etiket{ color:rgb(241,177,162); }
.ek-tepe[data-hero-detay] .ust-etiket::before{ background:var(--aksan); }


.ek-tepe[data-hero-detay] .sec-head h1{
  color:var(--kagit); font-size:44px;
  text-shadow:0 2px 24px rgba(0,0,0,.25);
}
@media (max-width:640px){ .ek-tepe[data-hero-detay] .sec-head h1{ font-size:29px; } }

.ek-tepe[data-hero-detay] .sec-head .lead{
  color:rgb(231,237,241); font-weight:500; font-size:15.5px;
  text-shadow:0 1px 14px rgba(0,0,0,.3);
}


.ek-tepe[data-hero-detay] .see-all{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.22);
  color:var(--kagit);
}
.ek-tepe[data-hero-detay] .see-all:hover{
  background:rgba(255,255,255,.2); color:var(--kagit);
}
.ek-tepe[data-hero-detay] .see-all:focus-visible{
  outline:var(--odak-kalinlik) solid var(--kagit); outline-offset:var(--odak-ofset);
}



.ek-izgara{ align-items:start; }

.ek-ray{
  position:sticky;
  
  top:calc(var(--kabuk-h) + var(--bosluk-16));
  
  max-height:calc(100vh - var(--kabuk-h) - var(--bosluk-16) - var(--bosluk-16));
  overflow-y:auto; overscroll-behavior:contain;
  scrollbar-width:thin;
  
  padding-right:var(--bosluk-4); margin-right:calc(var(--bosluk-4) * -1);
}

.ek-ray > .ek-yayin{ position:static; }

.ek-ray > *{ flex:0 0 auto; }


.ek-ray.ek-ray-tasar{
  mask-image:linear-gradient(to bottom, #000 calc(100% - var(--bosluk-24)), transparent 100%);
}

@media (max-width:1080px){
  .ek-ray{ position:static; max-height:none; overflow:visible;
           padding-right:0; margin-right:0; }
  .ek-ray.ek-ray-tasar{ mask-image:none; }
}



.ek-metin .tox.tox-tinymce{
  border:var(--cizgi-1) solid var(--cizgi);
  border-radius:var(--yuvarlak-md);
  max-width:100%;
}
.ek-metin .alan:focus-within .tox.tox-tinymce{ border-color:var(--aksan); }
.ek-metin .tox .tox-editor-header{
  background:var(--zemin);
  border-bottom:var(--cizgi-1) solid var(--cizgi);
  box-shadow:none;
}
.ek-metin .tox .tox-toolbar,
.ek-metin .tox .tox-toolbar__primary,
.ek-metin .tox .tox-toolbar-overlord{ background:transparent; }
.ek-metin .tox .tox-tbtn{
  color:var(--murekkep-yumusak);
  border-radius:var(--yuvarlak-sm);
}
.ek-metin .tox .tox-tbtn:hover{ background:var(--kagit); color:var(--murekkep); }
.ek-metin .tox .tox-tbtn--enabled,
.ek-metin .tox .tox-tbtn--enabled:hover{ background:var(--aksan-yikama); color:var(--aksan-koyu); }
.ek-metin .tox .tox-tbtn svg{ fill:currentColor; }
.ek-metin .tox .tox-tbtn__select-label{ font-size:var(--yazi-13); font-weight:var(--agirlik-orta); }
.ek-metin .tox .tox-sidebar-wrap{ background:var(--kagit); }
.ek-metin .tox .tox-statusbar{ display:none; }
.ek-metin .tox:not(.tox-tinymce-inline) .tox-editor-header{
  border-radius:var(--yuvarlak-md) var(--yuvarlak-md) 0 0;
}


.ek-metin textarea[data-editor]{ min-height:280px; }



.ek-etiket-secici{ position:relative; }

.ek-etiket-secici .acilir-yuzey{ max-height:320px; display:flex; flex-direction:column; }
.ek-etiket-secici .acilir-liste{ overflow-y:auto; min-height:0; }

.ek-etiket-secici .acilir-ara-satir{
  display:flex; align-items:center; gap:var(--bosluk-8);
  padding:0 var(--bosluk-8) var(--bosluk-6);
  border-bottom:var(--cizgi-1) solid var(--cizgi);
  margin-bottom:var(--bosluk-6);
}
.ek-etiket-secici .acilir-ara-satir > i{ color:var(--metin-ikincil); font-size:var(--yazi-12); flex:none; }
.ek-etiket-secici .acilir-arama{ flex:1 1 auto; min-width:0; }

.ek-etiket-secici .acilir-kalem > i:first-child{ width:1em; flex:none; text-align:center; color:var(--metin-ikincil); }
.ek-etiket-secici .acilir-kalem.aktif > i:first-child{ color:var(--aksan-koyu); }

.ek-etiket-secici .etiket-oneri{
  margin-left:auto; flex:none;
  padding:var(--bosluk-2) var(--bosluk-8);
  border-radius:var(--yuvarlak-hap);
  background:var(--aksan-yikama); color:var(--aksan-koyu);
  font-size:var(--yazi-10-5); font-weight:var(--agirlik-kalin);
  letter-spacing:var(--aralik-etiket);
}
.ek-etiket-secici .acilir-bos{
  margin:0; padding:var(--bosluk-10) var(--bosluk-11);
  font-size:var(--yazi-12-5); color:var(--metin-ikincil);
}

.ek-etiket-secici .coklu-kutu > .coklu-ok{
  margin-left:auto; flex:none; color:var(--metin-ikincil); font-size:var(--yazi-12);
  transition:transform var(--sure) var(--yumusama);
}
.ek-etiket-secici .coklu-kutu[aria-expanded="true"] > .coklu-ok{ transform:rotate(180deg); }

.ek-etiket-secici .coklu-cip button{
  padding:var(--bosluk-11) var(--bosluk-6);
  margin:calc(var(--bosluk-11) * -1) calc(var(--bosluk-6) * -1);
}