/* ══════════════════════════════════════════════════════════════════════
   Dugun girisleri (2026-10-29) · /weddings sayfasina dort "davetiye"
   Dil /weddings'ten: Cormorant Garamond + Inter, kagit/kum tonlari, altin; motif = kemer/cember (iskeledeki cicekli kemer).
     .dd-ana  Ana sayfa (#mood'un son cocugu): kemer kapi; buyuk dugun karesi + iki eslik eden kare (r2: zarf kaldirildi).
     .dd-xp   Experience (aksam bolumunun son cocugu): dugun gunu dort kemer karede; ustte gunesin yolu.
     .dd-pd   Perdue (Private Occasions'in son cocugu): dort mekan, tek kemer pencere; secilen mekan perde gibi acilir.
     .dd-nt   Nautical (Private Occasions'in son cocugu): alacakaranlikta tas ev cepheleri, pencereler sirayla yanar.
   Gorseller HEP <img> (admin'de degisir; CSS arka plani kullanilmaz). JS yoksa her sey acik/gorunur durur.
   Hareket azaltma tercihine uyar. Surucu: /js/dugun-davet.js
   ══════════════════════════════════════════════════════════════════════ */

.dd {
  --dd-kagit: #f7f2ea;
  --dd-kum: #efe6d7;
  --dd-kum-koyu: #e3d6c0;
  --dd-tas: #d6c9b3;
  --dd-murekkep: #2a241d;
  --dd-govde: #574c41;
  --dd-soluk: #665a4c;
  --dd-altin-yazi: #7d5f2c;
  --dd-altin-baslik: #9a7a41;
  --dd-altin: #b08d4f;
  --dd-deniz: #2f5966;
  --dd-deniz-koyu: #1f3d48;
  --dd-egri: cubic-bezier(.2, .7, .2, 1);
}
.dd *, .dd *::before, .dd *::after { box-sizing: border-box; }
.dd figure { margin: 0; }
.dd img { display: block; max-width: 100%; }
.dd :focus-visible { outline: 2px solid var(--dd-altin); outline-offset: 3px; }

/* ── ortak yazi ── */
.dd .dd-etiket {
  margin: 0 0 22px; font-family: var(--sans); font-weight: 500; font-size: 11.5px; letter-spacing: .28em; line-height: 1.5;
  text-transform: uppercase; color: var(--dd-altin-yazi); display: flex; align-items: center; gap: 14px;
}
.dd .dd-etiket::before { content: ""; flex: none; width: 28px; height: 1px; background: currentColor; opacity: .7; }
.dd .dd-baslik {
  margin: 0 0 22px; font-family: var(--serif); font-weight: 300; font-size: clamp(38px, 4.6vw, 62px); line-height: 1.04;
  letter-spacing: -.01em; color: var(--dd-murekkep); text-wrap: balance;
}
.dd .dd-baslik em { font-style: italic; color: var(--dd-altin-baslik); }
.dd .dd-govde { margin: 0 0 28px; max-width: 40ch; font-family: var(--sans); font-size: 16px; line-height: 1.75; font-weight: 300; color: var(--dd-govde); }
.dd .dd-link {
  display: inline-flex; align-items: center; gap: 10px; padding: 6px 0; font-family: var(--sans); font-size: 12px; font-weight: 500;
  letter-spacing: .2em; text-transform: uppercase; color: var(--dd-murekkep); text-decoration: none;
  border-bottom: 1px solid rgba(176, 141, 79, .55); transition: color .3s, border-color .3s, gap .3s;
}
.dd .dd-link:hover { color: var(--dd-altin-yazi); border-color: var(--dd-altin); gap: 14px; }
.dd .dd-dugme {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 26px; border-radius: 999px;
  border: 1px solid var(--dd-altin); background: var(--dd-altin); color: #fff; text-decoration: none; white-space: nowrap;
  font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase;
  transition: background .35s, border-color .35s;
}
.dd .dd-dugme:hover { background: #8e6f39; border-color: #8e6f39; }

/* ══ 1. ANA SAYFA · kemer kapi: fotograf merkezli (2026-10-29 r2, zarfin yerine) ══
   Buyuk kare (iskeledeki cicekli kemer, gun batimi) sayfa genisliginde; ust kenari basik bir kemer gibi kesilir: sayfadan
   bir kapidan bakar gibi dugune bakilir. Metin fotografin icinde, sol altta. Sagda iki kucuk eslik eden kare fotografin
   alt kenarina tasar (masaya birakilmis baskilar). Kaydirdikca buyuk kare cok hafif yaklasir (--dd-p, JS); JS yoksa son hal. */
.dd-ana {
  --dd-p: 1;
  position: relative; margin: clamp(110px, 12vw, 170px) -24px 0; color: #fbf6ec; text-align: left;
}
.dd-ana-sahne { position: relative; max-width: 1760px; margin: 0 auto; padding-bottom: clamp(56px, 6vw, 96px); }
.dd-ana-kapi { position: relative; }
.dd-ana-ana {
  position: relative; height: clamp(520px, 52vw, 900px); overflow: hidden; background: #2a2119;
  border-radius: 50% 50% 0 0 / clamp(90px, 13vw, 230px) clamp(90px, 13vw, 230px) 0 0;
  isolation: isolate;
}
.dd-ana-ana img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  transform: scale(calc(1.07 - var(--dd-p) * .07)); transform-origin: 50% 60%; will-change: transform;
}
/* okunurluk: alttan ve soldan yumusak karartma (fotografin ustunde, yazinin altinda) */
.dd-ana-ana::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(0deg, rgba(18, 13, 9, .78) 0%, rgba(18, 13, 9, .38) 34%, rgba(18, 13, 9, 0) 62%),
    linear-gradient(90deg, rgba(18, 13, 9, .45) 0%, rgba(18, 13, 9, 0) 52%);
}
.dd-ana-metin {
  position: absolute; z-index: 2; left: max(32px, 6.5%); bottom: clamp(40px, 5vw, 84px);
  max-width: min(560px, 46%);
}
.dd-ana .dd-ana-etiket { margin-bottom: 18px; color: #ead6a8; }
.dd-ana .dd-ana-baslik {
  margin: 0 0 18px; font-family: var(--serif); font-weight: 300; font-size: clamp(44px, 5.4vw, 92px); line-height: .98;
  letter-spacing: -.012em; color: #fbf6ec; text-wrap: balance;
}
.dd-ana .dd-ana-baslik em { font-style: italic; color: #e6c98f; }
.dd-ana .dd-ana-alt { margin: 0 0 30px; max-width: 34ch; font-family: var(--serif); font-size: clamp(18px, 1.5vw, 22px); line-height: 1.45; color: #efe4d2; }
.dd-ana .dd-linkler { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 30px; }
.dd-ana .dd-link { color: #fbf6ec; border-bottom-color: rgba(230, 201, 143, .7); }
.dd-ana .dd-link:hover { color: #e6c98f; border-color: #e6c98f; }
.dd-ana .dd-dugme { min-height: 50px; padding: 0 30px; }
.dd-ana :focus-visible { outline-color: #e6c98f; }
/* eslik eden iki kare */
.dd-ana-eslik {
  position: absolute; z-index: 3; right: max(32px, 6.5%); bottom: 0; display: flex; align-items: flex-end; gap: clamp(12px, 1.2vw, 20px);
}
.dd-ana-es {
  width: clamp(130px, 12.5vw, 230px); aspect-ratio: 3 / 4; overflow: hidden; background: #e6dfd2;
  border: clamp(5px, .45vw, 8px) solid var(--cream, #faf8f5); box-shadow: 0 30px 50px -28px rgba(30, 22, 14, .55);
  transform: translateY(calc((1 - var(--dd-p)) * 46px)); transition: transform .2s linear;
}
.dd-ana-es2 { margin-bottom: clamp(36px, 4vw, 70px); transform: translateY(calc((1 - var(--dd-p)) * 90px)); }
.dd-ana-es img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 1100px) {
  .dd-ana-metin { max-width: 52%; }
}
@media (max-width: 768px) {
  .dd-ana { margin-left: 0; margin-right: 0; }
}
/* telefon: dikey kemer, yazi fotografin altinda icinde; eslik eden kareler fotografin altina tasar */
@media (max-width: 699px) {
  .dd-ana-sahne { padding-bottom: 0; }
  .dd-ana-ana { height: auto; aspect-ratio: 3 / 4.6; border-radius: 50% 50% 0 0 / 26% 26% 0 0; margin: 0 12px; }
  .dd-ana-metin { left: 32px; right: 32px; bottom: 30px; max-width: none; }
  .dd-ana-ana::after { background: linear-gradient(0deg, rgba(18, 13, 9, .88) 0%, rgba(18, 13, 9, .62) 40%, rgba(18, 13, 9, .12) 66%, rgba(18, 13, 9, 0) 78%); }
  .dd-ana .dd-ana-etiket { text-shadow: 0 1px 10px rgba(0, 0, 0, .55); }
  .dd-ana .dd-ana-baslik { font-size: clamp(40px, 11.5vw, 54px); }
  .dd-ana .dd-ana-alt { font-size: 17.5px; margin-bottom: 22px; }
  .dd-ana .dd-linkler { gap: 14px 22px; }
  .dd-ana-eslik { position: relative; right: auto; justify-content: center; gap: 12px; margin: -2px 24px 0; padding-top: 14px; }
  .dd-ana-es { width: auto; flex: 1 1 0; max-width: 200px; aspect-ratio: 4 / 3; border-width: 0; box-shadow: none; transform: none; }
  .dd-ana-es2 { margin-bottom: 0; transform: none; }
}
@media (min-width: 1800px) {
  .dd-ana-metin { left: 100px; }
  .dd-ana-eslik { right: 100px; }
}

/* ══ 2. EXPERIENCE · dugun gunu, gunesin yolu ══ */
.dd-xp {
  margin-top: clamp(84px, 10vw, 140px); padding-top: clamp(56px, 7vw, 96px); border-top: 1px solid var(--xp2-cizgi, rgba(36, 33, 28, .12));
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px clamp(40px, 6vw, 96px); align-items: end;
}
.dd-xp .dd-xp-etiket { display: flex; align-items: center; gap: 14px; }
.dd-xp .dd-xp-etiket::before {
  content: ""; flex: none; width: 15px; height: 15px; border: 1px solid currentColor; border-radius: 50%;
  box-shadow: 0 0 0 3px var(--xp2-zemin, #faf8f5), 0 0 0 4px rgba(154, 122, 69, .35);
}
.dd-xp .dd-xp-metin p { color: var(--xp2-soluk, #6f675b); max-width: 34em; }
.dd-xp .xp2-dugmeler { margin-top: 26px; }
.dd-gun { grid-column: 1 / -1; position: relative; margin-top: clamp(36px, 4vw, 56px); }
.dd-gun-gok { position: relative; height: clamp(70px, 8vw, 104px); }
.dd-gun-gok svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.dd-gun-yay { fill: none; stroke: rgba(154, 122, 69, .5); stroke-width: 1; stroke-dasharray: 2 5; vector-effect: non-scaling-stroke; }
.dd-gun-ufuk { stroke: rgba(154, 122, 69, .55); stroke-width: 1; vector-effect: non-scaling-stroke; }
.dd-gunes, .dd-ay {
  position: absolute; left: 0; top: 0; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%;
  transition: transform 1s var(--dd-egri), opacity .6s, background-color 1s, box-shadow 1s;
}
.dd-gunes { background: #e2b25e; box-shadow: 0 0 0 6px rgba(226, 178, 94, .18), 0 0 26px 6px rgba(226, 178, 94, .35); }
.dd-gunes.dd-batti { background: #d9824f; box-shadow: 0 0 0 6px rgba(217, 130, 79, .16), 0 0 30px 8px rgba(217, 130, 79, .35); }
.dd-gunes.dd-altta { opacity: 0; }
.dd-ay { width: 16px; height: 16px; margin: -8px 0 0 -8px; background: transparent; box-shadow: inset -5px 3px 0 0 #b9ad98; opacity: 0; }
.dd-ay.dd-gorunur { opacity: 1; }
/* ufkun altindaki gunes kesilir */
.dd-gun-ufuk-kes { position: absolute; left: 0; right: 0; bottom: 0; height: 0; overflow: visible; }

.dd-gun-anlar { list-style: none; margin: 0; padding: 0; display: flex; gap: clamp(8px, 1vw, 14px); height: clamp(340px, 34vw, 480px); }
.dd-an {
  /* kemer: dar karede yarim daire, genisleyen karede basik kemer (yaricap sabit) */
  position: relative; flex: 1 1 0; min-width: 0; overflow: hidden; border-radius: min(7.5vw, 116px) min(7.5vw, 116px) 2px 2px; background: var(--xp2-kum, #f2eee6);
  transition: flex-grow .9s var(--dd-egri); cursor: default;
}
.dd-an.is-on { flex-grow: 2.3; }
.dd-an figure { position: absolute; inset: 0; }
.dd-an img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); transition: transform 1.4s var(--dd-egri), filter 1s; filter: saturate(.9); }
.dd-an.is-on img { transform: scale(1); filter: none; }
.dd-an-yazi {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 70px clamp(16px, 1.8vw, 26px) clamp(18px, 2vw, 26px);
  background: linear-gradient(180deg, rgba(22, 18, 14, 0) 0%, rgba(22, 18, 14, .62) 55%, rgba(22, 18, 14, .78) 100%);
}
.dd-xp .dd-an-vakit {
  margin: 0 0 6px; font-family: var(--sans); font-size: 10px; letter-spacing: .26em; line-height: 1.5; text-transform: uppercase; color: #ecd7a9;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dd-xp .dd-an-ad {
  margin: 0; font-family: var(--serif); font-style: italic; font-size: clamp(20px, 1.8vw, 26px); line-height: 1.15; color: #fbf7f0; text-wrap: balance;
}
@media (min-width: 900px) {
  .dd-xp { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
  .dd-xp .dd-xp-bas .xp2-baslik { margin-bottom: 0; }
  .dd-xp .dd-xp-metin p:last-of-type { margin-bottom: 0; }
}
@media (max-width: 899px) {
  .dd-gun-anlar {
    height: 400px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;
  }
  .dd-gun-anlar::-webkit-scrollbar { display: none; }
  .dd-an, .dd-an.is-on { flex: 0 0 min(68vw, 300px); scroll-snap-align: center; border-radius: 999px 999px 2px 2px; }
  .dd-an:first-child { scroll-snap-align: start; }
  .dd-an:last-child { scroll-snap-align: end; }
}

/* ══ 3. PERDUE · dort mekan, tek kemer ══ */
.dd-pd {
  position: relative; margin-top: clamp(96px, 11vw, 150px); padding-top: clamp(70px, 8vw, 110px); border-top: 1px solid rgba(36, 33, 28, .12);
  display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "bas" "sahne" "liste"; gap: 40px; align-items: start; color: #24211c;
}
.dd-pd::before {
  content: ""; position: absolute; left: 50%; top: -7px; width: 26px; height: 14px; transform: translateX(-50%);
  border: 1px solid var(--gold, #9a7a45); border-bottom: 0; border-radius: 13px 13px 0 0; background: #f3efe7; box-shadow: 0 0 0 8px #f3efe7;
}
.dd-pd-bas { grid-area: bas; }
.dd-pd-sahne { grid-area: sahne; }
.dd-pd-alt { grid-area: liste; }
.dd-pd .dd-pd-baslik { font-size: clamp(34px, 3.4vw, 50px); }
.dd-pd .pd-ozel-govde { margin-bottom: 0; }
.dd-pd-mekanlar { list-style: none; margin: 0 0 34px; padding: 0; border-top: 1px solid rgba(36, 33, 28, .12); max-width: 520px; }
.dd-pd-mekanlar li { border-bottom: 1px solid rgba(36, 33, 28, .12); }
.dd-pd-sec {
  width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 16px; padding: 15px 2px; margin: 0;
  background: none; border: 0; cursor: pointer; text-align: left; color: #24211c; font: inherit;
}
.dd-pd-an { grid-column: 1; font-family: var(--sans); font-size: 10.5px; letter-spacing: .24em; text-transform: uppercase; color: #74695a; }
.dd-pd-ad { grid-column: 1; font-family: var(--serif); font-style: italic; font-size: clamp(23px, 2vw, 28px); line-height: 1.15; transition: color .3s; }
.dd-pd-sec::after {
  content: ""; grid-column: 2; grid-row: 1 / span 2; width: 7px; height: 7px; background: var(--gold, #9a7a45); transform: rotate(45deg) scale(0);
  transition: transform .4s var(--dd-egri);
}
.dd-pd-sec[aria-pressed="true"] .dd-pd-ad, .dd-pd-sec:hover .dd-pd-ad { color: #8a6c3a; }
.dd-pd-sec[aria-pressed="true"]::after { transform: rotate(45deg) scale(1); }
.dd-pd-sec:focus-visible { outline: 2px solid #9a7a45; outline-offset: 2px; }

.dd-pd-sahne { position: relative; width: min(100%, 440px); justify-self: center; aspect-ratio: 3 / 4; }
.dd-pd-kemer { position: absolute; inset: 16px; border-radius: 999px 999px 3px 3px; overflow: hidden; background: #e6dfd2; isolation: isolate; }
.dd-pd-kemer img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; z-index: 0; }
.dd-pd-kemer img.dd-onceki { opacity: 1; z-index: 1; }
.dd-pd-kemer img.is-on { opacity: 1; z-index: 2; }
.dd-pd-kemer.dd-canli img.is-on { animation: ddPerde 1.15s var(--dd-egri) both; }
@keyframes ddPerde { from { clip-path: inset(100% 0 0 0); transform: scale(1.06); } to { clip-path: inset(0 0 0 0); transform: scale(1); } }
.dd-pd-cizgi { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.dd-pd-cizgi path { fill: none; stroke: var(--gold, #9a7a45); stroke-width: 1; vector-effect: non-scaling-stroke; }
.dd-pd-cizgi .dd-pd-cizgi-ic { stroke-opacity: .45; stroke-dasharray: 1 6; }
.dd.dd-bekle .dd-pd-cizgi-dis { stroke-dasharray: 1; stroke-dashoffset: 1; }
.dd .dd-pd-cizgi-dis { stroke-dasharray: 1; stroke-dashoffset: 0; transition: stroke-dashoffset 2.4s var(--dd-egri) .2s; }
.dd-pd .pd-ozel-dugmeler > div { display: contents; }

@media (min-width: 900px) {
  .dd-pd { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); grid-template-areas: "bas sahne" "liste sahne"; gap: 0 clamp(44px, 7vw, 120px); align-items: start; }
  .dd-pd-bas { align-self: end; padding-bottom: 34px; }
  .dd-pd-sahne { justify-self: end; align-self: center; }
}

/* ══ 4. NAUTICAL · alacakaranlikta pencereler ══ */
.pd-ozel .dd-nt { --yan: max(32px, calc((100vw - 1240px) / 2)); --alt: clamp(92px, 11vw, 150px); }
.dd-nt {
  margin: clamp(96px, 11vw, 150px) calc(-1 * var(--yan, 32px)) calc(-1 * var(--alt, 0px));
  padding: clamp(78px, 9vw, 128px) var(--yan, 32px) clamp(84px, 10vw, 136px);
  background: radial-gradient(120% 90% at 78% 0%, #2c3b47 0%, #1a252d 55%, #121a20 100%);
  color: #efe9df; display: grid; grid-template-columns: minmax(0, 1fr); gap: 52px; align-items: center;
}
.dd-nt .pd-ozel-etiket { color: #cbbfa9; }
.dd-nt .pd-ozel-baslik { color: #f3efe7; font-size: clamp(34px, 3.4vw, 50px); }
.dd-nt .pd-ozel-baslik em { color: var(--gold, #7ea7c9); }
.dd-nt .pd-ozel-govde { color: #d6cec1; }
.dd-nt .pd-ozel-dugmeler > div { display: contents; }
.dd-nt .pd-ozel-dugme { background: #f3efe7; color: #18222a; }
.dd-nt .pd-ozel-dugme:hover { background: var(--gold, #7ea7c9); color: #121a20; }
.dd-nt .pd-ozel-link { color: #f3efe7; }
.dd-nt .pd-ozel-link:hover { color: var(--gold, #7ea7c9); }
.dd-nt .pd-ozel-dugme:focus-visible, .dd-nt .pd-ozel-link:focus-visible { outline-color: #e9dfc9; }

.dd-nt-pencereler { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 30px); align-items: start; }
.dd-nt-pencere { position: relative; }
.dd-nt-pencere:nth-child(2) { margin-top: clamp(28px, 4vw, 56px); }
/* tas cerceve + pervaz */
.dd-nt-cam {
  position: relative; aspect-ratio: 3 / 4.3; padding: clamp(7px, .8vw, 11px); border-radius: 2px;
  background: linear-gradient(160deg, #cbbfa9 0%, #b3a58d 55%, #9f9178 100%);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .18), 0 34px 60px -34px rgba(0, 0, 0, .8);
}
.dd-nt-cam::after { /* pervaz */
  content: ""; position: absolute; left: -7%; right: -7%; bottom: -9px; height: 9px; border-radius: 1px;
  background: linear-gradient(180deg, #c7baa3, #9f9178); box-shadow: 0 6px 14px -6px rgba(0, 0, 0, .7);
}
.dd-nt-ic { position: relative; height: 100%; overflow: hidden; background: #0e1419; }
.dd-nt-ic img { width: 100%; height: 100%; object-fit: cover; filter: brightness(1) saturate(1); transition: filter 1.8s ease calc(var(--i, 0) * .55s); }
/* kayit: dikey + yatay kayit (pencere bolmesi) */
.dd-nt-ic::before {
  content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background:
    linear-gradient(90deg, transparent calc(50% - 2px), #a99b82 calc(50% - 2px), #a99b82 calc(50% + 2px), transparent calc(50% + 2px)),
    linear-gradient(180deg, transparent calc(36% - 2px), #a99b82 calc(36% - 2px), #a99b82 calc(36% + 2px), transparent calc(36% + 2px));
}
/* ic isik */
.dd-nt-ic::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; mix-blend-mode: soft-light; opacity: 1;
  background: radial-gradient(80% 70% at 50% 70%, rgba(255, 196, 120, .55), transparent 70%);
  transition: opacity 1.8s ease calc(var(--i, 0) * .55s);
}
.dd-nt.dd-bekle .dd-nt-ic img { filter: brightness(.3) saturate(.45); }
.dd-nt.dd-bekle .dd-nt-ic::after { opacity: 0; }
.dd-nt .dd-nt-yazi { margin: 26px 0 0; max-width: 22ch; font-family: var(--serif); font-style: italic; font-size: clamp(18px, 1.5vw, 21px); line-height: 1.35; color: #e6ddcf; }

@media (min-width: 900px) {
  .dd-nt { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(44px, 6vw, 110px); }
}
@media (max-width: 899px) {
  .dd-nt-pencereler {
    grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(62vw, 260px); overflow-x: auto; scroll-snap-type: x mandatory;
    margin: 0 calc(-1 * var(--yan, 20px)); padding: 0 var(--yan, 20px) 14px; scroll-padding: 0 var(--yan, 20px); scrollbar-width: none;
  }
  .dd-nt-pencereler::-webkit-scrollbar { display: none; }
  .dd-nt-pencere { scroll-snap-align: start; }
  .dd-nt-pencere:nth-child(2) { margin-top: 0; }
}
@media (max-width: 520px) {
  .pd-ozel .dd-nt { --yan: 20px; --alt: 80px; }
  .dd-nt .pd-ozel-dugme { width: 100%; text-align: center; }
}

/* ── hareket azaltma: son hal, gecis yok ── */
@media (prefers-reduced-motion: reduce) {
  .dd-ana-ana img, .dd-ana-es, .dd-an, .dd-an img, .dd-gunes, .dd-ay, .dd-nt-ic img, .dd-nt-ic::after, .dd .dd-pd-cizgi-dis { transition: none !important; }
  .dd-pd-kemer.dd-canli img.is-on { animation: none; }
  .dd-ana { --dd-p: 1 !important; }
}

/* metin blogu ayirici (bos svg): baglantilari ayri ceviri bellegi anahtari yapar; yer kaplamaz */
.dd .dd-blok { position: absolute; width: 0; height: 0; overflow: hidden; }

/* denetim 2026-10-29: ana sayfa dugun blogu gorunurken site genelindeki yuzen "Book your stay" hapi cekilir (iki CTA ust uste binmesin) */
body.dd-ana-gorunur .nv-rez-mobil { opacity: 0; visibility: hidden; transition: opacity .3s, visibility 0s .3s; }