/* ==========================================================================
   Kovanlık Belediyesi — MEGA MENÜ · her menüye özel kurumsal paneller (partials/cx/mega-ozel.php)
   Renk: logodaki koyu yeşil (--pm-d) + fındık tonu (--pm-a); Tema Stüdyosu › Mega Menü'den değişir.
   ========================================================================== */
.kv-pm { --pm-d: var(--ax-mg-dark, #0b3022); --pm-a: var(--ax-mg-acc, #c9a36b); --pm-at: color-mix(in srgb, var(--pm-a) 62%, #3a2a0e); --pm-l: var(--ax-line, #e4e9e4); color: var(--ax-ink, #14241a); text-align: left; }
.kv-pm .cx-mega__in { position: relative; display: grid; gap: 0; padding: 0; overflow: hidden; border: 0; border-radius: 0 0 calc(22px * var(--ax-rs, 1)) calc(22px * var(--ax-rs, 1)); background: #fff; box-shadow: 0 50px 90px -34px rgba(4, 22, 13, .78); }
.kv-pm .cx-mega__in::before { content: ""; position: absolute; left: 0; right: 0; top: 0; z-index: 5; height: 3px; background: linear-gradient(90deg, var(--pm-a), color-mix(in srgb, var(--pm-a) 25%, transparent)); }
.kv-pm ul, .kv-pm ol { margin: 0; padding: 0; list-style: none; }
.kv-pm .cx-mega__list { display: block; padding: 0; }
.kv-pm .cx-mega__list a { padding: 0; border-radius: 0; background: none; font-weight: inherit; font-size: inherit; color: inherit; }
.kv-pm .cx-mega__list a:hover { background: none; }
.kv-pm .cx-mega__list a i { width: auto; color: inherit; font-size: inherit; }
.pm-k { display: block; font-family: var(--ax-head); font-size: calc(11px * var(--ax-fzh, 1)); font-weight: 700; line-height: 1.3; letter-spacing: .18em; text-transform: uppercase; color: var(--pm-a); }
.pm-k--k { color: var(--pm-at); }
.pm-all { display: inline-flex; align-items: center; gap: 9px; font-size: calc(13px * var(--ax-fz, 1)); font-weight: 700; color: var(--kv-g); white-space: nowrap; }
.pm-all i { font-size: calc(11px * var(--ax-fz, 1)); color: var(--pm-at); transition: transform .2s; }
.pm-all:hover i { transform: translateX(4px); }
.pm-btn { display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 20px; border-radius: calc(4px * var(--ax-rs, 1)); background: var(--kv-ac); color: #fff; font-size: calc(13px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .02em; transition: filter .2s; }
.pm-btn:hover { filter: brightness(1.08); }
.pm-btn i { font-size: calc(11px * var(--ax-fz, 1)); }
.pm-btn--line { border: 1.5px solid color-mix(in srgb, var(--pm-a) 75%, transparent); background: none; color: #fff; }
.pm-btn--line:hover { background: var(--pm-a); border-color: var(--pm-a); color: var(--ax-ink, #14241a); filter: none; }
.pm-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 2px solid var(--kv-g); }
.pm-h b { font-family: var(--ax-head); font-size: calc(13px * var(--ax-fzh, 1)); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--kv-g); }
.pm-h a { display: inline-flex; align-items: center; gap: 7px; font-size: calc(12px * var(--ax-fz, 1)); font-weight: 700; color: var(--pm-at); }
.pm-h a i { font-size: calc(10px * var(--ax-fz, 1)); }
.pm-d { flex: none; width: 52px; height: 56px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--pm-l); border-top: 3px solid var(--kv-g); border-radius: calc(2px * var(--ax-rs, 1)); background: #fff; color: var(--kv-g); }
.pm-d b { font-family: var(--ax-head); font-size: calc(19px * var(--ax-fzh, 1)); font-weight: 800; line-height: 1; }
.pm-d small { margin-top: 4px; font-size: calc(10px * var(--ax-fz, 1)); font-weight: 700; line-height: 1; letter-spacing: .06em; color: var(--ax-muted, #5f7566); }

/* ══ BAŞKAN: koyu editoryal alan ══ */
.kv-pm--baskan .cx-mega__in { grid-template-columns: 400px minmax(0, 1fr) 450px; min-height: 420px; background: radial-gradient(620px 460px at 13% 100%, color-mix(in srgb, var(--kv-gm) 62%, transparent) 0, transparent 74%), var(--pm-d); color: #fff; }
.pmb-p { position: relative; overflow: hidden; }
.pmb-h { position: absolute; left: 50%; bottom: -130px; width: 430px; height: 430px; margin-left: -215px; border: 1.5px solid color-mix(in srgb, var(--pm-a) 75%, transparent); border-radius: 50%; }
.pmb-h--2 { bottom: -190px; width: 560px; height: 560px; margin-left: -280px; border-color: color-mix(in srgb, var(--pm-a) 28%, transparent); }
.pmb-p img { position: absolute; left: 50%; bottom: 0; height: 398px; width: auto; max-width: none; transform: translateX(-50%); }
.pmb-t { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 40px 44px 40px 10px; }
.pmb-n { margin-top: 12px; font-family: var(--ax-head); font-size: calc(42px * var(--ax-fzh, 1)); font-weight: 800; line-height: 1.08; letter-spacing: -.02em; color: #fff; }
.pmb-q { margin: 22px 0 0; padding: 0 0 0 18px; border-left: 2px solid var(--pm-a); font-size: calc(16.5px * var(--ax-fz, 1)); font-weight: 500; line-height: 1.65; color: rgba(255, 255, 255, .9); }
.pmb-s { margin-top: 20px; font-family: var(--kv-script); font-size: calc(42px * var(--ax-fz, 1)); line-height: 1; color: var(--pm-a); }
.kv-pm .pmb-l { align-self: center; padding: 30px 40px 30px 0; }
.pmb-l li { border-top: 1px solid rgba(255, 255, 255, .16); }
.pmb-l li:last-child { border-bottom: 1px solid rgba(255, 255, 255, .16); }
.kv-pm .pmb-l a { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; min-height: 66px; font-size: calc(16px * var(--ax-fz, 1)); font-weight: 600; color: #fff; transition: padding .22s, color .22s; }
.pmb-l em { font-family: var(--ax-head); font-size: calc(12px * var(--ax-fzh, 1)); font-weight: 700; font-style: normal; letter-spacing: .08em; color: var(--pm-a); }
.kv-pm .pmb-l a > i { font-size: calc(12px * var(--ax-fz, 1)); color: var(--pm-a); opacity: 0; transform: translateX(-8px); transition: opacity .22s, transform .22s; }
.kv-pm .pmb-l a:hover { padding-left: 10px; color: var(--pm-a); }
.kv-pm .pmb-l a:hover > i { opacity: 1; transform: none; }

/* ══ KURUMSAL: yapı sütunları + künye ══ */
.kv-pm--kurumsal .cx-mega__in { grid-template-columns: minmax(0, 1fr) 372px; }
.pmk-m { min-width: 0; padding: 34px 40px 36px; }
.pmk-h, .pmh-h { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.pmk-h b, .pmh-h b { display: block; margin-top: 7px; font-family: var(--ax-head); font-size: calc(29px * var(--ax-fzh, 1)); font-weight: 800; line-height: 1.1; letter-spacing: -.015em; color: var(--kv-g); }
.pmk-c { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 34px; margin-top: 26px; }
.pmk-s h4 { display: flex; align-items: center; gap: 10px; margin: 0; padding-bottom: 12px; border-bottom: 2px solid var(--kv-g); font-family: var(--ax-head); font-size: calc(13px * var(--ax-fzh, 1)); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--kv-g); }
.pmk-s h4 i { font-size: calc(15px * var(--ax-fz, 1)); color: var(--pm-at); }
.pmk-s li { border-bottom: 1px solid var(--pm-l); }
.kv-pm .pmk-s a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 68px; color: var(--ax-ink, #14241a); transition: padding .2s, color .2s; }
.pmk-s b { display: block; font-size: calc(15px * var(--ax-fz, 1)); font-weight: 700; line-height: 1.25; }
.pmk-s small { display: block; margin-top: 3px; font-size: calc(12.5px * var(--ax-fz, 1)); color: var(--ax-muted, #5f7566); }
.kv-pm .pmk-s a > i { flex: none; font-size: calc(11px * var(--ax-fz, 1)); color: var(--pm-at); opacity: 0; transition: opacity .2s; }
.kv-pm .pmk-s a:hover { padding-left: 6px; color: var(--kv-g); }
.kv-pm .pmk-s a:hover > i { opacity: 1; }
.pmk-k { display: flex; flex-direction: column; padding: 30px 34px; background: var(--pm-d); color: #fff; }
.pmk-lg { display: block; width: 92px; height: 92px; margin-bottom: 18px; }
.pmk-lg img { width: 100%; height: 100%; object-fit: contain; }
.pmk-k dl { margin: 12px 0 0; }
.pmk-k dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, .16); }
.pmk-k dt { font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 500; color: rgba(255, 255, 255, .7); }
.pmk-k dd { margin: 0; font-size: calc(14px * var(--ax-fz, 1)); font-weight: 700; text-align: right; }

/* ══ HİZMETLER: katalog + online işlemler ══ */
.kv-pm--hizmet .cx-mega__in { grid-template-columns: minmax(0, 1fr) 372px; }
.pmh-m { min-width: 0; padding: 34px 40px 36px; }
.pmh-f { display: flex; align-items: center; flex: 0 1 420px; height: 48px; padding: 0 5px 0 16px; border: 1.5px solid var(--kv-ln2); border-radius: calc(4px * var(--ax-rs, 1)); background: #fff; transition: border-color .2s; }
.pmh-f:focus-within { border-color: var(--kv-g); }
.pmh-f > i { flex: none; margin-right: 10px; font-size: calc(14px * var(--ax-fz, 1)); color: var(--kv-g); }
.pmh-f input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: none; color: var(--ax-ink, #14241a); font: inherit; font-size: calc(14px * var(--ax-fz, 1)); }
.pmh-f button { flex: none; height: 36px; padding: 0 16px; border: 0; border-radius: calc(3px * var(--ax-rs, 1)); background: var(--kv-g); color: #fff; font: inherit; font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 800; cursor: pointer; }
.kv-pm .pmh-g { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 24px; border-top: 1px solid var(--pm-l); border-left: 1px solid var(--pm-l); }
.pmh-g li { border-right: 1px solid var(--pm-l); border-bottom: 1px solid var(--pm-l); }
.kv-pm .pmh-g a { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; height: 100%; min-height: 136px; padding: 20px 20px 18px; color: var(--ax-ink, #14241a); transition: background .22s, color .22s; }
.pmh-i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--ax-orl, #e8f3e8); color: var(--kv-g); font-size: calc(17px * var(--ax-fz, 1)); transition: background .22s, color .22s; }
.pmh-i img { width: 22px; height: 22px; object-fit: contain; }
.pmh-x b { display: block; font-size: calc(14.5px * var(--ax-fz, 1)); font-weight: 700; line-height: 1.25; }
.pmh-x small { display: block; margin-top: 3px; font-size: calc(12px * var(--ax-fz, 1)); color: var(--ax-muted, #5f7566); transition: color .22s; }
.kv-pm .pmh-g a:hover { background: var(--kv-g); color: #fff; }
.pmh-g a:hover .pmh-i { background: rgba(255, 255, 255, .16); color: #fff; }
.pmh-g a:hover small { color: rgba(255, 255, 255, .82); }
.kv-pm .pmh-all a { flex-direction: row; align-items: center; justify-content: space-between; background: var(--pm-d); color: #fff; }
.pmh-all b { font-family: var(--ax-head); font-size: calc(15px * var(--ax-fzh, 1)); font-weight: 800; }
.kv-pm .pmh-all a > i { font-size: calc(13px * var(--ax-fz, 1)); color: var(--pm-a); }
.kv-pm .pmh-all a:hover { background: var(--kv-g); }
.pmh-e { display: flex; flex-direction: column; align-items: flex-start; padding: 34px 34px 32px; background: radial-gradient(420px 300px at 100% 0, color-mix(in srgb, var(--kv-gm) 55%, transparent) 0, transparent 76%), var(--pm-d); color: #fff; }
.pmh-e > b { margin-top: 12px; font-family: var(--ax-head); font-size: calc(23px * var(--ax-fzh, 1)); font-weight: 800; line-height: 1.2; letter-spacing: -.01em; }
.pmh-e p { margin: 10px 0 0; font-size: calc(13.5px * var(--ax-fz, 1)); line-height: 1.55; color: rgba(255, 255, 255, .85); }
.pmh-e ul { margin-top: 16px; }
.pmh-e li { display: flex; align-items: center; gap: 10px; padding: 7px 0; font-size: calc(13.5px * var(--ax-fz, 1)); font-weight: 500; }
.pmh-e li i { flex: none; font-size: calc(11px * var(--ax-fz, 1)); color: var(--pm-a); }
.pmh-e .pm-btn { margin-top: auto; }

/* ══ KOVANLIK'TA YAŞAM: açılan fotoğraf panelleri ══ */
.kv-pm--kovanlik .cx-mega__in { grid-template-columns: 340px minmax(0, 1fr); height: 420px; background: var(--pm-d); color: #fff; }
.pmy-i { display: flex; flex-direction: column; align-items: flex-start; padding: 40px 34px 34px; }
.pmy-i > b { margin-top: 14px; font-family: var(--ax-head); font-size: calc(28px * var(--ax-fzh, 1)); font-weight: 800; line-height: 1.18; letter-spacing: -.015em; }
.pmy-i p { margin: 12px 0 0; font-size: calc(14px * var(--ax-fz, 1)); line-height: 1.6; color: rgba(255, 255, 255, .86); }
.pmy-i .pm-btn { margin-top: auto; }
.kv-pm .pmy-p { display: flex; flex-direction: row; height: 100%; min-width: 0; overflow: hidden; }
.pmy-p li { position: relative; flex: 1 1 0; min-width: 0; overflow: hidden; border-left: 1px solid rgba(255, 255, 255, .22); transition: flex-grow .45s cubic-bezier(.2, .7, .2, 1); }
.pmy-p li:hover, .pmy-p li:focus-within { flex-grow: 2.6; }
.kv-pm .pmy-p a { display: block; width: 100%; height: 100%; color: #fff; }
.pmy-p img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform .6s ease; }
.pmy-p li:hover img { transform: scale(1.05); }
.pmy-p a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5, 26, 16, .9) 0, rgba(5, 26, 16, .12) 58%); }
.pmy-p span { position: absolute; left: 16px; right: 12px; bottom: 20px; z-index: 2; display: block; }
.pmy-p em { display: block; font-family: var(--ax-head); font-size: calc(11px * var(--ax-fzh, 1)); font-weight: 700; font-style: normal; letter-spacing: .1em; color: var(--pm-a); }
.pmy-p b { display: block; margin-top: 6px; font-family: var(--ax-head); font-size: calc(15px * var(--ax-fzh, 1)); font-weight: 800; line-height: 1.22; }

/* ══ GÜNCEL: haber odası ══ */
.kv-pm--guncel .cx-mega__in { display: block; }
.pmg-s { padding: 3px 30px 0; background: var(--pm-d); }
.kv-pm .pmg-s ul { display: flex; flex-direction: row; justify-content: space-between; gap: 4px; }
.kv-pm .pmg-s a { position: relative; display: flex; align-items: center; gap: 9px; height: 54px; padding: 0 10px; font-size: calc(13.5px * var(--ax-fz, 1)); font-weight: 600; color: #fff; white-space: nowrap; transition: color .2s; }
.kv-pm .pmg-s a i { font-size: calc(14px * var(--ax-fz, 1)); color: var(--pm-a); }
.pmg-s a::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 0; height: 3px; background: var(--pm-a); transform: scaleX(0); transform-origin: left; transition: transform .22s; }
.kv-pm .pmg-s a:hover { color: var(--pm-a); }
.pmg-s a:hover::after { transform: scaleX(1); }
.pmg-b { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 34px; padding: 28px 40px 32px; }
.pmg-l { position: relative; display: block; height: 306px; overflow: hidden; border-radius: calc(4px * var(--ax-rs, 1)); background: var(--pm-d); color: #fff; }
.pmg-l img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; transition: transform .6s ease; }
.pmg-l:hover img { transform: scale(1.04); }
.pmg-l::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5, 26, 16, .97) 0, rgba(5, 26, 16, .86) 38%, rgba(5, 26, 16, .06) 74%); }
.pmg-lt { position: absolute; left: 22px; right: 22px; bottom: 20px; z-index: 2; display: block; }
.pmg-lt b { display: block; margin-top: 8px; font-family: var(--ax-head); font-size: calc(19px * var(--ax-fzh, 1)); font-weight: 800; line-height: 1.28; }
.pmg-lt em { display: block; margin-top: 8px; font-size: calc(12px * var(--ax-fz, 1)); font-style: normal; font-weight: 600; color: rgba(255, 255, 255, .8); }
.pmg-n li, .pmg-i li { border-bottom: 1px solid var(--pm-l); }
.pmg-n li a, .pmg-i li a { display: flex; align-items: center; gap: 14px; min-height: 86px; padding: 10px 0; color: var(--ax-ink, #14241a); transition: color .2s; }
.pmg-n li a:hover, .pmg-i li a:hover { color: var(--kv-g); }
.pmg-n img { flex: none; width: 92px; height: 66px; border-radius: calc(3px * var(--ax-rs, 1)); object-fit: cover; }
.pmg-n span, .pmg-i span:last-child { flex: 1; min-width: 0; }
.pmg-n li b, .pmg-i li b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: calc(13.5px * var(--ax-fz, 1)); font-weight: 700; line-height: 1.35; }
.pmg-n small { display: block; margin-top: 4px; font-size: calc(11.5px * var(--ax-fz, 1)); font-weight: 600; color: var(--ax-muted, #5f7566); }
.pmg-i span:last-child small { display: block; margin-bottom: 3px; font-size: calc(10.5px * var(--ax-fz, 1)); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--pm-at); }

/* ══ PROJELER: sayılar + kartlar ══ */
.kv-pm--proje .cx-mega__in { grid-template-columns: 380px minmax(0, 1fr); min-height: 420px; }
.pmp-s { display: flex; flex-direction: column; padding: 38px 36px 30px; background: var(--pm-d); color: #fff; }
.pmp-s > b { margin-top: 12px; font-family: var(--ax-head); font-size: calc(29px * var(--ax-fzh, 1)); font-weight: 800; line-height: 1.1; letter-spacing: -.015em; }
.pmp-s > p { margin: 10px 0 0; font-size: calc(13.5px * var(--ax-fz, 1)); line-height: 1.55; color: rgba(255, 255, 255, .85); }
.kv-pm .pmp-s ul { margin-top: auto; padding-top: 18px; }
.pmp-s li { border-top: 1px solid rgba(255, 255, 255, .16); }
.kv-pm .pmp-s a { display: grid; grid-template-columns: 62px minmax(0, 1fr) auto; align-items: center; min-height: 54px; font-size: calc(13.5px * var(--ax-fz, 1)); font-weight: 600; color: #fff; transition: color .2s; }
.pmp-s a b { font-family: var(--ax-head); font-size: calc(28px * var(--ax-fzh, 1)); font-weight: 800; line-height: 1; color: var(--pm-a); }
.kv-pm .pmp-s a > i { font-size: calc(11px * var(--ax-fz, 1)); color: var(--pm-a); }
.kv-pm .pmp-s a:hover { color: var(--pm-a); }
.pmp-c { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 1px; min-width: 0; background: var(--pm-d); }
.pmp-c > a { position: relative; display: block; overflow: hidden; background: var(--pm-d); color: #fff; }
.pmp-c img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.pmp-c img.is-logo { inset: 26% 22% auto; width: 56%; height: auto; object-fit: contain; }
.pmp-c > a:hover img { transform: scale(1.05); }
.pmp-c > a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5, 26, 16, .94) 0, rgba(5, 26, 16, .06) 60%); }
.pmp-c span { position: absolute; left: 22px; right: 22px; bottom: 22px; z-index: 2; display: block; }
.pmp-c small { display: inline-block; margin-bottom: 8px; padding: 4px 9px; border-radius: calc(2px * var(--ax-rs, 1)); background: var(--pm-a); color: var(--ax-ink, #14241a); font-size: calc(10px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .08em; }
.pmp-c b { display: block; font-family: var(--ax-head); font-size: calc(16.5px * var(--ax-fzh, 1)); font-weight: 800; line-height: 1.28; }
.pmp-c em { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; font-size: calc(12.5px * var(--ax-fz, 1)); font-style: normal; font-weight: 700; color: var(--pm-a); }
.pmp-c em i { font-size: calc(10px * var(--ax-fz, 1)); }

/* ══ İLETİŞİM ══ */
.kv-pm--iletisim .cx-mega__in { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, .92fr); min-height: 400px; }
.pmi-t { padding: 40px 40px 34px; background: var(--pm-d); color: #fff; }
.pmi-ph { display: block; margin-top: 14px; font-family: var(--ax-head); font-size: calc(42px * var(--ax-fzh, 1)); font-weight: 800; line-height: 1.05; letter-spacing: -.02em; color: #fff; white-space: nowrap; transition: color .2s; }
.pmi-ph:hover { color: var(--pm-a); }
.pmi-t ul { margin-top: 26px; }
.pmi-t li { display: flex; align-items: flex-start; gap: 13px; padding: 12px 0; border-top: 1px solid rgba(255, 255, 255, .16); font-size: calc(14px * var(--ax-fz, 1)); font-weight: 500; line-height: 1.45; }
.pmi-t li i { flex: none; width: 18px; margin-top: 3px; text-align: center; font-size: calc(14px * var(--ax-fz, 1)); color: var(--pm-a); }
.pmi-t li a:hover { color: var(--pm-a); }
.kv-pm .pmi-a { align-self: center; padding: 20px 36px; }
.pmi-a li + li { border-top: 1px solid var(--pm-l); }
.kv-pm .pmi-a a { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; align-items: center; min-height: 70px; color: var(--ax-ink, #14241a); transition: color .2s, padding .2s; }
.pmi-ic { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--ax-orl, #e8f3e8); color: var(--kv-g); font-size: calc(15px * var(--ax-fz, 1)); }
.pmi-a b { display: block; font-size: calc(15px * var(--ax-fz, 1)); font-weight: 700; line-height: 1.25; }
.pmi-a small { display: block; margin-top: 2px; font-size: calc(12.5px * var(--ax-fz, 1)); color: var(--ax-muted, #5f7566); }
.kv-pm .pmi-a a > i { font-size: calc(11px * var(--ax-fz, 1)); color: var(--pm-at); opacity: 0; transition: opacity .2s; }
.kv-pm .pmi-a a:hover { padding-left: 6px; color: var(--kv-g); }
.kv-pm .pmi-a a:hover > i { opacity: 1; }
.pmi-m { position: relative; display: block; overflow: hidden; background: var(--pm-d); color: #fff; }
.pmi-m img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.pmi-m:hover img { transform: scale(1.04); }
.pmi-m::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5, 26, 16, .9) 0, rgba(5, 26, 16, .05) 58%); }
.pmi-m span { position: absolute; left: 26px; right: 26px; bottom: 26px; z-index: 2; display: block; }
.pmi-m span > i { display: block; font-size: calc(24px * var(--ax-fz, 1)); color: var(--pm-a); }
.pmi-m b { display: block; margin-top: 10px; font-family: var(--ax-head); font-size: calc(18px * var(--ax-fzh, 1)); font-weight: 800; line-height: 1.25; }
.pmi-m em { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; font-size: calc(13px * var(--ax-fz, 1)); font-style: normal; font-weight: 700; color: var(--pm-a); }
.pmi-m em i { font-size: calc(10px * var(--ax-fz, 1)); }

/* ══ Dar masaüstü ══ */
@media (max-width: 1500px) {
  .kv-pm--baskan .cx-mega__in { grid-template-columns: 330px minmax(0, 1fr) 380px; }
  .pmb-p img { height: 360px; }
  .pmb-n { font-size: calc(36px * var(--ax-fz, 1)); }
  .pmb-q { font-size: calc(15px * var(--ax-fz, 1)); }
  .pmk-m, .pmh-m { padding: 28px 28px 30px; }
  .pmk-c { gap: 0 24px; }
  .kv-pm--kurumsal .cx-mega__in, .kv-pm--hizmet .cx-mega__in { grid-template-columns: minmax(0, 1fr) 320px; }
  .pmk-k, .pmh-e { padding: 26px 26px; }
  .kv-pm .pmh-g a { min-height: 124px; padding: 16px 14px; }
  .kv-pm--kovanlik .cx-mega__in { grid-template-columns: 290px minmax(0, 1fr); }
  .pmy-i { padding: 32px 26px 28px; }
  .pmy-i > b { font-size: calc(24px * var(--ax-fz, 1)); }
  .pmy-p b { font-size: calc(13.5px * var(--ax-fz, 1)); }
  .pmy-p span { left: 12px; right: 8px; }
  .pmg-b { gap: 24px; padding: 24px 28px 28px; }
  .kv-pm .pmg-s a { padding: 0 6px; font-size: calc(13px * var(--ax-fz, 1)); }
  .kv-pm--proje .cx-mega__in { grid-template-columns: 320px minmax(0, 1fr); }
  .pmi-ph { font-size: calc(34px * var(--ax-fz, 1)); }
  .pmi-t { padding: 34px 30px 28px; }
  .kv-pm .pmi-a { padding: 16px 26px; }
}
@media (max-width: 1320px) {
  .kv-pm--baskan .cx-mega__in { grid-template-columns: 270px minmax(0, 1fr) 320px; }
  .pmb-p img { height: 320px; }
  .pmb-t { padding: 30px 26px 30px 6px; }
  .pmb-n { font-size: calc(30px * var(--ax-fz, 1)); }
  .kv-pm .pmb-l { padding: 22px 26px 22px 0; }
  .kv-pm .pmb-l a { min-height: 56px; font-size: calc(14.5px * var(--ax-fz, 1)); }
  .pmk-h b, .pmh-h b { font-size: calc(24px * var(--ax-fz, 1)); }
  .pmk-s b { font-size: calc(14px * var(--ax-fz, 1)); }
  .kv-pm--kurumsal .cx-mega__in, .kv-pm--hizmet .cx-mega__in { grid-template-columns: minmax(0, 1fr) 280px; }
  .kv-pm .pmh-g { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .pmh-x small { display: none; }
  .pmh-e > b { font-size: calc(20px * var(--ax-fz, 1)); }
  .pmh-f { flex-basis: 300px; }
  .kv-pm--kovanlik .cx-mega__in { grid-template-columns: 250px minmax(0, 1fr); }
  .pmy-p em { display: none; }
  .pmg-b { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .pmg-i { display: none; }
  .kv-pm .pmg-s ul { overflow: hidden; }
  .kv-pm .pmg-s a span { font-size: calc(12.5px * var(--ax-fz, 1)); }
  .kv-pm .pmg-s a i { display: none; }
  .pmp-c > a:nth-child(n+4) { display: none; }
  .kv-pm--iletisim .cx-mega__in { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, .7fr); }
  .pmi-ph { font-size: calc(29px * var(--ax-fz, 1)); }
}

/* ── Menü Yöneticisi'nde öğeye simge verilirse özel panellerde de görünür (06.11.2026): Başkan listesinde numaranın yerinde,
   Kurumsal'da başlığın solunda, Kovanlık'ta Yaşam kartında numaranın yerinde. Renk/zemin cx-menu-oge.css › .mi-ic ── */
.pmb-l em.is-ic, .pmy-p em.is-ic { font-size: calc(17px * var(--ax-fz, 1)); letter-spacing: 0; line-height: 1; }
.pmb-l em.is-ic .mi-ic, .pmy-p em.is-ic .mi-ic { margin: 0; }
.kv-pm .pmk-s a .pmk-i { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: calc(10px * var(--ax-rs, 1)); background: color-mix(in srgb, var(--kv-g, #1b5e24) 9%, transparent); color: var(--kv-g, #1b5e24); font-size: calc(16px * var(--ax-fz, 1)); }
.kv-pm .pmk-s a .pmk-i .mi-ic { margin: 0; }
.kv-pm .pmk-s a .pmk-i + span { flex: 1 1 auto; min-width: 0; }