/* ==========================================================================
   Kovanlık Belediyesi — GENEL İÇERİK liste + detay (önek cxpi-) · 2026-10-19 "zengin" tasarım (anasayfa dili)
   Liste: yaşam mozaiği · türkü plakları · mahalle kartları + mavi bant · nikâh fotoğraf kartları · genel kart/satır/ad düzenleri.
   Detay: makale kartı · bilgi kutuları · mahalle rehberi + nüfus halkası · türkü söz dizgesi (kıta/nakarat) · Yol Tarifi ·
   dosya · galeri + büyütme · önceki/sonraki · yan sütun (çalma listesi, foto kutuları, liste).
   ========================================================================== */
.cxpi { padding-top: 44px; }
.cxpi--full { padding-top: 0; }
.cxpi__grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 34px; align-items: start; }
.cxpi__grid--noside { grid-template-columns: minmax(0, 1fr) !important; }
.cxpi__main, .cxpi__side { min-width: 0; }
.cxpi__side { position: sticky; top: 112px; }
.cxpi-sec { margin-top: 46px; }
.cxpi-sr { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.cxpi-t0 { background: var(--kv-grad); } .cxpi-t1 { background: linear-gradient(150deg, var(--ax-c2a, #63b04f), var(--ax-c2b, #3f8a30)); }
.cxpi-t2 { background: linear-gradient(150deg, var(--ax-c5a, #b8844e), var(--ax-c5b, #8c5b2f)); } .cxpi-t3 { background: var(--kv-grad); }
.cxpi-t4 { background: linear-gradient(150deg, var(--ax-c4a, #2e9b3c), var(--ax-c4b, #1b5e24)); } .cxpi-t5 { background: linear-gradient(150deg, var(--ax-c3a, #237a2e), var(--ax-c3b, #123a17)); }
.cxpi-k { display: inline-flex; align-items: center; gap: 8px; font-size: calc(11.5px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--ax-or); }
.cxpi-k i { font-size: calc(12px * var(--ax-fz, 1)); letter-spacing: 0; }
.cxpi-dt { position: absolute; z-index: 2; left: 14px; top: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 56px; height: 60px; border-radius: calc(16px * var(--ax-rs, 1)); background: var(--kv-grad); color: #fff; line-height: 1; box-shadow: none; }
.cxpi-dt b { font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(21px * var(--ax-fzh, 1)); }
.cxpi-dt span { margin-top: 4px; font-size: calc(10px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.cxpi-dt small { margin-top: 3px; font-size: calc(10px * var(--ax-fz, 1)); font-weight: 700; color: #ffe1c9; }
.cxpi-dt--lg { width: 66px; height: 74px; border-radius: calc(19px * var(--ax-rs, 1)); }
.cxpi-dt--lg b { font-size: calc(25px * var(--ax-fz, 1)); }
.cxpi-pin { position: relative; z-index: 3; flex: none; display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; border-radius: calc(13px * var(--ax-rs, 1)); background: rgba(255, 255, 255, .96); color: var(--ax-navy); font-size: calc(12px * var(--ax-fz, 1)); font-weight: 800; transition: background .2s, color .2s; }
.cxpi-pin i { color: var(--ax-or); font-size: calc(14px * var(--ax-fz, 1)); transition: color .2s; }
.cxpi-pin:hover { background: var(--ax-or); color: var(--ax-onor, #fff); }
.cxpi-pin:hover i { color: #fff; }
/* "Keşfet" hapı bağlantı DEĞİL (span, kartın gerilmiş başlık bağlantısının üstünde duruyordu → tıklama boşa gidiyordu):
   tıklama alttaki kart bağlantısına geçsin; vurgu kartın üzerine gelince yansın (23.10.2026) */
span.cxpi-pin { pointer-events: none; }
.cxpi-mt:hover span.cxpi-pin, .cxpi-mt:focus-within span.cxpi-pin { background: var(--ax-or); color: var(--ax-onor, #fff); }
.cxpi-mt:hover span.cxpi-pin i, .cxpi-mt:focus-within span.cxpi-pin i { color: #fff; }
.cxpi-ph { display: grid; place-items: center; color: rgba(255, 255, 255, .9); font-size: calc(34px * var(--ax-fz, 1)); background: var(--kv-grad); }

/* ── Arama / sıralama çubuğu ─────────────────────────────────────────── */
.cxpi-bar { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: calc(22px * var(--ax-rs, 1)); background: #fff; box-shadow: var(--cx-shadow-sm); }
.cxpi-bar--float { padding: 12px; border-radius: calc(26px * var(--ax-rs, 1)); box-shadow: 0 0 0 1.5px var(--cx-line, #e4e9e4); }
.cxpi-bar__n { flex: none; display: grid; align-content: center; min-width: 86px; height: 50px; padding: 0 16px; border-radius: calc(15px * var(--ax-rs, 1)); background: var(--ax-navy); color: #fff; line-height: 1.05; }
.cxpi-bar__n b { font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(19px * var(--ax-fzh, 1)); }
.cxpi-bar__n small { font-size: calc(10.5px * var(--ax-fz, 1)); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #c6e1c8; white-space: nowrap; }
.cxpi-search { position: relative; flex: 1; min-width: 0; }
.cxpi-search > i { position: absolute; left: 17px; top: 50%; transform: translateY(-50%); color: var(--ax-or); font-size: calc(15px * var(--ax-fz, 1)); pointer-events: none; }
.cxpi-search input { width: 100%; height: 50px; padding: 0 16px 0 46px; border: 1.5px solid var(--ax-line); border-radius: calc(15px * var(--ax-rs, 1)); background: var(--ax-bg); color: var(--ax-ink); font: inherit; font-size: calc(14.5px * var(--ax-fz, 1)); -webkit-appearance: none; appearance: none; transition: border-color .2s, background .2s, box-shadow .2s; }
.cxpi-search input:focus { outline: 0; border-color: var(--ax-or); background: #fff; box-shadow: 0 0 0 4px rgba(46, 155, 60, .14); }
.cxpi-search input::-webkit-search-cancel-button { -webkit-appearance: none; }
.cxpi-sort { flex: none; width: 190px; }
.cxpi-sort .cxp-in { height: 50px; border-radius: calc(15px * var(--ax-rs, 1)); font-size: calc(13.5px * var(--ax-fz, 1)); font-weight: 700; }
.cxpi-bar .cxp-btn { height: 50px; border-radius: calc(15px * var(--ax-rs, 1)); }
.cxpi-filt { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 14px 4px 0; font-size: calc(13px * var(--ax-fz, 1)); color: var(--ax-muted); }
.cxpi-filt > i { color: var(--ax-or); }
.cxpi-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: calc(10px * var(--ax-rs, 1)); background: #fff; box-shadow: var(--cx-shadow-sm); color: var(--ax-ink); }
.cxpi-filt a { font-weight: 800; color: var(--ax-navy); text-decoration: underline; text-underline-offset: 3px; }
.cxpi-empty__b { margin-top: 16px; }
.cxpi__main > .cxp-empty { margin-top: 22px; }
.cxpi--full > .cxp-empty { margin-top: 40px; }
.cxpi-intro { margin-bottom: 24px; padding: 26px 30px; border-radius: calc(26px * var(--ax-rs, 1)); background: #fff; box-shadow: var(--cx-shadow-sm); }

/* ── Genel liste: kart / satır / ad ──────────────────────────────────── */
.cxpi-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 22px; }
.cxpi-card { position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: calc(26px * var(--ax-rs, 1)); background: #fff; box-shadow: var(--cx-shadow-sm); transition: transform .25s, box-shadow .25s; }
.cxpi-card:hover { transform: translateY(-4px); box-shadow: 0 0 0 1.5px var(--kv-gm, #237a2e); }
.cxpi-card__img { position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden; }
.cxpi-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.cxpi-card:hover .cxpi-card__img img { transform: scale(1.05); }
.cxpi-card__img.cxpi-ph { display: grid; place-items: center; }
.cxpi-card__b { position: relative; flex: 1; display: flex; flex-direction: column; padding: 18px 20px 64px; }
.cxpi-card__x { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.cxpi-card__t { margin: 8px 0 0; padding-right: 30px; font-size: calc(16px * var(--ax-fz, 1)); font-weight: 800; line-height: 1.35; color: var(--ax-ink); }
.cxpi-card__t a::after { content: ""; position: absolute; inset: 0; }
.cxpi-card__t a:hover { color: var(--ax-or2); }
.cxpi-card__x { margin: 8px 0 0; font-size: calc(13.5px * var(--ax-fz, 1)); line-height: 1.55; color: var(--ax-muted); }
.cxpi-card__go { position: absolute; right: 18px; bottom: 18px; width: 34px; height: 34px; border-radius: calc(11px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-navy); color: #fff; font-size: calc(12px * var(--ax-fz, 1)); }
.cxpi-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; padding: 0; list-style: none; }
.cxpi-chips li { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: calc(9px * var(--ax-rs, 1)); background: var(--ax-bg); font-size: calc(12px * var(--ax-fz, 1)); font-weight: 700; color: var(--ax-ink); }
.cxpi-chips li i { color: var(--ax-or); font-size: calc(11px * var(--ax-fz, 1)); }
.cxpi-state { display: inline-flex; align-items: center; padding: 5px 10px; border-radius: calc(9px * var(--ax-rs, 1)); font-size: calc(11px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.cxpi-state--green { background: #e3f3dc; color: #3b7f2b; } .cxpi-state--gray { background: #edf3ed; color: #6e8470; }
.cxpi-rows { display: grid; gap: 14px; margin-top: 22px; }
.cxpi-row { position: relative; display: flex; align-items: center; gap: 18px; padding: 14px 18px 14px 14px; border-radius: calc(24px * var(--ax-rs, 1)); background: #fff; box-shadow: var(--cx-shadow-sm); border: 1.5px solid transparent; transition: border-color .2s, transform .2s; }
.cxpi-row:hover { border-color: var(--ax-or); transform: translateX(3px); }
.cxpi-row__date { flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 70px; height: 76px; border-radius: calc(18px * var(--ax-rs, 1)); background: var(--ax-orl); color: var(--ax-or2); line-height: 1; }
.cxpi-row__date b { font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(25px * var(--ax-fzh, 1)); }
.cxpi-row__date span { margin-top: 4px; font-size: calc(10.5px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.cxpi-row__date small { margin-top: 3px; font-size: calc(10.5px * var(--ax-fz, 1)); font-weight: 700; color: #c98a5a; }
.cxpi-row__date--ic { background: var(--ax-bg); color: var(--ax-navy); font-size: calc(22px * var(--ax-fz, 1)); }
.cxpi-row__img { flex: none; width: 92px; height: 76px; overflow: hidden; border-radius: calc(16px * var(--ax-rs, 1)); }
.cxpi-row__img img { width: 100%; height: 100%; object-fit: cover; }
.cxpi-row__b { flex: 1; min-width: 0; }
.cxpi-row__t { margin: 0; font-size: calc(15.5px * var(--ax-fz, 1)); font-weight: 800; line-height: 1.35; color: var(--ax-ink); }
.cxpi-row__t a::after { content: ""; position: absolute; inset: 0; }
.cxpi-row__x { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 6px 0 0; font-size: calc(13.5px * var(--ax-fz, 1)); line-height: 1.5; color: var(--ax-muted); }
.cxpi-row__act { position: relative; z-index: 1; flex: none; display: flex; align-items: center; gap: 10px; }
.cxpi-go { width: 40px; height: 40px; border-radius: calc(13px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-bg); color: var(--ax-or); font-size: calc(13px * var(--ax-fz, 1)); }
.cxpi-names { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 22px; }
.cxpi-name { position: relative; display: flex; flex-direction: column; padding: 24px 22px 20px; border-radius: calc(26px * var(--ax-rs, 1)); background: #fff; box-shadow: var(--cx-shadow-sm); transition: transform .25s, box-shadow .25s; }
.cxpi-name:hover { transform: translateY(-3px); box-shadow: 0 0 0 1.5px var(--kv-gm, #237a2e); }
.cxpi-name__ic { width: 54px; height: 54px; border-radius: calc(17px * var(--ax-rs, 1)); display: grid; place-items: center; color: #fff; font-size: calc(22px * var(--ax-fz, 1)); }
.cxpi-name__t { margin: 16px 0 0; font-family: var(--ax-head); font-size: calc(16.5px * var(--ax-fzh, 1)); font-weight: 800; line-height: 1.25; color: var(--ax-navy); }
.cxpi-name__t a::after { content: ""; position: absolute; inset: 0; }
.cxpi-name__d { display: grid; gap: 6px; margin: 12px 0 0; font-size: calc(13px * var(--ax-fz, 1)); }
.cxpi-name__d div { display: flex; gap: 8px; }
.cxpi-name__d dt { flex: none; color: var(--ax-muted); }
.cxpi-name__d dt i { margin-right: 5px; color: var(--ax-or); }
.cxpi-name__d dd { margin: 0; font-weight: 700; color: var(--ax-ink); }
.cxpi-name__d a { position: relative; z-index: 1; }
.cxpi-name__go { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 16px; font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 800; text-transform: uppercase; color: var(--ax-navy); }
.cxpi-name__go i { color: var(--ax-or); }

/* ── Yaşam: mozaik + renkli kutular ──────────────────────────────────── */
.cxpi-mz { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 260px; gap: 20px; }
.cxpi-mt { position: relative; isolation: isolate; overflow: hidden; border-radius: calc(30px * var(--ax-rs, 1)); background: var(--ax-navy2, #123a17); color: #fff; }
.cxpi-mt > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.cxpi-mt:hover > img { transform: scale(1.05); }
.cxpi-mt::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(0deg, rgba(19, 48, 21, .9), rgba(19, 48, 21, 0) 60%); pointer-events: none; }
.cxpi-mt__tx { position: absolute; left: 24px; right: 22px; bottom: 22px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.cxpi-mt__tx > div { min-width: 0; }
.cxpi-mt__tx small { display: block; font-size: calc(11.5px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .14em; color: #ff9a4d; }
.cxpi-mt__tx h3 { margin: 6px 0 0; font-family: var(--ax-head); font-weight: 800; font-size: calc(19px * var(--ax-fzh, 1)); line-height: 1.15; text-transform: var(--ax-tt, uppercase); }
.cxpi-mt__tx h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.cxpi-mt--big { grid-column: span 2; grid-row: span 2; }
.cxpi-mt--big .cxpi-mt__tx { left: 32px; bottom: 30px; right: 30px; }
.cxpi-mt--big .cxpi-mt__tx h3 { font-size: calc(32px * var(--ax-fz, 1)); }
.cxpi-mt--s2 { grid-column: span 2; }
.cxpi-mt--s3 { grid-column: 1 / -1; }
.cxpi-ct { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.cxpi-ct__a { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; height: 100%; min-height: 220px; padding: 22px; border-radius: calc(28px * var(--ax-rs, 1)); color: #fff; transition: transform .25s, box-shadow .25s; }
.cxpi-ct__a:hover { transform: translateY(-4px); box-shadow: 0 0 0 1.5px var(--kv-gm, #237a2e); }
.cxpi-ct__a::after { content: ""; position: absolute; z-index: -1; right: -40px; bottom: -60px; width: 180px; height: 180px; border-radius: 50%; border: 26px solid rgba(255, 255, 255, .1); }
.cxpi-ct__bg { position: absolute; z-index: -1; right: -12px; bottom: -16px; font-size: calc(112px * var(--ax-fz, 1)); opacity: .14; }
.cxpi-ct__ic { width: 54px; height: 54px; border-radius: calc(17px * var(--ax-rs, 1)); display: grid; place-items: center; background: rgba(255, 255, 255, .2); font-size: calc(23px * var(--ax-fz, 1)); }
.cxpi-ct__go { position: absolute; right: 18px; top: 20px; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: var(--ax-navy); font-size: calc(13px * var(--ax-fz, 1)); }
.cxpi-ct__tx { display: block; margin-top: 22px; }
.cxpi-ct__tx b { display: block; font-family: var(--ax-head); font-weight: 800; font-size: calc(17px * var(--ax-fzh, 1)); line-height: 1.15; text-transform: var(--ax-tt, uppercase); }
.cxpi-ct__tx small { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 8px; font-size: calc(12.5px * var(--ax-fz, 1)); line-height: 1.45; opacity: .9; }
.cxpi--full > .cxp-pager { margin-top: 34px; }

/* ── Mahalle: mavi bant + kartlar ────────────────────────────────────── */
.cxpi-sea { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 34px; margin-top: 40px; padding: 38px 40px; border-radius: calc(34px * var(--ax-rs, 1)); background: var(--kv-grad); color: #fff; }
.cxpi-sea__w { position: absolute; z-index: -1; right: -30px; bottom: -40px; width: 620px; height: 330px; color: #fff; opacity: .16; }
.cxpi-sea__tx { flex: 1; min-width: 0; max-width: 640px; }
.cxpi-sea h2 { margin: 0; font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(36px * var(--ax-fzh, 1)); line-height: 1; text-transform: var(--ax-tt, uppercase); }
.cxpi-sea p { margin: 12px 0 0; font-size: calc(14.5px * var(--ax-fz, 1)); line-height: 1.6; color: var(--ax-c1l, #e7f2e8); }
.cxpi-sea__l { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 0; padding: 0; list-style: none; }
.cxpi-sea__l a { display: grid; place-items: center; height: 38px; padding: 0 16px; border-radius: calc(12px * var(--ax-rs, 1)); background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .25); font-size: calc(13.5px * var(--ax-fz, 1)); font-weight: 700; transition: background .2s; }
.cxpi-sea__l a:hover { background: rgba(255, 255, 255, .3); }
.cxpi-sea__st { flex: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 360px; margin: 0; padding: 0; list-style: none; }
.cxpi-sea__st li { padding: 16px 18px; border-radius: calc(20px * var(--ax-rs, 1)); background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .2); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); line-height: 1.1; }
.cxpi-sea__st li.is-big { grid-column: 1 / -1; background: #fff; color: var(--ax-navy); }
.cxpi-sea__st b { display: block; font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(28px * var(--ax-fzh, 1)); }
.cxpi-sea__st li.is-big b { font-size: calc(40px * var(--ax-fz, 1)); color: var(--ax-or); }
.cxpi-sea__st small { display: block; margin-top: 4px; font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 700; opacity: .85; }
.cxpi-sea__st .cxpi-sea__src { grid-column: 1 / -1; padding: 0 4px; background: none; border: 0; -webkit-backdrop-filter: none; backdrop-filter: none; font-size: calc(11.5px * var(--ax-fz, 1)); color: #d5f1d7; }
.cxpi-hds { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 30px 0 0; padding: 0; list-style: none; }
.cxpi-hd { display: flex; flex-direction: column; overflow: hidden; border-radius: calc(28px * var(--ax-rs, 1)); background: #fff; box-shadow: var(--cx-shadow-sm); transition: transform .25s, box-shadow .25s; }
.cxpi-hd:hover { transform: translateY(-4px); box-shadow: 0 0 0 1.5px var(--kv-gm, #237a2e); }
.cxpi-hd__top { position: relative; isolation: isolate; overflow: hidden; display: block; min-height: 150px; padding: 22px 22px 20px; color: #fff; }
.cxpi-hd__top svg { position: absolute; z-index: -1; right: -60px; bottom: -40px; width: 340px; height: 180px; color: #fff; opacity: .2; }
.cxpi-hd__top small { display: block; font-size: calc(11px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .2em; text-transform: uppercase; opacity: .85; }
.cxpi-hd__top b { display: block; margin-top: 8px; font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(25px * var(--ax-fzh, 1)); line-height: 1.05; text-transform: var(--ax-tt, uppercase); }
.cxpi-hd__top em { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; padding: 6px 11px; border-radius: calc(10px * var(--ax-rs, 1)); background: rgba(255, 255, 255, .2); font-style: normal; font-size: calc(12px * var(--ax-fz, 1)); font-weight: 800; }
.cxpi-hd__b { flex: 1; display: flex; flex-direction: column; gap: 14px; padding: 18px 18px 18px; }
.cxpi-hd__mu { display: flex; align-items: center; gap: 12px; margin: 0; }
.cxpi-hd__av { flex: none; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--ax-bg); color: var(--ax-navy); font-family: var(--ax-head); font-weight: 800; font-size: calc(14px * var(--ax-fzh, 1)); }
.cxpi-hd__mu small { display: block; font-size: calc(10.5px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ax-or); }
.cxpi-hd__mu b { display: block; margin-top: 2px; font-size: calc(14px * var(--ax-fz, 1)); font-weight: 800; color: var(--ax-ink); }
.cxpi-hd__act { display: flex; align-items: center; gap: 8px; margin-top: auto; }
.cxpi-hd__tel { flex: 1; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 42px; padding: 0 12px; border-radius: calc(13px * var(--ax-rs, 1)); background: var(--ax-bg); color: var(--ax-navy); font-size: calc(13px * var(--ax-fz, 1)); font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; transition: background .2s, color .2s; }
.cxpi-hd__tel i { color: var(--ax-or); font-size: calc(12px * var(--ax-fz, 1)); }
.cxpi-hd__tel:hover { background: var(--ax-or); color: var(--ax-onor, #fff); }
.cxpi-hd__tel:hover i { color: #fff; }
.cxpi-hd__ic { flex: none; width: 42px; height: 42px; border-radius: calc(13px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-orl); color: var(--ax-or2); font-size: calc(15px * var(--ax-fz, 1)); transition: background .2s, color .2s; }
.cxpi-hd__ic:hover { background: var(--ax-or); color: var(--ax-onor, #fff); }
.cxpi-hd__ic--go { background: var(--ax-navy); color: #fff; }

/* ── Nikâh kartları ──────────────────────────────────────────────────── */
.cxpi-wds { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 40px 0 0; padding: 0; list-style: none; }
.cxpi-wd { position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: calc(28px * var(--ax-rs, 1)); background: #fff; box-shadow: var(--cx-shadow-sm); transition: transform .25s, box-shadow .25s; }
.cxpi-wd:hover { transform: translateY(-4px); box-shadow: 0 0 0 1.5px var(--kv-gm, #237a2e); }
.cxpi-wd__img { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; margin: 10px 10px 0; border-radius: calc(22px * var(--ax-rs, 1)); }
.cxpi-wd__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.cxpi-wd:hover .cxpi-wd__img img { transform: scale(1.05); }
.cxpi-wd__ring { position: absolute; right: 14px; top: 14px; width: 40px; height: 40px; border-radius: calc(13px * var(--ax-rs, 1)); display: grid; place-items: center; background: rgba(255, 255, 255, .92); color: var(--ax-or); font-size: calc(16px * var(--ax-fz, 1)); }
.cxpi-wd__b { flex: 1; padding: 18px 22px 24px; }
.cxpi-wd__t { margin: 8px 0 0; font-family: var(--ax-head); font-weight: 800; font-size: calc(19px * var(--ax-fzh, 1)); line-height: 1.25; color: var(--ax-navy); }
.cxpi-wd__t span { color: var(--ax-or); }
.cxpi-wd__t a::after { content: ""; position: absolute; inset: 0; }
.cxpi-wd__b p { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 8px 0 0; font-size: calc(13.5px * var(--ax-fz, 1)); line-height: 1.55; color: var(--ax-muted); }

/* ── Türkü: plak kartları + yan kart ─────────────────────────────────── */
.cxpi-vns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 22px 0 0; padding: 0; list-style: none; }
.cxpi-vn { display: flex; align-items: center; gap: 18px; height: 100%; padding: 14px 18px 14px 14px; border-radius: calc(26px * var(--ax-rs, 1)); background: #fff; box-shadow: var(--cx-shadow-sm); border: 1.5px solid transparent; transition: border-color .2s, transform .2s; }
.cxpi-vn:hover { border-color: var(--ax-or); transform: translateY(-2px); }
.cxpi-vn__disc { flex: none; position: relative; width: 78px; height: 78px; border-radius: 50%; display: grid; place-items: center; background: repeating-radial-gradient(circle at 50% 50%, var(--ax-navy2, #123a17) 0 2px, #2c592f 2px 4px); box-shadow: none; transition: transform .4s; }
.cxpi-vn:hover .cxpi-vn__disc { transform: rotate(40deg); }
.cxpi-vn__disc i { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--kv-grad); color: #fff; font-family: var(--ax-head); font-style: normal; font-weight: var(--ax-hw, 900); font-size: calc(12px * var(--ax-fzh, 1)); box-shadow: 0 0 0 3px rgba(255, 255, 255, .15); }
.cxpi-vn__tx { flex: 1; min-width: 0; }
.cxpi-vn__tx b { display: block; font-family: var(--ax-head); font-weight: 800; font-size: calc(15.5px * var(--ax-fzh, 1)); line-height: 1.25; text-transform: var(--ax-tt, uppercase); color: var(--ax-navy); }
.cxpi-vn__tx small { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.cxpi-vn__tx small span { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: calc(8px * var(--ax-rs, 1)); background: var(--ax-bg); font-size: calc(11.5px * var(--ax-fz, 1)); font-weight: 700; color: var(--ax-ink); }
.cxpi-vn__tx small i { color: var(--ax-or); font-size: calc(10.5px * var(--ax-fz, 1)); }
.cxpi-vn__go { flex: none; width: 38px; height: 38px; border-radius: calc(12px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-bg); color: var(--ax-or); font-size: calc(13px * var(--ax-fz, 1)); }
.cxpi-tkc { position: relative; overflow: hidden; margin-bottom: 24px; padding: 28px 26px 30px; border-radius: calc(28px * var(--ax-rs, 1)); background: var(--ax-navy); color: #fff; }
.cxpi-tkc__ic { position: absolute; right: 22px; top: 22px; width: 54px; height: 54px; border-radius: calc(17px * var(--ax-rs, 1)); display: grid; place-items: center; background: rgba(255, 255, 255, .14); font-size: calc(22px * var(--ax-fz, 1)); }
.cxpi-tkc h2 { margin: 0; font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(26px * var(--ax-fzh, 1)); line-height: 1; text-transform: var(--ax-tt, uppercase); }
.cxpi-tkc p { margin: 12px 0 0; max-width: 64%; font-size: calc(13.5px * var(--ax-fz, 1)); line-height: 1.55; color: #cce5ce; }
.cxpi-tkc p b { color: var(--ax-orlt, var(--ax-orlt, #bfe8c4)); }
.cxpi-eq { position: absolute; right: 26px; bottom: 26px; display: flex; align-items: flex-end; gap: 5px; height: 60px; }
.cxpi-eq i { width: 6px; border-radius: calc(4px * var(--ax-rs, 1)); background: rgba(46, 155, 60, .85); }
.cxpi-eq i:nth-child(even) { background: rgba(255, 255, 255, .35); }

/* ==========================================================================
   DETAY
   ========================================================================== */
.cxpi-art { min-width: 0; padding: 36px 40px 40px; border-radius: calc(30px * var(--ax-rs, 1)); background: #fff; box-shadow: var(--cx-shadow); }
.cxpi-art__top { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.cxpi-art__t { margin: 14px 0 0; font-family: var(--ax-head); font-weight: 800; font-size: calc(30px * var(--ax-fzh, 1)); line-height: 1.2; color: var(--ax-navy); overflow-wrap: anywhere; }
.cxpi-art__lead { margin: 14px 0 0; font-size: calc(17px * var(--ax-fz, 1)); line-height: 1.6; font-weight: 600; color: var(--ax-ink); }
.cxpi-art__meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin: 20px 0 26px; padding: 14px 0; border-top: 1.5px dashed var(--ax-line); border-bottom: 1.5px dashed var(--ax-line); }
.cxpi-art__facts { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0; padding: 0; list-style: none; font-size: calc(13px * var(--ax-fz, 1)); font-weight: 700; color: var(--ax-muted); }
.cxpi-art__facts i { margin-right: 6px; color: var(--ax-or); }
.cxpi-art__facts a:hover { color: var(--ax-navy); }
.cxpi-share { display: flex; align-items: center; gap: 6px; }
.cxpi-share > span { margin-right: 4px; font-size: calc(11.5px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ax-muted); }
.cxpi-sh { position: relative; width: 38px; height: 38px; padding: 0; border: 0; border-radius: calc(12px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-bg); color: var(--ax-navy); font-size: calc(14px * var(--ax-fz, 1)); cursor: pointer; transition: background .2s, color .2s; }
.cxpi-sh:hover, .cxpi-sh.is-ok { background: var(--ax-or); color: var(--ax-onor, #fff); }

.cxpi-couple { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 26px; margin-bottom: 24px; padding: 30px 110px 30px 30px; border-radius: calc(26px * var(--ax-rs, 1)); background: var(--kv-pan, #e9efe9); text-align: center; }
.cxpi-couple > svg { position: absolute; z-index: -1; left: -40px; bottom: -50px; width: 520px; height: 260px; color: var(--ax-or); opacity: .12; }
.cxpi-couple__p small { display: block; font-size: calc(11px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: #c98a5a; }
.cxpi-couple__p b { display: block; margin-top: 6px; font-family: "Segoe Script", "Brush Script MT", "Lucida Handwriting", cursive; font-style: italic; font-weight: 400; font-size: calc(30px * var(--ax-fz, 1)); line-height: 1.2; color: var(--ax-navy); }
.cxpi-couple__ic { flex: none; width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; background: var(--kv-grad); color: #fff; font-size: calc(22px * var(--ax-fz, 1)); box-shadow: 0 0 0 8px rgba(46, 155, 60, .14); }
.cxpi-couple__dt { left: auto; right: 24px; top: 50%; transform: translateY(-50%); }

.cxpi-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin: 0 0 24px; padding: 0; list-style: none; }
.cxpi-fact { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: calc(18px * var(--ax-rs, 1)); background: var(--ax-bg); }
.cxpi-fact__ic { flex: none; width: 44px; height: 44px; border-radius: calc(14px * var(--ax-rs, 1)); display: grid; place-items: center; color: #fff; font-size: calc(16px * var(--ax-fz, 1)); }
.cxpi-fact__tx { min-width: 0; line-height: 1.3; }
.cxpi-fact__tx small { display: block; font-size: calc(10.5px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ax-muted); }
.cxpi-fact__tx b { display: block; margin-top: 2px; font-size: calc(14px * var(--ax-fz, 1)); font-weight: 800; color: var(--ax-ink); overflow-wrap: anywhere; }
.cxpi-fact__tx a:hover { color: var(--ax-or2); }

.cxpi-hg { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 16px; margin-bottom: 26px; }
.cxpi-hg > :only-child { grid-column: 1 / -1; }
.cxpi-guide { padding: 22px 22px 18px; border-radius: calc(24px * var(--ax-rs, 1)); background: var(--ax-navy); color: #fff; }
.cxpi-guide h3, .cxpi-pop h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(15px * var(--ax-fzh, 1)); text-transform: var(--ax-tt, uppercase); }
.cxpi-guide h3 i { color: var(--ax-orlt, var(--ax-orlt, #bfe8c4)); }
.cxpi-guide ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.cxpi-guide li { display: flex; align-items: center; gap: 12px; padding: 10px 10px 10px 12px; border-radius: calc(16px * var(--ax-rs, 1)); background: rgba(255, 255, 255, .07); }
.cxpi-guide__av { flex: none; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-family: var(--ax-head); font-weight: 800; font-size: calc(13px * var(--ax-fzh, 1)); }
.cxpi-guide__tx { flex: 1; min-width: 0; line-height: 1.25; }
.cxpi-guide__tx small { display: block; font-size: calc(10.5px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ax-orlt, var(--ax-orlt, #bfe8c4)); }
.cxpi-guide__tx b { display: block; margin-top: 2px; font-size: calc(14px * var(--ax-fz, 1)); font-weight: 800; }
.cxpi-guide__tel { flex: none; display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 12px; border-radius: calc(12px * var(--ax-rs, 1)); background: #fff; color: var(--ax-navy); font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; transition: background .2s, color .2s; }
.cxpi-guide__tel i { color: var(--ax-or); font-size: calc(11px * var(--ax-fz, 1)); }
.cxpi-guide__tel:hover { background: var(--ax-or); color: var(--ax-onor, #fff); }
.cxpi-guide__tel:hover i { color: #fff; }
.cxpi-pop { display: flex; flex-direction: column; align-items: center; padding: 22px 18px; border-radius: calc(24px * var(--ax-rs, 1)); background: var(--ax-orl); color: var(--ax-navy); text-align: center; }
.cxpi-pop h3 { justify-content: center; }
.cxpi-pop h3 small { font-family: var(--cx-font); font-size: calc(11px * var(--ax-fz, 1)); font-weight: 700; letter-spacing: .06em; color: #c98a5a; }
.cxpi-pop__r { position: relative; width: 132px; height: 132px; }
.cxpi-pop__r svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.cxpi-pop__r circle { fill: none; stroke-width: 8; }
.cxpi-pop__r .t { stroke: var(--ax-c1a, #2e9b3c); }
.cxpi-pop__r .a { stroke: var(--ax-or); stroke-linecap: round; }
.cxpi-pop__r span { position: absolute; inset: 0; display: grid; place-content: center; line-height: 1; }
.cxpi-pop__r b { font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(28px * var(--ax-fzh, 1)); }
.cxpi-pop__r small { margin-top: 4px; font-size: calc(11.5px * var(--ax-fz, 1)); font-weight: 700; color: var(--ax-muted); }
.cxpi-pop ul { display: flex; gap: 14px; margin: 14px 0 0; padding: 0; list-style: none; font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 700; }
.cxpi-pop li { display: inline-flex; align-items: center; gap: 6px; }
.cxpi-pop li i { width: 10px; height: 10px; border-radius: 50%; }
.cxpi-pop li i.k { background: var(--ax-or); } .cxpi-pop li i.e { background: var(--ax-c1a, #2e9b3c); }

.cxpi-fig { position: relative; overflow: hidden; margin: 0 0 26px; aspect-ratio: var(--ar, 2); border-radius: calc(24px * var(--ax-rs, 1)); background: var(--ax-navy2, #123a17); }
.cxpi-fig img { position: relative; width: 100%; height: 100%; object-fit: cover; }
.cxpi-fig--contain img { object-fit: contain; }
.cxpi-fig__bg { position: absolute; inset: -20px; background-size: cover; background-position: center; filter: blur(22px) brightness(.7); }
.cxpi-fig__pin { position: absolute; right: 16px; bottom: 16px; height: 44px; padding: 0 16px; box-shadow: none; }
.cxpi-route { display: flex; align-items: center; gap: 14px; margin: 0 0 26px; padding: 16px 20px 16px 16px; border-radius: calc(22px * var(--ax-rs, 1)); background: var(--ax-orl); color: var(--ax-navy); transition: transform .2s; }
.cxpi-route:hover { transform: translateY(-2px); }
.cxpi-route__ic { flex: none; width: 50px; height: 50px; border-radius: calc(16px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-or); color: var(--ax-onor, #fff); font-size: calc(20px * var(--ax-fz, 1)); }
.cxpi-route > span:nth-child(2) { flex: 1; min-width: 0; }
.cxpi-route b { display: block; font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(15px * var(--ax-fzh, 1)); text-transform: var(--ax-tt, uppercase); }
.cxpi-route small { display: block; margin-top: 2px; font-size: calc(12.5px * var(--ax-fz, 1)); color: var(--ax-muted); }
.cxpi-route > i { color: var(--ax-or); }

.cxpi-h3 { display: flex; align-items: center; gap: 12px; margin: 30px 0 16px; font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(17px * var(--ax-fzh, 1)); text-transform: var(--ax-tt, uppercase); color: var(--ax-navy); }
.cxpi-h3 i { width: 40px; height: 40px; border-radius: calc(12px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-orl); color: var(--ax-or); font-size: calc(16px * var(--ax-fz, 1)); }
.cxpi-h3 small { padding: 3px 9px; border-radius: calc(8px * var(--ax-rs, 1)); background: var(--ax-bg); font-family: var(--cx-font); font-size: calc(12px * var(--ax-fz, 1)); font-weight: 800; color: var(--ax-muted); }
.cxpi-art > .cxpi-h3:first-child { margin-top: 0; }
.cxpi-prose { font-size: calc(16px * var(--ax-fz, 1)); line-height: 1.85; color: var(--ax-text); overflow-wrap: anywhere; }
.cxpi-prose > :first-child { margin-top: 0; }
.cxpi-prose > :last-child { margin-bottom: 0; }
.cxpi-prose p, .cxpi-prose div { margin: 0 0 14px; }
.cxpi-prose a { color: var(--ax-or2); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.cxpi-prose strong, .cxpi-prose b { color: var(--ax-ink); }
.cxpi-prose h2, .cxpi-prose h3, .cxpi-prose h4 { margin: 28px 0 12px; font-family: var(--ax-head); font-weight: 800; line-height: 1.25; color: var(--ax-navy); }
.cxpi-prose h2 { font-size: calc(22px * var(--ax-fzh, 1)); } .cxpi-prose h3 { font-size: calc(19px * var(--ax-fzh, 1)); } .cxpi-prose h4 { font-size: calc(17px * var(--ax-fzh, 1)); }
.cxpi-prose ul, .cxpi-prose ol { margin: 0 0 16px; padding-left: 22px; }
.cxpi-prose li { margin-bottom: 6px; }
.cxpi-prose li::marker { color: var(--ax-or); }
.cxpi-prose img { max-width: 100%; height: auto; border-radius: calc(18px * var(--ax-rs, 1)); }
.cxpi-prose blockquote { margin: 0 0 16px; padding: 16px 20px; border-left: 4px solid var(--ax-or); border-radius: 0 calc(16px * var(--ax-rs, 1)) calc(16px * var(--ax-rs, 1)) 0; background: var(--ax-orl); color: var(--ax-ink); }
.cxpi-prose table { width: 100%; margin: 0 0 16px; border-collapse: collapse; font-size: calc(14.5px * var(--ax-fz, 1)); display: block; overflow-x: auto; }
.cxpi-prose th, .cxpi-prose td { padding: 10px 14px; border: 1px solid var(--ax-line); text-align: left; }
.cxpi-prose th { background: var(--ax-navy); color: #fff; }
.cxpi-prose iframe { max-width: 100%; border: 0; border-radius: calc(18px * var(--ax-rs, 1)); }
.cxpi-prose--plain { white-space: pre-line; }

/* Türkü sözleri */
.cxpi-lyr { position: relative; overflow: hidden; padding: 30px 32px 28px; border-radius: calc(26px * var(--ax-rs, 1)); background: linear-gradient(170deg, #fbfefc, var(--ax-bg, #f4f8f4)); box-shadow: inset 0 0 0 1px var(--ax-line); }
.cxpi-lyr__h { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.cxpi-lyr__h h3 { margin: 0; font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(18px * var(--ax-fzh, 1)); text-transform: var(--ax-tt, uppercase); color: var(--ax-navy); }
.cxpi-lyr__ic { flex: none; width: 46px; height: 46px; border-radius: calc(14px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-navy); color: var(--ax-orlt, var(--ax-orlt, #bfe8c4)); font-size: calc(18px * var(--ax-fz, 1)); }
.cxpi-lyr__b { display: grid; gap: 14px; }
.cxpi-st { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 16px; padding: 16px 20px 16px 14px; border-radius: calc(20px * var(--ax-rs, 1)); background: #fff; box-shadow: 0 0 0 1.5px var(--cx-line, #e4e9e4); }
.cxpi-st__n { grid-row: 1 / span 2; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--ax-bg); color: var(--ax-navy); font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(14px * var(--ax-fzh, 1)); }
.cxpi-st p { grid-column: 2; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: calc(19px * var(--ax-fz, 1)); line-height: 1.8; color: var(--ax-ink); }
.cxpi-st p em { color: var(--ax-muted); font-size: calc(17px * var(--ax-fz, 1)); }
.cxpi-st--ch { background: var(--ax-orl); box-shadow: none; }
.cxpi-st--ch .cxpi-st__n { background: var(--ax-or); color: var(--ax-onor, #fff); font-size: calc(13px * var(--ax-fz, 1)); }
.cxpi-st__l { grid-column: 2; margin-bottom: 2px; font-size: calc(10.5px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--ax-or2); }
.cxpi-st--ch p { font-style: italic; color: #7a3d0c; }
.cxpi-lyr__m { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 0; padding-top: 18px; border-top: 1.5px dashed var(--ax-line); }
.cxpi-lyr__m div { display: flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: calc(12px * var(--ax-rs, 1)); background: #fff; box-shadow: 0 0 0 1.5px var(--cx-line, #e4e9e4); }
.cxpi-lyr__m dt { font-size: calc(11px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ax-muted); }
.cxpi-lyr__m dd { margin: 0; font-size: calc(13.5px * var(--ax-fz, 1)); font-weight: 800; color: var(--ax-navy); }

.cxpi-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.cxpi-file { margin-top: 26px; padding: 16px; border-radius: calc(22px * var(--ax-rs, 1)); background: var(--ax-bg); }
.cxpi-file__r { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.cxpi-file__ic { flex: none; width: 50px; height: 50px; border-radius: calc(15px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--kv-grad); color: #fff; font-size: calc(21px * var(--ax-fz, 1)); }
.cxpi-file__tx { flex: 1; min-width: 140px; line-height: 1.3; }
.cxpi-file__tx b { display: block; font-size: calc(15px * var(--ax-fz, 1)); font-weight: 800; color: var(--ax-ink); }
.cxpi-file__tx small { display: block; margin-top: 2px; font-size: calc(12.5px * var(--ax-fz, 1)); color: var(--ax-muted); }
.cxpi-file__b { display: flex; flex-wrap: wrap; gap: 8px; }
.cxpi-pv { margin-top: 14px; border-radius: calc(16px * var(--ax-rs, 1)); overflow: hidden; background: #fff; }
.cxpi-pv[hidden] { display: none; }
.cxpi-pv iframe { display: block; width: 100%; height: 700px; border: 0; }
.cxpi-gal__g { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.cxpi-gal__g li:first-child { grid-column: span 2; grid-row: span 2; }
.cxpi-gal__g a { display: block; height: 100%; min-height: 120px; overflow: hidden; border-radius: calc(18px * var(--ax-rs, 1)); }
.cxpi-gal__g img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.cxpi-gal__g a:hover img { transform: scale(1.06); }
.cxpi-lb { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(13, 37, 15, .92); }
.cxpi-lb[hidden] { display: none; }
.cxpi-lb img { max-width: min(92vw, 1400px); max-height: 88vh; border-radius: calc(16px * var(--ax-rs, 1)); box-shadow: 0 0 0 1.5px var(--cx-line, #e4e9e4); }
.cxpi-lb button { position: absolute; display: grid; place-items: center; width: 48px; height: 48px; border: 0; border-radius: calc(15px * var(--ax-rs, 1)); background: rgba(255, 255, 255, .16); color: #fff; font-size: calc(18px * var(--ax-fz, 1)); cursor: pointer; transition: background .2s; }
.cxpi-lb button:hover { background: var(--ax-or); }
.cxpi-lb__x { top: 18px; right: 18px; } .cxpi-lb__p { left: 18px; top: 50%; transform: translateY(-50%); } .cxpi-lb__n { right: 18px; top: 50%; transform: translateY(-50%); }
.cxpi-lb__c { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); padding: 6px 14px; border-radius: calc(999px * var(--ax-rs, 1)); background: rgba(255, 255, 255, .16); color: #fff; font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 700; }
.cxpi-pn { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 34px; padding-top: 26px; border-top: 1.5px dashed var(--ax-line); }
.cxpi-pn__a { display: flex; align-items: center; gap: 14px; min-height: 82px; padding: 14px 18px; border-radius: calc(20px * var(--ax-rs, 1)); background: var(--ax-bg); border: 1.5px solid transparent; transition: border-color .2s, background .2s; }
.cxpi-pn__a:hover { border-color: var(--ax-or); background: #fff; }
.cxpi-pn__a > i { flex: none; width: 42px; height: 42px; border-radius: calc(13px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-navy); color: #fff; font-size: calc(13px * var(--ax-fz, 1)); }
.cxpi-pn__a span { min-width: 0; }
.cxpi-pn__a small { display: block; font-size: calc(10.5px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ax-or); }
.cxpi-pn__a b { display: block; margin-top: 3px; font-size: calc(14px * var(--ax-fz, 1)); font-weight: 800; line-height: 1.35; color: var(--ax-ink); }
.cxpi-pn__a--next { justify-content: flex-end; text-align: right; }

/* ── Yan sütun ───────────────────────────────────────────────────────── */
.cxpi__side > * + * { margin-top: 24px; }
.cxpi-recent { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.cxpi-recent a { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: calc(16px * var(--ax-rs, 1)); transition: background .2s; }
.cxpi-recent a:hover { background: var(--ax-bg); }
.cxpi-recent__img { flex: none; width: 70px; height: 56px; overflow: hidden; border-radius: calc(13px * var(--ax-rs, 1)); display: grid; place-items: center; color: #fff; font-size: calc(18px * var(--ax-fz, 1)); }
.cxpi-recent__img img { width: 100%; height: 100%; object-fit: cover; }
.cxpi-recent__tx { min-width: 0; line-height: 1.3; }
.cxpi-recent__tx b { display: block; font-size: calc(13.5px * var(--ax-fz, 1)); font-weight: 800; color: var(--ax-ink); }
.cxpi-recent__tx small { display: flex; align-items: center; gap: 6px; margin-top: 4px; font-size: calc(11.5px * var(--ax-fz, 1)); color: var(--ax-muted); }
.cxpi-recent__tx small i { color: var(--ax-or); }
.cxpi-recent__all { margin: 14px 0 0; text-align: right; }
.cxpi-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; padding: 0; list-style: none; }
.cxpi-tile { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: flex-end; height: 112px; padding: 10px 12px; border-radius: calc(18px * var(--ax-rs, 1)); color: #fff; background-color: var(--ax-navy2, #123a17); }
.cxpi-tile img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.cxpi-tile:hover img { transform: scale(1.06); }
.cxpi-tile::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(0deg, rgba(19, 48, 21, .85), rgba(19, 48, 21, 0) 65%); }
.cxpi-tile.cxpi-t0::after, .cxpi-tile.cxpi-t1::after, .cxpi-tile.cxpi-t2::after, .cxpi-tile.cxpi-t3::after, .cxpi-tile.cxpi-t4::after, .cxpi-tile.cxpi-t5::after { display: none; }
.cxpi-tile__ic { position: absolute; z-index: -1; right: -6px; top: -4px; font-size: calc(54px * var(--ax-fz, 1)); opacity: .2; }
.cxpi-tile b { font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 800; line-height: 1.25; }
.cxpi-pl { overflow: hidden; padding: 24px 18px 18px; border-radius: calc(26px * var(--ax-rs, 1)); background: var(--kv-grad); color: #fff; }
.cxpi-pl__h { display: flex; align-items: center; gap: 12px; margin: 0 4px 14px; }
.cxpi-pl__h h3 { margin: 0; font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(16px * var(--ax-fzh, 1)); text-transform: var(--ax-tt, uppercase); }
.cxpi-pl__ic { flex: none; width: 42px; height: 42px; border-radius: calc(13px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-or); font-size: calc(16px * var(--ax-fz, 1)); }
.cxpi-pl ol { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.cxpi-pl a { display: flex; align-items: center; gap: 12px; padding: 9px 10px; border-radius: calc(14px * var(--ax-rs, 1)); transition: background .2s; }
.cxpi-pl a:hover { background: rgba(255, 255, 255, .08); }
.cxpi-pl__n { flex: none; width: 30px; font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(13px * var(--ax-fzh, 1)); color: var(--ax-orlt, var(--ax-orlt, #bfe8c4)); }
.cxpi-pl__t { flex: 1; min-width: 0; line-height: 1.25; }
.cxpi-pl__t b { display: block; font-size: calc(13.5px * var(--ax-fz, 1)); font-weight: 800; }
.cxpi-pl__t small { display: block; margin-top: 2px; font-size: calc(11.5px * var(--ax-fz, 1)); color: #b2d2b5; }
.cxpi-pl a > i { flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .1); font-size: calc(10px * var(--ax-fz, 1)); color: var(--ax-orlt, var(--ax-orlt, #bfe8c4)); }
.cxpi-pl__all { display: inline-flex; align-items: center; gap: 8px; margin: 12px 10px 4px; font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 800; color: var(--ax-orlt, var(--ax-orlt, #bfe8c4)); }

/* ── İlgili kayıtlar ─────────────────────────────────────────────────── */
.cxpi-rel { margin-top: 56px; }
.cxpi-rel__g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.cxpi-rc { position: relative; overflow: hidden; border-radius: calc(26px * var(--ax-rs, 1)); background: #fff; box-shadow: var(--cx-shadow-sm); transition: transform .25s, box-shadow .25s; }
.cxpi-rc:hover { transform: translateY(-4px); box-shadow: 0 0 0 1.5px var(--kv-gm, #237a2e); }
.cxpi-rc__img { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; overflow: hidden; color: #fff; font-size: calc(30px * var(--ax-fz, 1)); }
.cxpi-rc__img img { width: 100%; height: 100%; object-fit: cover; }
.cxpi-rc__b { padding: 16px 20px 20px; }
.cxpi-rc__t { margin: 0; font-size: calc(15.5px * var(--ax-fz, 1)); font-weight: 800; line-height: 1.35; color: var(--ax-ink); }
.cxpi-rc__t a::after { content: ""; position: absolute; inset: 0; }
.cxpi-rc__x { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 8px 0 0; font-size: calc(13px * var(--ax-fz, 1)); line-height: 1.55; color: var(--ax-muted); }

/* ── Duyarlı ──────────────────────────────────────────────────────────── */
@media (max-width: 1280px) {
  .cxpi__grid { grid-template-columns: minmax(0, 1fr) 300px; gap: 26px; }
  .cxpi-grid, .cxpi-names { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cxpi-vns { grid-template-columns: minmax(0, 1fr); }
  .cxpi-ct { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cxpi-hds { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cxpi-wds { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cxpi-hg { grid-template-columns: minmax(0, 1fr); }
  .cxpi-sea { flex-direction: column; align-items: stretch; }
  .cxpi-sea__st { width: auto; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cxpi-sea__st li.is-big { grid-column: auto; }
}
@media (max-width: 1000px) {
  .cxpi__grid { grid-template-columns: minmax(0, 1fr); }
  .cxpi__side { position: static; }
  .cxpi-mz { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 240px; }
  .cxpi-mt--big { grid-column: 1 / -1; grid-row: span 1; }
  .cxpi-mt--big .cxpi-mt__tx h3 { font-size: calc(26px * var(--ax-fz, 1)); }
  .cxpi-mt--s2, .cxpi-mt--s3 { grid-column: 1 / -1; }
  .cxpi-rel__g { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .cxpi { padding-top: 28px; }
  .cxpi--full { padding-top: 0; }
  .cxpi-bar { flex-wrap: wrap; }
  .cxpi-bar__n { min-width: 0; height: 46px; padding: 0 12px; }
  .cxpi-search { flex: 1 1 calc(100% - 110px); }
  .cxpi-search input, .cxpi-sort .cxp-in, .cxpi-bar .cxp-btn { height: 46px; }
  .cxpi-sort { flex: 1 1 auto; width: auto; }
  .cxpi-grid, .cxpi-names, .cxpi-ct, .cxpi-hds, .cxpi-wds, .cxpi-rel__g { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .cxpi-mz { grid-template-columns: minmax(0, 1fr); grid-auto-rows: 230px; gap: 14px; }
  .cxpi-mt, .cxpi-ct__a, .cxpi-hd, .cxpi-wd { border-radius: calc(24px * var(--ax-rs, 1)); }
  .cxpi-mt--big .cxpi-mt__tx { left: 22px; right: 18px; bottom: 20px; }
  .cxpi-mt--big .cxpi-mt__tx h3 { font-size: calc(22px * var(--ax-fz, 1)); }
  .cxpi-ct__a { min-height: 170px; }
  .cxpi-sea { margin-top: 28px; padding: 28px 22px; border-radius: calc(26px * var(--ax-rs, 1)); }
  .cxpi-sea h2 { font-size: calc(28px * var(--ax-fzh, 1)); }
  .cxpi-sea__st { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cxpi-sea__st li.is-big { grid-column: 1 / -1; }
  .cxpi-row { flex-wrap: wrap; gap: 12px; padding: 12px; }
  .cxpi-row__date { width: 60px; height: 66px; }
  .cxpi-row__img { display: none; }
  .cxpi-row__act { width: 100%; justify-content: flex-end; }
  .cxpi-row__act .cxpi-go { display: none; }
  .cxpi-vn { gap: 14px; padding: 12px; }
  .cxpi-vn__disc { width: 64px; height: 64px; }
  .cxpi-vn__go { display: none; }
  .cxpi-art { padding: 24px 18px 28px; border-radius: calc(24px * var(--ax-rs, 1)); }
  .cxpi-art__t { font-size: calc(23px * var(--ax-fzh, 1)); }
  .cxpi-art__meta { flex-direction: column; align-items: flex-start; }
  .cxpi-couple { flex-direction: column; gap: 12px; padding: 26px 18px 92px; }
  .cxpi-couple__p b { font-size: calc(25px * var(--ax-fz, 1)); }
  .cxpi-couple__dt { top: auto; bottom: 16px; right: 50%; transform: translateX(50%); }
  .cxpi-guide { padding: 18px 14px 14px; }
  .cxpi-guide li { flex-wrap: wrap; }
  .cxpi-guide__tel { width: 100%; justify-content: center; }
  .cxpi-lyr { padding: 22px 14px 20px; border-radius: calc(22px * var(--ax-rs, 1)); }
  .cxpi-st { grid-template-columns: 30px minmax(0, 1fr); column-gap: 12px; padding: 14px 14px 14px 10px; }
  .cxpi-st__n { width: 30px; height: 30px; font-size: calc(12.5px * var(--ax-fzh, 1)); }
  .cxpi-st p { font-size: calc(17px * var(--ax-fz, 1)); line-height: 1.75; }
  .cxpi-prose { font-size: calc(15.5px * var(--ax-fz, 1)); }
  .cxpi-gal__g { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cxpi-pv iframe { height: 520px; }
  .cxpi-pn { grid-template-columns: minmax(0, 1fr); }
  .cxpi-pn > span:empty { display: none; }
  .cxpi-lb button { width: 42px; height: 42px; }
}