/* ============================================================
   NEHİR WEDDING FILM — logo paleti: SİYAH + AMBER SARI
   Fildişi zeminle yumuşatılmış editoryal düğün dili.
   ============================================================ */
:root {
  --paper:    #faf8f4;
  --paper-2:  #f0ece4;
  --ink:      #131211;
  --muted:    #7c766c;
  --line:     rgba(19,18,17,.14);
  --accent:   #ffb400;   /* logo sarısı */
  --accent-2: #c98f00;   /* koyu altın */
  --deep:     #131211;   /* logo siyahı */
  --card-bg:  rgba(255,255,255,.8);
  --logo-word: #131211;
  --logo-sub:  #ffb400;
  --radius:   4px;       /* düğün dilinde keskin, editoryal köşeler */
  --radius-sm:3px;
  --shadow:   0 30px 70px -34px rgba(72,44,40,.42);
  --shadow-sm:0 12px 30px -14px rgba(72,44,40,.32);
  --map-filter: saturate(.55) sepia(.16) contrast(.96);
}
body {
  font-family: var(--sans); background: var(--paper); color: var(--ink); overflow-x: hidden;
  background-image: radial-gradient(circle at 12% 8%, rgba(255,180,0,.13), transparent 46%),
                    radial-gradient(circle at 88% 72%, rgba(19,18,17,.07), transparent 52%);
  background-attachment: fixed;
}
h1,h2,h3,.serif { font-family: var(--serif); font-weight: 400; letter-spacing: -.01em; }
.nav.is-stuck { background: rgba(250,248,244,.92); }
.eyebrow { color: var(--accent-2); }
.btn { border-radius: 2px; }
.btn--solid { background: var(--deep); color: #faf8f4; box-shadow: none; }
.btn--solid:hover { background: var(--accent); color: #131211; box-shadow: 0 18px 34px -18px var(--accent); }
.dock__toggle { background: var(--deep); color: #faf8f4; }
.btn--line { border-color: var(--line); background: transparent; }

/* ---------- Hero: katmanlı fotoğraf kompozisyonu ---------- */
.whero {
  position: relative; min-height: 100svh; display: grid; align-items: center;
  padding: calc(var(--nav-h) + 40px) 0 60px; overflow: clip; isolation: isolate;
}
.whero__bg {
  position: absolute; inset: 0; z-index: -4; background-size: cover; background-position: center 30%;
  background-image: url("../assets/img/dugun/w17.jpg");
  transform: scale(1.08); animation: kenburns 26s var(--ease) infinite alternate;
  filter: saturate(.9);
}
@keyframes kenburns { to { transform: scale(1.2) translate3d(-2%, -2%, 0) } }
.whero__wash {
  position: absolute; inset: 0; z-index: -3;
  background: linear-gradient(100deg, rgba(250,248,244,.97) 0%, rgba(250,248,244,.88) 34%, rgba(250,248,244,.26) 62%, rgba(19,18,17,.34) 100%);
}
.whero__petals { z-index: -2; }
.petal {
  position: absolute; width: 14px; height: 14px; border-radius: 60% 0 60% 0;
  background: linear-gradient(140deg, var(--accent), rgba(255,255,255,.35));
  opacity: .6; animation: fall linear infinite;
}
@keyframes fall {
  0%   { transform: translate3d(0,-12vh,0) rotate(0deg);   opacity: 0 }
  10%  { opacity: .6 }
  100% { transform: translate3d(8vw,112vh,0) rotate(420deg); opacity: 0 }
}
.whero__ring {
  position: absolute; z-index: -1; border: 1px solid var(--accent); border-radius: 50%; opacity: .35;
}
.whero__ring--1 { width: 46vw; height: 46vw; right: -12vw; top: -10vw; animation: spin 60s linear infinite }
.whero__ring--2 { width: 30vw; height: 30vw; right: 6vw;  bottom: -12vw; animation: spin 44s linear infinite reverse }
@keyframes spin { to { transform: rotate(360deg) } }

.whero__title {
  font-family: var(--serif); font-size: clamp(3rem, 9vw, 7.4rem); line-height: .95; font-weight: 300;
  letter-spacing: -.02em;
}
.whero__title em { font-style: italic; color: var(--accent-2); display: block; }
.whero__sub {
  font-size: .72rem; letter-spacing: .42em; text-transform: uppercase; color: var(--muted); margin-bottom: 24px;
}
.whero__amp { font-family: var(--serif); font-style: italic; color: var(--accent-2); }

/* ---------- Bölüm başlığı süsü ---------- */
.ornament { display: flex; align-items: center; justify-content: center; gap: 14px; color: var(--accent); margin-bottom: 18px }
.ornament::before, .ornament::after { content: ""; height: 1px; width: 54px; background: currentColor; opacity: .5 }
.ornament svg { width: 18px; height: 18px }

/* ---------- Hizmet kartları (dört sütun) ---------- */
.wcard {
  position: relative; background: var(--card-bg); border: 1px solid var(--line); padding: 0; overflow: hidden;
  transition: transform .5s var(--ease), box-shadow .5s var(--ease);
}
.wcard:hover { transform: translateY(-8px); box-shadow: var(--shadow) }
.wcard__img { aspect-ratio: 4/3; background-size: cover; background-position: center; filter: saturate(.7);
  transition: transform .9s var(--ease), filter .5s }
.wcard:hover .wcard__img { transform: scale(1.06); filter: saturate(1) }
.wcard__body { padding: 26px 24px 30px }
.wcard__body h3 { font-size: 1.4rem; margin-bottom: .5rem }
.wcard__body p { font-size: .92rem; color: var(--muted) }
.wcard__body ul { margin-top: 14px; font-size: .88rem; color: var(--muted) }
.wcard__body li { padding-left: 16px; position: relative; margin-top: .4rem }
.wcard__body li::before { content: "—"; position: absolute; left: 0; color: var(--accent) }

/* Gerçek düğün kareleri (assets/img/dugun/) */
.w1 { background-image: url("../assets/img/dugun/w13.jpg") }  /* Boğaz'da masa düzeni  */
.w2 { background-image: url("../assets/img/dugun/w03.jpg") }  /* silüet — düğün filmi   */
.w3 { background-image: url("../assets/img/dugun/w07.jpg") }  /* bahçede çift           */
.w4 { background-image: url("../assets/img/dugun/w10.jpg") }  /* s/b buket detayı       */
.w5 { background-image: url("../assets/img/dugun/w22.jpg") }  /* gelin hazırlık          */
.w6 { background-image: url("../assets/img/dugun/w17.jpg") }  /* kasırda çift           */
.w7 { background-image: url("../assets/img/dugun/w05.jpg") }
.w8 { background-image: url("../assets/img/dugun/w19.jpg") }
.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8 { background-size: cover; background-position: center }

/* ---------- Zaman çizelgesi ---------- */
.tl { position: relative; padding-left: 34px }
.tl::before { content: ""; position: absolute; left: 8px; top: 8px; bottom: 8px; width: 1px; background: var(--line) }
.tl__item { position: relative; padding-block: 20px }
.tl__item::before {
  content: ""; position: absolute; left: -30px; top: 30px; width: 11px; height: 11px; border-radius: 50%;
  background: var(--paper); border: 1px solid var(--accent);
}
.tl__item.is-in::before { background: var(--accent) }
.tl__item b { display: block; font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: var(--accent); margin-bottom: .4rem }
.tl__item h3 { font-size: 1.3rem; margin-bottom: .4rem }
.tl__item p { color: var(--muted); font-size: .94rem; max-width: 62ch }

/* ---------- Albüm mockup ---------- */
.album {
  position: relative; aspect-ratio: 3/2; border: 1px solid var(--line); overflow: hidden;
  background-size: cover; background-position: center; box-shadow: var(--shadow-sm);
  transition: transform .6s var(--ease), box-shadow .6s var(--ease);
}
.album::before {
  content: ""; position: absolute; inset-block: 0; left: 50%; width: 2px; z-index: 2;
  background: linear-gradient(to right, rgba(0,0,0,.28), rgba(255,255,255,.16));
}
.album::after {
  content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(105deg, rgba(255,255,255,.22), transparent 40%);
}
.album:hover { transform: translateY(-8px) rotate(-.6deg); box-shadow: var(--shadow) }
.album span {
  position: absolute; z-index: 3; left: 18px; bottom: 16px; font-size: .74rem; letter-spacing: .16em;
  text-transform: uppercase; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,.6);
}

/* ---------- Paket tablosu ---------- */
.pkg {
  border: 1px solid var(--line); background: var(--card-bg); padding: clamp(26px,3vw,40px);
  display: flex; flex-direction: column; transition: transform .5s var(--ease), box-shadow .5s var(--ease), border-color .4s;
}
.pkg:hover { transform: translateY(-8px); box-shadow: var(--shadow) }
.pkg--star { border-color: var(--accent); box-shadow: var(--shadow-sm); position: relative }
.pkg--star::before {
  content: "En çok tercih edilen"; position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
  font-size: .64rem; letter-spacing: .2em; text-transform: uppercase; background: var(--accent); color: #fff;
  padding: .4em 1.1em; white-space: nowrap;
}
.pkg h3 { font-size: 1.7rem; margin-bottom: .3rem }
.pkg > p { color: var(--muted); font-size: .92rem; min-height: 3em }
.pkg ul { margin: 22px 0; flex: 1 }
.pkg li { padding: 9px 0 9px 24px; position: relative; font-size: .92rem; border-bottom: 1px dashed var(--line) }
.pkg li::before { content: "✓"; position: absolute; left: 0; color: var(--accent); font-size: .85rem }

/* ---------- Alıntı ---------- */
.quote { text-align: center; max-width: 60ch; margin-inline: auto }
.quote p { font-family: var(--serif); font-size: clamp(1.4rem,3vw,2.2rem); font-style: italic; line-height: 1.4 }
.quote cite { display: block; margin-top: 20px; font-style: normal; font-size: .74rem; letter-spacing: .24em; text-transform: uppercase; color: var(--muted) }

.stripe { background: var(--paper-2); border-block: 1px solid var(--line) }

/* ---------- Tarih & paket seçici ---------- */
.pickbox {
  border: 1px solid var(--line); background: rgba(255,255,255,.6);
  padding: 18px 18px 16px; position: relative;
}
.pickbox__step {
  font-size: .64rem; letter-spacing: .2em; text-transform: uppercase; font-weight: 700;
  color: var(--accent-2);
}
.pickbox > label {
  display: block; margin: 8px 0 10px; font-size: .78rem; letter-spacing: .14em;
  text-transform: uppercase; font-weight: 600; color: var(--muted);
}
.pickbox__row { display: flex; gap: 10px; flex-wrap: wrap; }
.pickbox__row input[type="date"] {
  flex: 1 1 190px; padding: .85em 1em; border-radius: 2px; border: 1px solid var(--line);
  background: #fff; font-size: 1rem; transition: border-color .25s, box-shadow .25s;
}
.pickbox__row input[type="date"]:focus {
  outline: none; border-color: var(--accent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent);
}
.pickbox__row .btn { flex: 0 0 auto; padding-inline: 1.4em; }
.pickbox__hint { font-size: .8rem; color: var(--muted); margin-top: 10px; }

.chipset { display: flex; flex-wrap: wrap; gap: 8px; }
.chip { position: relative; cursor: pointer; }
.chip input { position: absolute; opacity: 0; width: 0; height: 0; }
.chip span {
  display: inline-block; padding: .6em 1.15em; border-radius: 999px; font-size: .88rem; font-weight: 500;
  border: 1px solid var(--line); background: #fff;
  transition: background .25s, color .25s, border-color .25s, transform .25s var(--ease);
}
.chip:hover span { transform: translateY(-2px); border-color: var(--accent); }
.chip input:checked + span {
  background: var(--deep); color: var(--accent); border-color: var(--deep); font-weight: 600;
}
.chip input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: 3px; }

.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.05rem; font-family: var(--serif) }
.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 }