/* Şube galerisi (Sahne). Yalnızca Esenler ve Ümraniye bölümleri. */
.section.rb-branch{padding:36px 0; scroll-margin-top:100px}
.section.rb-branch > span[id]{position:absolute; top:0}
.rb-stage{
  --st-night:#18110D; --st-ink:#F6EFE4; --st-muted:#C9BBA9; --st-h:clamp(420px,72vh,600px);
  position:relative; overflow:hidden; background:var(--st-night); color:var(--st-ink);
}
.rb-stage__bg{position:absolute; inset:-60px}
.rb-stage__bg img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0;
  filter:blur(38px) brightness(.42) saturate(1.15); transition:opacity 1s ease;
}
.rb-stage__bg img.is-on{opacity:1}
.rb-stage__inner{
  position:relative; box-sizing:border-box; max-width:1400px; margin:0 auto;
  display:grid; grid-template-columns:minmax(230px,300px) minmax(0,1fr) 84px; gap:32px;
  padding:40px clamp(20px,4vw,48px); align-items:stretch;
}
.rb-stage.is-single .rb-stage__inner{grid-template-columns:minmax(230px,300px) minmax(0,1fr)}

.rb-stage__info{display:flex; flex-direction:column; gap:10px; min-width:0}
.rb-stage .title-script{color:var(--st-ink) !important; text-align:left; margin:0; line-height:1.15}
.rb-stage .subtitle-script{color:var(--st-ink) !important; text-align:left; margin:0; line-height:1.2}
.rb-stage__rule{height:1px; background:rgba(246,239,228,.25); margin:10px 0 8px}
.rb-stage__addr{margin:0; font-size:15px; line-height:1.6; color:var(--st-muted)}
.rb-stage__tel{font-size:16px; font-weight:600; color:var(--st-ink); text-decoration:none}
.rb-stage__tel:hover{text-decoration:underline}
.rb-stage__ctl{margin-top:auto; padding-top:16px; display:flex; align-items:center; gap:10px}
.rb-stage__count{margin-right:auto; font-size:14px; letter-spacing:.06em; font-variant-numeric:tabular-nums}
.rb-stage__btn{
  width:44px; height:44px; flex:none; padding:0; display:grid; place-items:center; cursor:pointer;
  border-radius:50%; border:1px solid currentColor; background:none; color:inherit; transition:background .2s,color .2s;
}
.rb-stage__btn svg{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.rb-stage__btn:hover{background:var(--st-ink); color:var(--st-night); border-color:var(--st-ink)}
.rb-stage button:focus-visible,.rb-stage a:focus-visible{outline:2px solid var(--st-ink); outline-offset:2px}

.rb-stage__photo{position:relative; height:var(--st-h); touch-action:pan-y}
.rb-stage__slide{
  position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; background:none; cursor:zoom-in;
  opacity:0; visibility:hidden; transition:opacity .8s ease,visibility 0s linear .8s;
}
.rb-stage__slide.is-on{opacity:1; visibility:visible; transition:opacity .8s ease,visibility 0s}
.rb-stage__slide img,.rb-stage__slide video{display:block; width:100%; height:100%; object-fit:contain}
.rb-stage__cap{
  position:absolute; left:50%; bottom:12px; transform:translateX(-50%); max-width:90%; padding:6px 14px;
  font-size:14px; line-height:1.4; color:var(--st-ink); background:rgba(24,17,13,.72);
}
.rb-stage__play{
  position:absolute; left:50%; top:50%; width:56px; height:56px; margin:-28px 0 0 -28px; border-radius:50%;
  background:rgba(24,17,13,.65); box-shadow:inset 0 0 0 1px rgba(246,239,228,.7);
}
.rb-stage__play::after{
  content:""; position:absolute; left:22px; top:17px; border-style:solid; border-width:11px 0 11px 17px;
  border-color:transparent transparent transparent var(--st-ink);
}

.rb-stage__thumbs{position:relative; display:flex; flex-direction:column; gap:8px; height:var(--st-h); overflow-y:auto; scrollbar-width:none}
.rb-stage__thumbs::-webkit-scrollbar{display:none}
.rb-stage__thumb{
  position:relative; flex:none; width:84px; height:84px; padding:0; cursor:pointer; overflow:hidden;
  background:rgba(246,239,228,.08); border:1px solid transparent; opacity:.55; transition:opacity .25s;
}
.rb-stage__thumb:hover{opacity:.9}
.rb-stage__thumb.is-on{opacity:1; border-color:var(--st-ink)}
.rb-stage__thumb img{display:block; width:100%; height:100%; object-fit:cover}
.rb-stage__thumb .rb-stage__play{transform:scale(.6)}

@media (max-width:900px){
  .section.rb-branch{padding:20px 0}
  .rb-stage{--st-h:min(520px,118vw)}
  .rb-stage__inner,.rb-stage.is-single .rb-stage__inner{grid-template-columns:minmax(0,1fr); gap:18px; padding:28px 20px}
  .rb-stage__info{display:contents}
  .rb-stage .title-script,.rb-stage .subtitle-script,.rb-stage__rule,.rb-stage__addr,.rb-stage__tel{order:1}
  .rb-stage .subtitle-script{margin-top:-14px}
  .rb-stage__rule{margin:0}
  .rb-stage__addr{margin-bottom:-10px}
  .rb-stage__photo{order:2}
  .rb-stage__ctl{order:3; margin-top:0; padding-top:0}
  .rb-stage__thumbs{order:4; flex-direction:row; height:auto; overflow-x:auto; overflow-y:hidden}
  .rb-stage__thumb{width:64px; height:64px}
}
@media (prefers-reduced-motion:reduce){
  .rb-stage__bg img,.rb-stage__slide,.rb-stage__slide.is-on{transition:none}
}