/* TASK-BIZZ-1102 (K-517) — sanal tur (genel) + "Bizz Showroom" özel tasarımının bölümleri. Renkler tema değişkenlerinden. */

/* ── sanal tur (her tasarım) ─────────────────────────────────────────── */
.vtour__tabs{ display:flex; gap:.5rem; flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; padding:.25rem 0 1rem; scrollbar-width:none; }
.vtour__tabs::-webkit-scrollbar{ display:none; }
.vtour__tab{ flex:0 0 auto; font:inherit; font-size:.9rem; letter-spacing:.02em; padding:.55rem 1.1rem; border-radius:999px; cursor:pointer;
  border:1px solid var(--line); background:transparent; color:var(--text-muted); }
.vtour__tab[aria-selected="true"]{ background:var(--surface-2); color:var(--text); border-color:var(--accent); }
.vtour__stage{ position:relative; aspect-ratio:16/9; border-radius:var(--r-card); overflow:hidden; background:var(--surface-solid);
  border:1px solid var(--line); box-shadow:0 30px 60px -30px rgb(0 0 0 / .55); }
.vtour__frame{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.vtour__gate{ position:absolute; inset:0; display:grid; place-content:center; justify-items:center; gap:1rem; text-align:center; padding:1.5rem;
  background:radial-gradient(120% 90% at 50% 30%, var(--surface-2), var(--surface-solid)); color:var(--text); }
.vtour__gate p{ margin:0; color:var(--text-muted); max-width:32ch; }
.vtour__badge{ display:grid; place-items:center; width:84px; height:84px; border-radius:50%; border:1px solid var(--accent);
  color:var(--accent-text); font-size:1.35rem; letter-spacing:.04em; font-family:var(--font-display); }
.vtour__note{ margin:.85rem 0 0; font-size:.82rem; color:var(--text-muted); text-align:center; }
@media (max-width:640px){ .vtour__stage{ aspect-ratio:4/5; } }

/* ── Bizz Showroom: kahraman filmi (Ken Burns) ───────────────────────── */
html.d-yapi-bizz-showroom .hero{ position:relative; isolation:isolate; min-height:min(92vh, 860px); display:flex; align-items:flex-end; }
html.d-yapi-bizz-showroom .hero .hero__visual{ display:none; }
html.d-yapi-bizz-showroom .hero .hero__grid{ grid-template-columns:minmax(0, 1fr); position:relative; z-index:2; padding-block:clamp(6rem, 14vh, 10rem) clamp(3rem, 8vh, 5rem); }
html.d-yapi-bizz-showroom .hero .hero__copy{ max-width:40rem; min-width:0; overflow-wrap:anywhere; }
html.d-yapi-bizz-showroom .hero .hero__actions{ flex-wrap:wrap; }
html.d-yapi-bizz-showroom .hero .hero__title{ color:#F3EBDD; }
html.d-yapi-bizz-showroom .hero .lead{ color:#D9CDB8; }
.sr-film{ position:absolute; inset:0; z-index:0; overflow:hidden; background:#120E0B; }
.sr-film__f{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transform:scale(1.02);
  transition:opacity 2.4s ease; filter:saturate(.92) contrast(1.04); }
.sr-film__f.is-on{ opacity:1; animation:sr-kenburns 18s ease-out both; }
.sr-film__veil{ position:absolute; inset:0; background:
  linear-gradient(90deg, rgb(12 9 7 / .78) 0%, rgb(12 9 7 / .35) 45%, transparent 75%),
  linear-gradient(180deg, rgb(12 9 7 / .55) 0%, rgb(12 9 7 / .15) 35%, rgb(12 9 7 / .6) 70%, rgb(12 9 7 / .92) 100%),
  radial-gradient(80% 60% at 70% 30%, rgb(214 168 92 / .14), transparent 60%); }
.sr-film__emblem{ position:absolute; top:clamp(5.5rem, 12vh, 8rem); right:clamp(1rem, 6vw, 5rem); width:clamp(72px, 11vw, 150px); height:auto;
  opacity:.9; filter:drop-shadow(0 6px 24px rgb(0 0 0 / .5)); }
@keyframes sr-kenburns{ from{ transform:scale(1.02) translate3d(0,0,0); } to{ transform:scale(1.12) translate3d(-2%, -1.5%, 0); } }
@media (prefers-reduced-motion: reduce){ .sr-film__f.is-on{ animation:none; } .sr-film__f{ transition:none; } }

/* ── Odalar ──────────────────────────────────────────────────────────── */
.sr-rooms__list{ display:grid; gap:clamp(1.5rem, 4vw, 3rem); }
.sr-room{ display:grid; grid-template-columns:minmax(0, 1.35fr) minmax(0, 1fr); gap:clamp(1rem, 3vw, 2.5rem); align-items:center; }
.sr-room:nth-child(even){ grid-template-columns:minmax(0, 1fr) minmax(0, 1.35fr); }
.sr-room:nth-child(even) .sr-room__media{ order:2; }
.sr-room__media{ margin:0; border-radius:var(--r-media); overflow:hidden; aspect-ratio:4/3; background:var(--surface-solid);
  box-shadow:0 40px 70px -40px rgb(0 0 0 / .7); }
.sr-room__media img{ width:100%; height:100%; object-fit:cover; transition:transform 1.6s ease; }
.sr-room:hover .sr-room__media img{ transform:scale(1.04); }
.sr-room__no{ display:block; font-family:var(--font-display); color:var(--accent-text); font-size:1rem; letter-spacing:.2em; margin-bottom:.4rem; }
.sr-room__title{ font-family:var(--font-display); font-weight:500; font-size:clamp(1.8rem, 4vw, 2.8rem); margin:0 0 .9rem; letter-spacing:-.01em; }
.sr-room__items{ list-style:none; margin:0; padding:0; display:grid; gap:.5rem; border-top:1px solid var(--line); padding-top:.9rem; }
.sr-room__items a{ color:var(--text); text-decoration:none; border-bottom:1px solid transparent; }
.sr-room__items a:hover{ border-color:var(--accent); }
@media (max-width:760px){ .sr-room, .sr-room:nth-child(even){ grid-template-columns:1fr; } .sr-room:nth-child(even) .sr-room__media{ order:0; } }

/* ── Koleksiyon ──────────────────────────────────────────────────────── */
.sr-tabs{ display:flex; gap:.4rem; overflow-x:auto; scrollbar-width:none; justify-content:flex-start; margin:0 auto 1.6rem; padding:.2rem; }
.sr-tabs > :first-child, .vtour__tabs > :first-child{ margin-left:auto; }
.sr-tabs > :last-child, .vtour__tabs > :last-child{ margin-right:auto; }
.sr-tabs::-webkit-scrollbar{ display:none; }
.sr-tab{ flex:0 0 auto; font:inherit; font-size:.82rem; letter-spacing:.16em; text-transform:uppercase; padding:.6rem 1.1rem; cursor:pointer;
  background:transparent; color:var(--text-muted); border:0; border-bottom:1px solid transparent; }
.sr-tab[aria-selected="true"]{ color:var(--accent-text); border-bottom-color:var(--accent); }
.sr-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap:clamp(.9rem, 2vw, 1.6rem); }
.sr-card{ display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); overflow:hidden; }
.sr-card[hidden]{ display:none; }
.sr-card__stage{ position:relative; aspect-ratio:1; overflow:hidden;
  background:radial-gradient(70% 55% at 50% 38%, #4A3A2C 0%, #2A211A 55%, #17120E 100%); }
.sr-card__stage::after{ content:""; position:absolute; left:18%; right:18%; bottom:9%; height:7%; border-radius:50%;
  background:radial-gradient(closest-side, rgb(0 0 0 / .55), transparent); }
.sr-card__stage img{ position:relative; z-index:1; width:100%; height:100%; object-fit:cover; transition:transform 1.2s ease; }
.sr-card:hover .sr-card__stage img{ transform:scale(1.035); }
.sr-card__body{ padding:1rem 1.1rem 1.2rem; display:grid; gap:.3rem; }
.sr-card__cat{ font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--accent-text); }
.sr-card__name{ margin:0; font-family:var(--font-display); font-weight:500; font-size:1.2rem; line-height:1.25; }
.sr-card__name a{ color:var(--text); text-decoration:none; }
.sr-card__name a::after{ content:""; position:absolute; inset:0; }
.sr-card{ position:relative; }
