/* ==========================================================================
   Çavuşlu Belediyesi — "cx" düzeni · ÜST ÇUBUK (mavi şerit + beyaz menü çubuğu), mobil çekmece, arama/video pencereleri
   ========================================================================== */

/* ── Mavi ince şerit ──────────────────────────────────────────────────── */
.cx-topbar { background: linear-gradient(90deg, #0a3d91, #0b3f96 60%, #0a3a85); color: #fff; font-size: calc(11.5px * var(--ax-fz, 1)); }
.cx-topbar__in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 36px; }
.cx-topbar__l, .cx-topbar__r { display: flex; align-items: center; gap: 22px; min-width: 0; }
.cx-topbar__wx { display: inline-flex; align-items: center; gap: 6px; font-size: calc(12.5px * var(--ax-fz, 1)); }
.cx-topbar__wx b { font-weight: 700; }
.cx-topbar__wx .cx-wx { margin-top: -2px; }
.cx-topbar__links { display: flex; align-items: center; gap: 22px; }
.cx-topbar__links a { font-weight: 600; opacity: .95; white-space: nowrap; transition: opacity .2s; }
.cx-topbar__links a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.cx-topbar__r { gap: 12px; }
.cx-topbar__btn, .cx-topbar__soc a {
  width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, .75);
  background: transparent; color: #fff; font-size: calc(12px * var(--ax-fz, 1)); padding: 0; transition: background .2s, color .2s;
}
.cx-topbar__btn:hover, .cx-topbar__soc a:hover { background: #fff; color: var(--cx-blue); }
.cx-topbar__soc { display: flex; gap: 8px; }
.cx-topbar__tel { display: flex; align-items: center; gap: 9px; margin-left: 6px; padding-left: 16px; border-left: 1px solid rgba(255, 255, 255, .28); }
.cx-topbar__telic { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .14); font-size: calc(14px * var(--ax-fz, 1)); }
.cx-topbar__tel b { display: block; font-size: calc(13.5px * var(--ax-fz, 1)); line-height: 1.1; font-weight: 800; white-space: nowrap; }
.cx-topbar__tel small { display: block; font-size: calc(9.5px * var(--ax-fz, 1)); opacity: .85; line-height: 1.2; }

/* erişilebilirlik paneli + dil seçici (açık renkli açılır pencereler) */
.cx-a11y { position: relative; }
.cx-a11y__panel { position: absolute; right: -8px; top: calc(100% + 10px); z-index: 90; width: 252px; padding: 12px; border-radius: calc(14px * var(--ax-rs, 1)); background: #fff; color: var(--cx-ink); border: 1px solid var(--cx-line); box-shadow: 0 24px 50px -20px rgba(0, 30, 90, .5); display: none; font-size: calc(13px * var(--ax-fz, 1)); }
.cx-a11y.is-open .cx-a11y__panel { display: block; }
.cx-a11y__row { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
.cx-a11y__row span { flex: 1; font-weight: 700; }
.cx-a11y__row button { width: 38px; height: 34px; border-radius: calc(9px * var(--ax-rs, 1)); border: 1px solid var(--cx-line); background: var(--cx-soft); color: var(--cx-ink); font-weight: 800; font-size: calc(13px * var(--ax-fz, 1)); }
.cx-a11y__row button:hover, .cx-a11y__opt:hover { border-color: var(--cx-blue); color: var(--cx-blue); }
.cx-a11y__opt { display: flex; align-items: center; gap: 10px; width: 100%; margin-top: 6px; padding: 9px 12px; border-radius: calc(10px * var(--ax-rs, 1)); border: 1px solid var(--cx-line); background: #fff; color: var(--cx-ink); font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 600; text-align: left; }
.cx-a11y__opt[aria-pressed="true"] { background: var(--cx-blue-100); border-color: var(--cx-blue); color: var(--cx-blue); }
.cx-topbar .cv-lang { position: relative; }
.cx-topbar .cv-lang__btn { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: calc(13px * var(--ax-rs, 1)); border: 1.5px solid rgba(255, 255, 255, .75); background: transparent; color: #fff; font-size: calc(11px * var(--ax-fz, 1)); font-weight: 800; }
.cx-topbar .cv-lang__btn:hover { background: #fff; color: var(--cx-blue); }
.cx-topbar .cv-lang__btn > i:first-child { font-size: calc(12px * var(--ax-fz, 1)); }
.cx-topbar .cv-lang__caret { font-size: calc(8px * var(--ax-fz, 1)); }
.cx-topbar .cv-lang__menu { position: absolute; right: 0; top: calc(100% + 10px); z-index: 90; min-width: 170px; padding: 6px; border-radius: calc(14px * var(--ax-rs, 1)); display: none; background: #fff; border: 1px solid var(--cx-line); box-shadow: 0 24px 50px -20px rgba(0, 30, 90, .5); }
.cx-topbar .cv-lang.is-open .cv-lang__menu { display: block; }
.cx-topbar .cv-lang__menu button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 12px; border: 0; border-radius: calc(9px * var(--ax-rs, 1)); background: none; color: var(--cx-ink); font-size: calc(13px * var(--ax-fz, 1)); text-align: left; }
.cx-topbar .cv-lang__menu button:hover, .cx-topbar .cv-lang__menu button.is-active { background: var(--cx-blue-100); color: var(--cx-blue); }
.cx-topbar .cv-lang__code { font-weight: 800; min-width: 24px; }

/* ── Beyaz menü çubuğu (yapışkan) ─────────────────────────────────────── */
.cx-nav { position: sticky; top: 0; z-index: 70; background: #fff; box-shadow: 0 10px 30px -22px rgba(0, 30, 90, .55); }
.cx-nav__in { display: flex; align-items: center; gap: 22px; min-height: 76px; }
.cx-brand { flex: none; display: flex; align-items: center; gap: 12px; }
.cx-brand__logo { flex: none; width: 54px; height: 54px; border-radius: 50%; background: #fff; display: grid; place-items: center; overflow: hidden; box-shadow: 0 0 0 2px #e6eefb; }
.cx-brand__logo img { width: 100%; height: 100%; object-fit: contain; display: block; }
.cx-brand__txt { display: block; line-height: 1; }
.cx-brand__txt b { display: block; font-size: calc(24px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .01em; color: #12348f; }
.cx-brand__txt i { display: block; margin-top: 5px; font-style: normal; font-size: calc(10.5px * var(--ax-fz, 1)); font-weight: 700; letter-spacing: .38em; color: #1d56b8; }
.cx-brand__txt small { display: block; margin-top: 4px; font-size: calc(8.5px * var(--ax-fz, 1)); font-weight: 600; letter-spacing: .02em; color: #7186a8; white-space: nowrap; }

.cx-menu { flex: 1 1 auto; min-width: 0; margin-left: 12px; }
.cx-menu > ul { display: flex; align-items: center; gap: 4px; }
.cx-menu__li { position: relative; display: flex; align-items: center; flex: none; }
.cx-menu__a { position: relative; display: flex; align-items: center; height: 76px; padding: 0 13px; font-size: calc(13px * var(--ax-fzm, 1)); font-weight: 700; color: #0a2a63; white-space: nowrap; transition: color .2s; }
.cx-menu__li.has-sub > .cx-menu__a { padding-right: 24px; }
.cx-menu__a::after { content: ""; position: absolute; left: 13px; right: 13px; bottom: 18px; height: 3px; border-radius: calc(3px * var(--ax-rs, 1)); background: var(--cx-blue); transform: scaleX(0); transform-origin: left center; transition: transform .25s; }
.cx-menu__li.has-sub > .cx-menu__a::after { right: 24px; }
.cx-menu__li:hover > .cx-menu__a, .cx-menu__li:focus-within > .cx-menu__a { color: var(--cx-blue-500); }
.cx-menu__li:hover > .cx-menu__a::after { transform: scaleX(.45); }
.cx-menu__li.is-active > .cx-menu__a { color: var(--cx-blue); }
.cx-menu__li.is-active > .cx-menu__a::after { transform: scaleX(1); }
.cx-menu__caret { position: absolute; right: 6px; top: 50%; width: 20px; height: 24px; margin-top: -12px; padding: 0; border: 0; background: none; color: #5d78a6; font-size: calc(8.5px * var(--ax-fz, 1)); display: grid; place-items: center; }
.cx-menu__caret i { transition: transform .22s; }
.cx-menu__li.is-open > .cx-menu__caret i, .cx-menu__li:hover > .cx-menu__caret i { transform: rotate(180deg); }

.cx-sub { position: absolute; top: calc(100% - 6px); left: 0; z-index: 80; min-width: 250px; padding: 10px; border-radius: calc(14px * var(--ax-rs, 1)); background: #fff; border: 1px solid var(--cx-line); box-shadow: 0 30px 60px -26px rgba(0, 30, 90, .55); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s, transform .2s, visibility .2s; }
.cx-menu__li.has-sub:hover > .cx-sub, .cx-menu__li.has-sub.is-open > .cx-sub, .cx-menu__li.has-sub:focus-within > .cx-sub { opacity: 1; visibility: visible; transform: none; }
.cx-menu__li:nth-last-child(-n+2) > .cx-sub { left: auto; right: 0; }
.cx-sub a { display: block; padding: 9px 14px; border-radius: calc(9px * var(--ax-rs, 1)); font-size: calc(13px * var(--ax-fz, 1)); font-weight: 600; color: var(--cx-ink); transition: background .18s, color .18s; }
.cx-sub a:hover, .cx-sub li.is-current > a { background: var(--cx-blue-100); color: var(--cx-blue); }
.cx-sub__nest { margin: 0 0 4px 12px; padding-left: 10px; border-left: 2px solid var(--cx-line); }
.cx-sub__nest a { padding: 6px 12px; font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 500; color: var(--cx-text); }

.cx-nav__tools { flex: none; display: flex; align-items: center; gap: 12px; margin-left: auto; }
.cx-nav__search { width: 46px; height: 46px; padding: 0; border-radius: calc(12px * var(--ax-rs, 1)); border: 1.5px solid #dce5f3; background: #fff; color: var(--cx-blue); font-size: calc(16px * var(--ax-fz, 1)); display: grid; place-items: center; transition: border-color .2s, background .2s; }
.cx-nav__search:hover { border-color: var(--cx-blue); background: var(--cx-blue-100); }
.cx-nav__eb { display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 22px; border-radius: calc(12px * var(--ax-rs, 1)); background: var(--cx-blue); color: #fff; font-size: calc(13px * var(--ax-fz, 1)); font-weight: 700; box-shadow: 0 14px 26px -16px rgba(1, 60, 141, .9); transition: background .2s, transform .2s; }
.cx-nav__eb i { font-size: calc(13px * var(--ax-fz, 1)); }
.cx-nav__eb i:last-child { font-size: calc(12px * var(--ax-fz, 1)); transition: transform .2s; }
.cx-nav__eb:hover { background: #0a4fb3; transform: translateY(-1px); }
.cx-nav__eb:hover i:last-child { transform: translateX(3px); }
.cx-burger { display: none; position: relative; width: 46px; height: 46px; padding: 0; border-radius: calc(12px * var(--ax-rs, 1)); border: 1.5px solid #dce5f3; background: #fff; }
.cx-burger span { position: absolute; left: 12px; right: 12px; height: 2px; border-radius: calc(2px * var(--ax-rs, 1)); background: var(--cx-blue); transition: transform .25s, opacity .2s, top .25s; }
.cx-burger span:nth-child(1) { top: 15px; } .cx-burger span:nth-child(2) { top: 21px; } .cx-burger span:nth-child(3) { top: 27px; }
.cx-burger[aria-expanded="true"] span:nth-child(1) { top: 21px; transform: rotate(45deg); }
.cx-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.cx-burger[aria-expanded="true"] span:nth-child(3) { top: 21px; transform: rotate(-45deg); }

/* ── Mobil çekmece ─────────────────────────────────────────────────────── */
.cx-drawer { position: fixed; inset: 0; z-index: 400; }
.cx-drawer[hidden] { display: none; }
.cx-drawer__veil { position: absolute; inset: 0; background: rgba(0, 20, 60, .6); animation: cxFade .25s both; }
.cx-drawer__box { position: absolute; top: 0; right: 0; bottom: 0; width: min(92vw, 390px); overflow-y: auto; overscroll-behavior: contain; background: #fff; color: var(--cx-ink); padding: 16px 16px 28px; animation: cxSlide .3s cubic-bezier(.2, .8, .2, 1) both; }
.cx-drawer__head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.cx-drawer__head strong { flex: 1; font-size: calc(15px * var(--ax-fz, 1)); font-weight: 800; color: var(--cx-blue-800); }
.cx-drawer__logo { width: 40px; height: 40px; border-radius: 50%; background: #fff; display: grid; place-items: center; overflow: hidden; flex: none; box-shadow: 0 0 0 2px #e6eefb; }
.cx-drawer__logo img { width: 100%; height: 100%; object-fit: contain; }
.cx-drawer__x { width: 40px; height: 40px; border-radius: calc(12px * var(--ax-rs, 1)); border: 1px solid var(--cx-line); background: #fff; color: var(--cx-ink); font-size: calc(16px * var(--ax-fz, 1)); }
.cx-drawer__search { position: relative; margin-bottom: 14px; }
.cx-drawer__search input { width: 100%; height: 46px; padding: 0 48px 0 16px; border-radius: calc(12px * var(--ax-rs, 1)); border: 1.5px solid #dce5f3; background: #f7f9fd; color: var(--cx-ink); font: inherit; font-size: calc(14px * var(--ax-fz, 1)); }
.cx-drawer__search button { position: absolute; right: 4px; top: 4px; width: 38px; height: 38px; border: 0; border-radius: calc(9px * var(--ax-rs, 1)); background: var(--cx-blue); color: #fff; }
.cx-drawer__menu > li { border-bottom: 1px solid var(--cx-line); }
.cx-drawer__menu a { display: block; padding: 14px 6px; font-size: calc(15px * var(--ax-fz, 1)); font-weight: 700; color: var(--cx-ink); }
.cx-drawer__row { display: flex; align-items: center; }
.cx-drawer__row a { flex: 1; }
.cx-drawer__row button { width: 44px; height: 44px; border: 0; background: none; color: var(--cx-blue); font-size: calc(13px * var(--ax-fz, 1)); }
.cx-drawer__row button i { transition: transform .22s; }
.cx-drawer__row button[aria-expanded="true"] i { transform: rotate(180deg); }
.cx-drawer__sub { display: none; margin: 0 0 12px 8px; padding-left: 12px; border-left: 2px solid var(--cx-blue-100); }
.cx-drawer__sub.is-open { display: block; }
.cx-drawer__sub a { padding: 9px 6px; font-size: calc(14px * var(--ax-fz, 1)); font-weight: 600; color: var(--cx-text); }
.cx-drawer__sub .cx-drawer__g { padding: 5px 6px 5px 16px; font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 500; color: var(--cx-muted); }
.cx-drawer__foot { margin-top: 20px; display: grid; gap: 10px; font-size: calc(14px * var(--ax-fz, 1)); }
.cx-drawer__foot > a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: calc(12px * var(--ax-rs, 1)); background: var(--cx-soft); color: var(--cx-ink); font-weight: 600; }
.cx-drawer__foot > a i { color: var(--cx-blue); width: 16px; text-align: center; }
.cx-drawer__foot > .cx-drawer__eb { background: var(--cx-blue); color: #fff; }
.cx-drawer__foot > .cx-drawer__eb i { color: #fff; }
.cx-drawer__soc { display: flex; gap: 10px; }
.cx-drawer__soc a { width: 42px; height: 42px; border-radius: calc(12px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--cx-soft); color: var(--cx-blue); }
body.cx-lock { overflow: hidden; }
@keyframes cxFade { from { opacity: 0; } }
@keyframes cxSlide { from { transform: translateX(40px); opacity: 0; } }

/* ── Arama penceresi ───────────────────────────────────────────────────── */
.cx-search { position: fixed; inset: 0; z-index: 500; }
.cx-search[hidden] { display: none; }
.cx-search__veil { position: absolute; inset: 0; background: rgba(0, 20, 60, .62); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); animation: cxFade .2s both; }
.cx-search__box { position: relative; width: min(760px, calc(100% - 28px)); margin: clamp(60px, 12vh, 140px) auto 0; padding: 16px; border-radius: calc(20px * var(--ax-rs, 1)); background: #fff; box-shadow: 0 40px 80px -30px rgba(0, 20, 70, .7); animation: cxSlide .25s both; color: var(--cx-ink); }
.cx-search__form { display: flex; align-items: center; gap: 10px; padding: 6px 6px 6px 16px; border-radius: calc(14px * var(--ax-rs, 1)); background: #f4f7fc; border: 1.5px solid #dce5f3; }
.cx-search__form > i { color: var(--cx-blue); font-size: calc(16px * var(--ax-fz, 1)); }
.cx-search__form input { flex: 1; min-width: 0; height: 44px; border: 0; outline: 0; background: none; color: var(--cx-ink); font: inherit; font-size: calc(16px * var(--ax-fz, 1)); }
.cx-search__form input::placeholder { color: #8fa1bf; }
.cx-search__go { height: 42px; padding: 0 20px; border: 0; border-radius: calc(10px * var(--ax-rs, 1)); background: var(--cx-blue); color: #fff; font-weight: 800; font-size: calc(13.5px * var(--ax-fz, 1)); }
.cx-search__x { width: 42px; height: 42px; border: 0; border-radius: calc(10px * var(--ax-rs, 1)); background: #e8eef9; color: var(--cx-ink); }
.cx-search__res { margin-top: 12px; max-height: 46vh; overflow-y: auto; }
.cx-search__res a { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: calc(12px * var(--ax-rs, 1)); }
.cx-search__res a:hover { background: var(--cx-blue-100); }
.cx-search__res b { display: block; font-size: calc(14px * var(--ax-fz, 1)); font-weight: 700; color: var(--cx-ink); }
.cx-search__res small { display: block; font-size: calc(11.5px * var(--ax-fz, 1)); color: var(--cx-muted); }
.cx-search__res i { color: var(--cx-blue); }
.cx-search__quick { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--cx-line); align-items: center; }
.cx-search__quick span { flex: 0 0 100%; font-size: calc(11.5px * var(--ax-fz, 1)); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--cx-muted); }
.cx-search__quick a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: calc(999px * var(--ax-rs, 1)); background: var(--cx-soft); font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 600; color: var(--cx-ink); }
.cx-search__quick a:hover { background: var(--cx-blue); color: #fff; }
.cx-search__quick i { font-size: calc(12px * var(--ax-fz, 1)); }

/* ── Video penceresi ───────────────────────────────────────────────────── */
.cx-video { position: fixed; inset: 0; z-index: 520; display: grid; place-items: center; padding: 18px; }
.cx-video[hidden] { display: none; }
.cx-video__veil { position: absolute; inset: 0; background: rgba(0, 10, 30, .86); animation: cxFade .2s both; }
.cx-video__box { position: relative; width: min(1080px, 100%); }
.cx-video__stage { position: relative; aspect-ratio: 16 / 9; border-radius: calc(16px * var(--ax-rs, 1)); overflow: hidden; background: #000; box-shadow: 0 40px 90px -30px #000; }
.cx-video__stage iframe, .cx-video__stage video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.cx-video__x { position: absolute; right: 0; top: -52px; width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .4); background: rgba(255, 255, 255, .12); color: #fff; font-size: calc(16px * var(--ax-fz, 1)); }

/* ── Duyarlı ───────────────────────────────────────────────────────────── */
@media (max-width: 1360px) {
  .cx-menu__a { padding: 0 10px; font-size: calc(12.5px * var(--ax-fzm, 1)); }
  .cx-menu__a::after { left: 10px; right: 10px; }
  .cx-menu__li.has-sub > .cx-menu__a { padding-right: 21px; }
  .cx-menu__li.has-sub > .cx-menu__a::after { right: 21px; }
  .cx-brand__txt small { display: none; }
}
@media (max-width: 1180px) {
  .cx-menu, .cx-nav__eb span, .cx-nav__eb > i:first-child { display: none; }
  .cx-nav__eb { padding: 0 16px; }
  .cx-burger { display: block; }
  .cx-nav__in { min-height: 66px; }
  .cx-topbar__links, .cx-topbar__soc { display: none; }
}
@media (max-width: 560px) {
  .cx-topbar__tel small, .cx-topbar__tel b { display: none; }
  .cx-topbar__tel { margin: 0; padding: 0; border: 0; }
  .cx-brand__txt b { font-size: calc(20px * var(--ax-fz, 1)); }
  .cx-brand__logo { width: 46px; height: 46px; }
  .cx-nav__eb { display: none; }
}

/* ── Kalibrasyon (hedef görsele göre) ──────────────────────────────────── */
.cx-topbar { font-size: calc(11px * var(--ax-fz, 1)); }
.cx-topbar__in { min-height: 34px; }
.cx-topbar__wx { font-size: calc(12px * var(--ax-fz, 1)); }
.cx-topbar__links { gap: 24px; }
.cx-topbar__links a { font-size: calc(10.5px * var(--ax-fz, 1)); }
.cx-nav__in { min-height: 74px; gap: 26px; }
.cx-brand__logo { width: 62px; height: 62px; }
.cx-brand__txt b { font-size: calc(27px * var(--ax-fz, 1)); }
.cx-brand__txt i { font-size: calc(10.5px * var(--ax-fz, 1)); letter-spacing: .4em; margin-top: 4px; }
.cx-brand__txt small { font-size: calc(8.5px * var(--ax-fz, 1)); }
.cx-menu { margin-left: 16px; }
.cx-menu > ul { gap: 2px; }
.cx-menu__a { height: 74px; padding: 0 16px; font-size: calc(11.5px * var(--ax-fzm, 1)); letter-spacing: .01em; }
.cx-menu__a::after { left: 16px; right: 16px; bottom: 16px; }
.cx-menu__li.has-sub > .cx-menu__a { padding-right: 26px; }
.cx-menu__li.has-sub > .cx-menu__a::after { right: 26px; }
.cx-nav__search { width: 44px; height: 44px; }
.cx-nav__eb { height: 44px; padding: 0 24px; font-size: calc(12px * var(--ax-fz, 1)); }
@media (max-width: 1360px) {
  .cx-menu__a { padding: 0 11px; font-size: calc(11.5px * var(--ax-fzm, 1)); }
  .cx-menu__a::after { left: 11px; right: 11px; }
  .cx-menu__li.has-sub > .cx-menu__a { padding-right: 21px; }
  .cx-menu__li.has-sub > .cx-menu__a::after { right: 21px; }
}

/* ── Kalibrasyon 2: sekiz menü öğesi + marka bir arada sığsın ─────────── */
.cx-nav__in { gap: 18px; }
.cx-menu { margin-left: 8px; }
.cx-menu__a { padding: 0 11px; font-size: calc(11.5px * var(--ax-fzm, 1)); }
.cx-menu__a::after { left: 11px; right: 11px; }
.cx-menu__li.has-sub > .cx-menu__a { padding-right: 21px; }
.cx-menu__li.has-sub > .cx-menu__a::after { right: 21px; }
.cx-menu__caret { right: 3px; }
.cx-nav__tools { gap: 10px; }
.cx-nav__eb { padding: 0 18px; gap: 8px; }

/* ── Kalibrasyon 3: dar kapta 8 menü öğesi ───────────────────────────── */
.cx-nav__in { gap: 14px; }
.cx-brand { gap: 10px; }
.cx-brand__logo { width: 54px; height: 54px; }
.cx-brand__txt b { font-size: calc(23px * var(--ax-fz, 1)); }
.cx-brand__txt i { font-size: calc(9.5px * var(--ax-fz, 1)); }
.cx-brand__txt small { font-size: calc(7.5px * var(--ax-fz, 1)); }
.cx-menu { margin-left: 4px; }
.cx-menu__a { padding: 0 8px; font-size: calc(10.8px * var(--ax-fzm, 1)); }
.cx-menu__a::after { left: 8px; right: 8px; }
.cx-menu__li.has-sub > .cx-menu__a { padding-right: 17px; }
.cx-menu__li.has-sub > .cx-menu__a::after { right: 17px; }
.cx-menu__caret { right: 1px; width: 16px; font-size: calc(7.5px * var(--ax-fz, 1)); }
.cx-nav__search { width: 40px; height: 40px; font-size: calc(14px * var(--ax-fz, 1)); }
.cx-nav__eb { height: 40px; padding: 0 16px; font-size: calc(11.5px * var(--ax-fz, 1)); gap: 7px; }
.cx-nav__eb > i:first-child { display: none; }
.cx-topbar__tel b { font-size: calc(12.5px * var(--ax-fz, 1)); }
@media (max-width: 1360px) { .cx-menu__a { padding: 0 7px; font-size: calc(10.5px * var(--ax-fzm, 1)); } .cx-brand__txt small { display: none; } }

/* ══ Anasayfa "zengin" tasarım (2026-10-19): üst şerit yarı saydam hap, menü yüzen beyaz kart; ikisi de tam ekran
      slaytın ÜSTÜNE biner (slayt negatif üst boşlukla arkaya çekilir). Kart kaydırınca yapışık kalır (#cxHead.is-stuck).
      Tarih / kayan ilan şeridi / menüdeki telefon yalnız anasayfada basılır (header.php $isHome). İç sayfalar etkilenmez. ══ */
:is(body.cx-home, body.cx-inner--hero) { --cx-tb-h: 60px; --cx-nav-h: 98px; }          /* şerit 16 + 44 · kart 10 + 88 */
body.cx-home .cx-wrap--head, body.cx-home .cx-main .cx-wrap { width: 88%; max-width: var(--ax-wrap, 1480px); }
body.cx-home .cx-hero { margin-top: calc(-1 * (var(--cx-tb-h) + var(--cx-nav-h))); }

/* ── üst şerit ── */
:is(body.cx-home, body.cx-inner--hero) .cx-topbar { position: relative; z-index: 72; background: none; padding: 16px 40px 0; font-size: calc(13px * var(--ax-fz, 1)); }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar__in { width: auto; max-width: none; height: 44px; min-height: 0; gap: 20px; padding: 0 6px 0 18px; border-radius: calc(14px * var(--ax-rs, 1)); background: rgba(15, 24, 52, .42); border: 1px solid rgba(255, 255, 255, .14); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar__l { flex: 1 1 0; gap: 20px; min-width: 0; }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar__r { flex: none; }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar__date, :is(body.cx-home, body.cx-inner--hero) .cx-topbar__wx { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font-size: calc(13px * var(--ax-fz, 1)); font-weight: 600; color: #d7e0f1; }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar__date i { font-size: calc(14px * var(--ax-fz, 1)); color: var(--ax-orlt, #ffb27a); }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar__wx b { font-weight: 800; color: #fff; }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar__wx small { font-size: calc(13px * var(--ax-fz, 1)); }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar__wx .cx-wx { width: 22px; height: 22px; margin: 0; }
.cx-tick { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 14px; }
.cx-tick em { flex: none; display: flex; align-items: center; height: 28px; padding: 0 12px; border-radius: calc(8px * var(--ax-rs, 1)); background: var(--ax-or, #f47b20); color: #fff; font-style: normal; font-size: calc(11px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .1em; }
.cx-tick__vp { flex: 1 1 auto; min-width: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 3%, #000 94%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 3%, #000 94%, transparent 100%); }
.cx-tick__run { display: flex; width: max-content; animation: cxTick 70s linear infinite; }
.cx-tick:hover .cx-tick__run, .cx-tick:focus-within .cx-tick__run { animation-play-state: paused; }
.cx-tick__set { display: flex; }
.cx-tick__set a { display: inline-flex; align-items: center; gap: 16px; padding-right: 16px; white-space: nowrap; font-size: calc(13px * var(--ax-fz, 1)); font-weight: 700; color: #fff; }
.cx-tick__set a::after { content: ""; width: 5px; height: 5px; border-radius: 50%; background: rgba(255, 255, 255, .45); }
.cx-tick__set a:hover { color: #ffcfa8; }
@keyframes cxTick { to { transform: translateX(-50%); } }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar__r { gap: 6px; }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar__soc { gap: 6px; }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar__btn, :is(body.cx-home, body.cx-inner--hero) .cx-topbar__soc a { width: 32px; height: 32px; border: 0; border-radius: calc(9px * var(--ax-rs, 1)); background: rgba(255, 255, 255, .1); color: #fff; font-size: calc(13px * var(--ax-fz, 1)); }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar__btn:hover, :is(body.cx-home, body.cx-inner--hero) .cx-topbar__soc a:hover { background: rgba(255, 255, 255, .22); color: #fff; }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar .cv-lang__btn { height: 32px; border: 0; border-radius: calc(9px * var(--ax-rs, 1)); background: rgba(255, 255, 255, .1); }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar .cv-lang__btn:hover { background: rgba(255, 255, 255, .22); color: #fff; }

/* ── yüzen menü kartı ── */
:is(body.cx-home, body.cx-inner--hero) .cx-nav { background: none; box-shadow: none; padding: 10px 40px 0; pointer-events: none; }
:is(body.cx-home, body.cx-inner--hero) .cx-nav__in { pointer-events: auto; width: auto; max-width: none; height: 88px; min-height: 0; gap: 26px; padding: 0 14px 0 18px; border-radius: calc(26px * var(--ax-rs, 1)); background: #fff; box-shadow: 0 20px 40px -24px rgba(0, 0, 0, .5); transition: box-shadow .3s; }
:is(body.cx-home, body.cx-inner--hero) .cx-nav.is-stuck .cx-nav__in { box-shadow: 0 18px 40px -16px rgba(15, 24, 52, .42), 0 0 0 1px rgba(15, 24, 52, .06); }
:is(body.cx-home, body.cx-inner--hero) .cx-brand { gap: 12px; }
:is(body.cx-home, body.cx-inner--hero) .cx-brand__logo { width: var(--ax-logo, 58px); height: var(--ax-logo, 58px); box-shadow: none; }
:is(body.cx-home, body.cx-inner--hero) .cx-brand__txt b { font-family: "Montserrat", var(--cx-font); font-weight: var(--ax-hw, 900); font-size: calc(21px * var(--ax-fzh, 1)); letter-spacing: 0; color: var(--ax-navy, #1f3263); }
:is(body.cx-home, body.cx-inner--hero) .cx-brand__txt i { margin-top: 5px; font-family: "Montserrat", var(--cx-font); font-weight: 700; font-size: calc(10px * var(--ax-fzh, 1)); letter-spacing: .36em; color: var(--ax-or, #f47b20); }
:is(body.cx-home, body.cx-inner--hero) .cx-brand__txt small { display: none; }
:is(body.cx-home, body.cx-inner--hero) .cx-menu { flex: 0 1 auto; margin-left: auto; }
:is(body.cx-home, body.cx-inner--hero) .cx-menu > ul { gap: 4px; }
:is(body.cx-home, body.cx-inner--hero) .cx-menu__a { height: 44px; padding: 0 13px; border-radius: calc(12px * var(--ax-rs, 1)); font-size: calc(13.5px * var(--ax-fzm, 1)); font-weight: 800; letter-spacing: .02em; text-transform: var(--ax-mtt, uppercase); color: var(--ax-navy, #1f3263); transition: background .2s, color .2s; }
:is(body.cx-home, body.cx-inner--hero) .cx-menu__li.has-sub > .cx-menu__a { padding-right: 28px; }
:is(body.cx-home, body.cx-inner--hero) .cx-menu__a::after { display: none; }
:is(body.cx-home, body.cx-inner--hero) .cx-menu__li:hover > .cx-menu__a, :is(body.cx-home, body.cx-inner--hero) .cx-menu__li:focus-within > .cx-menu__a, :is(body.cx-home, body.cx-inner--hero) .cx-menu__li.is-active > .cx-menu__a { background: var(--ax-bg, #f3f5f9); color: var(--ax-navy, #1f3263); }
:is(body.cx-home, body.cx-inner--hero) .cx-menu__caret { right: 8px; width: 16px; font-size: calc(9px * var(--ax-fz, 1)); color: var(--ax-muted, #8a93a8); }
:is(body.cx-home, body.cx-inner--hero) .cx-sub { top: calc(100% + 2px); }
:is(body.cx-home, body.cx-inner--hero) .cx-nav__tools { gap: 14px; margin-left: 0; padding-left: 20px; border-left: 1.5px solid var(--ax-line, #e4e8f0); height: 56px; }
.cx-nav__tel { display: flex; align-items: center; gap: 10px; color: var(--ax-navy, #1f3263); }
.cx-nav__telic { width: 44px; height: 44px; border-radius: calc(12px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-orl, #fff1e6); color: var(--ax-or, #f47b20); font-size: calc(19px * var(--ax-fz, 1)); }
.cx-nav__tel small { display: block; font-size: calc(10.5px * var(--ax-fz, 1)); font-weight: 700; letter-spacing: .06em; color: var(--ax-muted, #8a93a8); }
.cx-nav__tel b { display: block; font-family: "Montserrat", var(--cx-font); font-weight: var(--ax-hw, 900); font-size: calc(17px * var(--ax-fzh, 1)); white-space: nowrap; }
:is(body.cx-home, body.cx-inner--hero) .cx-nav__eb { height: 56px; padding: 0 22px; gap: 10px; border-radius: calc(16px * var(--ax-rs, 1)); background: var(--ax-or, #f47b20); font-size: calc(14px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .02em; text-transform: uppercase; box-shadow: none; }
:is(body.cx-home, body.cx-inner--hero) .cx-nav__eb:hover { background: var(--ax-or2, #e8650f); }
:is(body.cx-home, body.cx-inner--hero) .cx-nav__eb > i:first-child { display: inline-block; font-size: calc(17px * var(--ax-fz, 1)); }
:is(body.cx-home, body.cx-inner--hero) .cx-nav__eb > i:last-child { display: none; }
:is(body.cx-home, body.cx-inner--hero) .cx-burger { border-radius: calc(14px * var(--ax-rs, 1)); }

@media (max-width: 1600px) {
  :is(body.cx-home, body.cx-inner--hero) .cx-menu > ul { gap: 1px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-menu__a { padding: 0 8px; font-size: calc(12.5px * var(--ax-fzm, 1)); }
  :is(body.cx-home, body.cx-inner--hero) .cx-menu__li.has-sub > .cx-menu__a { padding-right: 22px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-menu__caret { right: 4px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__in { gap: 18px; }
}
@media (max-width: 1600px) {
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__tel { display: none; }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__tools { padding-left: 14px; }
}
@media (max-width: 1400px) and (min-width: 1181px) {                      /* 1280–1400: 8 üst öğe sığsın, "Daha Fazla"ya düşmesin */
  :is(body.cx-home, body.cx-inner--hero) .cx-topbar { padding-left: 24px; padding-right: 24px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav { padding-left: 24px; padding-right: 24px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__in { gap: 10px; padding: 0 10px 0 12px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-brand { gap: 9px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-brand__logo { width: 50px; height: 50px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-brand__txt b { font-size: calc(18px * var(--ax-fzh, 1)); }
  :is(body.cx-home, body.cx-inner--hero) .cx-brand__txt i { font-size: calc(9px * var(--ax-fzh, 1)); letter-spacing: .3em; }
  :is(body.cx-home, body.cx-inner--hero) .cx-menu > ul { gap: 0; }
  :is(body.cx-home, body.cx-inner--hero) .cx-menu__a { padding: 0 8px; font-size: calc(12px * var(--ax-fzm, 1)); letter-spacing: 0; }
  :is(body.cx-home, body.cx-inner--hero) .cx-menu__li.has-sub > .cx-menu__a { padding-right: 19px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-menu__caret { right: 2px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__tools { gap: 8px; padding-left: 10px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__search { width: 46px; height: 46px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__eb { height: 50px; padding: 0 15px; gap: 8px; font-size: calc(12.5px * var(--ax-fz, 1)); }
}
@media (max-width: 1180px) {
  :is(body.cx-home, body.cx-inner--hero) { --cx-tb-h: 56px; --cx-nav-h: 82px; }
  body.cx-home .cx-wrap--head, body.cx-home .cx-main .cx-wrap { width: calc(100% - 32px); }
  :is(body.cx-home, body.cx-inner--hero) .cx-topbar { padding: 12px 16px 0; }
  :is(body.cx-home, body.cx-inner--hero) .cx-topbar__date { display: none; }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav { padding: 8px 16px 0; }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__in { height: 74px; border-radius: calc(22px * var(--ax-rs, 1)); padding: 0 10px 0 12px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__tools { border-left: 0; padding-left: 0; height: auto; gap: 10px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__search { display: grid; width: 48px; height: 48px; border-radius: calc(14px * var(--ax-rs, 1)); }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__eb { height: 48px; padding: 0 16px; }
}
@media (max-width: 900px) {
  .cx-tick { display: none; }
}
@media (max-width: 560px) {
  :is(body.cx-home, body.cx-inner--hero) .cx-topbar__wx small, :is(body.cx-home, body.cx-inner--hero) .cx-topbar__soc { display: none; }
  :is(body.cx-home, body.cx-inner--hero) .cx-brand__logo { width: 46px; height: 46px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-brand__txt b { font-size: calc(18px * var(--ax-fzh, 1)); }
  :is(body.cx-home, body.cx-inner--hero) .cx-brand__txt i { font-size: calc(9px * var(--ax-fzh, 1)); letter-spacing: .3em; }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__search, :is(body.cx-home, body.cx-inner--hero) .cx-burger { width: 44px; height: 44px; }
}

/* ── İç sayfa (cxp, fotoğraflı başlıklı) ekleri: üst şeritte "Üst Menü" bağlantıları, menü kartında arama düğmesi ── */
:is(body.cx-home, body.cx-inner--hero) .cx-topbar__links { gap: 20px; min-width: 0; overflow: hidden; }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar__links a { font-size: calc(13px * var(--ax-fz, 1)); font-weight: 600; color: #d5e1f3; opacity: 1; }
:is(body.cx-home, body.cx-inner--hero) .cx-topbar__links a:hover { color: #fff; text-decoration: none; }
/* Arama düğmesi anasayfada da (kaydırınca slayt altındaki arama kutusu görünmüyor) */
:is(body.cx-home, body.cx-inner--hero) .cx-nav__search { width: 48px; height: 48px; border: 0; border-radius: calc(14px * var(--ax-rs, 1)); background: var(--ax-bg, #f3f5f9); color: var(--ax-navy, #1f3263); font-size: calc(16px * var(--ax-fz, 1)); }
:is(body.cx-home, body.cx-inner--hero) .cx-nav__search:hover { background: var(--ax-orl, #fff1e6); color: var(--ax-or, #f47b20); }
@media (max-width: 1440px) { :is(body.cx-home, body.cx-inner--hero) .cx-topbar__date { display: none; } }
@media (max-width: 1300px) { :is(body.cx-home, body.cx-inner--hero) .cx-topbar__links { display: none; } }

/* ══ MEGA MENÜ (partials/cx/mega-lib.php) — üst öğe türüne göre zengin panel; menü kartının altında, ortalı ══ */
.cx-nav__in { position: relative; }
.cx-menu__li.has-mega { position: static; }
/* öğe static olunca mutlak konumlu ok menü kartının sağına kaçar → akışa al; "right" değeri (kırılımlara göre) sola kaydırma olur */
.cx-menu__li.has-mega > .cx-menu__caret { position: relative; top: auto; width: 16px; margin: 0 0 0 -16px; }
.cx-mega { position: absolute; z-index: 85; left: 50%; top: calc(100% + 12px); width: min(1240px, calc(100vw - 48px)); transform: translate(-50%, 10px); opacity: 0; visibility: hidden; pointer-events: none; text-align: left; transition: opacity .18s ease .1s, transform .18s ease .1s, visibility 0s linear .28s; }
.cx-mega::before { content: ""; position: absolute; left: 0; right: 0; top: -34px; height: 34px; }   /* bağlantı altından panele inerken hover kopmasın */
.cx-menu__li.has-mega:hover > .cx-mega, .cx-menu__li.has-mega.is-open > .cx-mega, .cx-menu__li.has-mega:focus-within > .cx-mega { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); transition: opacity .2s ease .12s, transform .2s ease .12s, visibility 0s linear .12s; }
#cxMenu:hover > .cx-menu__li.has-mega:not(:hover) > .cx-mega { opacity: 0; visibility: hidden; pointer-events: none; transition: none; }
.cx-mega__in { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 22px; padding: 22px; border-radius: calc(28px * var(--ax-rs, 1)); background: #fff; box-shadow: 0 40px 80px -30px rgba(15, 24, 52, .5), 0 0 0 1px rgba(15, 24, 52, .05); color: var(--ax-ink, #1b2a52); }
.cx-mega__in--nolist { grid-template-columns: minmax(0, 1fr); }
.cx-mega__list { display: flex; flex-direction: column; gap: 2px; padding: 2px 0; }
.cx-mega__list a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: calc(12px * var(--ax-rs, 1)); font-size: calc(14px * var(--ax-fzm, 1)); font-weight: 600; line-height: 1.3; color: var(--ax-ink, #1b2a52); transition: background .2s, color .2s; }
.cx-mega__list a i { flex: none; width: 20px; text-align: center; font-size: calc(15px * var(--ax-fzm, 1)); color: var(--ax-navy, #1f3263); transition: color .2s; }
.cx-mega__list a:hover { background: var(--ax-bg, #f3f5f9); color: var(--ax-navy, #1f3263); }
.cx-mega__list a:hover i { color: var(--ax-or, #f47b20); }
.cx-mega__body { min-width: 0; display: grid; gap: 16px; align-content: start; }
.cx-mega--guncel .cx-mega__body, .cx-mega--proje .cx-mega__body { grid-template-columns: 1.1fr 1fr; }
.cx-mega--cavuslu .cx-mega__body { grid-template-columns: 1.2fr 1fr; }
.cx-mega--iletisim .cx-mega__body { grid-template-columns: 1.15fr 1fr; }
.cx-mega--ebelediye .cx-mega__body { grid-template-columns: 320px minmax(0, 1fr); }

/* ortak: düğme, fotoğraf kartı, durum etiketi */
.cx-mg-btn { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: calc(12px * var(--ax-rs, 1)); background: var(--ax-or, #f47b20); color: #fff; font-style: normal; font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.cx-mg-btn--line { background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .45); }
.cx-mg-feat { position: relative; display: block; min-height: 300px; overflow: hidden; border-radius: calc(22px * var(--ax-rs, 1)); background: #1b2747; color: #fff; }
.cx-mg-feat img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.cx-mg-feat:hover img { transform: scale(1.04); }
.cx-mg-feat::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15, 24, 52, .92) 0%, rgba(15, 24, 52, .25) 55%, rgba(15, 24, 52, 0) 78%); }
.cx-mg-feat > span { position: absolute; z-index: 2; left: 22px; right: 74px; bottom: 20px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.cx-mg-feat > span > em:not(.cx-mg-btn):not(.cx-mg-st) { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: calc(7px * var(--ax-rs, 1)); background: var(--ax-or, #f47b20); font-style: normal; font-size: calc(11px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .08em; }
.cx-mg-feat b { font-family: "Montserrat", var(--cx-font); font-weight: 800; font-size: calc(20px * var(--ax-fzh, 1)); line-height: 1.2; }
.cx-mg-feat small { font-size: calc(12.5px * var(--ax-fz, 1)); line-height: 1.5; color: #c9d4e8; }
.cx-mg-feat > i { position: absolute; z-index: 2; right: 20px; bottom: 20px; width: 42px; height: 42px; border-radius: calc(13px * var(--ax-rs, 1)); display: grid; place-items: center; background: #fff; color: var(--ax-navy, #1f3263); font-size: calc(15px * var(--ax-fz, 1)); transition: background .2s, color .2s; }
.cx-mg-feat:hover > i { background: var(--ax-or, #f47b20); color: #fff; }
.cx-mg-feat--life > span, .cx-mg-feat--adr > span { right: 22px; }
.cx-mg-feat--life b { font-size: calc(22px * var(--ax-fz, 1)); }
.cx-mg-feat--prj.is-logo img { object-fit: contain; padding: 44px; background: radial-gradient(circle at 30% 25%, #2f6fd0, var(--ax-navy, #1f3263) 72%); }
.cx-mg-pin { font-size: calc(26px * var(--ax-fz, 1)); color: var(--ax-or3, #ff9a4d); }
.cx-mg-st { display: inline-flex; align-items: center; height: 20px; margin-top: 6px; padding: 0 8px; border-radius: calc(6px * var(--ax-rs, 1)); font-style: normal; font-size: calc(10px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .06em; }
.cx-mg-st--g { background: #e3f3dc; color: #3b7f2b; } .cx-mg-st--o { background: var(--ax-orl, #fff1e6); color: var(--ax-orink, #c25a0c); } .cx-mg-st--b { background: var(--ax-c1l, #e2f1fb); color: #11699c; }
.cx-mg-feat .cx-mg-st { height: 24px; margin: 0; color: #fff; } .cx-mg-feat .cx-mg-st--g { background: #4f9d3f; } .cx-mg-feat .cx-mg-st--o { background: var(--ax-or, #f47b20); } .cx-mg-feat .cx-mg-st--b { background: var(--ax-c1b, #1679b8); }

/* haber / proje listesi */
.cx-mg-news { display: flex; flex-direction: column; gap: 6px; }
.cx-mg-news a { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; padding: 8px; border-radius: calc(16px * var(--ax-rs, 1)); transition: background .2s; }
.cx-mg-news a:hover { background: var(--ax-bg, #f3f5f9); }
.cx-mg-news img { width: 78px; height: 62px; border-radius: calc(12px * var(--ax-rs, 1)); object-fit: cover; }
.cx-mg-news img.is-logo { object-fit: contain; padding: 6px; background: #eef1f8; }
.cx-mg-news b { display: -webkit-box; -webkit-line-clamp: 2; 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; color: var(--ax-ink, #1b2a52); }
.cx-mg-news small { display: flex; align-items: center; gap: 6px; margin-top: 4px; font-size: calc(11.5px * var(--ax-fz, 1)); color: var(--ax-muted, #8a93a8); }
.cx-mg-news small i { color: var(--ax-or, #f47b20); }

.cx-mg-news .cx-mg-more a { display: flex; justify-content: space-between; margin-top: 4px; padding: 14px 16px; border: 1.5px dashed #d5dbe7; font-size: calc(13px * var(--ax-fz, 1)); font-weight: 800; color: var(--ax-navy, #1f3263); }
.cx-mg-news .cx-mg-more a:hover { border-color: var(--ax-or, #f47b20); background: var(--ax-orl, #fff1e6); color: var(--ax-or2, #e8650f); }
.cx-mg-news .cx-mg-more i { color: var(--ax-or, #f47b20); }

/* kurumsal: başkan kartı + kutular */
.cx-mg-mayor { position: relative; display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 20px; align-items: end; min-height: 214px; padding: 0 26px 0 14px; overflow: hidden; border-radius: calc(22px * var(--ax-rs, 1)); background: linear-gradient(150deg, #e7f1fb 0%, #cfe3f6 70%, #b9d7f2 100%); }
.cx-mg-mayor img { align-self: end; width: 100%; height: 214px; object-fit: contain; object-position: bottom; }
.cx-mg-mayor__tx { align-self: center; padding: 20px 0; }
.cx-mg-mayor__tx small { display: block; font-size: calc(11px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .18em; color: var(--ax-or, #f47b20); }
.cx-mg-mayor__tx b { display: block; margin-top: 6px; font-family: "Montserrat", var(--cx-font); font-weight: var(--ax-hw, 900); font-size: calc(26px * var(--ax-fzh, 1)); line-height: 1.05; color: var(--ax-navy, #1f3263); }
.cx-mg-mayor__tx q { display: block; margin-top: 10px; max-width: 360px; font-size: calc(14px * var(--ax-fz, 1)); line-height: 1.5; color: #3d5580; }
.cx-mg-mayor__tx em { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; height: 40px; padding: 0 16px; border-radius: calc(12px * var(--ax-rs, 1)); background: var(--ax-or, #f47b20); color: #fff; font-style: normal; font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.cx-mg-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.cx-mg-tiles a { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 16px 10px; border-radius: calc(18px * var(--ax-rs, 1)); background: var(--ax-bg, #f3f5f9); text-align: center; font-size: calc(13.5px * var(--ax-fz, 1)); line-height: 1.3; transition: background .2s; }
.cx-mg-tiles a:hover { background: var(--ax-orl, #fff1e6); }
.cx-mg-tiles span { width: 50px; height: 50px; border-radius: calc(15px * var(--ax-rs, 1)); display: grid; place-items: center; background: #fff; color: var(--ax-or, #f47b20); font-size: calc(20px * var(--ax-fz, 1)); box-shadow: 0 10px 20px -14px rgba(20, 32, 70, .5); }
.cx-mg-tiles b { font-weight: 800; color: var(--ax-ink, #1b2a52); }

/* hizmetler: bant + renkli kutular */
.cx-mg-band { position: relative; display: block; min-height: 180px; overflow: hidden; border-radius: calc(22px * var(--ax-rs, 1)); background: #1b2747; color: #fff; }
.cx-mg-band img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cx-mg-band::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15, 24, 52, .94) 0%, rgba(15, 24, 52, .62) 50%, rgba(15, 24, 52, .1) 100%); }
.cx-mg-band > span { position: absolute; z-index: 2; left: 26px; top: 50%; transform: translateY(-50%); max-width: 420px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.cx-mg-band b { font-family: "Montserrat", var(--cx-font); font-weight: var(--ax-hw, 900); font-size: calc(20px * var(--ax-fzh, 1)); line-height: 1.15; text-transform: var(--ax-tt, uppercase); }
.cx-mg-band small { font-size: calc(13px * var(--ax-fz, 1)); color: #c9d4e8; }
.cx-mg-band em { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; height: 40px; padding: 0 16px; border-radius: calc(12px * var(--ax-rs, 1)); background: var(--ax-or, #f47b20); font-style: normal; font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 800; text-transform: uppercase; }
.cx-mg-color { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.cx-mg-color a { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; height: 124px; padding: 18px; border-radius: calc(20px * var(--ax-rs, 1)); color: #fff; transition: transform .2s; }
.cx-mg-color a:hover { transform: translateY(-3px); }
.cx-mg-color a::after { content: ""; position: absolute; right: -30px; bottom: -44px; width: 120px; height: 120px; border-radius: 50%; border: 18px solid rgba(255, 255, 255, .1); }
.cx-mg-color i { font-size: calc(26px * var(--ax-fz, 1)); }
.cx-mg-color b { position: relative; z-index: 1; font-family: "Montserrat", var(--cx-font); font-weight: 800; font-size: calc(13.5px * var(--ax-fzh, 1)); line-height: 1.2; text-transform: var(--ax-tt, uppercase); }
.cx-mg-color .c1 { background: linear-gradient(150deg, var(--ax-c1a, #2aa3e0), var(--ax-c1b, #1679b8)); } .cx-mg-color .c2 { background: linear-gradient(150deg, var(--ax-c2a, #63b04f), var(--ax-c2b, #3f8a30)); }
.cx-mg-color .c3 { background: linear-gradient(150deg, var(--ax-or3, #ff9545), var(--ax-or2, #e8650f)); } .cx-mg-color .c4 { background: linear-gradient(150deg, var(--ax-c3a, #a26bb6), var(--ax-c3b, #764189)); }

/* çavuşlu: fotoğraf kutuları */
.cx-mg-photos { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.cx-mg-photos a { position: relative; height: 144px; overflow: hidden; border-radius: calc(18px * var(--ax-rs, 1)); color: #fff; background: #1b2747; }
.cx-mg-photos img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.cx-mg-photos a:hover img { transform: scale(1.06); }
.cx-mg-photos a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15, 24, 52, .85), rgba(15, 24, 52, 0) 60%); }
.cx-mg-photos b { position: absolute; z-index: 2; left: 14px; right: 14px; bottom: 12px; font-family: "Montserrat", var(--cx-font); font-weight: 800; font-size: calc(13.5px * var(--ax-fzh, 1)); line-height: 1.2; text-transform: var(--ax-tt, uppercase); }

/* projeler: durum sayaçları */
.cx-mg-stats { grid-column: 1 / -1; display: flex; gap: 12px; }
.cx-mg-stats a { flex: 1 1 0; min-width: 0; display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: calc(16px * var(--ax-rs, 1)); color: #fff; transition: transform .2s; }
.cx-mg-stats a:hover { transform: translateY(-2px); }
.cx-mg-stats i { font-size: calc(22px * var(--ax-fz, 1)); opacity: .9; }
.cx-mg-stats b { display: block; font-family: "Montserrat", var(--cx-font); font-weight: var(--ax-hw, 900); font-size: calc(22px * var(--ax-fzh, 1)); line-height: 1; }
.cx-mg-stats small { display: block; margin-top: 3px; font-size: calc(12px * var(--ax-fz, 1)); opacity: .92; }
.cx-mg-stats .s-dev { background: linear-gradient(150deg, var(--ax-navy3, #2a4078), var(--ax-navy, #1f3263)); } .cx-mg-stats .s-tam { background: linear-gradient(150deg, var(--ax-or3, #ff9545), var(--ax-or2, #e8650f)); }
.cx-mg-stats .s-plan { background: linear-gradient(150deg, var(--ax-c1a, #2aa3e0), var(--ax-c1b, #1679b8)); } .cx-mg-stats .s-all { background: linear-gradient(150deg, var(--ax-c3a, #a26bb6), var(--ax-c3b, #764189)); }

/* duyurular */
.cx-mg-ilan { display: flex; flex-direction: column; gap: 8px; }
.cx-mg-ilan a { display: grid; grid-template-columns: 62px minmax(0, 1fr) 36px; gap: 16px; align-items: center; padding: 10px 12px; border-radius: calc(16px * var(--ax-rs, 1)); border: 1.5px solid var(--ax-line, #e4e8f0); transition: border-color .2s; }
.cx-mg-ilan a:hover { border-color: var(--ax-or, #f47b20); }
.cx-mg-ilan__d { height: 62px; border-radius: calc(14px * var(--ax-rs, 1)); display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--ax-orl, #fff1e6); color: var(--ax-orink, #c25a0c); font-family: "Montserrat", var(--cx-font); font-weight: var(--ax-hw, 900); line-height: 1; }
.cx-mg-ilan__d b { font-size: calc(22px * var(--ax-fz, 1)); }
.cx-mg-ilan__d small { margin-top: 3px; font-size: calc(10.5px * var(--ax-fz, 1)); letter-spacing: .1em; }
.cx-mg-ilan__t { min-width: 0; }
.cx-mg-ilan__t em { font-style: normal; font-size: calc(10.5px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ax-or, #f47b20); }
.cx-mg-ilan__t b { display: block; margin-top: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: calc(14.5px * var(--ax-fz, 1)); font-weight: 800; color: var(--ax-ink, #1b2a52); }
.cx-mg-ilan__t small { display: block; margin-top: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: calc(12.5px * var(--ax-fz, 1)); color: var(--ax-muted, #8a93a8); }
.cx-mg-ilan a > i { width: 36px; height: 36px; border-radius: 50%; border: 1.5px solid var(--ax-line, #e4e8f0); display: grid; place-items: center; color: var(--ax-or, #f47b20); font-size: calc(13px * var(--ax-fz, 1)); }

/* e-belediye */
.cx-mg-eb { position: relative; overflow: hidden; min-height: 226px; padding: 24px; border-radius: calc(22px * var(--ax-rs, 1)); background: linear-gradient(150deg, #e7f1fb, #cfe3f6); }
.cx-mg-eb b { display: block; font-family: "Montserrat", var(--cx-font); font-weight: var(--ax-hw, 900); font-size: calc(20px * var(--ax-fzh, 1)); line-height: 1.1; text-transform: var(--ax-tt, uppercase); color: var(--ax-navy, #1f3263); }
.cx-mg-eb small { display: block; margin-top: 8px; max-width: 250px; font-size: calc(13px * var(--ax-fz, 1)); line-height: 1.5; color: var(--ax-text, #4b5672); }
.cx-mg-lap { position: absolute; left: 26px; right: 26px; bottom: 0; height: 92px; padding: 8px 8px 0; border-radius: calc(12px * var(--ax-rs, 1)) calc(12px * var(--ax-rs, 1)) 0 0; background: #1b2347; }
.cx-mg-lap > span:first-child { display: flex; align-items: center; gap: 4px; height: 10px; }
.cx-mg-lap > span:first-child i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, .35); }
.cx-mg-lap > span:last-child { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; height: 74px; margin-top: 6px; padding: 8px; border-radius: calc(6px * var(--ax-rs, 1)) calc(6px * var(--ax-rs, 1)) 0 0; background: #fff; }
.cx-mg-lap em { border-radius: calc(6px * var(--ax-rs, 1)); background: var(--ax-bg, #f3f5f9); }
.cx-mg-lap em:nth-child(1) { background: var(--ax-or, #f47b20); } .cx-mg-lap em:nth-child(2) { background: var(--ax-c1l, #e2f1fb); } .cx-mg-lap em:nth-child(3) { background: var(--ax-c2l, #e6f3e0); } .cx-mg-lap em:nth-child(4) { background: var(--ax-c3l, #f1e7f5); }
.cx-mg-svc { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-content: start; }
.cx-mg-svc a { display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: calc(18px * var(--ax-rs, 1)); border: 1.5px solid var(--ax-line, #e4e8f0); font-size: calc(14px * var(--ax-fz, 1)); font-weight: 800; line-height: 1.25; color: var(--ax-ink, #1b2a52); transition: border-color .2s; }
.cx-mg-svc a:hover { border-color: var(--ax-or, #f47b20); }
.cx-mg-svc span { flex: none; width: 46px; height: 46px; border-radius: calc(14px * var(--ax-rs, 1)); display: grid; place-items: center; font-size: calc(19px * var(--ax-fz, 1)); }
.cx-mg-svc .t-o { background: var(--ax-orl, #fff1e6); color: var(--ax-or2, #e8650f); } .cx-mg-svc .t-b { background: var(--ax-c1l, #e2f1fb); color: var(--ax-c1b, #1679b8); } .cx-mg-svc .t-g { background: var(--ax-c2l, #e6f3e0); color: var(--ax-c2b, #3f8a30); }
.cx-mg-portal { grid-column: 1 / -1; display: flex; align-items: center; gap: 16px; padding: 12px 12px 12px 18px; border-radius: calc(18px * var(--ax-rs, 1)); background: var(--ax-bg, #f3f5f9); }
.cx-mg-portal > i { flex: none; width: 46px; height: 46px; border-radius: calc(14px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-navy, #1f3263); color: #fff; font-size: calc(19px * var(--ax-fz, 1)); }
.cx-mg-portal b { display: block; font-size: calc(15px * var(--ax-fz, 1)); font-weight: 800; color: var(--ax-ink, #1b2a52); }
.cx-mg-portal small { display: block; font-size: calc(12.5px * var(--ax-fz, 1)); color: var(--ax-muted, #8a93a8); }
.cx-mg-portal em { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: calc(13px * var(--ax-rs, 1)); background: var(--ax-or, #f47b20); color: #fff; font-style: normal; font-size: calc(13px * var(--ax-fz, 1)); font-weight: 800; text-transform: uppercase; white-space: nowrap; }

/* iletişim kartları */
.cx-mg-ct { display: flex; flex-direction: column; gap: 10px; }
.cx-mg-ct a { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border-radius: calc(16px * var(--ax-rs, 1)); border: 1.5px solid var(--ax-line, #e4e8f0); transition: border-color .2s; }
.cx-mg-ct a:hover { border-color: var(--ax-or, #f47b20); }
.cx-mg-ct a > span:first-child { flex: none; width: 48px; height: 48px; border-radius: calc(14px * var(--ax-rs, 1)); display: grid; place-items: center; color: #fff; font-size: calc(19px * var(--ax-fz, 1)); }
.cx-mg-ct .t-o { background: linear-gradient(150deg, var(--ax-or3, #ff9545), var(--ax-or2, #e8650f)); } .cx-mg-ct .t-b { background: linear-gradient(150deg, var(--ax-c1a, #2aa3e0), var(--ax-c1b, #1679b8)); }
.cx-mg-ct .t-g { background: linear-gradient(150deg, var(--ax-c2a, #63b04f), var(--ax-c2b, #3f8a30)); } .cx-mg-ct .t-p { background: linear-gradient(150deg, var(--ax-c3a, #a26bb6), var(--ax-c3b, #764189)); }
.cx-mg-ct b { display: block; font-family: "Montserrat", var(--cx-font); font-weight: 800; font-size: calc(15px * var(--ax-fzh, 1)); color: var(--ax-ink, #1b2a52); }
.cx-mg-ct small { display: block; margin-top: 2px; font-size: calc(12px * var(--ax-fz, 1)); color: var(--ax-muted, #8a93a8); }

@media (max-width: 1400px) {
  .cx-mega__in { grid-template-columns: 210px minmax(0, 1fr); gap: 18px; padding: 18px; }
  .cx-mg-feat { min-height: 270px; }
  .cx-mg-svc { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1180px) { .cx-mega { display: none; } }

/* ══ Ana sayfa düğmesi (menünün başında, header.php) — lacivert degrade kutu, beyaz çatı/duvar, turuncu kapı; üzerine gelince turuncu ══ */
.cx-menu__li--home { margin-right: 8px; }
.cx-home-btn { position: relative; width: 46px; height: 46px; border-radius: calc(14px * var(--ax-rs, 1)); display: grid; place-items: center; color: #fff;
  background: linear-gradient(150deg, #2e4885 0%, var(--ax-navy, #1f3263) 55%, var(--ax-navy2, #162550) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 -2px 0 rgba(0, 0, 0, .16), 0 10px 18px -10px rgba(31, 50, 99, .8);
  transition: transform .25s ease, box-shadow .25s ease; }
.cx-home-btn::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: linear-gradient(150deg, var(--ax-or3, #ffa05a) 0%, var(--ax-or, #f47b20) 55%, #e0600c 100%); opacity: 0; transition: opacity .25s ease; }
.cx-home-btn::after { content: attr(data-tip); position: absolute; z-index: 90; top: calc(100% + 12px); left: 50%; transform: translate(-50%, -4px);
  padding: 6px 11px; border-radius: calc(8px * var(--ax-rs, 1)); background: var(--ax-ink, #1b2a52); color: #fff; font-size: calc(11.5px * var(--ax-fz, 1)); font-weight: 700; letter-spacing: .02em; white-space: nowrap;
  opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s; }
.cx-home-btn svg { position: relative; z-index: 1; width: 29px; height: 29px; overflow: visible; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .18)); }
.cx-home-btn .r, .cx-home-btn .w { fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.cx-home-btn .d { fill: var(--ax-or, #f47b20); transition: fill .25s; }
.cx-home-btn:hover, .cx-home-btn:focus-visible { transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 14px 22px -10px rgba(232, 101, 15, .75); }
.cx-home-btn:hover::before, .cx-home-btn:focus-visible::before { opacity: 1; }
.cx-home-btn:hover .d, .cx-home-btn:focus-visible .d { fill: var(--ax-navy, #1f3263); }
.cx-home-btn:hover::after, .cx-home-btn:focus-visible::after { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: opacity .2s ease .15s, transform .2s ease .15s, visibility 0s linear .15s; }
@media (max-width: 1400px) and (min-width: 1181px) {
  .cx-menu__li--home { margin-right: 4px; }
  .cx-home-btn { width: 42px; height: 42px; border-radius: calc(13px * var(--ax-rs, 1)); }
  .cx-home-btn svg { width: 26px; height: 26px; }
}

/* Uzun belediye adı (Tema Stüdyosu › Logo & Marka) menü kartından taşmasın: satırlar kısaltılır (…) */
.cx-brand { min-width: 0; }
.cx-brand__txt { min-width: 0; }
.cx-brand__txt b, .cx-brand__txt i { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* ── Mobil menü kartı (≤1180, kullanıcı örneği 2026-10-19): logo + ad · açık turuncu zeminli turuncu arama · çerçeveli menü düğmesi ── */
@media (max-width: 1180px) {
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__in { height: 80px; padding: 0 12px 0 14px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__search { width: 48px; height: 48px; border: 0; border-radius: calc(14px * var(--ax-rs, 1)); background: var(--ax-orl, #fff1e6); color: var(--ax-or, #f47b20); font-size: calc(17px * var(--ax-fz, 1)); }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__search:hover { background: var(--ax-or, #f47b20); color: #fff; }
  :is(body.cx-home, body.cx-inner--hero) .cx-burger { width: 48px; height: 48px; border: 1.5px solid var(--ax-line, #e4e8f0); border-radius: calc(14px * var(--ax-rs, 1)); background: #fff; }
  :is(body.cx-home, body.cx-inner--hero) .cx-burger span { left: 14px; right: 14px; height: 2.4px; background: var(--ax-navy, #1f3263); }
  :is(body.cx-home, body.cx-inner--hero) .cx-burger span:nth-child(1) { top: 16px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-burger span:nth-child(2) { top: 22px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-burger span:nth-child(3) { top: 28px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-burger[aria-expanded="true"] span:nth-child(1), :is(body.cx-home, body.cx-inner--hero) .cx-burger[aria-expanded="true"] span:nth-child(3) { top: 22px; }
}
@media (max-width: 560px) {
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__in { height: 76px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-brand { gap: 12px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-brand__logo { width: 52px; height: 52px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-brand__txt b { font-size: calc(19px * var(--ax-fzh, 1)); }
  :is(body.cx-home, body.cx-inner--hero) .cx-brand__txt i { margin-top: 4px; font-size: calc(9.5px * var(--ax-fzh, 1)); letter-spacing: .32em; }
  :is(body.cx-home, body.cx-inner--hero) .cx-nav__search, :is(body.cx-home, body.cx-inner--hero) .cx-burger { width: 46px; height: 46px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-burger span:nth-child(1) { top: 15px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-burger span:nth-child(2), :is(body.cx-home, body.cx-inner--hero) .cx-burger[aria-expanded="true"] span:nth-child(1), :is(body.cx-home, body.cx-inner--hero) .cx-burger[aria-expanded="true"] span:nth-child(3) { top: 21px; }
  :is(body.cx-home, body.cx-inner--hero) .cx-burger span:nth-child(3) { top: 27px; }
}