@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&family=Pinyon+Script&display=swap");
:root { --ink:#1b1b1a; --soft:#6f6d68; --line:#e4e1db; --bg:#ffffff; --tint:#f6f4f0; }
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--ink); font:300 16px/1.7 Jost, "Segoe UI", sans-serif; overflow-x:hidden; }
img { display:block; width:100%; height:100%; object-fit:cover; }
a { color:inherit; text-decoration:none; }
.wrap { max-width:1320px; margin:0 auto; padding:0 48px; }
.kucuk { font-size:11.5px; letter-spacing:.28em; text-transform:uppercase; font-weight:400; }
.serif { font-family:"Cormorant Garamond", Georgia, serif; font-weight:300; }
.soluk { color:var(--soft); }
.cizgi-link { font-size:11.5px; letter-spacing:.24em; text-transform:uppercase; border-bottom:1px solid var(--ink); padding-bottom:3px; white-space:nowrap; }

/* duyuru şeridi (ana sayfa, sezonluk) */
.duyuru { display:flex; justify-content:center; align-items:baseline; gap:18px; flex-wrap:wrap; background:var(--tint); border-bottom:1px solid var(--line); padding:10px 16px; font-size:13px; color:var(--soft); text-align:center; }
.duyuru .d-ust { font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:#b8935a; }
.duyuru .d-link { font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--ink); border-bottom:1px solid var(--ink); padding-bottom:1px; white-space:nowrap; }
.duyuru:hover .d-metin { color:var(--ink); }
@media (max-width:600px) { .duyuru { display:block; font-size:12.5px; line-height:1.5; } .duyuru .d-ust { margin-right:12px; } .duyuru .d-metin { display:block; margin-top:4px; } }
/* üst menü */
header.ust { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.96); border-bottom:1px solid var(--line); }
header.ust .wrap { display:flex; align-items:center; justify-content:space-between; height:78px; }
.logo { display:flex; align-items:center; gap:14px; }
.logo img { width:auto; height:34px; }
.logo span { font-size:13px; letter-spacing:.36em; font-weight:400; }
header.ust nav { display:flex; gap:38px; }
header.ust nav a { font-size:11.5px; letter-spacing:.24em; text-transform:uppercase; color:var(--soft); transition:color .2s; padding:6px 0; border-bottom:1px solid transparent; }
header.ust nav a:hover, header.ust nav a.aktif { color:var(--ink); }
header.ust nav a.aktif { border-bottom-color:var(--ink); }
.menu-btn { display:none; background:none; border:0; font:400 11.5px Jost, sans-serif; letter-spacing:.24em; cursor:pointer; color:var(--ink); }

/* sayfa başı */
.sayfa-basi { padding:96px 0 56px; }
.sayfa-basi h1 { font-size:clamp(46px, 6vw, 88px); line-height:1.02; margin:22px 0 0; }
.sayfa-basi h1 em { font-style:italic; }
.sayfa-basi .alt { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-top:42px; border-top:1px solid var(--line); padding-top:24px; }
.sayfa-basi p { max-width:560px; color:var(--soft); }
.yol { font-size:12px; color:var(--soft); letter-spacing:.06em; }
.yol a:hover { color:var(--ink); }

/* görsel kutu */
.g { overflow:hidden; background:var(--tint); }
.g img { transition:transform 1.2s ease; }
a:hover .g img { transform:scale(1.04); }

/* başlık satırı */
.bas { display:flex; justify-content:space-between; align-items:baseline; gap:20px; margin:120px 0 40px; }
.bas h2 { font-size:clamp(34px, 4vw, 54px); line-height:1.05; }

/* kartlar */
.kart-izgara { display:grid; grid-template-columns:repeat(3, 1fr); gap:56px 24px; }
.kart .g { aspect-ratio:4/5; }
.kart.yatay .g { aspect-ratio:16/11; }
.kart .kunye { display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin-top:16px; border-top:1px solid var(--line); padding-top:12px; }
.kart h3 { font:400 24px/1.2 "Cormorant Garamond", serif; }
.kart .k-alt { color:var(--soft); font-size:13px; text-align:right; }
.kart p { color:var(--soft); font-size:14px; margin-top:4px; }
.kart .no { font-size:12px; color:var(--soft); letter-spacing:.1em; }
.kat-kunye { display:grid; grid-template-columns:36px 1fr; align-items:baseline; margin-top:16px; border-top:1px solid var(--line); padding-top:12px; }
.kat-kunye p { margin-top:2px; }

/* galeri (masonry) */
.galeri { columns:3; column-gap:20px; }
.galeri a { display:block; break-inside:avoid; margin-bottom:20px; cursor:zoom-in; }
.galeri img { height:auto; }

/* künye kutusu */
.proje-ust { display:grid; grid-template-columns:8fr 4fr; gap:56px; align-items:start; }
.proje-ust .g { aspect-ratio:16/10; }
.kunye-kutu dl { display:grid; grid-template-columns:110px 1fr; gap:14px 16px; border-top:1px solid var(--ink); padding-top:20px; font-size:14px; }
.kunye-kutu dt { color:var(--soft); }
.kunye-kutu .bekliyor { color:#b07a5a; font-style:italic; }
.ileri-geri { display:flex; justify-content:space-between; border-top:1px solid var(--line); margin-top:100px; padding:34px 0; }
.ileri-geri a { font:400 26px "Cormorant Garamond", serif; }
.ileri-geri span { display:block; font:400 11px Jost, sans-serif; letter-spacing:.24em; text-transform:uppercase; color:var(--soft); }

/* düğmeler */
.btn { display:inline-block; border:1px solid var(--ink); padding:14px 26px; font-size:11.5px; letter-spacing:.24em; text-transform:uppercase; transition:all .2s; }
.btn:hover, .btn.dolu { background:var(--ink); color:#fff; }
.btn.dolu:hover { background:#fff; color:var(--ink); }

/* tint bant */
.bant { background:var(--tint); padding:10px 0 110px; margin-top:120px; }

/* kişiselleştirme bandı */
.kisisel { padding:120px 0 0; }
.kisisel-ust { position:relative; aspect-ratio:21/9; overflow:hidden; background:var(--tint); }
.kisisel-ust img { object-position:center 55%; }
.kisisel-ust-yazi { position:absolute; left:0; right:0; bottom:0; padding:48px 52px; color:#fff; background:linear-gradient(transparent, rgba(0,0,0,.55)); }
.kisisel-ust-yazi h2 { font-size:clamp(40px, 5vw, 72px); line-height:1.02; margin-top:12px; }
.kisisel-ust-yazi h2 em { font-style:italic; }
.kisisel-ic { display:grid; grid-template-columns:6fr 5fr; gap:72px; align-items:start; margin-top:56px; }
.kisisel-seri { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; margin-top:56px; }
.kisisel-seri a { aspect-ratio:1/1; overflow:hidden; cursor:zoom-in; background:var(--tint); }
/* yazı tipi önizlemesi */
.onizleme { background:var(--tint); padding:28px; }
.onizleme input { width:100%; border:0; border-bottom:1px solid var(--ink); background:none; font:400 22px Jost, sans-serif; padding:8px 0; letter-spacing:.1em; outline:none; }
.onz-renk { display:flex; gap:10px; margin:18px 0; }
.onz-renk .nokta { width:26px; height:26px; border:2px solid #fff; cursor:pointer; box-shadow:0 0 0 1px var(--line); padding:0; }
.onz-renk .nokta.secili { box-shadow:0 0 0 2px var(--ink); }
.onz-kapaklar { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; }
.onz-kapak { aspect-ratio:3/4; display:flex; align-items:center; justify-content:center; position:relative; transition:background .3s; box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); }
.onz-metin { color:#d9b46a; font-size:20px; letter-spacing:.14em; text-shadow:0 1px 0 rgba(0,0,0,.25); text-align:center; padding:0 6px; word-break:break-all; background:linear-gradient(180deg, #f3dc9c, #c99a45); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
/* Ölçü gerçek baskılardan (ECE, ÖYS): büyük harf yüksekliği kapak genişliğinin ~%3'ü → "ECE" kapak genişliğinin ~%12'si; yazı boyu ~%5,6 (TYRA büyük harf seti) */
.onz-tek { max-width:340px; margin:0 auto; }
.onz-tek .onz-kapak { aspect-ratio:148/210; container-type:inline-size; align-items:flex-end; padding-bottom:16%; }
.onz-uyari { display:none; margin-top:14px; font-size:13px; color:#a3402a; background:#fbeee8; padding:10px 12px; }
.onz-tek .onz-metin { font-family:"Times New Roman", Times, serif; font-size:5.6cqw; letter-spacing:.05em; text-shadow:none; }
.onz-kapak em { position:absolute; bottom:-22px; left:0; right:0; text-align:center; font-style:normal; font-size:12px; color:var(--soft); letter-spacing:.06em; }
.onz-kapaklar { margin-bottom:26px; }
/* renk noktaları ve ürün kartları */
.renkler { display:flex; gap:7px; margin-top:10px; }
.nokta { display:inline-block; width:14px; height:14px; border-radius:50%; box-shadow:0 0 0 1px rgba(0,0,0,.08); }
.onz-renk .nokta { border-radius:50%; }
.urun-izgara { display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; }
.urun .g { aspect-ratio:4/5; }
.urun h3 { font-size:24px; margin-top:14px; border-top:1px solid var(--line); padding-top:10px; }
.urun p { font-size:13px; color:var(--soft); }
.kisisel-yazi h2 { font-size:clamp(38px, 4.4vw, 62px); line-height:1.04; margin:16px 0 22px; }
.kisisel-yazi h2 em { font-style:italic; }
.kisisel-yazi > p { color:var(--soft); max-width:480px; }
.adimlar { list-style:none; counter-reset:a; margin:30px 0 34px; border-top:1px solid var(--line); }
.adimlar li { counter-increment:a; display:grid; grid-template-columns:44px 90px 1fr; align-items:baseline; padding:14px 0; border-bottom:1px solid var(--line); font-size:14px; }
.adimlar li::before { content:"0" counter(a); color:var(--soft); font-size:12px; letter-spacing:.1em; }
.adimlar b { font:400 21px "Cormorant Garamond", serif; }
.adimlar span { color:var(--soft); }
.kisisel-dugme .btn { display:block; width:320px; max-width:100%; text-align:center; margin:0 0 10px; }
.kisisel-kolaj { display:grid; grid-template-columns:1.25fr 1fr; grid-template-rows:1fr 1fr 1fr; gap:12px; aspect-ratio:1/1.02; }
.kisisel-kolaj a { overflow:hidden; cursor:zoom-in; background:var(--tint); }
.kisisel-kolaj .k1 { grid-row:1 / 3; }
.kisisel-kolaj .k2 { grid-row:1 / 2; grid-column:2; }
.kisisel-kolaj .k3 { grid-row:2 / 4; grid-column:2; }
.kisisel-kolaj .k4 { grid-row:3 / 4; grid-column:1; }
.kisisel-kolaj img { transition:transform 1.2s ease; }
.kisisel-kolaj a:hover img { transform:scale(1.04); }

/* yeni yıl paketleri */
.paketler .bas { margin-top:120px; }
.paket-giris { max-width:640px; margin:-16px 0 40px; }
.paket-izgara { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }
.paket .g { aspect-ratio:4/5; display:block; }
.paket h3 { font-size:30px; margin:18px 0 8px; border-top:1px solid var(--ink); padding-top:14px; }
.paket ul { list-style:none; font-size:14px; color:var(--soft); }
.paket li { padding:5px 0; border-bottom:1px solid var(--line); }
.paket-alt { display:grid; grid-template-columns:1fr 2fr; gap:24px; align-items:end; margin-top:40px; }
.paket-alt .g { aspect-ratio:1/1; }

/* müşteri yorumu */
.yorum { padding:110px 0 20px; text-align:center; }
.yorum blockquote { font-size:clamp(16px, 1.3vw, 19px); line-height:1.5; max-width:none; margin:0 auto 16px; font-style:italic; }

/* özel tasarım süreci */
.surec-izgara { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.surec-kart { display:grid; grid-template-columns:2fr 3fr; border:1px solid var(--line); }
.surec-kart .g { min-height:100%; }
.surec-izgara.tek { grid-template-columns:1fr; }
.surec-izgara.tek .surec-kart { grid-template-columns:5fr 7fr; }
.surec-izgara.tek .surec-ic { padding:44px 52px 48px; align-self:center; }
.surec-izgara.tek .surec-kart .g { position:relative; min-height:420px; }
.surec-izgara.tek .surec-kart .g img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
@media (max-width:900px) { .surec-izgara.tek .surec-kart { grid-template-columns:minmax(0,1fr); } .surec-izgara.tek .surec-kart .g { min-height:0; aspect-ratio:4/3; } .surec-izgara.tek .surec-ic { padding:28px 20px 32px; } }
.surec-ic li span { display:block; }
.surec-ic li span::first-letter { text-transform:uppercase; }
.surec-ic { padding:30px 30px 34px; }
.surec-ic h3 { font-size:28px; margin-bottom:14px; }
.surec-ic ol { list-style:none; counter-reset:s; margin-bottom:24px; }
.surec-ic li { counter-increment:s; padding:10px 0; border-top:1px solid var(--line); font-size:14px; }
.surec-ic li b { display:block; font-weight:400; }
.surec-ic li b::before { content:"0" counter(s) "  "; color:var(--soft); font-size:12px; letter-spacing:.1em; }
.surec-ic li span { color:var(--soft); }

@media (max-width:900px) {
  .kisisel { padding-top:80px; }
  .kisisel-ic, .surec-izgara, .surec-kart { grid-template-columns:1fr; gap:36px; }
  .kisisel-ust { aspect-ratio:4/5; } .kisisel-ust-yazi { padding:28px 20px; }
  .urun-izgara { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
  .kisisel-seri { grid-template-columns:1fr 1fr 1fr; gap:6px; }
  .surec-kart { gap:0; } .surec-kart .g { aspect-ratio:16/10; }
  .adimlar li { grid-template-columns:36px 80px 1fr; }
  .paket-izgara, .paket-alt { grid-template-columns:1fr; }
}

/* koleksiyon kolajları (davetiye, özel gün, grafik) */
.koleksiyon { display:grid; grid-template-columns:220px 1fr; gap:40px; padding:44px 0; border-top:1px solid var(--line); }
.koleksiyon:first-child { border-top:0; padding-top:0; }
.k-ad { position:sticky; top:110px; align-self:start; }
.k-ad h2 { font-size:38px; line-height:1.05; margin-top:8px; }
.k-ad .kucuk { display:block; line-height:1.9; }
.kolaj-kap { container-type:inline-size; }
.kolaj { display:grid; grid-template-columns:repeat(4, 1fr); grid-auto-rows:calc((100cqw - 30px) / 4); grid-auto-flow:dense; gap:10px; }
.kolaj a { overflow:hidden; background:var(--tint); cursor:zoom-in; min-height:0; }
.kolaj a img { transition:transform 1.2s ease; }
.kolaj a:hover img { filter:brightness(1.03); }
.kolaj .s-y { grid-column:span 2; }
.kolaj .s-d { grid-row:span 2; }
.kolaj .s-b { grid-column:span 2; grid-row:span 2; }
@media (max-width:900px) {
  .koleksiyon { grid-template-columns:1fr; gap:16px; padding:32px 0; }
  .k-ad { position:static; }
  .kolaj { grid-template-columns:repeat(2, 1fr); grid-auto-rows:calc((100cqw - 8px) / 2); gap:8px; }
}

/* alt bilgi */
footer.alt-bilgi { border-top:1px solid var(--ink); padding:80px 0 50px; margin-top:140px; }
footer.alt-bilgi .eposta { font:300 clamp(38px, 5.5vw, 76px)/1 "Cormorant Garamond", serif; }
footer.alt-bilgi .eposta a { border-bottom:1px solid var(--line); }
footer.alt-bilgi .satir { display:flex; justify-content:space-between; gap:24px; margin-top:64px; color:var(--soft); font-size:13px; flex-wrap:wrap; }
footer.alt-bilgi .satir a:hover { color:var(--ink); }

/* büyütme */
.kutu { position:fixed; inset:0; background:rgba(255,255,255,.97); display:none; align-items:center; justify-content:center; z-index:50; cursor:zoom-out; }
.kutu img { max-width:84vw; max-height:82vh; width:auto; height:auto; object-fit:contain; cursor:default; }
.kutu button { position:absolute; background:none; border:0; color:var(--ink); cursor:pointer; font-family:"Cormorant Garamond", serif; line-height:1; }
.kutu-kapat { top:22px; right:28px; font-size:30px !important; font-family:Jost, sans-serif !important; font-weight:300; }
.kutu-ok { top:50%; transform:translateY(-50%); font-size:72px; font-weight:300; padding:10px 18px; opacity:.6; transition:opacity .2s; }
.kutu-ok:hover, .kutu-kapat:hover { opacity:1; }
.kutu-ok.sol { left:2vw; } .kutu-ok.sag { right:2vw; }
.kutu-yazi { position:absolute; bottom:22px; left:0; right:0; text-align:center; font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:var(--soft); }
@media (max-width:900px) { .kutu img { max-width:94vw; max-height:74vh; } .kutu-ok { top:auto; bottom:44px; transform:none; font-size:52px; } }

/* taslak notu */
.taslak-notu { position:fixed; left:16px; bottom:16px; z-index:30; background:#1b1b1a; color:#fff; font-size:12px; padding:8px 12px; letter-spacing:.04em; opacity:.85; }

@media (max-width:900px) {
  .wrap { padding:0 16px; }
  header.ust nav { display:none; position:absolute; top:78px; left:0; right:0; background:#fff; flex-direction:column; gap:0; border-bottom:1px solid var(--line); padding:8px 16px 16px; }
  header.ust nav.acik { display:flex; }
  header.ust nav a { padding:12px 0; }
  .menu-btn { display:block; }
  .sayfa-basi { padding:56px 0 36px; }
  .sayfa-basi .alt { flex-direction:column; align-items:flex-start; }
  .kart-izgara { grid-template-columns:1fr; gap:44px; }
  .galeri { columns:2; column-gap:10px; }
  .galeri a { margin-bottom:10px; }
  .proje-ust { grid-template-columns:1fr; gap:32px; }
  .bas { margin:80px 0 28px; flex-direction:column; }
  .taslak-notu { display:none; }
}
/* açık kapakta (sarı) yaldız: daha koyu altın + hafif kabartma, okunur olsun */
.onz-kapak.acik .onz-metin { background:linear-gradient(180deg, #c48a1a 0%, #8a5a08 55%, #b07a14 100%); -webkit-background-clip:text; background-clip:text; filter:drop-shadow(0 1px 0 rgba(255,240,200,.7)) drop-shadow(0 -0.5px 0 rgba(90,55,0,.6)); }
/* sezonluk kart (Tasarım Atölyesi altında) */
.sezon-kart { display:grid; grid-template-columns:7fr 5fr; margin-top:90px; background:var(--tint); }
.sezon-kart .g { aspect-ratio:16/10; }
.sezon-yazi { padding:48px; display:flex; flex-direction:column; justify-content:center; gap:14px; }
.sezon-yazi h2 { font-size:clamp(34px, 3.6vw, 52px); line-height:1.05; }
.sezon-yazi h2 em { font-style:italic; }
.sezon-yazi .cizgi-link { align-self:flex-start; margin-top:8px; }
@media (max-width:900px) { .sezon-kart { grid-template-columns:1fr; } .sezon-yazi { padding:28px 20px; } }
/* paketleme bandı */
.paket-bant { display:grid; grid-template-columns:4fr 7fr; margin-top:80px; background:var(--tint); align-items:stretch; }
.paket-bant .g { aspect-ratio:1440/1796; }
.paket-bant .g img { object-position:center; }
.paket-bant-yazi { padding:56px 64px; display:flex; flex-direction:column; justify-content:center; gap:16px; }
.paket-bant-yazi h3 { font-size:clamp(32px, 3.4vw, 48px); line-height:1.08; }
.paket-bant-yazi h3 em { font-style:italic; }
.paket-bant-yazi p { max-width:480px; }
@media (max-width:900px) { .paket-bant { grid-template-columns:1fr; } .paket-bant-yazi { padding:30px 20px; } }

/* Bez çanta bandı (12.10): yazı solda, foto sağda, 3:4 */
.bez-bant { grid-template-columns:7fr 5fr; }
.bez-bant .g { aspect-ratio:3/4; }
.giris-bant { grid-template-columns:5fr 6fr; margin-top:0; }
.giris-bant .g { aspect-ratio:1/1; }
@media (max-width:900px) { .bez-bant, .giris-bant { grid-template-columns:minmax(0,1fr); } .bez-bant .g { order:-1; } .paket-bant { grid-template-columns:minmax(0,1fr); } }