/* ==========================================================================
   Desiber Organizasyon — "Gün Akışı"

   Konsept: bir gün, tek dikey şerit. Saat saat kim nerede, ne yapıyor,
   gecikirse ne oluyor. Düğün sitelerinin tamamı çiçek ve gelinlik
   fotoğrafıyla açılır; kaygılı çiftin asıl merak ettiği şey plandır.

   Bu yüzden sayfada fotoğraf yok — şeridin kendisi tasarım.
   ========================================================================== */

:root{
  --gece:#241A20;
  --gece-2:#2E222A;
  --kagit:#FBF6F7;
  --kagit-2:#F2E9EC;
  --murekkep:#241A20;
  --sus:#9B8C93;           /* koyu zeminde (5.3:1) */
  --sus-koyu:#6B5D63;      /* açık zeminde (5.4:1) */
  --gul:#E4B7C0;
  --gul-koyu:#9C5567;      /* açık zeminde metin güvenli */
  --kritik:#C97B4A;
  --cizgi:#3A2C33;
  --cizgi-acik:#E6D9DE;

  --dsp:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --gvd:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;

  --t-dev:clamp(2.8rem,8.5vw,6.6rem);
  --t-h2:clamp(1.5rem,2.9vw,2.4rem);
  --t-gvd:clamp(1rem,.96rem + .2vw,1.0625rem);
  --t-kck:.875rem;
  --t-mnk:.75rem;

  --b1:.25rem; --b2:.5rem; --b3:.75rem; --b4:1rem; --b5:1.5rem;
  --b6:2rem; --b7:3rem; --b8:4rem; --b9:6rem;
  --kenar:clamp(1.25rem,5vw,5.5rem);
  --bolum:clamp(4rem,9vw,8rem);
  --hiz:cubic-bezier(.22,1,.36,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  margin:0;background:var(--gece);color:#EFE7EA;
  font-family:var(--gvd);font-size:var(--t-gvd);line-height:1.62;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--dsp);font-weight:600;letter-spacing:-.005em;line-height:1.06}
h2{font-size:var(--t-h2);text-wrap:balance;max-width:24ch}
p{margin:0}
:focus-visible{outline:2px solid var(--gul);outline-offset:3px}
.atla{position:absolute;left:-9999px}
.atla:focus{left:var(--b4);top:var(--b4);z-index:99;background:var(--gul);color:#241A20;padding:var(--b3) var(--b4)}

.kap{width:min(100%,1240px);margin-inline:auto;padding-inline:var(--kenar)}
.etiket{
  font-size:var(--t-mnk);letter-spacing:.22em;text-transform:uppercase;
  color:var(--gul);margin-bottom:var(--b4);
}
.giris{margin-top:var(--b5);max-width:56ch;color:var(--sus);line-height:1.7}

/* --------------------------------------------------------------- başlık - */
.ust{
  position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:center;gap:var(--b6);
  padding:var(--b4) var(--kenar);
  background:linear-gradient(180deg,rgba(36,26,32,.94),rgba(36,26,32,0));
}
.marka{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.marka__im{width:22px;height:22px;color:var(--gul);flex-shrink:0}
.marka__ad{font-size:var(--t-kck);white-space:nowrap;letter-spacing:.02em}
.marka__ad b{font-weight:600}
.menu{display:flex;gap:var(--b6);margin-left:auto;font-size:var(--t-kck)}
.menu a{text-decoration:none;color:var(--sus);transition:color .3s}
.menu a:hover{color:#fff}

.dugme{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--gul);color:#241A20;text-decoration:none;font-weight:600;
  padding:var(--b3) var(--b5);font-size:var(--t-kck);
  transition:background .3s,transform .3s var(--hiz);
}
.dugme:hover{background:#fff;transform:translateY(-2px)}
.dugme--kucuk{padding:.5rem var(--b4)}
.bag{text-decoration:none;color:var(--sus);border-bottom:1px solid var(--cizgi);padding-bottom:2px;transition:color .3s,border-color .3s}
.bag:hover{color:#fff;border-color:var(--gul)}

.burger{display:none;width:42px;height:42px;place-items:center;align-content:center;background:none;border:1px solid var(--cizgi);cursor:pointer}
.burger span{display:block;width:17px;height:1.5px;background:#fff;transition:transform .4s var(--hiz),opacity .25s}
.burger span+span{margin-top:3px}
.burger.on span:nth-child(1){transform:translateY(4.5px) rotate(45deg)}
.burger.on span:nth-child(2){opacity:0}
.burger.on span:nth-child(3){transform:translateY(-4.5px) rotate(-45deg)}

.cekmece{position:fixed;inset:0;z-index:55;background:var(--gece);display:flex;flex-direction:column;justify-content:center;gap:var(--b6);padding:var(--b9) var(--kenar)}
.cekmece[hidden]{display:none}
.cekmece nav{display:grid;gap:var(--b4)}
.cekmece a{font-family:var(--dsp);font-size:2.3rem;text-decoration:none}
.cekmece__alt{color:var(--sus);font-size:var(--t-kck);line-height:1.7}

/* ---------------------------------------------------------------- AKIŞ -- */
.akis{
  min-height:100svh;display:grid;align-items:start;gap:var(--b8);
  padding:calc(var(--b9) + 2rem) var(--kenar) var(--b8);
  width:min(100%,1240px);margin-inline:auto;
}
@media (min-width:980px){
  .akis{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:var(--b9);align-items:center}
}
.akis__baslik{font-size:var(--t-dev);line-height:1;letter-spacing:-.02em}
.akis__baslik em{font-style:italic;font-weight:400;color:var(--gul)}
/* overflow:hidden satiri iki yondan da kirpar; Türkçe'de Ö Ü İ Ğ
   işaretleri üstten kesiliyordu. Dolgu iki yöne de veriliyor. */
.satir{display:block;overflow:hidden;padding-block:.16em;margin-block:-.16em}
.satir>span{display:block}
.akis__soz{margin-top:var(--b5);max-width:46ch;color:var(--sus);line-height:1.7}

.tipler{list-style:none;margin:var(--b6) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--b2)}
.tipler button{
  background:none;border:1px solid var(--cizgi);font:inherit;color:var(--sus);
  cursor:pointer;padding:.45rem var(--b4);font-size:var(--t-kck);
  transition:border-color .3s,color .3s,background .3s;
}
.tipler button:hover{color:#fff;border-color:var(--gul)}
.tipler li[aria-current="true"] button{background:var(--gul);border-color:var(--gul);color:#241A20;font-weight:600}

.akis__ozet{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--b5);
  margin:var(--b7) 0 0;border-top:1px solid var(--cizgi);padding-top:var(--b5);
}
.akis__ozet dt{font-size:var(--t-mnk);letter-spacing:.14em;text-transform:uppercase;color:var(--sus)}
.akis__ozet dd{
  margin:.3rem 0 0;font-family:var(--dsp);font-size:1.6rem;font-weight:600;
  font-variant-numeric:tabular-nums;
}

/* --------------------------------------------------------------- şerit -- */
.akis__serit{max-height:min(70svh,640px);overflow-y:auto;padding-right:var(--b4)}
.serit{list-style:none;margin:0;padding:0}
.serit li{position:relative;padding-left:var(--b8);padding-bottom:var(--b6)}
/* dikey şerit: adımları birbirine bağlayan tek çizgi */
.serit li::before{
  content:'';position:absolute;left:9px;top:8px;bottom:-8px;width:1px;background:var(--cizgi);
}
.serit li:last-child::before{display:none}
.serit li::after{
  content:'';position:absolute;left:4px;top:6px;width:11px;height:11px;border-radius:50%;
  background:var(--gece);border:1px solid var(--gul);
}
.serit li.kritik::after{background:var(--kritik);border-color:var(--kritik)}
.sr__saat{
  display:block;font-family:var(--dsp);font-size:1.35rem;font-weight:600;
  font-variant-numeric:tabular-nums;line-height:1;
}
.serit li.kritik .sr__saat{color:var(--kritik)}
.sr__ad{display:block;margin-top:var(--b2);font-size:var(--t-kck);font-weight:600}
.sr__kim{
  display:block;margin-top:var(--b1);font-size:var(--t-mnk);letter-spacing:.1em;
  text-transform:uppercase;color:var(--gul);
}
.sr__not{display:block;margin-top:var(--b3);font-size:var(--t-kck);color:var(--sus);line-height:1.6;max-width:52ch}
.sr__b{
  display:block;margin-top:var(--b3);font-size:var(--t-mnk);color:var(--sus);
  border-left:2px solid var(--cizgi);padding-left:var(--b3);line-height:1.55;max-width:48ch;
}
.sr__b b{color:var(--kritik);font-weight:600}

/* --------------------------------------------------------------- bölüm -- */
.bol{padding-block:var(--bolum)}
.bol--acik{background:var(--kagit);color:var(--murekkep)}
.bol--acik .etiket{color:var(--gul-koyu)}
.bol--acik .giris{color:var(--sus-koyu)}
.bol--koyu{background:var(--gece-2)}
.bas{max-width:46rem;margin-bottom:var(--b8)}
[data-r]{opacity:0;transform:translateY(16px);transition:opacity .7s var(--hiz),transform .7s var(--hiz)}
[data-r].gor{opacity:1;transform:none}

/* -------------------------------------------------------------- kapsam - */
.kapsam{display:grid;gap:1px;background:var(--cizgi-acik);border:1px solid var(--cizgi-acik)}
@media (min-width:760px){.kapsam{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kapsam__sut{background:var(--kagit);padding:var(--b6)}
.kapsam__sut h3{font-size:1.4rem;margin-bottom:var(--b5)}
.kapsam__sut--var h3{color:var(--gul-koyu)}
.kapsam__sut--yok h3{color:var(--sus-koyu)}
.kapsam__sut ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--b4)}
.kapsam__sut li{position:relative;padding-left:var(--b5);font-size:var(--t-kck);color:var(--sus-koyu);line-height:1.55}
.kapsam__sut--var li::before{
  content:'';position:absolute;left:0;top:.55em;width:9px;height:2px;background:var(--gul-koyu);
}
.kapsam__sut--yok li::before{
  content:'';position:absolute;left:0;top:.5em;width:9px;height:9px;
  border:1px solid var(--sus-koyu);border-radius:50%;
}

/* --------------------------------------------------------------- paket - */
.paket{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--cizgi);border:1px solid var(--cizgi)}
@media (min-width:820px){.paket{grid-template-columns:repeat(3,minmax(0,1fr))}}
.paket li{background:var(--gece-2);padding:var(--b6)}
.paket li.pk--one{background:var(--gece);outline:1px solid var(--gul);outline-offset:-1px}
.paket h3{font-size:1.4rem}
.pk__fiyat{
  margin-top:var(--b3);font-family:var(--dsp);font-size:2.2rem;font-weight:600;
  font-variant-numeric:tabular-nums;color:var(--gul);
}
.paket li p:last-child{margin-top:var(--b4);font-size:var(--t-kck);color:var(--sus);line-height:1.6}
.paket__not{margin-top:var(--b5);font-size:var(--t-mnk);color:var(--sus);max-width:60ch;line-height:1.7}

/* ------------------------------------------------------------ iletişim - */
.ilt{display:grid;gap:var(--b8)}
@media (min-width:900px){.ilt{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--b9)}}
.ilt__eylem{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b5);margin-top:var(--b6)}
.ilt__bilgi{display:grid;margin:0;align-self:start;border-top:1px solid var(--cizgi)}
.ilt__bilgi>div{padding-block:var(--b4);border-bottom:1px solid var(--cizgi);display:grid;gap:.25rem}
@media (min-width:520px){.ilt__bilgi>div{grid-template-columns:8rem minmax(0,1fr);gap:var(--b4)}}
.ilt__bilgi dt{font-size:var(--t-mnk);letter-spacing:.12em;text-transform:uppercase;color:var(--sus)}
.ilt__bilgi dd{margin:0;font-size:var(--t-kck);line-height:1.6}

/* ------------------------------------------------------------------ dip - */
.dip{padding-block:var(--b7);border-top:1px solid var(--cizgi)}
.dip__ic{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b5)}
.dip__marka{font-size:var(--t-kck)}
.dip__marka b{font-weight:600}
.dip__not{margin-left:auto;font-size:var(--t-mnk);color:var(--sus);max-width:46ch}

@media (max-width:860px){
  .menu,.ust .dugme{display:none}
  .burger{display:grid;margin-left:auto}
  .dip__not{margin-left:0}
  .akis__ozet{grid-template-columns:repeat(2,minmax(0,1fr))}
  .akis__serit{max-height:none;overflow:visible;padding-right:0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  [data-r]{opacity:1;transform:none}
}