/* ═══════════════════════════════════════════════════════════════════════════
   FEYDEM — ANA SAYFA İLK EKRANI: REKLAM ŞERİDİ (4 kare)   ·   site/js/kampanya.js çizer, site/data/kampanya.json besler

   RENKLER YALNIZ css/tema.css JETONLARINDAN: bu dosyada elle yazılmış renk kodu YOK. Koyu bant --serit-* jetonları
   (tema.css'e eklendi), vurgu --marka (turuncu), açık kaide --yuzey*, saydamlıklar color-mix().
   Turuncu AKSAN kalır (vurgulu öbek, rozet, ikon): bandın kendisi turuncu değil (tema.css başlığındaki kural).

   İKİ YÖN: yatay yerleşim MANTIKSAL özelliklerle (inline-start/end); Arapça (html[dir=rtl]) kendiliğinden aynalanır.
   Ürün görselleri RTL'de ÇEVRİLMEZ; arka plan sahnesi çevrilmiş ayrı dosyadır (data: sahne_rtl).

   Dört kompozisyon tipi:  kurum-sef · urun-sahne · urun-yemek · tam-kadraj  (her biri bir blok; yeni tip = yeni blok)
   ═══════════════════════════════════════════════════════════════════════════ */
.kamp{
  --k-zemin:var(--serit-zemin);
  --k-panel:var(--serit-panel);
  --k-yazi:var(--serit-yazi);
  --k-soluk:var(--serit-soluk);
  --k-vurgu:var(--marka);                    /* vurgulu öbek, ikon: koyu zeminde turuncu */
  --k-rozet:var(--marka-dolgu-yazili);       /* rozet dolgusu: beyaz yazı 4.7:1 */
  --k-cizgi:color-mix(in srgb,var(--k-yazi) 22%,transparent);
  --k-bant:clamp(560px,45.5vw,700px);
  position:relative;z-index:3;
  padding-top:68px;                          /* sabit üst menü kadar */
  min-height:calc(68px + var(--k-bant));     /* JS gelene dek yer tutar: sayfa aşağı kaymasın */
  background:var(--k-zemin);color:var(--k-yazi);
  font-family:var(--sans);font-weight:400;overflow:hidden;
}
.kamp *,.kamp *::before,.kamp *::after{box-sizing:border-box}
.kamp a{color:inherit;text-decoration:none}
.kamp ul{list-style:none;margin:0;padding:0}
.kamp img,.kamp video{display:block;max-width:100%}      /* canlı sahne (<video>) img ile AYNI sınıfı taşır; ortak kural ikisini de kapsar */
.kamp button{font:inherit;color:inherit}
.kamp [hidden]{display:none!important}
.kamp .gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kamp .nojs{margin:0;padding:3rem var(--gut,1.5rem);font-family:var(--mono);letter-spacing:.08em}  /* JS kapalıyken: yalnız üç bağlantı */
.kamp :focus-visible{outline:2px solid var(--k-yazi);outline-offset:3px}

.alan{display:grid}
.kare{grid-area:1/1;position:relative;min-height:var(--k-bant);overflow:hidden;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .6s cubic-bezier(.23,1,.32,1),visibility 0s .6s}
.kare.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .6s cubic-bezier(.23,1,.32,1),visibility 0s}
.kare .ic{position:relative}

/* ── ortak metin bileşenleri ── */
.kare h2{font-family:var(--sans);font-size:clamp(1.7rem,2.7vw,2.5rem);font-weight:700;line-height:1.14;letter-spacing:-.014em;
  text-transform:none;color:var(--k-yazi);text-wrap:balance;margin:0}
.kare h2 em{font-style:normal;color:var(--k-vurgu);white-space:nowrap}
.kare p.alt{font-size:1.0625rem;line-height:1.55;color:var(--k-soluk);max-width:42ch;margin:0}
.rozet{display:inline-flex;align-items:center;font-size:.8125rem;font-weight:700;line-height:1;letter-spacing:.01em;
  color:var(--k-yazi);border:1px solid var(--k-soluk);border-radius:99px;padding:.5rem .95rem;
  background:color-mix(in srgb,var(--k-zemin) 50%,transparent)}
.avantaj{display:grid;grid-template-columns:1fr;gap:.55rem;width:100%;margin-top:.25rem;padding-top:.85rem;border-top:1px solid var(--k-cizgi)}
.avantaj li{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;align-items:center}
.avantaj svg{grid-row:1/3;width:1.45rem;height:1.45rem;color:var(--k-vurgu);stroke-width:1.6}
.avantaj b{display:block;font-size:.9375rem;font-weight:700;line-height:1.25;color:var(--k-yazi)}
.avantaj span{display:block;font-size:.8125rem;line-height:1.4;color:var(--k-soluk)}
.dugme{display:inline-flex;align-items:center;gap:.75rem;margin-top:.75rem;background:transparent;color:var(--k-yazi);
  border:1.5px solid color-mix(in srgb,var(--k-yazi) 85%,transparent);border-radius:99px;padding:.85rem 1.5rem;
  font-size:.9375rem;font-weight:600;line-height:1;transition:background-color .2s,color .2s,transform .2s}
.dugme svg{width:1rem;height:1rem;transition:transform .2s}
[dir=rtl] .dugme svg{transform:scaleX(-1)}
.dugme:hover{background:var(--k-yazi);color:var(--k-zemin)}
.dugme:hover svg{transform:translateX(3px)}
[dir=rtl] .dugme:hover svg{transform:scaleX(-1) translateX(3px)}
.dugme:active{transform:scale(.98)}
.sahne-not{position:absolute;top:.9rem;inset-inline-end:clamp(1.25rem,4vw,4rem);z-index:5;font-size:.6875rem;line-height:1;
  color:color-mix(in srgb,var(--k-yazi) 62%,transparent);letter-spacing:.02em}
.kunye{position:absolute;z-index:4;font-size:.8125rem;font-weight:600;line-height:1;color:var(--k-yazi);
  background:color-mix(in srgb,var(--k-zemin) 62%,transparent);border:1px solid color-mix(in srgb,var(--k-yazi) 28%,transparent);
  border-radius:99px;padding:.5rem .85rem;white-space:nowrap}

/* ── TİP urun-sahne · koyu sahne + önde ürün (R2): sahne ürünle TEK dosyaya pişmiş ── */
.kare--urun .sk-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 100%}
[dir=rtl] .kare--urun .sk-bg{object-position:0 100%}
.kare--urun::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(90deg,color-mix(in srgb,var(--k-zemin) 82%,transparent) 0%,color-mix(in srgb,var(--k-zemin) 55%,transparent) 22%,transparent 40%),
  linear-gradient(0deg,color-mix(in srgb,var(--k-zemin) 40%,transparent) 0%,transparent 22%)}
[dir=rtl] .kare--urun::after{background:
  linear-gradient(270deg,color-mix(in srgb,var(--k-zemin) 82%,transparent) 0%,color-mix(in srgb,var(--k-zemin) 55%,transparent) 22%,transparent 40%),
  linear-gradient(0deg,color-mix(in srgb,var(--k-zemin) 40%,transparent) 0%,transparent 22%)}
.kare--urun .ic{z-index:2;width:100%;height:100%;min-height:inherit}
.kare--urun .sk-metin{position:absolute;inset-inline-start:clamp(4.5rem,5vw,6rem);top:50%;transform:translateY(-50%);width:min(30%,26.5rem);
  display:flex;flex-direction:column;align-items:flex-start;gap:.85rem}
.kare--urun .kunye{transform:translateX(-50%)}

/* ── TİP kurum-sef · şef fotoğrafı | metin paneli | ürün paneli (R1) ──
   Izgara: metin paneli ile ürün paneli AYNI üst/alt çizgide (--m), aralarında 1,5rem. Ürün paneli sabit en-boy:
   kırpma yok, ürün hep tam görünür; net kaide (temanın açık yüzey tonları) + künye ürünün altında. */
.kare--sef{--m:calc(var(--k-bant)*.085);--pk:calc(var(--k-bant) - 2*var(--m))}
.kare--sef .ic{display:flex;align-items:center;width:100%;max-width:1900px;height:var(--k-bant);padding-inline-end:5.2rem}
.kare--sef .sk-foto{flex:0 1 calc(var(--k-bant)*.665);height:100%;min-width:0;object-fit:cover;object-position:36% 0;
  -webkit-mask-image:linear-gradient(90deg,var(--k-zemin) 86%,transparent 100%);mask-image:linear-gradient(90deg,var(--k-zemin) 86%,transparent 100%)}
[dir=rtl] .kare--sef .sk-foto{object-position:64% 0;
  -webkit-mask-image:linear-gradient(270deg,var(--k-zemin) 86%,transparent 100%);mask-image:linear-gradient(270deg,var(--k-zemin) 86%,transparent 100%)}
.kare--sef .sk-panel{position:relative;flex:1 1 27rem;min-width:21rem;max-width:28rem;height:var(--pk);margin-inline-start:-2.5rem;margin-inline-end:1.5rem;z-index:3;
  background:var(--k-panel);border:1px solid var(--k-cizgi);padding:2.5rem 2rem 1.75rem;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.85rem}
.kare--sef .sk-panel .rozet{position:absolute;top:-1.15rem;inset-inline-start:2rem;background:var(--k-rozet);border-color:var(--k-rozet);color:var(--marka-ustu);
  font-size:.9375rem;padding:.65rem 1.1rem}
.kare--sef .sk-fotopanel{position:relative;flex:1 1 0;min-width:var(--pk);max-width:calc(var(--pk)*1.5);height:var(--pk);overflow:hidden;background:var(--yuzey-2)}   /* dar: kare; geniş ekranda 3:2'ye kadar açılır */   /* BÜTÜN fotoğraf, düz kenar: kesit/kaide yok */
.kare--sef .sk-fotopanel img{display:block;width:100%;height:100%;object-fit:cover}
/* fotoğraf paneli verisi yoksa öğe çizilmez; kare şef + metin düzenine oturur (boş delik kalmaz) */
/* ASIL YOL (R1): şef sahnesi (kare fotoğraf) kırpılmadan oturur: kutu oranı 1,11 → yalnız üst %2 / alt %8 gider, yüz + eller + tabak tam. */
.kare--sef-solo .sk-foto{flex:0 0 auto;width:calc(var(--k-bant)*1.11);object-position:50% 20%}
[dir=rtl] .kare--sef-solo .sk-foto{object-position:50% 20%}
.kare--sef-solo .ic{width:fit-content;max-width:100%;margin-inline:auto}     /* geniş ekranda sağda/solda boş delik kalmasın: bütün kompozisyon ortada */
.kare--sef-solo .sk-foto{-webkit-mask-image:linear-gradient(90deg,transparent 0,var(--k-zemin) 7%,var(--k-zemin) 72%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,var(--k-zemin) 7%,var(--k-zemin) 72%,transparent 100%)}
[dir=rtl] .kare--sef-solo .sk-foto{-webkit-mask-image:linear-gradient(270deg,transparent 0,var(--k-zemin) 7%,var(--k-zemin) 72%,transparent 100%);mask-image:linear-gradient(270deg,transparent 0,var(--k-zemin) 7%,var(--k-zemin) 72%,transparent 100%)}
.kare--sef-solo .sk-panel{flex:0 1 34rem;max-width:34rem;margin-inline-start:-4rem}

/* ── TİP urun-yemek · açık sahne paneli (ürün + yemek) | metin (R3) ──
   Panel bandın TAM yüksekliğinde (üst/alt kenara yapışık); ürün yemek grubunun üstünde-sağında, hiçbir şeye binmez. */
.kare--yemek .ic{display:flex;align-items:center;width:100%;max-width:1440px;height:var(--k-bant);padding-inline-end:5.2rem}
.kare--yemek .sk-sahnepanel{position:relative;flex:none;height:auto;width:min(calc(var(--k-bant)*1.2463),calc(100% - 24rem));aspect-ratio:1184/950;overflow:hidden;background:var(--yuzey-3)}
.kare--yemek .sk-sahnepanel>img{display:block;width:100%;height:100%;object-fit:cover}
.kare--yemek .sk-sahnepanel .kunye{transform:translateX(-50%)}
.kare--yemek .sahne-not{color:color-mix(in srgb,var(--serit-zemin) 66%,transparent)}
.kare--yemek .sk-metin{flex:1 1 auto;min-width:19rem;max-width:28rem;margin-inline-start:clamp(2rem,4.2vw,4.5rem);
  display:flex;flex-direction:column;align-items:flex-start;gap:.85rem}
/* panel yönü 'son' (R2): metin solda, düz kenarlı 3:2 fotoğraf sağda; RTL'de panel kendiliğinden sola geçer, fotoğraf çevrilmez */
.kare--panel-son .ic{max-width:none;justify-content:space-between}
.kare--panel-son .sk-sahnepanel{order:2;width:min(calc(var(--k-bant)*1.28),calc(100% - 28rem));aspect-ratio:3/2}
.kare--panel-son .sk-metin{margin-inline-start:clamp(4.5rem,5vw,6rem);margin-inline-end:1rem}
.kare--panel-son .sahne-not{color:var(--k-yazi);text-shadow:0 0 6px var(--k-zemin)}   /* fotoğrafın üst köşesi orta-koyu: açık yazı */

/* ── TİP tam-kadraj · tam kadraj sahne + üstüne ortalı yazı (R4) ── */
.kare--tam{text-align:center}
.kare--tam .sk-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 36%}
.kare--tam::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:
  radial-gradient(ellipse 41% 70% at 50% 50%,color-mix(in srgb,var(--k-zemin) 92%,transparent) 0%,color-mix(in srgb,var(--k-zemin) 78%,transparent) 55%,transparent 100%),
  linear-gradient(180deg,color-mix(in srgb,var(--k-zemin) 50%,transparent) 0%,color-mix(in srgb,var(--k-zemin) 10%,transparent) 22%,color-mix(in srgb,var(--k-zemin) 10%,transparent) 74%,color-mix(in srgb,var(--k-zemin) 55%,transparent) 100%)}
.kare--tam .ic{position:absolute;inset:0;z-index:2;width:100%;padding:0}
.kare--tam .sk-metin{position:absolute;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);width:min(42%,40rem);
  display:flex;flex-direction:column;align-items:center;gap:.85rem}
[dir=rtl] .kare--tam .sk-metin{transform:translate(50%,-50%)}
.kare--tam .alt{max-width:36ch}
.kare--tam .avantaj{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin-top:.15rem}
.kare--tam .avantaj li{display:block}
.kare--tam .avantaj svg{display:block;margin:0 auto .45rem}

/* ── denetimler: bandın üstünde yüzer (masaüstü) ── */
.seri{position:relative}
.denetim{position:absolute;inset:0;pointer-events:none;z-index:20}
.denetim>*{pointer-events:auto}
.ok{position:absolute;top:50%;margin-top:-1.4rem;width:2.8rem;height:2.8rem;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--k-yazi) 50%,transparent);background:color-mix(in srgb,var(--k-zemin) 42%,transparent);color:var(--k-yazi);
  display:grid;place-items:center;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}
.ok:hover{background:color-mix(in srgb,var(--k-yazi) 20%,transparent);border-color:var(--k-yazi)}
.ok:active{transform:scale(.94)}
.ok svg{width:1.15rem;height:1.15rem}
[dir=rtl] .ok svg{transform:scaleX(-1)}
.ok--once{inset-inline-start:1rem}.ok--sonra{inset-inline-end:1rem}
.noktalar{position:absolute;inset-inline-start:50%;bottom:.55rem;transform:translateX(-50%);display:flex;gap:.1rem}
[dir=rtl] .noktalar{transform:translateX(50%)}
.nokta{width:2.1rem;height:1.6rem;background:none;border:0;cursor:pointer;display:grid;place-items:center}
.nokta::before{content:'';width:1.4rem;height:.375rem;border-radius:99px;background:color-mix(in srgb,var(--k-yazi) 38%,transparent);transition:background-color .2s}
.nokta:hover::before{background:color-mix(in srgb,var(--k-yazi) 70%,transparent)}
.nokta[aria-current="true"]::before{background:var(--k-yazi)}
.dur{position:absolute;inset-inline-end:1rem;bottom:.55rem;width:2.25rem;height:2.25rem;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--k-yazi) 50%,transparent);background:color-mix(in srgb,var(--k-zemin) 42%,transparent);color:var(--k-yazi);
  display:grid;place-items:center;cursor:pointer}
.dur:hover{background:color-mix(in srgb,var(--k-yazi) 20%,transparent);border-color:var(--k-yazi)}
.dur svg{width:.95rem;height:.95rem}
.dur .oynat{display:none}
.dur[aria-pressed="true"] .oynat{display:block}
.dur[aria-pressed="true"] .duraklat{display:none}

/* ── TELEFON ── */
@media (max-width:1099px){
  .kamp{padding-top:68px;min-height:0}
  .kare{min-height:0}
  /* kareler aynı hücrede üst üste durur: şerit en uzun karenin boyunda KALIR (kare değişince alttaki sayfa kaymaz, CLS 0) */
  .kare .ic{min-height:0;padding:0}
  .kare h2{font-size:1.875rem}
  .avantaj{grid-template-columns:1fr;gap:.8rem;padding-top:.9rem}
  .avantaj li{align-items:start}
  .sahne-not{top:.6rem;inset-inline-end:.75rem;text-shadow:0 0 6px var(--k-zemin)}
  /* urun-sahne */
  .kare--urun{--hb:min(74vw,520px)}
  .kare--urun .sk-bg{position:relative;display:block;height:var(--hb);object-position:100% 100%}
  [dir=rtl] .kare--urun .sk-bg{object-position:100% 100%}
  .kare--urun::after{height:var(--hb);inset:0 0 auto 0;background:linear-gradient(0deg,color-mix(in srgb,var(--k-zemin) 85%,transparent) 0%,transparent 38%)}
  [dir=rtl] .kare--urun::after{background:linear-gradient(0deg,color-mix(in srgb,var(--k-zemin) 85%,transparent) 0%,transparent 38%)}
  .kare--urun .ic{padding:0}
  .kare--urun .sk-metin{position:relative;inset-inline-start:auto;top:auto;transform:none;width:auto;padding:1.25rem;gap:.9rem;background:var(--k-zemin)}
  .kare--urun .kunye{display:none}
  /* kurum-sef: üstte blok (şef fotoğrafı + TEK ürün paneli), altında panel */
  .kare--sef{--blok:min(70vw,300px);--up:min(54vw,236px);padding-top:var(--blok);background:var(--k-panel)}
  .kare--sef .ic{display:block;position:static;height:auto;max-width:none;padding:0}
  .kare--sef .sk-foto{position:absolute;inset-inline-start:0;top:0;height:var(--blok);width:62%;object-position:36% 0}
  [dir=rtl] .kare--sef .sk-foto{object-position:64% 0}
  .kare--sef .sk-fotopanel{position:absolute;flex:none;min-width:0;max-width:none;inset-inline-end:.75rem;top:calc((var(--blok) - var(--up))/2);width:var(--up);height:auto;aspect-ratio:1/1;z-index:4}
  .kare--sef-solo .ic{width:auto;max-width:none;margin-inline:0}
  .kare--sef-solo .sk-foto{-webkit-mask-image:linear-gradient(90deg,var(--k-zemin) 86%,transparent 100%);mask-image:linear-gradient(90deg,var(--k-zemin) 86%,transparent 100%)}
  [dir=rtl] .kare--sef-solo .sk-foto{-webkit-mask-image:linear-gradient(270deg,var(--k-zemin) 86%,transparent 100%);mask-image:linear-gradient(270deg,var(--k-zemin) 86%,transparent 100%)}
  .kare--sef-solo{--blok:min(100vw,420px)}                                /* telefonda şef karesi kare oranında: kırpılan yok */
  .kare--sef-solo .sk-foto{width:100%;max-width:none;object-position:50% 20%}
  .kare--sef .sk-panel{position:relative;flex:none;max-width:none;min-width:0;height:auto;margin:0;border:0;padding:2.25rem 1.25rem 1.25rem;z-index:3}
  .kare--sef .sk-panel .rozet{inset-inline-start:auto;inset-inline-end:1.25rem;top:-1.1rem}
  /* urun-yemek: üstte sahne paneli (tam genişlik), altında metin */
  .kare--yemek .ic{display:block;height:auto;max-width:none;padding:0}
  .kare--yemek .sk-sahnepanel{width:100%;height:auto}
  .kare--yemek .sk-metin{max-width:none;min-width:0;margin:0;padding:1.5rem 1.25rem 1.25rem;background:var(--k-zemin)}
  .kare--yemek .sk-sahnepanel .kunye{display:none}
  /* tam-kadraj: üstte sahne, altında sola/başa yaslı metin */
  .kare--tam{text-align:start}
  .kare--tam{--hb:min(64vw,300px)}
  .kare--tam::after{height:var(--hb);inset:0 0 auto 0;background:linear-gradient(0deg,color-mix(in srgb,var(--k-zemin) 85%,transparent) 0%,transparent 40%)}
  .kare--tam .sk-bg{position:relative;display:block;height:var(--hb);object-position:50% 40%}
  .kare--tam .ic{position:static}
  .kare--tam .sk-metin{position:relative;inset-inline-start:auto;top:auto;transform:none;width:auto;align-items:flex-start;padding:1.25rem;background:var(--k-zemin)}
  [dir=rtl] .kare--tam .sk-metin{transform:none}
  .kare--tam .avantaj{grid-template-columns:1fr}
  .kare--tam .avantaj li{display:grid}
  .kare--tam .avantaj svg{margin:0}
  /* denetimler: bandın altında, normal akışta */
  .ok{position:static;margin:0;width:2.75rem;height:2.75rem;flex:none;background:transparent}
  .dur{position:static;width:2.75rem;height:2.75rem;flex:none;background:transparent}
  .denetim{position:static;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem 1.25rem 1rem;background:var(--k-zemin)}
  .noktalar{position:static;transform:none;flex:1;justify-content:center}
  [dir=rtl] .noktalar{transform:none}
  .nokta{height:2.75rem}
}
@media (min-width:1100px) and (max-width:1279px){         /* dar masaüstü: metin sütunu sahnedeki kişilere yaklaşır, karartma metnin ardına kadar uzar */
  .kare--urun::after{background:
    linear-gradient(90deg,color-mix(in srgb,var(--k-zemin) 86%,transparent) 0%,color-mix(in srgb,var(--k-zemin) 76%,transparent) 34%,transparent 56%),
    linear-gradient(0deg,color-mix(in srgb,var(--k-zemin) 40%,transparent) 0%,transparent 22%)}
  [dir=rtl] .kare--urun::after{background:
    linear-gradient(270deg,color-mix(in srgb,var(--k-zemin) 86%,transparent) 0%,color-mix(in srgb,var(--k-zemin) 76%,transparent) 34%,transparent 56%),
    linear-gradient(0deg,color-mix(in srgb,var(--k-zemin) 40%,transparent) 0%,transparent 22%)}
}
@media (min-width:700px) and (max-width:1099px){          /* tablet: masaüstü görseli kendi oranıyla, bloklar genişliğe göre büyür */
  .kare--urun{--hb:min(calc(100vw/1.944),440px)}      /* ürün sağ-altta kalır, kırpılan yalnız tavan */
  .kare--tam{--hb:min(57.2vw,440px)}
  .kare--sef{--blok:clamp(300px,36vw,400px);--up:calc(var(--blok)*.8)}
  .kare--sef .sk-foto{width:56%}
  .kare--sef-solo{--blok:clamp(300px,44vw,440px)}
  .kare--sef-solo .sk-foto{width:calc(var(--blok)*1.11)}
  .kare--yemek .ic{display:flex;align-items:center}
  .kare--yemek .sk-sahnepanel{width:54%;height:auto}
  .kare--yemek .sk-metin{flex:1 1 0;padding:2rem 1.5rem 1.5rem}
  .kare h2{font-size:2rem}
  .kare .avantaj,.kare--tam .avantaj{grid-template-columns:repeat(3,1fr);gap:1rem}      /* geniş yatay yerde üç sütun: bant kısalır */
  .kare--yemek .avantaj{grid-template-columns:1fr;gap:.8rem}
}
/* ── CANLI SAHNE (video) ── kampanya.js, karede `sahne_video` varsa fotoğrafın yerine AYNI sınıfla (sk-foto / sk-bg) bir <video> basar:
   boyut, object-fit, object-position ve maske yukarıdaki img kurallarından AYNEN gelir. Telefon (≤699px) · azaltılmış hareket · veri tasarrufunda
   video hiç basılmaz, fotoğraf kalır (o yollar bu bloğa girmez).
   RTL: videonun aynalanmış dosyası YOK. Video scaleX(-1) ile çevrilir; object-position + maske LTR değerlerinde tutulur → aynalama sonucu, aynalanmış
   fotoğrafın değerlerine (64% / 270deg) eşit çıkar. Yukarıdaki [dir=rtl] .sk-foto kuralları fotoğraf içindir; burada LTR değerler videoya geri yazılır
   (özgüllük bir adım yüksek: video.sk-foto). Tablet (≤1099px) kuralları aşağıdaki medya bloğunda. Tam-kadraj (r4) simetrik: aynalama yok. */
.kamp video{pointer-events:none}                              /* tıklanınca / sağ tıkta hiçbir şey olmaz; olay altındaki kareye geçer */
[dir=rtl] .kare--sef video.sk-foto{transform:scaleX(-1);object-position:36% 0;
  -webkit-mask-image:linear-gradient(90deg,var(--k-zemin) 86%,transparent 100%);mask-image:linear-gradient(90deg,var(--k-zemin) 86%,transparent 100%)}
[dir=rtl] .kare--sef-solo video.sk-foto{object-position:50% 20%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,var(--k-zemin) 7%,var(--k-zemin) 72%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,var(--k-zemin) 7%,var(--k-zemin) 72%,transparent 100%)}
@media (max-width:1099px){
  [dir=rtl] .kare--sef video.sk-foto{object-position:36% 0}
  [dir=rtl] .kare--sef-solo video.sk-foto{object-position:50% 20%;
    -webkit-mask-image:linear-gradient(90deg,var(--k-zemin) 86%,transparent 100%);mask-image:linear-gradient(90deg,var(--k-zemin) 86%,transparent 100%)}
}
@media (prefers-reduced-motion:reduce){
  .kare,.kare.on,.dugme,.dugme svg,.ok,.nokta::before{transition:none}
}