/* ============================================================
   HALİÇ FOTOĞRAFÇILIK — logo paleti: KIRMIZI + SİYAH, altın vurgu
   ============================================================ */
:root {
  --paper:    #f7f7f8;
  --paper-2:  #121214;      /* koyu bloklar */
  --ink:      #131316;
  --muted:    #6d6d75;
  --line:     rgba(19,19,22,.14);

  --accent:   #e30613;      /* logo kırmızısı */
  --accent-2: #f5b301;      /* altın-sarı vurgu */
  --ink-black:#0c0c0e;

  --card-bg:  #ffffff;
  --radius:   14px;
  --shadow:   0 30px 70px -34px rgba(40,8,10,.42);
  --shadow-sm:0 14px 34px -16px rgba(40,8,10,.32);
  --logo-word: #e30613;
  --logo-sub:  #131316;
  --map-filter: saturate(.9) contrast(1.02);
}
body { font-family: var(--sans); background: var(--paper); color: var(--ink); overflow-x: hidden; }
h1,h2,h3 { font-weight: 650; }
/* Menü koyu hero'nun üzerinde açık, sayfa kayınca koyu renge döner */
.nav { color: #fff; }
.nav .logo__fallback b { color: #fff; }
.nav .logo__fallback small { color: var(--accent-2); }
.nav .btn--solid { background: var(--accent); color: #fff; border-color: transparent; }
.nav.is-stuck { background: rgba(247,247,248,.94); color: var(--ink); }
.nav.is-stuck .logo__fallback b { color: var(--accent); }
.nav.is-stuck .logo__fallback small { color: var(--ink); }

/* Koyu hero içindeki çerçeveli buton */
.hhero .btn--line {
  background: rgba(255,255,255,.08); color: #fff; border-color: rgba(255,255,255,.3);
}
.hhero .btn--line:hover { background: rgba(255,255,255,.18); border-color: #fff; }
.btn--solid { background: var(--accent); color: #fff; }
.btn--solid:hover { background: #ff1f2c; }
.btn--line  { border-color: var(--line); background: #fff; }

/* koyu bölüm bloğu */
.dark {
  background: var(--paper-2); color: #f1f1f3;
  --muted: #9d9da6; --line: rgba(255,255,255,.13); --card-bg: rgba(255,255,255,.05);
}
.dark .btn--line { background: rgba(255,255,255,.05); color: #f1f1f3; }
.dark .eyebrow { color: var(--accent-2); }

/* ---------- HERO: yatay kayan stüdyo şeridi ---------- */
.hhero {
  position: relative; min-height: 96svh; display: flex; align-items: center; overflow: clip; isolation: isolate;
  padding: calc(var(--nav-h) + 50px) 0 clamp(50px,7vw,90px);
  background: linear-gradient(160deg, #17070a 0%, #2a0b10 46%, #0b0b0d 100%);
  color: #f4f2f2;
}
/* Arkada kayan stüdyo şeridi — tam ekran boyunda, göz dolduran kareler */
.hhero__strip {
  position: absolute; inset: 0; z-index: -3; display: flex; align-items: stretch; gap: 20px;
  animation: slide 70s linear infinite; width: max-content;
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
  opacity: .72;
}
@keyframes slide { to { transform: translateX(-50%) } }
.hhero__strip i {
  display: block; width: 46vw; min-width: 420px; border-radius: 18px;
  background-size: cover; background-position: center;
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 40px 90px -40px #000;
}
@media (max-width: 700px) { .hhero__strip i { width: 80vw; min-width: 300px; } }
.hhero__glow { position: absolute; inset: 0; z-index: -2 }
.hhero__glow .orb--a { background: #e30613; opacity: .30 }
.hhero__glow .orb--b { background: #f5b301; opacity: .20 }
.hhero__glow .orb--c { background: #e30613; opacity: .16 }
.hhero__veil {
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(to top, rgba(11,11,13,.97) 6%, rgba(11,11,13,.72) 42%, rgba(11,11,13,.36) 100%);
}
.hhero__title { font-size: clamp(2.6rem,7.4vw,6rem); line-height: .96; letter-spacing: -.035em; font-weight: 300 }
.hhero__title b { font-weight: 800; color: var(--accent) }
.hhero__badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px }
.hhero__badges span {
  font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; padding: .5em 1.1em; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.06); backdrop-filter: blur(8px);
}

/* Stüdyonun gerçek fotoğrafları (assets/img/halic-studyo/) */
.s1 { background-image: url("../assets/img/halic-studyo/s01.jpg") }  /* beyaz sonsuz fon */
.s2 { background-image: url("../assets/img/halic-studyo/s07.jpg") }  /* podcast seti */
.s3 { background-image: url("../assets/img/halic-studyo/s10.jpg") }  /* cyclorama geniş */
.s4 { background-image: url("../assets/img/halic-studyo/s05.jpg") }  /* lacivert fon */
.s5 { background-image: url("../assets/img/halic-studyo/s19.jpg") }  /* siyah perde + beyaz fon */
.s6 { background-image: url("../assets/img/halic-studyo/s02.jpg") }  /* resepsiyon */
.s7 { background-image: url("../assets/img/halic-studyo/s03.jpg") }  /* siyah fon köşesi */
.s8 { background-image: url("../assets/img/halic-studyo/s06.jpg") }  /* üst kat */
.s9 { background-image: url("../assets/img/halic-studyo/dis-01.jpg") }  /* dükkân dış cephe */
.s1,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9 { background-size: cover; background-position: center }

/* Hizmet kartı kapakları — yönetici panelinden değiştirilebilir */
.k-podcast     { background-image: url("../assets/img/halic-hizmet/podcast.jpg") }
.k-greenscreen { background-image: url("../assets/img/halic-hizmet/greenscreen.jpg") }
.k-aile        { background-image: url("../assets/img/halic-hizmet/aile.jpg") }
.k-gelin       { background-image: url("../assets/img/halic-hizmet/gelin-damat.jpg"); background-position: center 22% }
.k-cocuk       { background-image: url("../assets/img/halic-hizmet/cocuk.jpg") }
.k-vesikalik   { background-image: url("../assets/img/halic-hizmet/vesikalik.jpg"); background-position: center 20% }
.k-podcast,.k-greenscreen,.k-aile,.k-gelin,.k-cocuk,.k-vesikalik { background-size: cover; background-repeat: no-repeat }

/* Kart tıklanabilir: fotoğrafı büyütür */
a.hcell { color: inherit; display: flex; }
.hcell__zoom {
  position: absolute; right: 14px; bottom: 14px; z-index: 3;
  width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center;
  background: rgba(227,6,19,.9); color: #fff; font-size: 1rem; opacity: 0; transform: scale(.8);
  transition: opacity .3s, transform .35s var(--ease);
}
.hcell:hover .hcell__zoom, .hcell:focus-visible .hcell__zoom { opacity: 1; transform: none; }

/* ---------- Stüdyo avantajı: büyük sayı bloğu ---------- */
.bigfacts { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 1px; background: var(--line) }
.bigfact { background: var(--paper); padding: clamp(24px,3vw,40px) }
.dark .bigfact { background: var(--paper-2) }
.bigfact b { display: block; font-size: clamp(2.2rem,4.6vw,3.4rem); letter-spacing: -.04em; color: var(--accent) }
.bigfact h3 { font-size: 1rem; margin: .5rem 0 .35rem }
.bigfact p { font-size: .88rem; color: var(--muted) }

/* ---------- Hizmet ızgarası (masonry hissi) ---------- */
.hgrid { display: grid; grid-template-columns: repeat(12,1fr); gap: 16px }
.hcell {
  position: relative; border-radius: var(--radius); overflow: hidden; background: var(--card-bg);
  border: 1px solid var(--line); display: flex; flex-direction: column;
  transition: transform .5s var(--ease), box-shadow .5s var(--ease);
}
.hcell:hover { transform: translateY(-7px); box-shadow: var(--shadow) }
.hcell__img { aspect-ratio: 16/10; background-size: cover; background-position: center; transition: transform .9s var(--ease) }
.hcell:hover .hcell__img { transform: scale(1.06) }
.hcell__body { padding: 22px 22px 26px }
.hcell__body h3 { font-size: 1.15rem; margin-bottom: .45rem }
.hcell__body p { font-size: .9rem; color: var(--muted) }
.hcell__tag {
  position: absolute; top: 14px; left: 14px; z-index: 2; font-size: .66rem; letter-spacing: .16em;
  text-transform: uppercase; padding: .4em 1em; border-radius: 999px; color: #fff; font-weight: 600;
  background: rgba(227,6,19,.88); backdrop-filter: blur(8px);
}
.c6 { grid-column: span 6 } .c4 { grid-column: span 4 } .c3 { grid-column: span 3 } .c8 { grid-column: span 8 }
@media (max-width: 980px) { .c6,.c4,.c3,.c8 { grid-column: span 6 } }
@media (max-width: 620px) { .c6,.c4,.c3,.c8 { grid-column: span 12 } }

/* ---------- Stüdyo planı ---------- */
.plan {
  border-radius: var(--radius); border: 1px solid var(--line); padding: clamp(22px,3vw,36px);
  background: var(--card-bg); display: grid; gap: 18px;
}
.plan__row { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 12px; border-bottom: 1px dashed var(--line) }
.plan__row:last-child { border-bottom: none; padding-bottom: 0 }
.plan__row b { font-weight: 600 }
.plan__row span { color: var(--muted); font-size: .92rem; text-align: right }

/* ---------- Fiyat / hizmet listesi ---------- */
.pricelist { border-top: 1px solid var(--line) }
.priceline {
  display: flex; align-items: baseline; gap: 14px; padding: 15px 0; border-bottom: 1px solid var(--line);
}
.priceline b { font-weight: 600; font-size: 1rem; white-space: nowrap }
.priceline i { flex: 1; border-bottom: 1px dotted var(--line); font-style: normal; min-width: 20px }
.priceline span { color: var(--muted); font-size: .9rem; text-align: right }

/* Plan alanlarının tıklanabilir olduğu belli olsun */
.floor__map .zone { cursor: zoom-in; }
.floor__map .zone.is-active { filter: drop-shadow(0 6px 16px color-mix(in srgb, var(--accent) 45%, transparent)); }
.gal-jump {
  display: inline-flex; align-items: center; gap: .55em; margin-top: 8px;
  padding: .7em 1.2em; border-radius: 999px; font-size: .86rem; font-weight: 600;
  background: var(--accent); color: #fff; cursor: pointer;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.gal-jump:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -12px var(--accent); }

.acc__item { border-bottom: 1px solid var(--line) }
.acc__head { width:100%; text-align:left; display:flex; justify-content:space-between; gap:20px; align-items:center;
  padding:20px 0; font-size:1.02rem; font-weight:600 }
.acc__head i { font-style:normal; transition:transform .35s var(--ease); color:var(--accent) }
.acc__item.is-open .acc__head i { transform:rotate(45deg) }
.acc__body { display:none; padding-bottom:20px; color:var(--muted); font-size:.94rem; max-width:74ch }
.acc__item.is-open .acc__body { display:block }