/* v5: yapılış videosu, canlı menü başlığı, kartlarda stok görseller */

/* ——— tam yapılış videosu ——— */
.film{background:radial-gradient(60% 50% at 80% 0%,rgba(204,122,44,.18),transparent 70%),var(--navy-950)}
.film__h{display:grid;gap:14px;justify-items:start;margin-bottom:clamp(24px,4vw,48px)}
.film__h h2 em{color:#f0b57a}
.film__h .lede{max-width:40em}
.film__player{border-radius:24px;overflow:hidden;background:#000;box-shadow:0 0 0 1px var(--line),0 50px 90px -40px #000;aspect-ratio:16/9}
.film__player video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.film__chap{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:clamp(14px,2vw,24px)}
.film__chap button{display:grid;gap:4px;width:100%;height:100%;text-align:left;padding:14px 16px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);transition:background .25s,box-shadow .25s}
.film__chap button:hover,.film__chap button.is-on{background:rgba(240,181,122,.12);box-shadow:inset 0 0 0 1px #f0b57a}
.film__chap b{font:600 .8rem/1 var(--sans);letter-spacing:.14em;color:#f0b57a}
.film__chap span{font-size:.92rem;line-height:1.3;color:var(--cream)}
@media (max-width:980px){.film__chap{grid-template-columns:1fr 1fr}.film__player{border-radius:16px}}

/* ——— menü sayfası: canlı, iç açıcı başlık ——— */
body[data-page="menu"] .nav::before{background:rgba(8,14,26,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.phead--menu{background:
  radial-gradient(60% 80% at 92% 20%,rgba(255,176,128,.65),transparent 65%),
  radial-gradient(50% 70% at 50% 110%,rgba(255,214,150,.7),transparent 70%),
  linear-gradient(135deg,#ffeedd 0%,#ffd9c2 46%,#ffc4b0 100%);
  color:#2a1710}
.phead--menu .eyebrow{color:#8a2615}
.phead--menu h1{color:#2a1710}
.phead--menu h1 em{color:#c2381f}
.phead--menu .lede{color:#5a3a2c}
.phead--menu .lede a{color:#a3331f;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.phead--menu .phead__art--m .script{color:#c2381f}
.phead--menu .phead__art--m img{filter:drop-shadow(0 22px 22px rgba(120,40,20,.35))}
.phead--menu+.chips{background:rgba(255,244,236,.94);border-bottom-color:rgba(163,51,31,.2)}
.phead--menu+.chips .chips__in a{color:#5a3a2c;box-shadow:inset 0 0 0 1px rgba(163,51,31,.25)}
.phead--menu+.chips .chips__in a:hover{color:#2a1710}
.phead--menu+.chips .chips__in a.is-on{background:#c2381f;color:#fff;box-shadow:none}