/* ── Perdue Experiences r2 (2026-10-13) — views/perdue-exp-hub.ejs · views/perdue-exp-sayfa.ejs (.pe-) ──
   Karakter: "Fitil" — gun isigindan mum isigina. Soulsetters Experiences (.xp2 "ufuk") ile ayni aile, farkli imza:
   · hero gorseli bir mum gibi ortadan yanar (clip-path daire + kivilcim halesi), gorsel ustunde yazi yok;
   · her bolum etiketi kucuk bir alevle acilir — bolum gorunur olunca alev yanar;
   · Signature tek koyu an: gorsellerin ardinda yavasca titreyen mum halesi;
   · kategori listelerinde ayirac minik alev; kategori sayfalarinda her kategorinin kendi tonu (--pe-vurgu).
   Hareket: .pe-bekle kalkinca belirme (public/js/perdue-exp.js). prefers-reduced-motion'da hepsi durur. */

/* degiskenler :root'ta — hero (.pe-hero) ve lightbox (.pe-lb) <main class="pe"> disinda */
:root { --pe-zemin: #faf8f5; --pe-kum: #f2eee6; --pe-murekkep: #24211c; --pe-yazi: #3a352d; --pe-soluk: #6f675b;
  --pe-altin: #9a7a45; --pe-altin-acik: #d9c39c; --pe-cizgi: rgba(36,33,28,.12); --pe-nav: 74px; --pe-vurgu: var(--pe-altin);
  --pe-egri: cubic-bezier(.2,.75,.2,1); --pe-perde: cubic-bezier(.65,0,.25,1);
  --pe-alev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpath d='M6 0C7 3.2 11 6.2 11 11.8C11 16.2 8.8 19.5 6 19.5C3.2 19.5 1 16.2 1 11.8C1 8.6 2.6 6.6 3.9 5.1C4 7 4.6 8.3 5.6 9C5.9 6 5.2 2.8 6 0Z'/%3E%3C/svg%3E"); }
.pe { background: var(--pe-zemin); color: var(--pe-yazi); overflow-x: clip; }
/* kategori tonlari — yalniz susleme (cizgi, numara, alev); metin rengi degil */
.pe-tema-wellness { --pe-vurgu: #7d8a69; }
.pe-tema-art-and-craft { --pe-vurgu: #a8653f; }
.pe-tema-nature-and-discovery { --pe-vurgu: #586b47; }
.pe-tema-life-by-the-sea { --pe-vurgu: #2f6070; }
.pe-tema-food-and-gatherings { --pe-vurgu: #9a7a45; }

.pe-ic { padding-left: max(24px, calc((100vw - 1180px) / 2)); padding-right: max(24px, calc((100vw - 1180px) / 2)); }
.pe p { font-family: var(--serif); font-size: 18px; line-height: 1.7; color: var(--pe-yazi); margin: 0 0 18px; }
.pe img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pe [data-pe-bolum], .pe [data-capa] { scroll-margin-top: calc(var(--pe-nav) + 64px); }
.pe [data-pe-bolum]:focus, .pe [data-capa]:focus { outline: none; }
.pe a:focus-visible, .pe button:focus-visible { outline: 2px solid var(--pe-altin); outline-offset: 4px; }
.pe-kap { display: contents; } /* her baglanti kendi metin blogu (TM) — duzeni etkilemez */

/* ── etiket + alev ── */
.pe-etiket { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; font-family: var(--sans); font-size: 10.5px; letter-spacing: .3em;
  text-transform: uppercase; color: var(--pe-altin); }
.pe-etiket::before { content: ""; flex: none; width: 9px; height: 15px; background: currentColor; -webkit-mask: var(--pe-alev) center / contain no-repeat;
  mask: var(--pe-alev) center / contain no-repeat; transform-origin: 50% 100%;
  transition: transform .9s cubic-bezier(.3,1.7,.5,1) .35s, opacity .4s ease .35s; }
.pe-bekle .pe-etiket::before { transform: scale(0); opacity: 0; }
.pe-etiket-orta { justify-content: center; }
@keyframes peAlevYan { from { transform: scale(0); opacity: 0; } 60% { transform: scale(1.18); opacity: 1; } to { transform: none; opacity: 1; } }
@keyframes peTitre {
  0%, 100% { transform: scale(1, 1) skewX(0); }
  18% { transform: scale(.95, 1.06) skewX(-2.5deg); }
  37% { transform: scale(1.03, .96) skewX(1.5deg); }
  55% { transform: scale(.97, 1.05) skewX(-1deg); }
  76% { transform: scale(1.02, .97) skewX(2deg); }
}

/* buyuk alev (kapanis, hikaye): hale + titreyen alev */
.pe-alev-buyuk { position: relative; display: block; width: 64px; height: 64px; margin: 0 0 18px -20px;
  background: radial-gradient(closest-side, rgba(226,170,98,.28), rgba(226,170,98,0)); transition: opacity 1s ease .2s, transform 1.2s var(--pe-egri) .2s; }
.pe-alev-buyuk::before { content: ""; position: absolute; left: 50%; top: 50%; width: 18px; height: 30px; margin: -17px 0 0 -9px;
  background: linear-gradient(to top, #9a7a45 0%, #d9a860 45%, #f6e2b8 100%); -webkit-mask: var(--pe-alev) center / contain no-repeat;
  mask: var(--pe-alev) center / contain no-repeat; transform-origin: 50% 100%; animation: peTitre 2.8s ease-in-out infinite; }
.pe-bekle .pe-alev-buyuk { opacity: 0; transform: scale(.4); }

/* ── baslik · baglanti · dugme ── */
.pe-baslik { margin: 0 0 24px; font-family: var(--serif); font-weight: 400; font-size: clamp(34px, 3.7vw, 54px); line-height: 1.06; letter-spacing: -.01em;
  color: var(--pe-murekkep); text-wrap: balance; }
.pe-baslik em, .pe-acilis-baslik em { font-style: italic; color: var(--pe-altin); }
.pe-link { display: inline-block; position: relative; padding-bottom: 7px; font-family: var(--sans); font-size: 11px; letter-spacing: .24em;
  text-transform: uppercase; color: var(--pe-murekkep); text-decoration: none; }
.pe-link::after { content: ""; position: absolute; left: 0; bottom: 0; width: 34px; height: 1px; background: var(--pe-vurgu); transition: width .5s var(--pe-egri); }
.pe-link:hover::after { width: 100%; }
.pe-link span { display: inline-block; transition: transform .3s; }
.pe-link:hover span { transform: translateX(4px); }
.pe-link-acik { color: #f5eedd; }
.pe-link-acik::after { background: var(--pe-altin-acik); }
.pe-dugme { display: inline-block; padding: 16px 36px; border-radius: 2px; background: var(--pe-murekkep); color: #faf8f5; text-decoration: none;
  font-family: var(--sans); font-size: 11.5px; letter-spacing: .26em; text-transform: uppercase; transition: background .3s; }
.pe-dugme:hover { background: var(--pe-altin); color: #faf8f5; }
.pe-dugmeler { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 36px; }

/* belirme */
.pe-gor { transition: opacity 1.1s var(--pe-egri), transform 1.1s var(--pe-egri); transition-delay: calc(var(--i, 0) * .12s); }
.pe-gor.pe-bekle { opacity: 0; transform: translateY(28px); }

/* bolum basligi: solda etiket + baslik, sagda giris */
.pe-bolum-bas { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 22px 64px; align-items: end; margin-bottom: clamp(48px, 7vh, 72px); }
.pe-bolum-bas .pe-baslik { margin: 0; }
.pe .pe-bolum-giris { margin: 0; max-width: 520px; font-size: 18px; color: var(--pe-soluk); }

/* ── kirinti (sayfa zemini) ── */
.pe-kirinti .breadcrumb { background: #faf8f5; border-bottom: 0; }
.pe-kirinti .breadcrumb-inner { max-width: none; padding: 22px max(24px, calc((100vw - 1180px) / 2)) 0; }
.pe-kirinti .breadcrumb-item, .pe-kirinti .breadcrumb-item a, .pe-kirinti .breadcrumb-sep { color: #6f675b; }
.pe-kirinti .breadcrumb-item a:hover, .pe-kirinti .breadcrumb-item span[aria-current="page"] { color: #9a7a45; }

/* ══ 1. hero — mum gibi yanar ══ */
.pe-hero { position: relative; height: clamp(340px, 60vh, 660px); overflow: hidden; background: #14110d; }
.pe-hero-gorsel { position: absolute; inset: 0; clip-path: circle(0% at 50% 64%); animation: peYan 2.3s var(--pe-perde) .2s forwards; }
.pe-hero-gorsel img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; scale: 1.1; animation: peYanImg 3.6s var(--pe-egri) .2s forwards; }
.pe-hero::after { content: ""; position: absolute; left: 50%; top: 64%; width: 260px; height: 260px; margin: -130px 0 0 -130px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, rgba(255,214,150,.75), rgba(255,170,90,.18) 45%, rgba(255,170,90,0)); animation: peKivilcim 1.9s ease-out both; }
@keyframes peYan { to { clip-path: circle(120% at 50% 64%); } }
@keyframes peYanImg { to { scale: 1; } }
@keyframes peKivilcim { 0% { opacity: 0; transform: scale(.15); } 22% { opacity: 1; transform: scale(.45); } 100% { opacity: 0; transform: scale(2.6); } }
.pe-hero--sayfa { height: clamp(320px, 54vh, 600px); }

/* ══ acilis (baslik gorselin altinda) ══ */
.pe-acilis { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 26px 72px; align-items: end;
  padding-top: clamp(26px, 4vh, 44px); padding-bottom: clamp(70px, 11vh, 110px); }
.pe-acilis > * { animation: peYuksel 1.2s var(--pe-egri) .5s both; }
.pe-acilis > :nth-child(2) { animation-delay: .75s; }
@keyframes peYuksel { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
.pe-acilis .pe-etiket::before { animation: peAlevYan 1s cubic-bezier(.3,1.4,.5,1) 1.1s both; transition: none; }
.pe-acilis-baslik { margin: 0; font-family: var(--serif); font-weight: 400; font-size: clamp(44px, 5.2vw, 80px); line-height: .98; letter-spacing: -.02em;
  color: var(--pe-murekkep); text-wrap: balance; }
.pe-acilis-sag { display: flex; align-items: flex-end; gap: 32px; }
.pe .pe-acilis-alt { margin: 0; max-width: 470px; font-size: 17.5px; line-height: 1.66; color: var(--pe-soluk); }
/* asagi ok: fitil gibi ince cizgi, ustunden kayan bir isik */
.pe-asagi { position: relative; flex: none; display: block; width: 28px; height: 74px; }
.pe-asagi span { position: absolute; left: 50%; top: 0; bottom: 8px; width: 1px; background: var(--pe-cizgi); overflow: hidden; }
.pe-asagi span::before { content: ""; position: absolute; left: 0; top: -40%; width: 1px; height: 40%; background: var(--pe-altin); animation: peFitil 2.4s var(--pe-perde) infinite; }
.pe-asagi::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 7px; height: 7px; margin-left: -3px; border-right: 1px solid var(--pe-altin);
  border-bottom: 1px solid var(--pe-altin); transform: rotate(45deg); }
.pe-asagi:hover span::before { animation-duration: 1.4s; }
@keyframes peFitil { to { top: 100%; } }

/* ══ 2. felsefe ══ */
.pe-felsefe { padding-top: clamp(40px, 6vh, 60px); padding-bottom: clamp(110px, 16vh, 150px); text-align: center; }
.pe-felsefe-bas { max-width: 760px; margin: 0 auto clamp(40px, 6vh, 56px); }
.pe-felsefe-bas .pe-baslik { margin: 0; }
.pe-felsefe-metin { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 clamp(48px, 6vw, 88px);
  max-width: 1000px; margin: 0 auto; text-align: left; transition-delay: .15s; }
.pe-felsefe-metin::before { content: ""; position: absolute; left: 50%; top: 6px; bottom: 6px; width: 1px; background: linear-gradient(var(--pe-altin), rgba(154,122,69,0)); }
.pe .pe-felsefe-metin p { margin: 0; font-size: 19px; line-height: 1.72; }
.pe .pe-felsefe-metin p:first-child { color: var(--pe-murekkep); }
.pe .pe-felsefe-metin p + p { color: var(--pe-soluk); }

/* ══ 3. signature — koyu an, mum halesi ══ */
.pe-imza { position: relative; counter-reset: pe-imza; color: #efe7d8; padding: clamp(84px, 12vh, 120px) 0 clamp(96px, 14vh, 140px);
  background: radial-gradient(90% 55% at 50% 100%, #2b2117 0%, #17130e 58%, #110e0a 100%); }
.pe-imza .pe-etiket { color: var(--pe-altin-acik); }
.pe-imza .pe-baslik { color: #f5eedd; margin: 0; }
.pe-imza .pe-baslik em { color: var(--pe-altin-acik); }
.pe-imza a:focus-visible { outline-color: var(--pe-altin-acik); }
.pe-imza-bas { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 22px 64px; align-items: end; margin-bottom: clamp(56px, 8vh, 84px); }
.pe .pe-imza-giris { margin: 0; max-width: 520px; font-size: 18px; color: rgba(239,231,216,.7); }
.pe-imza-oge { counter-increment: pe-imza; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: clamp(44px, 6vw, 88px); align-items: center; }
.pe-imza-oge + .pe-imza-oge { margin-top: clamp(96px, 14vh, 140px); }
.pe-imza-oge.pe-bekle { opacity: 1; transform: none; } /* gorseller kendi perdesiyle acilir */
.pe-imza-oge--ayna { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); }
.pe-imza-oge--ayna .pe-imza-gorseller { order: 2; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); }
.pe-imza-gorseller { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); grid-template-rows: 1fr 1fr;
  gap: 14px; height: clamp(400px, 66vh, 620px); text-decoration: none; }
.pe-imza-gorseller::before { content: ""; position: absolute; inset: -16% -12%; z-index: -1; pointer-events: none;
  background: radial-gradient(closest-side, rgba(228,166,90,.34), rgba(228,166,90,.09) 55%, rgba(228,166,90,0)); animation: peHale 7s ease-in-out infinite; }
@keyframes peHale { 0%, 100% { opacity: .72; transform: scale(1); } 14% { opacity: .95; } 29% { opacity: .66; transform: scale(1.025); } 47% { opacity: 1; }
  63% { opacity: .78; transform: scale(.99); } 81% { opacity: .92; } }
.pe-imza-kare { position: relative; overflow: hidden; border-radius: 3px; background: #1d1913; box-shadow: 0 40px 70px -40px rgba(0,0,0,.9);
  clip-path: inset(0 0 0 0); transition: clip-path 1.5s var(--pe-perde); }
.pe-imza-kare--0 { grid-column: 1; grid-row: 1 / 3; }
.pe-imza-kare--1 { grid-column: 2; grid-row: 1; transition-delay: .15s; }
.pe-imza-kare--2 { grid-column: 2; grid-row: 2; transition-delay: .3s; }
.pe-imza-oge--ayna .pe-imza-kare--0 { grid-column: 2; }
.pe-imza-oge--ayna .pe-imza-kare--1, .pe-imza-oge--ayna .pe-imza-kare--2 { grid-column: 1; }
.pe-imza-oge.pe-bekle .pe-imza-kare { clip-path: inset(100% 0 0 0); }
.pe-imza-kare img { transition: transform 2s var(--pe-egri); }
.pe-imza-kare--0 img { object-position: 50% 28%; } /* dikey portre: yuz/ust kisim kirpilmasin */
.pe-imza-gorseller:hover .pe-imza-kare img { transform: scale(1.05); }
.pe-imza-metin { transition: opacity 1.1s var(--pe-egri) .35s, transform 1.1s var(--pe-egri) .35s; }
.pe-imza-oge.pe-bekle .pe-imza-metin { opacity: 0; transform: translateY(24px); }
.pe-imza-no { display: flex; align-items: flex-end; gap: 16px; margin-bottom: 22px; color: var(--pe-altin-acik); }
.pe-imza-no::before { content: counter(pe-imza, upper-roman); font-family: var(--serif); font-style: italic; font-size: 44px; line-height: .8; }
.pe-imza-no::after { content: ""; width: 11px; height: 18px; margin-bottom: 2px; background: linear-gradient(to top, #b38a50, #f3dcae);
  -webkit-mask: var(--pe-alev) center / contain no-repeat; mask: var(--pe-alev) center / contain no-repeat; transform-origin: 50% 100%;
  animation: peTitre 2.6s ease-in-out infinite; }
.pe-imza-oge--ayna .pe-imza-no::after { animation-delay: -1.1s; }
.pe-imza-baslik { margin: 0 0 18px; font-family: var(--serif); font-weight: 400; font-size: clamp(32px, 3vw, 46px); line-height: 1.06; color: #f5eedd; text-wrap: balance; }
.pe .pe-imza-metin p { font-size: 17px; line-height: 1.68; color: rgba(239,231,216,.74); margin-bottom: 28px; }

/* ══ 4. yer — bes kart, bes yerlesim ══ */
.pe-yer { padding-top: clamp(110px, 16vh, 150px); padding-bottom: clamp(70px, 10vh, 100px); }
.pe-kartlar { counter-reset: pe-kart; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 40px; row-gap: clamp(96px, 14vh, 140px); }
.pe-kart { counter-increment: pe-kart; }
.pe-kart-gorsel { position: relative; display: block; overflow: hidden; border-radius: 3px; background: #e9e3d8; }
.pe-kart-gorsel img { transition: transform 1.8s var(--pe-egri); }
.pe-kart:hover .pe-kart-gorsel img { transform: scale(1.05); }
/* gorsel acilisi: kartin tonunda ince bir perde yukari cekilir */
.pe-kart-gorsel::after { content: ""; position: absolute; inset: 0; background: var(--pe-vurgu); transform-origin: top; transform: scaleY(0);
  transition: transform 1.2s var(--pe-perde); }
.pe-kart.pe-bekle .pe-kart-gorsel::after { transform: scaleY(1); }
.pe-kart.pe-gor.pe-bekle { opacity: 1; transform: none; }
.pe-kart-metin { transition: opacity 1s var(--pe-egri) .45s, transform 1s var(--pe-egri) .45s; }
.pe-kart.pe-bekle .pe-kart-metin { opacity: 0; transform: translateY(22px); }
.pe-kart-no { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.pe-kart-no::before { content: counter(pe-kart, decimal-leading-zero); font-family: var(--serif); font-size: 17px; letter-spacing: .06em; color: var(--pe-soluk); }
.pe-kart-no::after { content: ""; width: 34px; height: 1px; background: var(--pe-vurgu); }
.pe-kart-baslik { margin: 0 0 14px; font-family: var(--serif); font-weight: 400; font-size: clamp(30px, 2.7vw, 40px); line-height: 1.08; color: var(--pe-murekkep); }
.pe .pe-kart-metin p { font-size: 17px; line-height: 1.66; color: var(--pe-soluk); max-width: 520px; }
.pe-kart-liste { list-style: none; margin: 6px 0 28px; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 0; max-width: 520px; }
.pe-kart-liste li { display: flex; align-items: center; font-family: var(--sans); font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--pe-murekkep); }
.pe-kart-liste li + li::before { content: ""; width: 6px; height: 10px; margin: 0 .95em; background: var(--pe-vurgu); opacity: .85;
  -webkit-mask: var(--pe-alev) center / contain no-repeat; mask: var(--pe-alev) center / contain no-repeat; }
/* 01 dikey: dikey gorsel solda, metin sagda */
.pe-kart--dikey { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 0 clamp(40px, 7vw, 110px); align-items: center; }
.pe-kart--dikey .pe-kart-gorsel { aspect-ratio: 4 / 5; max-height: min(76vh, 640px); }
/* 02-03 cift: biri dik, digeri yatay ve asagi kaymis */
.pe-kart--cift-a { grid-column: 1 / span 5; }
.pe-kart--cift-b { grid-column: 7 / -1; margin-top: clamp(90px, 18vh, 190px); }
.pe-kart--cift-a .pe-kart-gorsel { aspect-ratio: 4 / 5; margin-bottom: 30px; max-height: min(62vh, 600px); }
.pe-kart--cift-b .pe-kart-gorsel { aspect-ratio: 4 / 3; margin-bottom: 30px; }
/* 04 ayna: metin solda, kare gorsel sagda */
.pe-kart--ayna { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 0 clamp(40px, 7vw, 110px); align-items: center; }
.pe-kart--ayna .pe-kart-gorsel { order: 2; aspect-ratio: 1 / 1; max-height: min(76vh, 600px); }
.pe-kart--ayna .pe-kart-metin { justify-self: end; max-width: 520px; }
/* 05 genis: panorama, metin altta uc sutun */
.pe-kart--genis { grid-column: 1 / -1; }
.pe-kart--genis .pe-kart-gorsel { aspect-ratio: 21 / 9; margin-bottom: 34px; }
.pe-kart--genis .pe-kart-metin { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.1fr) minmax(0, 1.1fr); gap: 0 48px; align-items: start; }
.pe-kart--genis .pe-kart-no { grid-column: 1; grid-row: 1; }
.pe-kart--genis .pe-kart-baslik { grid-column: 1; grid-row: 2; }
.pe-kart--genis .pe-kart-metin p { grid-column: 2; grid-row: 1 / 4; }
.pe-kart--genis .pe-kart-liste { grid-column: 3; grid-row: 1 / 3; margin-top: 4px; }
.pe-kart--genis .pe-link { grid-column: 3; grid-row: 3; justify-self: start; align-self: start; }

/* ══ 5. galeri — filtre + mozaik ══ */
.pe-galeri { padding-top: clamp(100px, 14vh, 130px); padding-bottom: clamp(100px, 14vh, 130px); }
.pe-galeri-bas { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px 64px; align-items: end; margin-bottom: clamp(26px, 4vh, 36px); }
.pe-galeri-bas .pe-baslik { margin: 0; }
.pe-filtreler { display: flex; flex-wrap: wrap; gap: 2px 0; margin: 0 -12px 22px -12px; }
.pe-filtre { position: relative; appearance: none; -webkit-appearance: none; border: 0; background: none; cursor: pointer; padding: 12px 12px;
  font-family: var(--sans); font-size: 10.5px; letter-spacing: .15em; text-transform: uppercase; color: var(--pe-soluk); transition: color .3s; }
.pe-filtre::after { content: attr(data-sayi); margin-left: 7px; font-family: var(--serif); font-size: 13px; letter-spacing: .02em; color: var(--pe-altin); opacity: .8; }
.pe-filtre::before { content: ""; position: absolute; left: 12px; right: 12px; bottom: 6px; height: 1px; background: var(--pe-altin); transform: scaleX(0);
  transform-origin: left; transition: transform .5s var(--pe-egri); }
.pe-filtre:hover { color: var(--pe-murekkep); }
.pe-filtre.is-on { color: var(--pe-murekkep); }
.pe-filtre.is-on::before { transform: scaleX(1); }
.pe-filtre:focus-visible { outline-offset: 0; }
.pe-mozaik { --pe-taban: 6; display: grid; grid-template-columns: repeat(var(--pe-sut, var(--pe-taban)), minmax(0, 1fr)); grid-auto-rows: var(--pe-satir, 140px);
  grid-auto-flow: dense; gap: 10px; transition: opacity .32s ease, transform .32s ease; }
.pe-mozaik--sayfa { --pe-taban: 4; }
.pe-mozaik.is-gecis { opacity: 0; transform: translateY(10px); }
.pe-kare { position: relative; display: block; min-width: 0; padding: 0; border: 0; border-radius: 3px; overflow: hidden; background: #e9e3d8; cursor: zoom-in; }
.pe-kare img { transition: transform 1.6s var(--pe-egri), filter .6s; }
.pe-kare::after { content: ""; position: absolute; inset: 8px; border: 1px solid rgba(250,248,245,0); border-radius: 2px; pointer-events: none;
  transition: inset .6s var(--pe-egri), border-color .6s; }
.pe-kare:hover img { transform: scale(1.06); }
.pe-kare:hover::after { inset: 12px; border-color: rgba(250,248,245,.7); }
.pe-kare.is-b { grid-column: span 2; grid-row: span 2; }
.pe-kare.is-w { grid-column: span 2; }
.pe-kare.is-gizli { display: none; }
.pe-kare.is-gir { animation: peKareGir .75s var(--pe-egri) both; animation-delay: calc(var(--k, 0) * 40ms); }
@keyframes peKareGir { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }

/* ══ 6. ozel anlar — kemerler ══ */
.pe-ozel { background: var(--pe-kum); padding: clamp(100px, 14vh, 130px) 0; }
.pe-ozel-govde { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(48px, 7vw, 110px); align-items: center; }
.pe-kemerler { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr); gap: 14px; align-items: end; height: clamp(380px, 62vh, 570px); }
.pe-kemerler.pe-bekle { opacity: 1; transform: none; }
.pe-kemer { position: relative; overflow: hidden; border-radius: 999px 999px 3px 3px; background: #e6dfd2; clip-path: inset(0 0 0 0 round 999px 999px 3px 3px);
  transition: clip-path 1.6s var(--pe-perde); }
.pe-kemer--0 { height: 78%; }
.pe-kemer--1 { height: 100%; transition-delay: .15s; }
.pe-kemer--2 { height: 66%; transition-delay: .3s; }
.pe-kemerler.pe-bekle .pe-kemer { clip-path: inset(100% 0 0 0 round 999px 999px 3px 3px); }
.pe-kemer::after { content: ""; position: absolute; inset: 9px; border: 1px solid rgba(250,248,245,.55); border-radius: 999px 999px 2px 2px; pointer-events: none; }
.pe-kemer img { transition: transform 2s var(--pe-egri); }
.pe-kemerler:hover .pe-kemer img { transform: scale(1.04); }
.pe .pe-ozel-metin p { color: var(--pe-soluk); max-width: 520px; }
.pe-ozel-liste { list-style: none; margin: 10px 0 36px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; max-width: 520px; }
.pe-ozel-liste li { display: flex; align-items: center; gap: 14px; padding: 15px 0; border-bottom: 1px solid var(--pe-cizgi); font-family: var(--serif); font-style: italic;
  font-size: 21px; line-height: 1.25; color: var(--pe-murekkep); }
.pe-ozel-liste li:nth-child(-n+2) { border-top: 1px solid var(--pe-cizgi); }
.pe-ozel-liste li::before { content: ""; flex: none; width: 7px; height: 12px; background: var(--pe-altin); -webkit-mask: var(--pe-alev) center / contain no-repeat;
  mask: var(--pe-alev) center / contain no-repeat; }

/* ══ 7. kapanis ══ */
.pe-kapanis { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(48px, 7vw, 100px); align-items: center;
  padding-top: clamp(110px, 16vh, 150px); padding-bottom: clamp(110px, 16vh, 150px); }
.pe .pe-kapanis-metin p { color: var(--pe-soluk); max-width: 460px; margin-bottom: 34px; }
.pe-kapanis-gorsel { aspect-ratio: 4 / 3; overflow: hidden; border-radius: 3px; background: #e9e3d8; box-shadow: 0 34px 60px -38px rgba(36,33,28,.55); transition-delay: .2s; }

/* ══ KATEGORI SAYFASI ══ */
.pe-deneyimler { counter-reset: pe-den; padding-top: clamp(10px, 2vh, 20px); padding-bottom: clamp(90px, 13vh, 120px); }
.pe-deneyim { counter-increment: pe-den; }
.pe-deneyim-gorsel { position: relative; overflow: hidden; border-radius: 3px; background: #e9e3d8; aspect-ratio: 3 / 2; transition: box-shadow .8s; }
.pe-deneyim-gorsel img { transition: transform 1.8s var(--pe-egri); }
.pe-deneyim:hover .pe-deneyim-gorsel img { transform: scale(1.04); }
.pe-deneyim-no { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.pe-deneyim-no::before { content: counter(pe-den, decimal-leading-zero); font-family: var(--serif); font-size: 17px; letter-spacing: .06em; color: var(--pe-soluk); transition: color .6s; }
.pe-deneyim-no::after { content: ""; width: 34px; height: 1px; background: var(--pe-vurgu); transition: width 1s var(--pe-egri); }
.pe-deneyim-baslik { margin: 0 0 14px; font-family: var(--serif); font-weight: 400; font-size: clamp(30px, 2.8vw, 42px); line-height: 1.08; color: var(--pe-murekkep); text-wrap: balance; }
.pe .pe-deneyim-metin p { font-size: 17.5px; line-height: 1.68; color: var(--pe-soluk); max-width: 500px; }
.pe-deneyim-metin .pe-link { margin-top: 6px; }
/* capa hedefi: tonlu cerceve + numara uzar */
.pe-deneyim.is-hedef .pe-deneyim-gorsel { box-shadow: 0 0 0 1px var(--pe-vurgu), 0 0 0 7px rgba(250,248,245,1), 0 0 0 8px var(--pe-vurgu); }
.pe-deneyim.is-hedef .pe-deneyim-no::before { color: var(--pe-vurgu); }
.pe-deneyim.is-hedef .pe-deneyim-no::after { width: 90px; }
/* satir (3+): sirayla yer degistiren satirlar */
.pe-duzen-satir .pe-deneyim, .pe-duzen-tek .pe-deneyim { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(40px, 6vw, 88px); align-items: center; }
.pe-duzen-satir .pe-deneyim + .pe-deneyim { margin-top: clamp(80px, 12vh, 120px); }
.pe-duzen-satir .pe-deneyim:nth-child(even) { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
.pe-duzen-satir .pe-deneyim:nth-child(even) .pe-deneyim-gorsel { order: 2; }
.pe-duzen-satir .pe-deneyim:nth-child(even) .pe-deneyim-metin { justify-self: end; }
/* tek: genis gorsel */
.pe-duzen-tek .pe-deneyim { grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr); }
.pe-duzen-tek .pe-deneyim-gorsel { aspect-ratio: 16 / 10; }
/* cift: iki sutun, biri asagi kaymis */
.pe-duzen-cift { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 clamp(40px, 6vw, 96px); align-items: start; }
.pe-duzen-cift .pe-deneyim-gorsel { margin-bottom: 30px; }
.pe-duzen-cift .pe-deneyim:first-child .pe-deneyim-gorsel { aspect-ratio: 4 / 5; max-height: min(62vh, 600px); }
.pe-duzen-cift .pe-deneyim:nth-child(2) { margin-top: clamp(90px, 20vh, 220px); }
.pe-duzen-cift .pe-deneyim:nth-child(2) .pe-deneyim-gorsel { aspect-ratio: 4 / 3; }
/* deniz: cift ters kayar (ritim) */
.pe-tema-life-by-the-sea .pe-duzen-cift .pe-deneyim:first-child { margin-top: clamp(70px, 14vh, 160px); }
.pe-tema-life-by-the-sea .pe-duzen-cift .pe-deneyim:nth-child(2) { margin-top: 0; }

/* "Also in": ayrintisiz adlar — numara deneyimlerden devam eder; uzerine gelince alev yanar */
.pe-adlar { padding-bottom: clamp(90px, 13vh, 120px); }
.pe-adlar-ic { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 20px 64px; align-items: start; padding-top: 34px; border-top: 1px solid var(--pe-cizgi); }
.pe-adlar-ic .pe-etiket { margin: 14px 0 0; }
.pe-adlar-ic .pe-etiket::before { background: var(--pe-vurgu); }
.pe-adlar-liste { grid-column: 2; list-style: none; margin: 0; padding: 0; }
.pe-adlar-liste li { counter-increment: pe-ad; display: flex; align-items: baseline; gap: 22px; padding: 17px 0; border-bottom: 1px solid var(--pe-cizgi);
  font-family: var(--serif); font-size: clamp(23px, 2vw, 28px); line-height: 1.2; color: var(--pe-murekkep); }
.pe-adlar-liste li::before { content: counter(pe-ad, decimal-leading-zero); flex: none; min-width: 26px; font-size: 15px; letter-spacing: .06em; color: var(--pe-vurgu); }
.pe-adlar-liste li::after { content: ""; flex: none; align-self: center; width: 8px; height: 13px; margin-left: auto; background: var(--pe-vurgu);
  -webkit-mask: var(--pe-alev) center / contain no-repeat; mask: var(--pe-alev) center / contain no-repeat; transform-origin: 50% 100%; transform: scale(0);
  transition: transform .5s cubic-bezier(.3,1.7,.5,1); }
.pe-adlar-liste li:hover::after { transform: scale(1); }
.pe-adlar--ana { padding-top: 0; }
.pe-adlar--ana .pe-adlar-ic { grid-template-columns: minmax(0, 1fr); max-width: 820px; margin: 0 auto; }
.pe-adlar--ana .pe-adlar-liste { grid-column: 1; }
.pe-adlar--ana .pe-adlar-liste li { font-size: clamp(26px, 2.6vw, 36px); padding: 20px 0; }

.pe-sayfa-galeri { padding-bottom: clamp(30px, 5vh, 50px); }

/* imza sayfasi: hikaye + film seridi */
.pe-hikaye { padding-top: clamp(20px, 3vh, 30px); padding-bottom: clamp(100px, 15vh, 140px); text-align: center; }
.pe-hikaye-ic { max-width: 780px; margin: 0 auto; }
.pe-hikaye .pe-alev-buyuk { margin: 0 auto 18px; }
.pe .pe-hikaye p { font-size: 20px; line-height: 1.7; color: var(--pe-soluk); }
/* Featured Chefs: film afisi tam gorunur (dogal 9:16 oran, kirpma yok, ustune yazi yok); kart sefin film sayfasina gider */
.pe-sefler { padding-bottom: clamp(100px, 14vh, 130px); }
.pe-sefler-seri { justify-self: end; }
.pe-sefler-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 26px; }
.pe-sefler-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pe-sefler-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 640px; }
.pe-sefler-1 { grid-template-columns: minmax(0, 320px); }
.pe-sef { display: flex; flex-direction: column; color: inherit; text-decoration: none; }
.pe-sef-afis { position: relative; display: block; aspect-ratio: 9 / 16; overflow: hidden; border-radius: 3px; background: #1d1913; margin-bottom: 20px;
  box-shadow: 0 30px 50px -34px rgba(36,33,28,.6); }
.pe-sef-afis img { object-fit: contain; transition: transform 1.8s var(--pe-egri); }
.pe-sef-afis::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(217,195,156,0); border-radius: 3px; transition: border-color .6s; pointer-events: none; }
.pe-sef:hover .pe-sef-afis img { transform: scale(1.03); }
.pe-sef:hover .pe-sef-afis::after { border-color: rgba(154,122,69,.8); }
.pe-sef-ust { display: block; margin-bottom: 8px; font-family: var(--sans); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var(--pe-altin); line-height: 1.6; }
.pe-sef-ad { display: block; margin-bottom: 10px; font-family: var(--serif); font-size: clamp(24px, 2vw, 28px); line-height: 1.12; color: var(--pe-murekkep); transition: color .3s; }
.pe-sef:hover .pe-sef-ad { color: var(--pe-altin); }
.pe-sef-metin { display: block; font-family: var(--serif); font-size: 15.5px; line-height: 1.6; color: var(--pe-soluk); }
.pe-sef:focus-visible { outline-offset: 6px; }

.pe-film-baslik { margin: 0; font-weight: 400; }
.pe-film-cizgi { display: block; width: 9px; height: 15px; background: var(--pe-altin-acik); -webkit-mask: var(--pe-alev) center / contain no-repeat;
  mask: var(--pe-alev) center / contain no-repeat; transform-origin: 50% 100%; animation: peTitre 2.6s ease-in-out infinite; }
.pe-film { color: #efe7d8; padding: clamp(80px, 12vh, 110px) 0 clamp(80px, 12vh, 110px);
  background: radial-gradient(90% 70% at 50% 100%, #2b2117 0%, #17130e 58%, #110e0a 100%); }
.pe-film .pe-etiket { color: var(--pe-altin-acik); margin: 0; }
.pe-film-bas { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.pe-film-oklar { display: flex; gap: 10px; }
.pe-film-ok { width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(217,195,156,.45); background: none; color: #efe7d8; cursor: pointer;
  font-size: 17px; line-height: 1; transition: background .3s, border-color .3s; }
.pe-film-ok:hover { background: rgba(217,195,156,.12); border-color: var(--pe-altin-acik); }
.pe-film-ok:disabled { opacity: .3; cursor: default; }
.pe-film button:focus-visible { outline-color: var(--pe-altin-acik); }
/* film: delikli serit (kenarlarda kucuk dikdortgenler), kareler kaydirilir */
.pe-film-serit { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;
  padding: 30px max(24px, calc((100vw - 1180px) / 2)); scroll-padding-left: max(24px, calc((100vw - 1180px) / 2)); background-color: #0c0a08;
  background-image: linear-gradient(90deg, rgba(239,231,216,.16) 0 10px, transparent 10px 22px), linear-gradient(90deg, rgba(239,231,216,.16) 0 10px, transparent 10px 22px);
  background-size: 22px 8px, 22px 8px; background-repeat: repeat-x; background-position: 0 11px, 0 calc(100% - 11px); }
.pe-film-serit::-webkit-scrollbar { display: none; }
.pe-film-kare { flex: 0 0 auto; height: clamp(240px, 44vh, 420px); aspect-ratio: 3 / 2; padding: 0; border: 0; border-radius: 2px; overflow: hidden; background: #1d1913;
  cursor: zoom-in; scroll-snap-align: start; }
.pe-film-kare img { filter: saturate(.92) brightness(.92); transition: transform 1.8s var(--pe-egri), filter .8s; }
.pe-film-kare:hover img { transform: scale(1.05); filter: none; }
.pe-film-kare.pe-bekle { transform: translateX(40px); }
.pe-film-kare:focus-visible { outline: 2px solid var(--pe-altin-acik); outline-offset: -2px; }

/* talep */
.pe-talep { padding-top: clamp(100px, 14vh, 130px); padding-bottom: clamp(70px, 10vh, 96px); }
.pe-talep-ic { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 32px 64px; align-items: end; padding: clamp(44px, 6vh, 60px) 0;
  border-top: 1px solid var(--pe-cizgi); border-bottom: 1px solid var(--pe-cizgi); }
.pe-talep-sol .pe-baslik { margin-bottom: 16px; }
.pe .pe-talep-sol p { margin: 0; color: var(--pe-soluk); max-width: 520px; }
.pe-talep-sag { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }

/* geri + diger kategoriler */
.pe-diger { padding-bottom: clamp(110px, 15vh, 140px); }
.pe-geri-kap { margin-bottom: clamp(80px, 12vh, 110px); }
.pe-geri { display: inline-flex; align-items: center; gap: 14px; font-family: var(--sans); font-size: 11px; letter-spacing: .24em; text-transform: uppercase;
  color: var(--pe-murekkep); text-decoration: none; }
.pe-geri span { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--pe-cizgi);
  font-size: 15px; letter-spacing: 0; transition: border-color .3s, transform .4s var(--pe-egri); }
.pe-geri:hover span { border-color: var(--pe-altin); transform: translateX(-4px); }
.pe-diger-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.pe-diger-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px; }
.pe-diger-gorsel { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 3px; background: #e9e3d8; margin-bottom: 18px; }
.pe-diger-gorsel img { transition: transform 1.8s var(--pe-egri); }
.pe-diger-gorsel::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--pe-vurgu); transform: scaleX(0); transform-origin: left;
  transition: transform .7s var(--pe-egri); }
.pe-diger-kart:hover .pe-diger-gorsel img { transform: scale(1.05); }
.pe-diger-kart:hover .pe-diger-gorsel::after { transform: scaleX(1); }
.pe-diger-baslik { margin: 0 0 12px; font-family: var(--serif); font-weight: 400; font-size: clamp(22px, 1.8vw, 26px); line-height: 1.15; color: var(--pe-murekkep); }

/* ══ lightbox (JS kurar, body'ye eklenir) ══ */
.pe-lb { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; background: rgba(14,12,9,.96);
  opacity: 0; transition: opacity .35s ease; touch-action: pan-y; }
.pe-lb[hidden] { display: none; }
.pe-lb.is-acik { opacity: 1; }
.pe-lb-sahne { margin: 0; display: flex; flex-direction: column; align-items: center; max-width: calc(100vw - 180px); }
.pe-lb-img { display: block; max-width: 100%; max-height: calc(100vh - 140px); max-height: calc(100svh - 140px); width: auto; height: auto; object-fit: contain;
  border-radius: 2px; transition: opacity .3s ease, transform .45s cubic-bezier(.2,.75,.2,1); user-select: none; }
.pe-lb-img.is-degis { opacity: 0; transform: scale(.985); }
.pe-lb-alt { display: flex; align-items: baseline; gap: 18px; margin-top: 16px; min-height: 20px; }
.pe-lb-etiket { font-family: var(--sans); font-size: 10.5px; letter-spacing: .24em; text-transform: uppercase; color: #d9c39c; }
.pe-lb-sayac { font-family: var(--serif); font-size: 15px; letter-spacing: .06em; color: rgba(239,231,216,.6); }
.pe-lb button { position: absolute; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; padding: 0; border-radius: 50%;
  border: 1px solid rgba(217,195,156,.4); background: rgba(14,12,9,.4); color: #efe7d8; cursor: pointer; font-family: var(--serif); font-size: 26px; line-height: 1;
  transition: background .3s, border-color .3s; }
.pe-lb button:hover { background: rgba(217,195,156,.14); border-color: #d9c39c; }
.pe-lb button:focus-visible { outline: 2px solid #d9c39c; outline-offset: 3px; }
.pe-lb-kapat { top: 22px; right: 22px; }
.pe-lb-geri { left: 28px; top: 50%; margin-top: -26px; }
.pe-lb-ileri { right: 28px; top: 50%; margin-top: -26px; }
html.pe-lb-kilit { overflow: hidden; }

/* ── ara genislik ── */
@media (max-width: 1100px) {
  .pe-mozaik { --pe-taban: 4; }
  .pe-imza-oge, .pe-imza-oge--ayna { gap: 44px; }
  .pe-kart--cift-a { grid-column: 1 / span 6; }
  .pe-kart--cift-b { grid-column: 7 / -1; }
  .pe-diger-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ── mobil ── */
@media (max-width: 768px) { .pe { --pe-nav: 57px; } }
@media (max-width: 900px) {
  .pe-ic { padding-left: 20px; padding-right: 20px; }
  .pe p { font-size: 17px; }
  .pe-baslik { font-size: clamp(32px, 8.6vw, 42px); }
  .pe-bolum-bas, .pe-galeri-bas, .pe-imza-bas { grid-template-columns: 1fr; gap: 18px; }
  .pe .pe-bolum-giris, .pe .pe-imza-giris { font-size: 17px; }
  .pe-kirinti .breadcrumb-inner { padding: 16px 20px 0; }

  .pe-hero { height: clamp(280px, 50vh, 440px); }
  .pe-hero--sayfa { height: clamp(260px, 44vh, 400px); }
  .pe-acilis { grid-template-columns: 1fr; gap: 20px; padding-bottom: 64px; }
  .pe-acilis-baslik { font-size: clamp(40px, 11vw, 54px); }
  .pe .pe-acilis-alt { font-size: 16.5px; }
  .pe-acilis-sag { gap: 18px; }
  .pe-asagi { height: 60px; }

  .pe-felsefe { padding-bottom: 96px; }
  .pe-felsefe-metin { grid-template-columns: 1fr; gap: 18px; }
  .pe-felsefe-metin::before { display: none; }
  .pe .pe-felsefe-metin p { font-size: 17.5px; }

  .pe-imza-oge, .pe-imza-oge--ayna { grid-template-columns: 1fr; gap: 32px; }
  .pe-imza-oge--ayna .pe-imza-gorseller { order: 0; }
  .pe-imza-gorseller, .pe-imza-oge--ayna .pe-imza-gorseller { height: auto; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 10px; }
  .pe-imza-kare--0, .pe-imza-oge--ayna .pe-imza-kare--0 { grid-column: 1 / -1; grid-row: 1; aspect-ratio: 4 / 3; }
  .pe-imza-kare--1, .pe-imza-oge--ayna .pe-imza-kare--1 { grid-column: 1; grid-row: 2; aspect-ratio: 1 / 1; }
  .pe-imza-kare--2, .pe-imza-oge--ayna .pe-imza-kare--2 { grid-column: 2; grid-row: 2; aspect-ratio: 1 / 1; }
  .pe-imza-no::before { font-size: 36px; }

  .pe-kartlar { grid-template-columns: 1fr; row-gap: 80px; }
  .pe-kart--dikey, .pe-kart--ayna, .pe-kart--cift-a, .pe-kart--cift-b, .pe-kart--genis { grid-column: 1; display: block; margin-top: 0; }
  .pe-kart-gorsel, .pe-kart--dikey .pe-kart-gorsel, .pe-kart--ayna .pe-kart-gorsel, .pe-kart--cift-a .pe-kart-gorsel, .pe-kart--cift-b .pe-kart-gorsel,
  .pe-kart--genis .pe-kart-gorsel { aspect-ratio: 4 / 3; max-height: none; margin-bottom: 26px; }
  .pe-kart--dikey .pe-kart-gorsel, .pe-kart--cift-a .pe-kart-gorsel { aspect-ratio: 4 / 5; }
  .pe-kart--genis .pe-kart-metin { display: block; }

  .pe-filtreler { flex-wrap: nowrap; overflow-x: auto; margin: 0 -20px 18px; padding: 0 6px; scrollbar-width: none; }
  .pe-filtreler::-webkit-scrollbar { display: none; }
  .pe-filtre { flex: none; white-space: nowrap; }
  .pe-mozaik { --pe-taban: 3; gap: 6px; }
  .pe-mozaik--sayfa { --pe-taban: 2; gap: 8px; }

  .pe-ozel-govde { grid-template-columns: 1fr; gap: 48px; }
  .pe-kemerler { height: clamp(260px, 80vw, 360px); gap: 10px; }
  .pe-ozel-liste li { font-size: 19px; }

  .pe-kapanis { grid-template-columns: 1fr; gap: 48px; }

  .pe-duzen-satir .pe-deneyim, .pe-duzen-satir .pe-deneyim:nth-child(even), .pe-duzen-tek .pe-deneyim { grid-template-columns: 1fr; gap: 26px; }
  .pe-duzen-satir .pe-deneyim:nth-child(even) .pe-deneyim-gorsel { order: 0; }
  .pe-duzen-satir .pe-deneyim:nth-child(even) .pe-deneyim-metin { justify-self: start; }
  .pe-duzen-satir .pe-deneyim + .pe-deneyim { margin-top: 72px; }
  .pe-duzen-cift { grid-template-columns: 1fr; }
  .pe-duzen-cift .pe-deneyim:nth-child(2), .pe-tema-life-by-the-sea .pe-duzen-cift .pe-deneyim:first-child { margin-top: 0; }
  .pe-duzen-cift .pe-deneyim + .pe-deneyim { margin-top: 72px; }
  .pe-duzen-cift .pe-deneyim .pe-deneyim-gorsel { aspect-ratio: 4 / 3; max-height: none; margin-bottom: 26px; }
  .pe-duzen-tek .pe-deneyim-gorsel { aspect-ratio: 4 / 3; }
  .pe-adlar-ic { grid-template-columns: 1fr; gap: 8px; }
  .pe-adlar-liste { grid-column: 1; }
  .pe-adlar-liste li { font-size: 22px; gap: 16px; }
  .pe-adlar-liste li::after { transform: scale(1); opacity: .6; }
  .pe-adlar--ana .pe-adlar-liste li { font-size: 25px; }

  .pe .pe-hikaye p { font-size: 18px; }
  .pe-film-serit { padding: 26px 20px; scroll-padding-left: 20px; }
  .pe-film-kare { height: 230px; }
  .pe-film-oklar { display: none; }

  .pe-sefler-seri { justify-self: start; }
  .pe-sefler-izgara, .pe-sefler-3, .pe-sefler-2 { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -20px; padding: 0 20px 6px;
    scroll-padding-left: 20px; scrollbar-width: none; max-width: none; }
  .pe-sefler-izgara::-webkit-scrollbar { display: none; }
  .pe-sef { flex: 0 0 64vw; scroll-snap-align: start; }

  .pe-talep-ic { grid-template-columns: 1fr; }
  .pe-diger-izgara, .pe-diger-5 { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -20px; padding: 0 20px 6px;
    scroll-padding-left: 20px; scrollbar-width: none; }
  .pe-diger-izgara::-webkit-scrollbar { display: none; }
  .pe-diger-kart { flex: 0 0 62vw; scroll-snap-align: start; }

  .pe-lb-sahne { max-width: calc(100vw - 24px); }
  .pe-lb-img { max-height: calc(100vh - 190px); max-height: calc(100svh - 190px); }
  .pe-lb-geri, .pe-lb-ileri { top: auto; bottom: 22px; margin-top: 0; width: 46px; height: 46px; }
  .pe-lb-geri { left: calc(50% - 58px); }
  .pe-lb-ileri { right: calc(50% - 58px); }
  .pe-lb-kapat { top: 14px; right: 14px; width: 46px; height: 46px; }
}

/* ── hareket azaltma ── */
@media (prefers-reduced-motion: reduce) {
  .pe-hero-gorsel, .pe-hero-gorsel img, .pe-hero::after, .pe-acilis > *, .pe-acilis .pe-etiket::before, .pe-asagi span::before,
  .pe-alev-buyuk::before, .pe-imza-no::after, .pe-imza-gorseller::before, .pe-kare.is-gir, .pe-film-cizgi { animation: none !important; }
  .pe-hero-gorsel { clip-path: none; }
  .pe-hero-gorsel img { scale: 1; }
  .pe-hero::after { display: none; }
  .pe img, .pe-gor, .pe-imza-kare, .pe-imza-metin, .pe-kart-gorsel::after, .pe-kart-metin, .pe-kemer, .pe-etiket::before, .pe-alev-buyuk,
  .pe-mozaik, .pe-lb, .pe-lb-img { transition: none !important; }
}