@keyframes rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.z-site {
  --z-navy: #0B2A42;
  --z-navy-2: #12385A;
  --z-blue: #075C96;
  --z-gold: #8A7040;
  --z-gold-light: #B5975F;
  --z-gold-soft: #EFE6D2;
  --z-sand: #F5F2EB;
  --z-line: #E6E0D3;
  --z-text: #1F2A33;
  --z-muted: #66707A;
  font-family: Manrope, system-ui, sans-serif;
  color: var(--z-text);
  background: var(--z-sand);
  min-height: 100vh;
}
.z-wrap { max-width: 1320px; margin: 0 auto; padding-left: 32px; padding-right: 32px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.z-topbar { background: #071E31; color: #DCE4EB; font-size: 13px; font-weight: 600; }
.z-topbar-in { min-height: 40px; display: flex; align-items: center; gap: 22px; flex-wrap: wrap; padding-top: 5px; padding-bottom: 5px; }
.z-topbar-name { color: #fff; font-weight: 700; }
.z-topbar-links { display: flex; gap: 20px; flex-wrap: wrap; flex: 1; }
.z-topbar-links a { color: #C9D4DE; transition: color .2s; }
.z-topbar-links a:hover { color: var(--z-gold-light); }
.z-topbar-right { display: flex; align-items: center; gap: 14px; }
.z-topbar-phone { color: #fff; font-weight: 700; padding-right: 12px; border-right: 1px solid rgba(255,255,255,.2); }
.z-social { color: #C9D4DE; display: inline-flex; align-items: center; justify-content: center; transition: color .2s, transform .2s; }
.z-social:hover { color: var(--z-gold-light); transform: translateY(-1px); }

.z-header { position: sticky; top: 0; z-index: 50; background: var(--z-navy); border-bottom: 3px solid var(--z-gold); box-shadow: 0 10px 30px rgba(7,30,49,.25); }
.z-header-in { display: flex; align-items: center; gap: 24px; min-height: 112px; }
.z-brand { display: flex; align-items: center; flex-shrink: 0; }
.z-brand img { height: 100px; width: auto; display: block; transition: transform .25s; filter: drop-shadow(0 4px 10px rgba(0,0,0,.3)); }
.z-brand:hover img { transform: rotate(-6deg) scale(1.03); }
.z-nav { display: flex; align-items: stretch; align-self: stretch; gap: 4px; margin-left: auto; flex-wrap: wrap; justify-content: flex-end; }
.z-nav > a.z-nav-link { align-self: center; }
.z-nav-drop { display: flex; align-items: center; }
.z-nav-link { display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px; border: 0; background: none; border-radius: 999px; color: #E9EEF3; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; transition: background .18s, color .18s; white-space: nowrap; }
.z-nav-link:hover, .z-nav-drop.is-open > .z-nav-link { background: var(--z-gold); color: #fff; }
.z-caret { transition: transform .2s; opacity: .7; }
.z-nav-drop.is-open .z-caret { transform: rotate(180deg); }
.z-drop-panel { display: none; position: absolute; left: 0; right: 0; top: calc(100% + 3px); z-index: 70; background: #fff; border-top: 0; box-shadow: 0 30px 50px rgba(11,42,66,.16); }
.z-nav-drop.is-open > .z-drop-panel, .z-nav-drop:has(:focus-visible) > .z-drop-panel { display: block; }
.z-drop { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 36px; padding-top: 26px; padding-bottom: 30px; animation: rise .18s ease both; }
.z-drop-head { background: var(--z-accent, var(--z-navy)); color: #fff; border-radius: 14px; padding: 22px 22px 24px; display: flex; flex-direction: column; gap: 10px; position: relative; overflow: hidden; min-height: 150px; }
.z-drop-head::after { content: ""; position: absolute; right: 14px; bottom: 14px; height: min(120px, calc(100% - 28px)); aspect-ratio: 1; background: url("logo.png") center/contain no-repeat; filter: grayscale(1) contrast(1.4); mix-blend-mode: screen; opacity: .16; pointer-events: none; }
.z-drop-icon { width: 46px; height: 46px; border-radius: 12px; background: rgba(255,255,255,.14); display: flex; align-items: center; justify-content: center; }
.z-drop-title { font-size: 20px; font-weight: 800; letter-spacing: .01em; }
.z-drop-note { font-size: 12.5px; font-weight: 600; color: rgba(255,255,255,.75); }
.z-drop-links { display: grid; grid-auto-rows: 40px; gap: 2px 18px; align-content: start; }
.z-drop-links.is-cols-1 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 640px; }
.z-drop-links.is-cols-2 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.z-drop-links.is-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.z-drop-link { display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 12px; font-size: 13.5px; font-weight: 600; color: var(--z-text); border-radius: 8px; border-left: 2px solid transparent; transition: background .15s, color .15s, border-color .15s; min-width: 0; }
.z-drop-link span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.z-drop-link svg { flex-shrink: 0; color: var(--z-gold); opacity: .55; transition: transform .15s, opacity .15s; }
.z-drop-link:hover { background: var(--z-sand); color: var(--z-navy); border-left-color: var(--z-gold); }
.z-drop-link:hover svg { opacity: 1; transform: translateX(2px); }

.z-hero { position: relative; overflow: hidden; background: var(--z-navy); isolation: isolate; }
.z-hero-bg { position: absolute; inset: -30px; background: center/cover no-repeat; filter: blur(7px) saturate(.85); transform: scale(1.05); z-index: -2; }
.z-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(115deg, rgba(11,42,66,.86), rgba(11,42,66,.6) 55%, rgba(60,46,20,.55)); }
.z-hero-in { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 26px; padding-top: 32px; padding-bottom: 34px; align-items: stretch; }
.z-news { min-width: 0; }
.z-news-frame { position: relative; border-radius: 18px; overflow: hidden; box-shadow: 0 30px 60px rgba(0,0,0,.35); background: #0B2A42; }
[data-slide] { min-width: 0; }
.z-feature { position: relative; }
.z-feature-link { position: relative; display: flex; flex-direction: column; color: #fff; }
.z-feature-link:hover, .z-feature-link:focus { color: #fff; }
.z-feature-img { position: relative; aspect-ratio: 16 / 9; display: block; overflow: hidden; background: #0B2A42; }
.z-feature-blur { position: absolute; inset: -20px; background: center/cover no-repeat; filter: blur(18px) brightness(.7); }
.z-feature-img img { position: relative; width: 100%; height: 100%; object-fit: contain; display: block; }
.z-feature-body { flex-shrink: 0; height: 156px; padding: 18px 28px 20px; display: flex; flex-direction: column; gap: 7px; background: linear-gradient(180deg, #0D3150, #0B2A42); border-top: 3px solid #8A7040; }
.z-feature-date { position: absolute; left: 24px; top: 22px; z-index: 2; background: #8A7040; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .06em; padding: 6px 12px; border-radius: 999px; box-shadow: 0 6px 16px rgba(0,0,0,.25); }
.z-feature-title { font-family: Sora, Manrope, sans-serif; font-size: 19px; line-height: 1.3; font-weight: 700; color: #fff; }
.z-feature-text { font-size: 14.5px; line-height: 1.55; color: rgba(255,255,255,.8); font-weight: 500; }
.z-feature-more { font-size: 13.5px; font-weight: 800; color: #E9D9B5; margin-top: auto; transition: transform .2s; }
.z-feature-link:hover .z-feature-more { transform: translateX(4px); }
.z-feature-link:hover .z-feature-title { color: #F3E6C6; }
.z-feature-nav { position: absolute; right: 22px; top: 22px; z-index: 2; display: flex; align-items: center; gap: 8px; }
.z-feature-count { font-family: Sora, Manrope, sans-serif; font-size: 12.5px; font-weight: 700; color: #fff; background: rgba(7,30,49,.55); backdrop-filter: blur(8px); padding: 8px 12px; border-radius: 999px; letter-spacing: .08em; }
.z-feature-nav button { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); background: rgba(7,30,49,.55); backdrop-filter: blur(8px); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s; }
.z-feature-nav button:hover { background: #8A7040; border-color: #8A7040; }
.z-thumbs { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.z-thumb { height: 58px; border: 0; border-radius: 10px; overflow: hidden; cursor: pointer; padding: 0; background: rgba(255,255,255,.1); opacity: .55; outline: 2px solid transparent; outline-offset: 2px; transition: opacity .2s, outline-color .2s, transform .2s; }
.z-thumb:hover { opacity: .9; transform: translateY(-2px); }
.z-thumb[aria-current="true"] { opacity: 1; outline-color: #B5975F; }
.z-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.z-news-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 16px; flex-wrap: wrap; }
.z-news-all { color: #fff; font-weight: 700; font-size: 14px; padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.3); transition: background .2s, border-color .2s; }
.z-news-all:hover { background: #8A7040; border-color: #8A7040; }
.z-logos { display: flex; gap: 8px; flex-wrap: wrap; padding: 6px; border-radius: 12px; background: rgba(255,255,255,.1); backdrop-filter: blur(6px); }
.z-logos a { background: #fff; border-radius: 8px; padding: 4px 8px; height: 40px; display: flex; align-items: center; transition: transform .2s; }
.z-logos a:hover { transform: translateY(-2px); }
.z-logos img { height: 30px; width: auto; display: block; }
.z-shortcuts { display: flex; flex-direction: column; gap: 14px; background: rgba(7,30,49,.42); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(16px) saturate(1.2); border-radius: 20px; padding: 18px; box-shadow: 0 30px 60px rgba(0,0,0,.25); }
.z-shortcuts-head { font-family: Sora, Manrope, sans-serif; font-size: 12.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #E9D9B5; margin: 2px 4px 0; }
.z-shortcut-grid { flex: 1; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 10px; }
.z-shortcut { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 12px; min-height: 96px; padding: 14px; border-radius: 14px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); color: #fff; font-weight: 700; font-size: 14px; line-height: 1.3; transition: transform .2s, background .2s, border-color .2s; }
.z-shortcut:last-child:nth-child(odd) { grid-column: 1 / -1; min-height: 60px; flex-direction: row; align-items: center; justify-content: flex-start; }
.z-shortcut:hover { transform: translateY(-2px); background: #8A7040; border-color: #8A7040; color: #fff; }
.z-shortcut-icon { width: 38px; height: 38px; border-radius: 50%; background: #8A7040; color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background .2s, color .2s; }
.z-shortcut:hover .z-shortcut-icon { background: #fff; color: #8A7040; }
.z-shortcut-icon .z-icon { width: 19px; height: 19px; }
.z-reach { display: flex; flex-direction: column; gap: 6px; padding: 18px 18px 16px; border-radius: 16px; background: linear-gradient(135deg, #A88A50, #8A7040 55%, #6F5A33); color: #fff; position: relative; overflow: hidden; }
.z-reach::after { content: ""; position: absolute; right: 12px; top: 12px; width: 64px; height: 64px; background: url("logo.png") center/contain no-repeat; opacity: .22; filter: grayscale(1) contrast(1.4); mix-blend-mode: screen; }
.z-reach-label { font-size: 11.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.8); }
.z-reach-phone { font-family: Sora, Manrope, sans-serif; font-size: 24px; font-weight: 700; color: #fff; letter-spacing: .01em; }
.z-reach-phone:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.z-reach-note { font-size: 12.5px; color: rgba(255,255,255,.82); font-weight: 500; max-width: 230px; }
.z-reach-actions { display: flex; gap: 8px; margin-top: 8px; position: relative; z-index: 1; }
.z-reach-actions a { flex: 1; text-align: center; padding: 10px 12px; border-radius: 999px; background: #fff; color: #0B2A42; font-size: 13px; font-weight: 800; transition: transform .2s; }
.z-reach-actions a.is-wa { background: #0B2A42; color: #fff; }
.z-reach-actions a:hover { transform: translateY(-2px); }

.z-band { background: linear-gradient(180deg, #F7F4EE, #FFFFFF 70%); padding: 48px 0 52px; }
.z-band-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 24px; align-items: stretch; }
.z-box { background: #fff; border-radius: 20px; box-shadow: 0 1px 0 rgba(11,42,66,.04), 0 18px 40px rgba(11,42,66,.08); overflow: hidden; display: flex; flex-direction: column; }
.z-box.is-fill { contain: size; min-height: 360px; }
.z-card-head { display: flex; align-items: center; gap: 12px; min-height: 78px; padding: 12px 20px; margin: 0 4px; border-bottom: 1px solid #EFEAE0; }
.z-card-head-icon { width: 40px; height: 40px; border-radius: 12px; background: #F2EEE5; color: #8A7040; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.z-card-head-icon .z-icon { width: 21px; height: 21px; }
.z-card-head-title { flex: 1; min-width: 0; font-family: Sora, Manrope, sans-serif; font-size: 17.5px; font-weight: 700; color: #0B2A42; line-height: 1.25; }
.z-card-head a, .z-card-head button { flex-shrink: 0; font: inherit; font-size: 13.5px; font-weight: 800; color: #8A7040; background: none; border: 0; padding: 6px 2px; cursor: pointer; transition: color .2s; }
.z-card-head a span, .z-card-head button span { display: inline-block; transition: transform .2s; }
.z-card-head a:hover, .z-card-head button:hover { color: #0B2A42; }
.z-card-head a:hover span, .z-card-head button:hover span { transform: translateX(3px); }
.z-ann { list-style: none; margin: 0; padding: 8px 12px 12px; flex: 1; min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #D8CDB4 transparent; }
.z-ann li + li { margin-top: 4px; }
.z-ann a { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 14px; align-items: center; padding: 8px; border-radius: 14px; transition: background .15s; }
.z-ann a:hover { background: #F7F4EE; }
.z-ann-cal { width: 58px; height: 58px; border-radius: 14px; background: #F2EEE5; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; transition: background .2s, color .2s; }
.z-ann-cal b { font-family: Sora, Manrope, sans-serif; font-size: 21px; font-weight: 700; color: #0B2A42; }
.z-ann-cal small { margin-top: 5px; font-size: 10.5px; font-weight: 800; color: #8A7040; letter-spacing: .04em; text-transform: uppercase; }
.z-ann a:hover .z-ann-cal { background: #0B2A42; }
.z-ann a:hover .z-ann-cal b { color: #fff; }
.z-ann a:hover .z-ann-cal small { color: #E9D9B5; }
.z-ann-title { font-size: 14.5px; font-weight: 600; color: #1A242D; line-height: 1.45; }
.z-ann a:hover .z-ann-title { color: #0B2A42; }
.z-cal-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px 4px; font-family: Sora, Manrope, sans-serif; font-weight: 700; font-size: 16px; color: #0B2A42; }
.z-cal-head a { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #0B2A42; background: #F2EEE5; transition: background .15s, color .15s; }
.z-cal-head a:hover { background: #0B2A42; color: #fff; }
.z-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px 4px; padding: 10px 16px 14px; text-align: center; font-size: 14px; }
.z-cal-dow { color: #8E98A2; font-weight: 700; padding: 4px 0 6px; font-size: 11.5px; text-transform: uppercase; letter-spacing: .06em; }
.z-cal-day { position: relative; width: 38px; height: 38px; margin: 0 auto; border-radius: 50%; color: #1A242D; display: flex; align-items: center; justify-content: center; font-weight: 600; border: 0; background: none; font: inherit; font-weight: 600; }
.z-cal-day.is-out { visibility: hidden; }
.z-cal-day.is-today { box-shadow: inset 0 0 0 2px #0B2A42; color: #0B2A42; font-weight: 800; }
.z-cal-day.has-event { background: linear-gradient(135deg, #B5975F, #8A7040); color: #fff; font-weight: 800; cursor: pointer; box-shadow: 0 6px 14px rgba(138,112,64,.35); transition: transform .15s, box-shadow .15s; }
.z-cal-day.has-event:hover { transform: translateY(-2px) scale(1.06); box-shadow: 0 10px 20px rgba(138,112,64,.45); }
.z-cal-day.has-event.is-today { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0B2A42; }
.z-cal-day small { position: absolute; top: -4px; right: -4px; min-width: 17px; height: 17px; border-radius: 999px; background: #0B2A42; color: #fff; font-size: 10px; font-weight: 800; display: flex; align-items: center; justify-content: center; padding: 0 4px; }
.z-cal-list { list-style: none; margin: 0; padding: 12px 18px 16px; display: flex; flex-direction: column; gap: 8px; font-size: 14px; border-top: 1px solid #EFEAE0; background: #FBFAF7; }
.z-cal-list a { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 12px; align-items: center; }
.z-cal-list b { background: #0B2A42; color: #fff; text-align: center; padding: 6px 0; font-size: 12px; border-radius: 8px; }
.z-cal-list span { color: #1A242D; font-weight: 600; }
.z-cal-list a:hover span { color: #8A7040; }
.z-services { flex: 1; min-height: 0; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 10px; padding: 14px; overflow-y: auto; }
.z-service { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px 12px; border-radius: 14px; border: 1px solid #E6E0D3; background: #fff; font-size: 13.5px; font-weight: 700; color: #0B2A42; line-height: 1.3; text-align: center; transition: border-color .2s, box-shadow .2s, transform .2s, color .2s; }
.z-service img { width: 38px; height: 38px; display: block; }
.z-service:hover { border-color: #8A7040; color: #8A7040; box-shadow: 0 10px 22px rgba(138,112,64,.18); transform: translateY(-2px); }
.z-services-modal { border: 0; padding: 0; border-radius: 24px; width: min(760px, calc(100vw - 32px)); max-height: min(720px, calc(100vh - 48px)); overflow: hidden; display: none; flex-direction: column; box-shadow: 0 40px 100px rgba(7,30,49,.45); font-family: Manrope, system-ui, sans-serif; color: #1A242D; }
.z-services-modal[open] { display: flex; animation: z-pop .3s cubic-bezier(.2,.9,.3,1.2) both; }
.z-services-modal::backdrop { background: rgba(7,30,49,.55); backdrop-filter: blur(6px); }
.z-services-modal-close { position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; border-radius: 50%; border: 0; background: #F2EEE5; color: #0B2A42; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s, color .2s, transform .2s; z-index: 1; }
.z-services-modal-close:hover { background: #0B2A42; color: #fff; transform: rotate(90deg); }
.z-services-modal-head { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 26px 28px 18px; text-align: center; border-bottom: 1px solid #EFEAE0; background: linear-gradient(180deg, #FBF9F4, #fff); }
.z-services-modal-head img { width: 72px; height: 72px; }
.z-services-modal-head h2 { margin: 0; font-family: Sora, Manrope, sans-serif; font-size: 20px; font-weight: 700; color: #0B2A42; }
.z-search { display: flex; align-items: center; gap: 10px; width: min(420px, 100%); border: 1.5px solid #E0D8C6; border-radius: 999px; padding: 0 16px; background: #fff; color: #8A7040; transition: border-color .2s, box-shadow .2s; }
.z-search:focus-within { border-color: #8A7040; box-shadow: 0 0 0 4px rgba(138,112,64,.15); }
.z-search input { flex: 1; border: 0; outline: 0; padding: 12px 0; font: inherit; font-size: 15px; color: #1A242D; background: transparent; }
.z-services-modal-grid { overflow-y: auto; padding: 18px 22px 24px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-content: start; }
.z-service-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 120px; padding: 14px 10px; border: 1px solid #E6E0D3; border-radius: 16px; text-align: center; font-size: 13.5px; font-weight: 700; color: #0B2A42; line-height: 1.3; transition: border-color .2s, box-shadow .2s, transform .2s, color .2s; }
.z-service-card img { width: 52px; height: 52px; }
.z-service-card:hover { border-color: #8A7040; color: #8A7040; box-shadow: 0 12px 24px rgba(138,112,64,.18); transform: translateY(-2px); }
.z-service-card[hidden] { display: none; }
.z-services-empty { grid-column: 1 / -1; text-align: center; color: #66707A; font-weight: 600; margin: 20px 0; }
@media (max-width: 700px) { .z-services-modal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.z-event-modal { border: 0; padding: 0; border-radius: 22px; width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 48px); overflow: auto; box-shadow: 0 40px 100px rgba(7,30,49,.45); font-family: Manrope, system-ui, sans-serif; color: #1A242D; }
.z-event-modal[open] { animation: z-pop .3s cubic-bezier(.2,.9,.3,1.2) both; }
.z-event-modal::backdrop { background: rgba(7,30,49,.55); backdrop-filter: blur(6px); }
.z-event-modal-head { display: grid; grid-template-columns: 56px minmax(0,1fr) 40px; gap: 14px; align-items: center; padding: 18px 18px 18px 20px; background: linear-gradient(120deg, #0B2A42, #1B4A6E); color: #fff; }
.z-event-modal-day { width: 56px; height: 56px; border-radius: 16px; background: linear-gradient(135deg, #B5975F, #8A7040); display: flex; align-items: center; justify-content: center; font-family: Sora, Manrope, sans-serif; font-size: 24px; font-weight: 800; }
.z-event-modal-head small { display: block; font-size: 11px; font-weight: 800; letter-spacing: .16em; color: #E9D9B5; }
.z-event-modal-head b { font-family: Sora, Manrope, sans-serif; font-size: 18px; font-weight: 700; }
.z-event-modal-head button { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.08); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s, transform .2s; }
.z-event-modal-head button:hover { background: #8A7040; transform: rotate(90deg); }
.z-event-modal-list { list-style: none; margin: 0; padding: 8px 20px 20px; }
.z-event-modal-list li { padding: 16px 0; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.z-event-modal-list li + li { border-top: 1px dashed #E6E0D3; }
.z-event-modal-title { font-family: Sora, Manrope, sans-serif; font-size: 16px; font-weight: 700; color: #0B2A42; line-height: 1.4; }
.z-event-modal-meta { display: flex; gap: 8px; flex-wrap: wrap; }
.z-event-modal-meta span { background: #F2EEE5; color: #6F5A33; font-size: 12.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; }
.z-event-modal-list .z-popup-cta { margin-top: 4px; }



.z-map iframe { display: block; width: 100%; height: 400px; border: 0; filter: saturate(.85); }

.z-phead { position: relative; background: var(--z-navy); overflow: hidden; }
.z-phead::before { content: ""; position: absolute; right: -120px; top: -160px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(181,151,95,.32), transparent 68%); }
.z-phead-in { position: relative; padding-top: 38px; padding-bottom: 40px; }
.z-phead-crumb { display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; color: #9FB0BF; margin-bottom: 14px; }
.z-phead-crumb a { color: #D3DCE4; }
.z-phead-crumb a:hover { color: var(--z-gold-light); }
.z-phead-crumb .is-current { color: var(--z-gold-light); }
.z-phead-meta { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; color: var(--z-gold-light); font-size: 12.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.z-badge { background: var(--z-gold); color: #fff; padding: 5px 11px; border-radius: 3px; letter-spacing: .1em; }
.z-phead h1 { margin: 0; color: #fff; font-size: clamp(24px, 2.8vw, 38px); line-height: 1.18; font-weight: 800; max-width: 34ch; }

.z-inner { background: #fff; padding: 0 0 70px; min-height: 40vh; }
.z-inner-grid { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 48px; align-items: start; }
.z-inner-body { min-width: 0; padding-top: 36px; }
.z-side { position: sticky; top: 120px; padding-top: 36px; }
.z-side-title { font-size: 11.5px; font-weight: 800; letter-spacing: .16em; color: var(--z-muted); margin-bottom: 12px; }
.z-side-links { display: flex; flex-direction: column; border-top: 1px solid var(--z-line); }
.z-side-links a { padding: 11px 14px; font-size: 13.5px; font-weight: 600; color: #4A555F; border-bottom: 1px solid var(--z-line); border-left: 3px solid transparent; transition: all .15s; }
.z-side-links a:hover { color: var(--z-navy); background: var(--z-sand); }
.z-side-links a[aria-current="page"] { color: var(--z-navy); font-weight: 800; border-left-color: var(--z-gold); background: var(--z-sand); }
.z-side-box { margin-top: 20px; background: var(--z-navy); border-radius: 8px; padding: 18px 18px 14px; display: flex; flex-direction: column; }
.z-side-box-title { font-size: 11px; font-weight: 800; letter-spacing: .16em; color: var(--z-gold-light); margin-bottom: 8px; }
.z-side-box a { color: #fff; font-size: 13.5px; font-weight: 700; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.z-side-box a:last-child { border-bottom: 0; }
.z-side-box a:hover { color: var(--z-gold-light); }

.z-article { min-width: 0; }
.z-cover { margin: 0 0 6px; border: 1px solid var(--z-line); padding: 10px; background: #fff; }
.z-cover img { width: 100%; height: auto; display: block; }
.z-event { display: flex; gap: 12px; flex-wrap: wrap; margin: 18px 0 0; }
.z-event div { background: var(--z-sand); border-left: 3px solid var(--z-gold); padding: 10px 14px; display: flex; flex-direction: column; gap: 3px; }
.z-event span { font-size: 10.5px; font-weight: 800; letter-spacing: .14em; color: var(--z-muted); }
.z-event b { color: var(--z-navy); font-size: 14.5px; }
.z-share { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 20px 0; border-bottom: 1px solid var(--z-line); margin-bottom: 26px; }
.z-share > span { font-size: 11.5px; font-weight: 800; letter-spacing: .14em; color: var(--z-muted); }
.z-share a { font-size: 12px; font-weight: 700; color: var(--z-navy); border: 1px solid var(--z-line); padding: 7px 12px; border-radius: 4px; transition: all .2s; }
.z-share a:hover { border-color: var(--z-gold); color: var(--z-gold); }
.z-share .z-share-back { margin-left: auto; border: 0; color: var(--z-gold); font-weight: 800; letter-spacing: .04em; }
.z-share-date { margin-left: auto; font-size: 12.5px; color: var(--z-muted); }
.z-lead { font-size: 18px; line-height: 1.7; color: #3B4650; font-weight: 500; margin: 0 0 22px; }
.z-body { font-size: 15.5px; line-height: 1.8; color: #2E3942; overflow-wrap: anywhere; }
.z-body img { max-width: 100%; height: auto; }
.z-body a { color: var(--z-blue); text-decoration: underline; text-underline-offset: 2px; }
.z-section-title { display: flex; align-items: baseline; gap: 14px; margin: 38px 0 16px; padding-bottom: 8px; border-bottom: 2px solid var(--z-gold); }
.z-section-title span { font-size: 12px; font-weight: 800; letter-spacing: .18em; color: var(--z-navy); }
.z-section-title small { font-size: 12.5px; color: var(--z-muted); }
.z-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; }
.z-gallery a { display: block; aspect-ratio: 4/3; overflow: hidden; border-radius: 4px; background: var(--z-sand); }
.z-gallery img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.z-gallery a:hover img { transform: scale(1.05); }
.z-related { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 14px; }
.z-related a { border: 1px solid var(--z-line); border-radius: 6px; padding: 16px 18px; display: flex; flex-direction: column; gap: 8px; transition: all .2s; }
.z-related a:hover { border-color: var(--z-gold-light); box-shadow: 0 10px 24px rgba(11,42,66,.08); }
.z-related small { font-size: 10.5px; font-weight: 800; letter-spacing: .12em; color: var(--z-gold); }
.z-related span { font-weight: 700; font-size: 14px; color: var(--z-navy); line-height: 1.4; }

.z-tabs { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 24px; }
.z-tabs a { border: 1px solid var(--z-line); padding: 12px 22px; font-size: 12px; font-weight: 800; letter-spacing: .08em; color: var(--z-navy); border-radius: 4px; transition: all .2s; }
.z-tabs a:hover { border-color: var(--z-gold); color: var(--z-gold); }
.z-tabs a.is-active { background: var(--z-navy); border-color: var(--z-navy); color: #fff; }
.z-empty { color: var(--z-muted); }
.z-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
@media (max-width: 1100px) { .z-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .z-cards { grid-template-columns: 1fr; } }
.z-cover-logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: linear-gradient(135deg, #f3efe6, #e9e2d2); }
.z-cover-logo img { width: auto !important; height: 58% !important; max-width: 70%; object-fit: contain !important; opacity: .9; }
.z-card { background: #fff; border: 1px solid var(--z-line); border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; transition: transform .2s, box-shadow .2s, border-color .2s; }
.z-card:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(11,42,66,.1); border-color: var(--z-gold-light); }
.z-card-img { height: 190px; background: var(--z-sand); overflow: hidden; }
.z-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.z-card-body { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.z-card-date { font-size: 10.5px; font-weight: 800; letter-spacing: .14em; color: var(--z-gold); }
.z-card-title { font-size: 15.5px; font-weight: 800; color: var(--z-navy); line-height: 1.35; }
.z-card-text { font-size: 13.5px; line-height: 1.6; color: var(--z-muted); }
.z-card-more { margin-top: auto; padding-top: 8px; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; color: var(--z-gold); }
.z-pager { display: flex; gap: 6px; justify-content: center; margin-top: 32px; flex-wrap: wrap; }
.z-pager a, .z-pager span { min-width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; background: #fff; border: 1px solid var(--z-line); border-radius: 4px; font-weight: 700; font-size: 13px; color: var(--z-navy); }
.z-pager a:hover { border-color: var(--z-gold); color: var(--z-gold); }
.z-pager [aria-current="page"] { background: var(--z-navy); border-color: var(--z-navy); color: #fff; }

.z-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(210px, 100%), 1fr)); gap: 22px; }
.z-person { background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid var(--z-line); text-align: center; transition: transform .25s, box-shadow .25s; }
.z-person:hover { transform: translateY(-5px); box-shadow: 0 18px 38px rgba(11,42,66,.14); }
.z-person-photo { aspect-ratio: 3 / 4; background: var(--z-sand); }
.z-person-photo img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.z-person-body { padding: 12px 12px 16px; border-top: 3px solid var(--z-gold); }
.z-person-name { font-weight: 800; color: var(--z-navy); font-size: 15px; }
.z-person-role { font-weight: 600; color: var(--z-gold); font-size: 13px; margin-top: 4px; }
.z-person-company { color: var(--z-muted); font-size: 12.5px; margin-top: 4px; }
.z-person.is-lead { grid-column: 1 / -1; justify-self: center; width: min(280px, 100%); }
.z-roster { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.z-roster li { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 14px; align-items: center; background: #fff; border: 1px solid var(--z-line); border-left: 3px solid var(--z-navy); padding: 12px 16px; border-radius: 6px; }
.z-roster li:first-child { border-left-color: var(--z-gold); }

.z-contact { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 36px; align-items: start; }
.z-contact-info { display: flex; flex-direction: column; gap: 12px; }
.z-contact-info div { background: var(--z-sand); border-left: 3px solid var(--z-gold); padding: 12px 16px; display: flex; flex-direction: column; gap: 4px; }
.z-contact-info span { font-size: 10.5px; font-weight: 800; letter-spacing: .14em; color: var(--z-muted); }
.z-contact-info a, .z-contact-info b { color: var(--z-navy); font-weight: 800; }
.z-notice { background: var(--z-gold-soft); border-left: 4px solid var(--z-gold); padding: 14px 18px; font-weight: 600; }
.z-notice.is-error { background: #FDF2F2; border-left-color: #B4353A; color: #8E2A2E; }
.z-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; }
.z-form label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 700; color: var(--z-navy); }
.z-form .is-wide { grid-column: 1 / -1; }
.z-form input, .z-form select, .z-form textarea { border: 1px solid #D8D2C4; background: #FDFCF9; padding: 11px 13px; font: inherit; font-weight: 500; color: var(--z-text); border-radius: 6px; }
.z-form input:focus, .z-form select:focus, .z-form textarea:focus { outline: 2px solid var(--z-gold-light); border-color: var(--z-gold); }
.z-form .z-check { flex-direction: row; align-items: flex-start; gap: 8px; font-weight: 600; }
.z-btn { display: inline-flex; justify-self: start; background: var(--z-navy); color: #fff; border: 0; border-radius: 6px; padding: 13px 26px; font-size: 13px; font-weight: 800; letter-spacing: .06em; cursor: pointer; transition: background .2s; }
.z-btn:hover { background: var(--z-gold); }

@media (max-width: 1180px) {
}
@media (max-width: 1100px) {
  .z-hero-in { grid-template-columns: minmax(0, 1fr); }
  .z-inner-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .z-side { position: static; }
  .z-contact { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .z-header { position: relative; }
  .z-header-in { align-items: center; min-height: 76px; flex-wrap: wrap; }
  .z-brand img { height: 62px; }
  .z-nav { flex-direction: column; align-items: stretch; background: #fff; }
  .z-nav-link { width: 100%; justify-content: space-between; border-radius: 8px; padding: 12px 10px; color: var(--z-navy); }
  .z-drop-panel { position: static; box-shadow: none; border: 0; }
  .z-drop { grid-template-columns: 1fr; padding: 0 0 10px; gap: 0; }
  .z-drop-head { display: none; }
  .z-drop-links.is-cols-1, .z-drop-links.is-cols-2, .z-drop-links.is-cols-3 { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .z-wrap { padding-left: 18px; padding-right: 18px; }
  .z-feature-body { height: 150px; }
  .z-thumbs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .z-services { grid-template-columns: minmax(0, 1fr); }
  .z-form { grid-template-columns: 1fr; }
}

.z-narrow { max-width: 760px; }
.z-form-single { grid-template-columns: 1fr; max-width: 520px; }
.z-whatsapp { position: fixed; right: 22px; bottom: 22px; z-index: 60; width: 54px; height: 54px; border-radius: 50%; background: #25D366; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 26px rgba(0,0,0,.25); transition: transform .2s; }
.z-whatsapp:hover { transform: scale(1.07); }
.z-popup { font-family: Manrope, system-ui, sans-serif; position: fixed; border: 0; padding: 0; border-radius: 22px; width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 48px); overflow: hidden auto; background: #fff; box-shadow: 0 40px 100px rgba(7,30,49,.45), 0 0 0 1px rgba(255,255,255,.06); }
.z-popup[open] { animation: z-pop .32s cubic-bezier(.2,.9,.3,1.2) both; }
@keyframes z-pop { from { opacity: 0; transform: translateY(18px) scale(.94); } to { opacity: 1; transform: none; } }
.z-popup::backdrop { background: rgba(7,30,49,.55); backdrop-filter: blur(6px) saturate(.9); }
.z-popup-close { position: absolute; top: 14px; right: 14px; z-index: 2; margin: 0; }
.z-popup-close button { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,.35); background: rgba(7,30,49,.45); backdrop-filter: blur(8px); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s, transform .2s; }
.z-popup-close button:hover { background: #8A7040; transform: rotate(90deg); }
.z-popup-media { position: relative; background: #0B2A42; line-height: 0; }
.z-popup-media img, .z-popup-media video { display: block; width: 100%; height: auto; max-height: 70vh; object-fit: contain; }
.z-popup-tag { position: absolute; top: 16px; left: 16px; z-index: 1; background: #8A7040; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; padding: 6px 12px; border-radius: 999px; line-height: 1.2; box-shadow: 0 6px 16px rgba(0,0,0,.25); }
.z-popup-tag.is-inline { position: static; display: inline-block; margin-bottom: 12px; box-shadow: none; }
.z-popup-body { padding: 22px 26px 26px; border-top: 3px solid #8A7040; }
.z-popup-body h2 { margin: 0 0 8px; font-family: Sora, Manrope, sans-serif; font-size: 20px; font-weight: 700; color: #0B2A42; line-height: 1.3; }
.z-popup-text { font-size: 15.5px; line-height: 1.7; color: #36414B; }
.z-popup-cta { margin-top: 16px; display: inline-flex; align-items: center; gap: 8px; background: #0B2A42; color: #fff; font-weight: 700; font-size: 14px; padding: 12px 20px; border-radius: 999px; transition: background .2s, gap .2s; }
.z-popup-cta:hover { background: #8A7040; gap: 12px; }

.z-site { font-size: 16px; color: #1A242D; -webkit-font-smoothing: antialiased; }
.z-nav-link, .z-drop-title, .z-band-head, .z-phead h1, .z-card-title, .z-shortcuts-head, .z-side-title, .z-section-title span, .z-person-name { font-family: Sora, Manrope, system-ui, sans-serif; }
.z-nav-link { font-size: 14.5px; font-weight: 600; letter-spacing: .01em; }
.z-topbar { font-size: 13.5px; font-weight: 600; }
.z-drop-link { font-size: 14.5px; font-weight: 600; color: #1A242D; }
.z-drop-title { font-size: 21px; font-weight: 700; }
.z-drop-note { font-size: 13px; }
.z-slide-title { font-size: 18px; font-weight: 700; }
.z-slide-text { font-size: 15px; font-weight: 500; color: #36414B; line-height: 1.7; }
.z-chip { font-size: 12.5px; }
.z-phead h1 { font-weight: 700; }
.z-phead-crumb { font-size: 13.5px; font-weight: 500; }
.z-side-links a { font-size: 15px; font-weight: 600; }
.z-side-box a { font-size: 14.5px; }
.z-lead { font-size: 19px; font-weight: 600; color: #2A3540; }
.z-body { font-size: 17px; font-weight: 500; line-height: 1.85; color: #1F2A33; }
.z-card-title { font-size: 16px; font-weight: 700; }
.z-card-text { font-size: 14.5px; font-weight: 500; color: #4E5963; }
.z-card-date, .z-card-more { font-size: 12px; }
.z-person-name { font-size: 16px; font-weight: 700; }
.z-person-role { font-size: 14px; }
.z-person-company { font-size: 13.5px; }
.z-related span { font-size: 15px; }
.z-form label { font-size: 14px; }
.z-form input, .z-form select, .z-form textarea { font-size: 15.5px; }

.z-box { --accent: #0B2A42; --accent-2: #1B4A6E; --tint: #EEF3F8; border-top: 4px solid var(--accent); }
.z-box.is-navy { --accent: #0B2A42; --accent-2: #1B4A6E; --tint: #EDF2F7; }
.z-box.is-gold { --accent: #8A7040; --accent-2: #B5975F; --tint: #F8F2E6; }
.z-box.is-blue { --accent: #075C96; --accent-2: #2C83BF; --tint: #EAF3FA; }
.z-box .z-card-head { margin: 0; padding: 12px 20px; background: linear-gradient(180deg, var(--tint), #fff); border-bottom: 1px solid #EEF0F2; }
.z-box .z-card-head-icon { background: linear-gradient(135deg, var(--accent-2), var(--accent)); color: #fff; box-shadow: 0 6px 14px rgba(11,42,66,.18); }
.z-box .z-card-head-title { font-family: Manrope, system-ui, sans-serif; font-size: 18px; font-weight: 800; color: #10212F; letter-spacing: -.01em; }
.z-box .z-card-head a, .z-box .z-card-head button { color: var(--accent); background: #fff; border: 1px solid color-mix(in srgb, var(--accent) 30%, #fff); border-radius: 999px; padding: 6px 12px; font-size: 13px; }
.z-box .z-card-head a:hover, .z-box .z-card-head button:hover { background: var(--accent); color: #fff; border-color: var(--accent); }
.z-ann-cal { background: linear-gradient(135deg, #1B4A6E, #0B2A42); width: 62px; height: 62px; }
.z-ann a { grid-template-columns: 62px minmax(0,1fr); }
.z-ann-cal b { font-family: Manrope, system-ui, sans-serif; font-size: 24px; font-weight: 800; color: #fff; }
.z-ann-cal small { font-size: 11px; font-weight: 700; color: #E9D9B5; text-transform: none; letter-spacing: 0; margin-top: 4px; }
.z-ann a:hover .z-ann-cal { background: linear-gradient(135deg, #B5975F, #8A7040); }
.z-ann a:hover .z-ann-cal small { color: #fff; }
.z-ann-title { font-family: Manrope, system-ui, sans-serif; font-size: 15px; font-weight: 700; color: #1A242D; }
.z-cal-head { font-family: Manrope, system-ui, sans-serif; font-size: 16.5px; font-weight: 800; color: #6F5A33; }
.z-cal-head a { background: var(--tint); color: var(--accent); }
.z-cal-head a:hover { background: var(--accent); color: #fff; }
.z-cal-dow { color: #9A8460; }
.z-cal-day { font-family: Manrope, system-ui, sans-serif; font-weight: 700; }
.z-cal-list { background: var(--tint); }
.z-cal-list b { background: linear-gradient(135deg, #B5975F, #8A7040); }
.z-cal-list span { font-weight: 700; }
.z-is-blue, .z-box.is-blue .z-service { background: linear-gradient(180deg, #fff, #F5F9FC); border-color: #DCE8F2; font-family: Manrope, system-ui, sans-serif; font-weight: 700; color: #0E2E47; }
.z-box.is-blue .z-service:hover { border-color: #075C96; color: #075C96; box-shadow: 0 10px 22px rgba(7,92,150,.16); }

/* Hizmetler penceresi — koyu, cam efektli */
.z-services-modal { background: radial-gradient(120% 70% at 0% 0%, #1D5C8C 0%, rgba(29,92,140,0) 55%), radial-gradient(90% 60% at 100% 100%, rgba(181,151,95,.35) 0%, rgba(181,151,95,0) 60%), linear-gradient(160deg, #0E3654, #071E31); color: #fff; border: 1px solid rgba(255,255,255,.12); }
.z-services-modal::backdrop { background: rgba(4,16,27,.65); backdrop-filter: blur(10px); }
.z-services-modal-close { background: rgba(255,255,255,.1); color: #fff; border: 1px solid rgba(255,255,255,.18); }
.z-services-modal-close:hover { background: #B5975F; color: #071E31; }
.z-services-modal-head { background: transparent; border-bottom: 1px solid rgba(255,255,255,.1); }
.z-services-modal-head img { width: 76px; height: 76px; border-radius: 50%; background: #fff; padding: 4px; box-shadow: 0 0 0 6px rgba(255,255,255,.08), 0 12px 30px rgba(0,0,0,.35); }
.z-services-modal-head h2 { font-family: Manrope, system-ui, sans-serif; font-size: 22px; font-weight: 800; color: #fff; letter-spacing: -.01em; }
.z-services-modal .z-search { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.2); color: #E9D9B5; }
.z-services-modal .z-search:focus-within { border-color: #B5975F; box-shadow: 0 0 0 4px rgba(181,151,95,.25); background: rgba(255,255,255,.12); }
.z-services-modal .z-search input { color: #fff; }
.z-services-modal .z-search input::placeholder { color: rgba(255,255,255,.55); }
.z-services-modal-grid { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.25) transparent; }
.z-service-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); color: #fff; backdrop-filter: blur(4px); }
.z-service-card img { border-radius: 50%; background: #fff; padding: 3px; box-shadow: 0 6px 16px rgba(0,0,0,.3); transition: transform .25s; }
.z-service-card:hover { background: rgba(255,255,255,.12); border-color: #B5975F; color: #F1E3C2; box-shadow: 0 14px 30px rgba(0,0,0,.35); }
.z-service-card:hover img { transform: scale(1.08); }
.z-services-empty { color: rgba(255,255,255,.7); }
.z-services-search { width: auto; margin: 14px 14px 0; background: #F5F9FC; border-color: #DCE8F2; color: #075C96; }
.z-services-search:focus-within { border-color: #075C96; box-shadow: 0 0 0 4px rgba(7,92,150,.12); background: #fff; }
.z-services-search input { padding: 10px 0; font-size: 14.5px; font-weight: 600; }
.z-box.is-blue .z-services { padding-top: 12px; }
.z-services.is-araniyor { grid-auto-rows: 64px; align-content: start; }
.z-services .z-service[hidden] { display: none; }
.z-services .z-services-empty { margin: 24px 0; }
.z-cal-list li { min-height: 40px; display: flex; flex-direction: column; justify-content: center; }
.z-cal-list .z-cal-empty { color: #8A7A5C; font-weight: 600; text-align: center; }

/* Hızlı erişim — yana kayan şerit */
.z-quick { background: linear-gradient(180deg, #F4F0E8, #FBF9F5); padding: 52px 0 56px; overflow: hidden; }
.z-quick-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.z-quick-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #8A7040; }
.z-quick-eyebrow::before { content: ""; width: 22px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, #B5975F, #8A7040); }
.z-quick-head h2 { margin: 6px 0 0; font-family: Manrope, system-ui, sans-serif; font-size: 26px; font-weight: 800; color: #0B2A42; letter-spacing: -.02em; }
.z-quick-nav { display: flex; gap: 10px; }
.z-quick-nav button { width: 46px; height: 46px; border-radius: 50%; border: 1px solid #E2DACA; background: #fff; color: #0B2A42; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 6px 16px rgba(11,42,66,.08); transition: background .25s, color .25s, transform .25s, border-color .25s; }
.z-quick-nav button:hover { background: #0B2A42; border-color: #0B2A42; color: #fff; transform: translateY(-2px); }
.z-quick-nav button:active { transform: scale(.94); }
.z-quick.is-sigiyor .z-quick-nav, .z-quick.is-sigiyor .z-quick-progress { visibility: hidden; }
.z-quick-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 4 * 18px) / 5); gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 10px 4px 22px; margin: -10px -4px 0; scrollbar-width: none; scroll-padding-inline: 4px; cursor: grab; outline: none; }
.z-quick-track::-webkit-scrollbar { display: none; }
.z-quick-track.is-suruklenen { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; }
.z-quick-track.is-suruklenen .z-quick-card { pointer-events: none; }
.z-quick-track:focus-visible { box-shadow: 0 0 0 3px rgba(7,92,150,.25); border-radius: 20px; }
.z-quick-card { --accent: #0B2A42; --accent-2: #1B4A6E; --tint: #EDF2F7; position: relative; isolation: isolate; scroll-snap-align: start; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-height: 212px; padding: 24px 22px 20px; background: #fff; border-radius: 20px; border-top: 4px solid var(--accent); box-shadow: 0 10px 28px rgba(11,42,66,.08); overflow: hidden; font-family: Manrope, system-ui, sans-serif; transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s; -webkit-user-drag: none; }
.z-quick-card.is-gold { --accent: #8A7040; --accent-2: #B5975F; --tint: #F8F2E6; }
.z-quick-card.is-blue { --accent: #075C96; --accent-2: #2C83BF; --tint: #EAF3FA; }
.z-quick-card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(150deg, var(--accent-2), var(--accent)); clip-path: circle(0% at 44px 46px); transition: clip-path .55s cubic-bezier(.2,.8,.2,1); }
.z-quick-card::after { content: ""; position: absolute; right: -36px; bottom: -36px; width: 130px; height: 130px; border-radius: 50%; background: var(--tint); z-index: -2; transition: transform .5s; }
.z-quick-icon { width: 52px; height: 52px; border-radius: 15px; background: linear-gradient(135deg, var(--accent-2), var(--accent)); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 18px rgba(11,42,66,.18); transition: background .35s, color .35s, transform .45s cubic-bezier(.2,.8,.2,1); }
.z-quick-title { margin-top: 6px; font-size: 16.5px; font-weight: 800; color: #10212F; letter-spacing: -.01em; transition: color .35s; }
.z-quick-desc { font-size: 13.5px; font-weight: 500; color: #5E6A75; line-height: 1.5; transition: color .35s; }
.z-quick-go { margin-top: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 800; color: var(--accent); transition: color .35s, gap .35s; }
.z-quick-card:hover, .z-quick-card:focus-visible { transform: translateY(-6px); box-shadow: 0 22px 40px rgba(11,42,66,.18); outline: none; }
.z-quick-card:hover::before, .z-quick-card:focus-visible::before { clip-path: circle(150% at 44px 46px); }
.z-quick-card:hover::after { transform: scale(1.4); background: rgba(255,255,255,.08); }
.z-quick-card:hover .z-quick-icon, .z-quick-card:focus-visible .z-quick-icon { background: #fff; color: var(--accent); transform: rotate(-8deg) scale(1.06); }
.z-quick-card:hover .z-quick-title, .z-quick-card:focus-visible .z-quick-title { color: #fff; }
.z-quick-card:hover .z-quick-desc, .z-quick-card:focus-visible .z-quick-desc { color: rgba(255,255,255,.82); }
.z-quick-card:hover .z-quick-go, .z-quick-card:focus-visible .z-quick-go { color: #fff; gap: 10px; }
.z-quick-progress { height: 4px; border-radius: 4px; background: #E7E0D2; overflow: hidden; }
.z-quick-progress span { display: block; height: 100%; width: 40%; border-radius: 4px; background: linear-gradient(90deg, #0B2A42, #075C96 60%, #B5975F); transition: transform .3s ease-out; }
/* Bölüm görünür olunca kartlar sırayla aşağıdan gelir */
@media (max-width: 1100px) { .z-quick-track { grid-auto-columns: calc((100% - 2 * 18px) / 3); } }
@media (max-width: 700px) { .z-quick-track { grid-auto-columns: 72%; } .z-quick-head h2 { font-size: 21px; } .z-quick-nav button { width: 40px; height: 40px; } }
@media (prefers-reduced-motion: reduce) {
  .z-quick-card, .z-quick-card::before, .z-quick-icon { transition: none; }
}
.z-quick { background: #fff; }
.z-quick-card { box-shadow: 0 10px 28px rgba(11,42,66,.09), 0 0 0 1px #EEF0F3; }
.z-quick-card::after { right: -30px; bottom: -30px; width: 132px; height: 132px; border-radius: 0; background: var(--accent); -webkit-mask: url("logo.png") center/contain no-repeat; mask: url("logo.png") center/contain no-repeat; -webkit-mask-mode: luminance; mask-mode: luminance; opacity: .14; transition: transform .6s cubic-bezier(.2,.8,.2,1), opacity .35s, background .35s; }
.z-quick-card:hover::after { transform: rotate(-12deg) scale(1.12); background: #fff; opacity: .16; }

/* Geniş ve kısa ekranlar (ör. MacBook): sayfa yanlara açılır, hero ekrana sığar */
.z-wrap { max-width: 1480px; padding-left: clamp(18px, 3vw, 44px); padding-right: clamp(18px, 3vw, 44px); }
@media (min-width: 1101px) { .z-hero-in { grid-template-columns: minmax(0, 1fr) clamp(320px, 25vw, 380px); } }
@media (min-width: 1001px) {
  .z-feature-img { aspect-ratio: auto; height: clamp(280px, calc(100svh - 485px), 600px); }
}
@media (min-width: 1001px) and (max-height: 950px) {
  .z-hero-in { padding-top: 24px; padding-bottom: 26px; }
  .z-feature-body { height: 136px; padding: 14px 24px 16px; }
  .z-feature-title { font-size: 18px; }
  .z-thumbs { margin-top: 10px; }
  .z-shortcuts { padding: 14px; gap: 10px; }
  .z-shortcut-grid { gap: 8px; }
  .z-shortcut, .z-shortcut:last-child:nth-child(odd) { min-height: 0; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; padding: 10px 12px; font-size: 13.5px; }
  .z-shortcut-icon { width: 32px; height: 32px; }
  .z-shortcut-icon .z-icon { width: 16px; height: 16px; }
  .z-reach { padding: 14px 16px; }
}

/* Hızlı erişim kartlarında ZTSO logosu: tam ve belirgin */
.z-quick-card::after { right: 16px; bottom: 16px; width: 74px; height: 74px; background: var(--accent); -webkit-mask: none; mask: none; -webkit-mask-image: url("logo.png"); mask-image: url("logo.png"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-mode: alpha; mask-mode: alpha; opacity: .1; }
.z-quick-card::before { z-index: -3; }
.z-quick-card > span:not(.z-quick-go) { position: relative; z-index: 1; }
.z-quick-logo { position: absolute; right: 18px; bottom: 18px; width: 64px; height: 64px; border-radius: 50%; opacity: .9; z-index: 0; filter: drop-shadow(0 6px 12px rgba(11,42,66,.18)); transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.z-quick-card:hover .z-quick-logo { transform: rotate(-10deg) scale(1.08); }
.z-quick-card::after { display: none; }
.z-quick-desc { padding-right: 70px; }
.z-quick-logo { padding: 4px; background: var(--tint); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent); opacity: 1; filter: none; }
.z-quick-card:hover .z-quick-logo { background: #fff; box-shadow: 0 0 0 2px rgba(255,255,255,.5); }

/* Alt bilgi */
.z-footer { position: relative; isolation: isolate; overflow: hidden; margin-top: 70px; color: #B8C5D1; font-family: Manrope, system-ui, sans-serif; background: radial-gradient(55% 70% at 0% 0%, rgba(29,92,140,.5), rgba(29,92,140,0) 60%), radial-gradient(45% 60% at 100% 100%, rgba(181,151,95,.2), rgba(181,151,95,0) 60%), linear-gradient(180deg, #0B2A42, #061A2B); overflow: visible; }
.z-footer { margin-top: 84px; }
.z-map + .z-footer { margin-top: 0; }
.z-footer::after { content: ""; position: absolute; right: 2%; bottom: 70px; width: 360px; height: 360px; z-index: -1; background: #fff; -webkit-mask: url("logo.png") center/contain no-repeat; mask: url("logo.png") center/contain no-repeat; -webkit-mask-mode: luminance; mask-mode: luminance; opacity: .028; pointer-events: none; }
.z-footer-cta { position: relative; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; transform: translateY(-50%); margin-bottom: -40px; padding: 26px 30px; border-radius: 24px; color: #fff; overflow: hidden; background: radial-gradient(70% 140% at 100% 0%, rgba(255,255,255,.18), rgba(255,255,255,0) 60%), linear-gradient(120deg, #B5975F, #8A7040 55%, #6F5A33); box-shadow: 0 24px 50px rgba(6,26,43,.35); }
.z-footer-cta::after { content: ""; position: absolute; left: -40px; bottom: -70px; width: 220px; height: 220px; background: url("logo.png") center/contain no-repeat; filter: grayscale(1) brightness(2.2); opacity: .12; pointer-events: none; }
.z-footer-cta-text { position: relative; z-index: 1; padding-left: 150px; }
.z-footer-eyebrow { display: block; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #F6EBD2; margin-bottom: 6px; }
.z-footer-cta-text strong { font-size: 23px; font-weight: 800; letter-spacing: -.01em; line-height: 1.25; }
.z-footer-cta-actions { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.z-footer-phone { display: flex; align-items: center; gap: 12px; padding: 8px 20px 8px 8px; border-radius: 999px; background: #0B2A42; color: #fff; font-size: 19px; font-weight: 800; letter-spacing: .01em; transition: transform .25s, box-shadow .25s; }
.z-footer-phone:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 12px 24px rgba(6,26,43,.35); }
.z-footer-phone small { display: block; font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #D9C59A; }
.z-footer-phone-icon { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #B5975F, #8A7040); animation: z-ring 2.6s ease-in-out infinite; }
@keyframes z-ring { 0%, 100% { box-shadow: 0 0 0 0 rgba(233,217,181,.55); } 50% { box-shadow: 0 0 0 9px rgba(233,217,181,0); } }
.z-footer-btn { display: inline-flex; align-items: center; height: 50px; padding: 0 22px; border-radius: 999px; font-size: 14.5px; font-weight: 800; transition: transform .25s, background .25s, color .25s; }
.z-footer-btn:hover { transform: translateY(-2px); }
.z-footer-btn.is-light { background: #fff; color: #0B2A42; }
.z-footer-btn.is-light:hover { background: #0B2A42; color: #fff; }
.z-footer-btn.is-green { background: #1FA855; color: #fff; }
.z-footer-btn.is-green:hover { background: #17904A; color: #fff; }
.z-footer-main { display: grid; grid-template-columns: minmax(230px, 1.15fr) repeat(4, minmax(0, 1fr)); gap: 34px; padding: 40px 0 38px; }
.z-footer-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding-right: 14px; border-right: 1px solid rgba(255,255,255,.08); }
.z-footer-brand-head { display: flex; align-items: center; gap: 14px; }
.z-footer-logo { width: 74px; height: 74px; border-radius: 50%; background: #fff; padding: 3px; box-shadow: 0 0 0 5px rgba(255,255,255,.08); }
.z-footer-brand strong { color: #fff; font-size: 16.5px; font-weight: 800; line-height: 1.3; max-width: 170px; }
.z-footer-info { margin: 0; font-size: 14px; line-height: 1.55; color: #B8C5D1; }
.z-footer-social { display: flex; gap: 8px; }
.z-footer-social a { width: 38px; height: 38px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); color: #fff; transition: background .25s, color .25s, transform .25s, border-color .25s; }
.z-footer-social a:hover { background: #B5975F; border-color: #B5975F; color: #061A2B; transform: translateY(-3px); }
.z-footer-badge { height: 58px; width: auto; max-width: 190px; object-fit: contain; background: #fff; border-radius: 12px; padding: 6px 10px; }
.z-footer-title { position: relative; padding-bottom: 12px; margin-bottom: 16px; color: #fff; font-size: 15px; font-weight: 800; }
.z-footer-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 28px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, #B5975F, #8A7040); transition: width .35s; }
.z-footer-col:hover .z-footer-title::after { width: 54px; }
.z-footer-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; font-size: 14px; font-weight: 500; }
.z-footer-list a { position: relative; display: inline-block; color: #B8C5D1; transition: color .25s, transform .25s; }
.z-footer-list a::before { content: ""; position: absolute; left: -13px; top: 50%; width: 6px; height: 6px; border-radius: 50%; background: #B5975F; opacity: 0; transform: translateY(-50%) scale(.4); transition: opacity .25s, transform .25s; }
.z-footer-list a:hover { color: #fff; transform: translateX(10px); }
.z-footer-list a:hover::before { opacity: 1; transform: translateY(-50%) scale(1); }
.z-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0 26px; border-top: 1px solid rgba(255,255,255,.1); }
.z-footer-copy { margin: 0; font-size: 13px; color: #8FA0AF; line-height: 1.6; }
.z-footer-up { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); color: #fff; font-size: 13px; font-weight: 700; transition: background .25s, color .25s, border-color .25s; }
.z-footer-up:hover { background: #B5975F; border-color: #B5975F; color: #061A2B; }
@media (max-width: 1100px) {
  .z-footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .z-footer-brand { grid-column: 1 / -1; border-right: 0; padding-right: 0; flex-direction: row; flex-wrap: wrap; align-items: center; }
  .z-footer-cta-text { padding-left: 0; }
  .z-footer-cta::after { display: none; }
}
@media (max-width: 700px) {
  .z-footer-cta { padding: 22px; transform: none; margin: 0; border-radius: 0 0 20px 20px; }
  .z-footer-cta-text strong { font-size: 19px; }
  .z-footer-main { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .z-footer-bottom { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) { .z-footer-phone-icon { animation: none; } .z-footer-list a, .z-footer-list a::before { transition: none; } }
.z-footer-bottom { padding-right: 84px; }
.z-footer-cta::after { background: #fff; -webkit-mask: url("logo.png") center/contain no-repeat; mask: url("logo.png") center/contain no-repeat; -webkit-mask-mode: luminance; mask-mode: luminance; filter: none; opacity: .16; }
@media (max-width: 1100px) { .z-footer .z-footer-badge { flex-basis: auto; } }
@media (max-width: 700px) { .z-footer .z-footer-badge { height: 52px; width: auto; max-width: 180px; } .z-footer-bottom { padding-right: 0; padding-bottom: 90px; } }
.z-feature-img img { object-fit: contain !important; }
.z-feature-blur { filter: blur(22px) brightness(.62) saturate(1.1); }

/* Teknopark'tan kalan genel turkuaz hover/odak renkleri bu temada kullanılmaz */
/* Genel bağlantı hover rengi sıfır özgüllüklü: bileşenlerin kendi renk kuralları
   (".z-reach-actions a" gibi) hover'da ezilmesin. */
:where(a):hover { color: inherit; }
:focus-visible { outline-color: #B5975F; }
::selection { background: #E9D9B5; color: #0B2A42; }
.z-popup-cta, .z-popup-cta:hover { color: #fff; }

/* Açılır menü bağlantıları: dolu, buton gibi kutucuklar */
.z-drop-panel { background: linear-gradient(180deg, #F3EFE7, #FAF8F4 70%); }
.z-drop-links { grid-auto-rows: 48px; gap: 10px 12px; }
.z-drop-link { height: 48px; gap: 12px; padding: 0 14px 0 8px; background: #fff; border: 1px solid #E6DFD1; border-left: 1px solid #E6DFD1; border-radius: 12px; box-shadow: 0 2px 6px rgba(11,42,66,.04); font-size: 14px; font-weight: 700; color: #1A2A38; transition: background .2s, color .2s, border-color .2s, box-shadow .2s, transform .2s; }
.z-drop-link svg { width: 32px; height: 32px; padding: 10px; border-radius: 9px; background: color-mix(in srgb, var(--z-accent, #0B2A42) 10%, #fff); color: var(--z-accent, #0B2A42); opacity: 1; transition: background .2s, color .2s, transform .2s; }
.z-drop-link:hover { background: var(--z-accent, #0B2A42); border-color: var(--z-accent, #0B2A42); color: #fff; box-shadow: 0 10px 22px rgba(11,42,66,.18); transform: translateY(-2px); }
.z-drop-link:hover svg { background: rgba(255,255,255,.18); color: #fff; transform: none; }
@media (max-width: 1000px) {
  .z-drop-panel { background: transparent; }
  .z-drop-links { gap: 6px; grid-auto-rows: 44px; }
  .z-drop-link { height: 44px; }
}
.z-drop-link svg { width: auto; height: auto; padding: 0; background: none; border-radius: 0; margin-left: auto; color: var(--z-accent, #0B2A42); opacity: 0; transform: translateX(-4px); transition: opacity .2s, transform .2s; }
.z-drop-link:hover svg { background: none; opacity: 1; transform: none; }
.z-drop-link span:not(.z-drop-link-icon) { flex: 1; }
.z-drop-link-icon { flex: none; width: 32px; height: 32px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--z-accent, #0B2A42) 11%, #fff); color: var(--z-accent, #0B2A42); transition: background .2s, color .2s; }
.z-drop-link-icon .z-icon, .z-drop-link-icon svg { width: 17px; height: 17px; opacity: 1; transform: none; margin: 0; color: inherit; }
.z-drop-link:hover .z-drop-link-icon { background: rgba(255,255,255,.18); color: #fff; }
.z-drop-link:hover svg:not(.z-drop-link-icon svg) { color: #fff; }

/* Hızlı erişim girişi: JS bekletir, görünür olunca kartlar bir kez sırayla gelir.
   Animasyon değil geçiş kullanılır; üzerine gelme girişi yeniden başlatmaz. */
.z-quick.is-bekliyor .z-quick-card { opacity: 0; transform: translateY(26px); }
.z-quick.is-giris .z-quick-card { transition: opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1); transition-delay: calc(min(var(--i), 6) * 70ms); }

/* İçerik bileşenleri: Başkandan Mesaj (eski sitedeki düzenin ZTSO teması karşılığı) */
.z-body .icerik-mesaj { max-width: 960px; margin: 0 auto; }
.z-body .icerik-kapak { border-radius: 18px; overflow: hidden; box-shadow: 0 18px 40px rgba(11,42,66,.18); margin-bottom: 30px; }
.z-body .icerik-kapak img { display: block; width: 100%; height: clamp(240px, 34vw, 420px); object-fit: cover; object-position: center 20%; }
.z-body .icerik-mesaj p { text-align: justify; }
.z-body p.icerik-hitap { font-size: 1.12em; font-weight: 800; color: #0B2A42; text-align: left; }
.z-body .icerik-mesaj h3 { margin: 34px 0 12px; padding-left: 14px; border-left: 4px solid #8A7040; color: #075C96; font-size: 1.22em; font-weight: 800; line-height: 1.4; }
.z-body .icerik-imza { margin-top: 38px; padding-top: 24px; border-top: 1px solid var(--z-line, #E6E0D3); display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.z-body .icerik-imza p { margin: 0; text-align: right; color: #4A5560; line-height: 1.5; }
.z-body .icerik-imza p.icerik-imza-isim { font-size: 1.35em; font-weight: 800; color: #0B2A42; margin-top: 4px; }
.z-body .icerik-imza-resim { width: 150px; max-width: 60%; aspect-ratio: 1813 / 747; overflow: hidden; margin: 0 0 4px auto; }
.z-body .icerik-imza-resim img { display: block; filter: brightness(0); width: 136.79%; max-width: none; height: auto; margin: -75.62% 0 0 -17.26%; }
.z-body .icerik-sosyal { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.z-body a.icerik-sosyal-ikon { position: relative; width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; font-size: 0; color: transparent; text-decoration: none; box-shadow: 0 6px 14px rgba(11,42,66,.15); transition: transform .2s, box-shadow .2s; }
.z-body a.icerik-sosyal-ikon::after { content: ""; width: 17px; height: 17px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.z-body a.icerik-sosyal-ikon:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(11,42,66,.25); }
@media (max-width: 700px) { .z-body .icerik-mesaj p { text-align: left; } }
.z-body .icerik-sosyal-x { background: #000; }
.z-body .icerik-sosyal-x::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z'/%3E%3C/svg%3E"); }
.z-body .icerik-sosyal-facebook { background: #0866ff; }
.z-body .icerik-sosyal-facebook::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/%3E%3C/svg%3E"); }
.z-body .icerik-sosyal-instagram { background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%); }
.z-body .icerik-sosyal-instagram::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077'/%3E%3C/svg%3E"); }
.z-body .icerik-sosyal-linkedin { background: #0a66c2; }
.z-body .icerik-sosyal-linkedin::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E"); }
.z-body .icerik-sosyal-bluesky { background: #1185fe; }
.z-body .icerik-sosyal-bluesky::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026'/%3E%3C/svg%3E"); }
.z-body .icerik-sosyal-nsosyal { background: linear-gradient(90deg,#33d5da,#3548ff); }
.z-body .icerik-sosyal-nsosyal::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 575 574'%3E%3Cpath d='M0 .078h171.226v573.673H0z'/%3E%3Cpath d='M76.1875 0.0782019L191.016 300.603L275.573 520.404C289.183 552.162 326.104 573.751 367.482 573.751H501.631C538.082 573.751 574.142 535.579 574.142 494.748V0H402.917V323.053L398.458 311.632L278.858 0H76.1875V0.0782019Z'/%3E%3C/svg%3E"); }
.z-body .icerik-sosyal-threads { background: #000; }
.z-body .icerik-sosyal-threads::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M18.263 11.097c-.03-3.486-1.92-5.586-5.111-5.586-2.13 0-3.922.963-4.863 2.499l2.062 1.438c.535-.843 1.272-1.543 2.628-1.543 1.528 0 2.318.85 2.544 2.431a15 15 0 0 0-2.236-.173c-4.125 0-6.068 1.867-6.068 4.336s1.943 3.99 4.804 3.99c3.139 0 5.013-2.115 5.781-4.735.798.361 1.348 1.204 1.348 2.47 0 3.387-3.907 5.232-7.22 5.232-4.885 0-8.077-3.207-8.077-8.424 0-6.392 4.223-10.487 9.9-10.487 3.808 0 5.69 1.671 6.97 3.914l2.108-1.475C21.44 2.078 18.331 0 13.663 0 6.227 0 1.168 5.277 1.168 12.934c0 7 4.953 11.066 10.856 11.066 4.878 0 9.809-2.846 9.809-7.716 0-2.545-1.46-4.231-3.569-5.187m-6.33 4.855c-1.077 0-2.026-.512-2.026-1.453 0-1.483 1.822-1.934 3.606-1.934.678 0 1.34.045 1.927.173-.422 1.927-1.671 3.215-3.508 3.214Z'/%3E%3C/svg%3E"); }
.z-body .icerik-sosyal-eposta { background: #4389a2; }
.z-body .icerik-sosyal-eposta::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E"); }

/* Bağlantı listesi sayfaları (ör. Komisyon ve Kurullar): buton kartları */
.z-linkcards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr)); gap: 16px; margin-bottom: 8px; }
.z-linkcard { --accent: #0B2A42; --accent-2: #1B4A6E; --tint: #EDF2F7; position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; gap: 16px; min-height: 92px; padding: 18px 20px; background: #fff; border-radius: 18px; border: 1px solid #E8E2D6; border-left: 4px solid var(--accent); box-shadow: 0 8px 22px rgba(11,42,66,.07); font-family: Manrope, system-ui, sans-serif; transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, color .3s; }
.z-linkcard.is-gold { --accent: #8A7040; --accent-2: #B5975F; --tint: #F8F2E6; }
.z-linkcard.is-blue { --accent: #075C96; --accent-2: #2C83BF; --tint: #EAF3FA; }
.z-linkcard::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(135deg, var(--accent-2), var(--accent)); clip-path: circle(0% at 46px 50%); transition: clip-path .5s cubic-bezier(.2,.8,.2,1); }
.z-linkcard-icon { flex: none; width: 52px; height: 52px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--accent-2), var(--accent)); color: #fff; box-shadow: 0 8px 18px rgba(11,42,66,.16); transition: background .3s, color .3s; }
.z-linkcard-icon .z-icon { width: 24px; height: 24px; }
.z-linkcard-label { flex: 1; font-size: 17px; font-weight: 800; color: #10212F; line-height: 1.3; transition: color .3s; }
.z-linkcard-go { flex: none; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--tint); color: var(--accent); transition: background .3s, color .3s, transform .3s; }
.z-linkcard:hover, .z-linkcard:focus-visible { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(11,42,66,.16); outline: none; }
.z-linkcard:hover::before, .z-linkcard:focus-visible::before { clip-path: circle(150% at 46px 50%); }
.z-linkcard:hover .z-linkcard-icon, .z-linkcard:focus-visible .z-linkcard-icon { background: #fff; color: var(--accent); }
.z-linkcard:hover .z-linkcard-label, .z-linkcard:focus-visible .z-linkcard-label { color: #fff; }
.z-linkcard:hover .z-linkcard-go, .z-linkcard:focus-visible .z-linkcard-go { background: rgba(255,255,255,.2); color: #fff; transform: translateX(3px); }

/* Kurul sayfası: başkan vurgulu bantta, üyeler ortalı */
.z-board-lead { position: relative; isolation: isolate; display: flex; justify-content: center; padding: 34px 20px 78px; margin-bottom: 30px; overflow: hidden; background: radial-gradient(70% 90% at 50% 0%, rgba(44,131,191,.45), rgba(44,131,191,0) 70%), linear-gradient(160deg, #123A5A, #0B2A42); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 56px), 50% 100%, 0 calc(100% - 56px)); border-radius: 22px 22px 0 0; }
.z-board-lead::after { content: ""; position: absolute; right: -50px; top: -40px; width: 260px; height: 260px; z-index: -1; background: #fff; -webkit-mask: url("logo.png") center/contain no-repeat; mask: url("logo.png") center/contain no-repeat; -webkit-mask-mode: luminance; mask-mode: luminance; opacity: .06; }
.z-board-lead .z-person { width: min(300px, 100%); border: 0; border-radius: 18px; box-shadow: 0 24px 50px rgba(0,0,0,.35); }
.z-board-lead .z-person-body { border-top-color: #B5975F; padding: 14px 14px 18px; }
.z-board-lead .z-person-name { font-size: 18px; }
.z-board-lead .z-person-role { color: #8A7040; font-weight: 700; }
.z-people.is-pairs { display: flex; flex-wrap: wrap; justify-content: center; gap: 28px 32px; max-width: 700px; margin: 0 auto; }
.z-people.is-pairs .z-person { flex: 0 1 300px; border-radius: 18px; border: 0; box-shadow: 0 12px 30px rgba(11,42,66,.12); }
.z-person-name { font-family: Manrope, system-ui, sans-serif; font-weight: 800; }
.z-person.is-lead { grid-column: auto; justify-self: auto; }
@media (max-width: 700px) {
  .z-board-lead { padding: 24px 16px 64px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 50% 100%, 0 calc(100% - 40px)); }
  .z-people.is-pairs { gap: 18px; }
  .z-people.is-pairs .z-person { flex-basis: calc(50% - 9px); }
}

/* İçerik tabloları: yuvarlak köşeli kart, lacivert başlık, satır vurgusu */
.z-body table { width: 100%; max-width: 100%; margin: 8px 0 24px; border-collapse: separate; border-spacing: 0; border: 1px solid #E6E0D3; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 10px 26px rgba(11,42,66,.07); font-size: 15px; line-height: 1.55; }
.z-body th, .z-body td { padding: 14px 18px; text-align: left; vertical-align: middle; border: 0; border-bottom: 1px solid #EFEAE0; }
.z-body td + td, .z-body th + th { border-left: 1px solid #EFEAE0; }
.z-body tr:last-child > td { border-bottom: 0; }
.z-body thead th, .z-body thead td, .z-body tr > th { background: linear-gradient(135deg, #123A5A, #0B2A42); color: #fff; font-weight: 800; font-size: 14px; letter-spacing: .02em; border-bottom: 3px solid #B5975F; }
.z-body tbody tr:nth-child(even) > td { background: #FAF8F4; }
.z-body tbody tr > td { transition: background .2s; }
.z-body tbody tr:hover > td { background: #F1ECE1; }
.z-body td strong, .z-body td b { color: #0B2A42; font-weight: 800; }
/* Tek sütunlu tablolar (liste gibi): her satırın başında altın işaret */
.z-body td:only-child { position: relative; padding-left: 46px; font-weight: 600; color: #1A2A38; }
.z-body td:only-child::before { content: ""; position: absolute; left: 18px; top: 50%; width: 12px; height: 12px; border-radius: 4px; transform: translateY(-50%) rotate(45deg); background: linear-gradient(135deg, #B5975F, #8A7040); box-shadow: 0 2px 6px rgba(138,112,64,.35); }
.z-body tbody tr:hover > td:only-child::before { background: linear-gradient(135deg, #2C83BF, #075C96); }
@media (max-width: 760px) { .z-body table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } .z-body th, .z-body td { padding: 11px 14px; } }

/* İndirilebilir dosya kartları */
.z-linkcard.is-file { min-height: 104px; }
.z-linkcard-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.z-linkcard-meta { font-size: 12.5px; font-weight: 700; letter-spacing: .02em; color: #6A7682; transition: color .3s; }
.z-filebadge { position: relative; flex: none; width: 54px; height: 62px; border-radius: 10px 18px 10px 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; background: linear-gradient(160deg, var(--accent-2), var(--accent)); color: #fff; box-shadow: 0 8px 18px rgba(11,42,66,.18); transition: background .3s, color .3s; }
.z-filebadge::after { content: ""; position: absolute; right: 0; top: 0; width: 16px; height: 16px; border-radius: 0 18px 0 8px; background: rgba(255,255,255,.35); }
.z-filebadge .z-icon { width: 20px; height: 20px; }
.z-filebadge b { font-size: 11px; font-weight: 800; letter-spacing: .06em; }
.z-download { flex: none; display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 16px; border-radius: 999px; background: var(--tint); color: var(--accent); font-size: 13.5px; font-weight: 800; transition: background .3s, color .3s, transform .3s; }
.z-linkcard.is-file:hover .z-filebadge, .z-linkcard.is-file:focus-visible .z-filebadge { background: #fff; color: var(--accent); }
.z-linkcard.is-file:hover .z-linkcard-meta, .z-linkcard.is-file:focus-visible .z-linkcard-meta { color: rgba(255,255,255,.8); }
.z-linkcard.is-file:hover .z-download, .z-linkcard.is-file:focus-visible .z-download { background: #fff; color: var(--accent); transform: translateY(-1px); }
.z-linkcard.is-file:hover .z-download svg { animation: z-dl .8s ease-in-out infinite; }
@keyframes z-dl { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(2px); } }
.z-linkcard.is-file::before { clip-path: circle(0% at 47px 50%); }
.z-linkcard.is-file:hover::before, .z-linkcard.is-file:focus-visible::before { clip-path: circle(150% at 47px 50%); }
@media (max-width: 560px) { .z-download { width: 40px; padding: 0; justify-content: center; font-size: 0; gap: 0; } }
@media (prefers-reduced-motion: reduce) { .z-linkcard.is-file:hover .z-download svg { animation: none; } }
.z-linkcards:has(.is-file) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 900px) { .z-linkcards:has(.is-file) { grid-template-columns: minmax(0, 1fr); } }
.z-linkcard-label { overflow-wrap: break-word; word-break: normal; }
.z-linkcard-meta { white-space: nowrap; }

/* Tek paragraflık bilgi sayfaları (ör. Mevzuat): bilgi kartı + bağlantı düğmesi */
.z-callout { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 8px 22px; padding: 32px 34px; border-radius: 22px; background: linear-gradient(180deg, #FFFFFF, #FAF8F4); border: 1px solid #E6E0D3; border-left: 5px solid #8A7040; box-shadow: 0 14px 34px rgba(11,42,66,.08); font-family: Manrope, system-ui, sans-serif; }
.z-callout::after { content: ""; position: absolute; right: -40px; bottom: -50px; width: 220px; height: 220px; z-index: -1; background: url("logo.png") center/contain no-repeat; opacity: .06; filter: grayscale(1); }
.z-callout-icon { grid-row: 1 / span 2; width: 64px; height: 64px; border-radius: 18px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #1B4A6E, #0B2A42); color: #fff; box-shadow: 0 10px 22px rgba(11,42,66,.2); }
.z-callout-icon .z-icon { width: 30px; height: 30px; }
.z-callout-text { margin: 0; font-size: 17.5px; font-weight: 600; line-height: 1.8; color: #1F2A33; }
.z-callout-action { grid-column: 2; display: flex; align-items: center; flex-wrap: wrap; gap: 12px 16px; margin-top: 16px; padding-top: 20px; border-top: 1px dashed #DCD3C2; }
.z-callout-caption { font-size: 16px; font-weight: 800; color: #0B2A42; }
.z-callout-btn { display: inline-flex; align-items: center; gap: 9px; height: 48px; padding: 0 24px; border-radius: 999px; background: linear-gradient(135deg, #B5975F, #8A7040); color: #fff; font-size: 15px; font-weight: 800; box-shadow: 0 10px 22px rgba(138,112,64,.32); transition: transform .25s, box-shadow .25s, background .25s; }
.z-callout-btn:hover, .z-callout-btn:focus-visible { color: #fff; background: linear-gradient(135deg, #1B4A6E, #0B2A42); transform: translateY(-2px); box-shadow: 0 14px 28px rgba(11,42,66,.3); }
.z-callout-btn svg { transition: transform .25s; }
.z-callout-btn:hover svg { transform: translate(2px, -2px); }
.z-callout-host { font-size: 13px; font-weight: 700; color: #7A8590; }
@media (max-width: 700px) {
  .z-callout { grid-template-columns: minmax(0, 1fr); padding: 24px 20px; }
  .z-callout-icon { grid-row: auto; width: 52px; height: 52px; }
  .z-callout-action { grid-column: 1; }
  .z-callout-text { font-size: 16px; }
}

/* Yapılandırılmış sayfa içeriği (EnhanceBody): bölümler, başlıklar, madde listeleri */
.z-body > p:first-child, .z-body > .icerik-giris:first-child { font-size: 1.08em; }
.z-body h2, .z-body h3 { font-family: Manrope, system-ui, sans-serif; color: #0B2A42; font-weight: 800; letter-spacing: -.01em; line-height: 1.3; }
.z-body h2 { position: relative; font-size: 1.4em; margin: 0 0 14px; padding-left: 18px; }
.z-body h2::before { content: ""; position: absolute; left: 0; top: .18em; bottom: .18em; width: 5px; border-radius: 4px; background: linear-gradient(180deg, #B5975F, #8A7040); }
.z-body .icerik-bolum { position: relative; margin: 0 0 22px; padding: 26px 28px; border-radius: 20px; background: #fff; border: 1px solid #E8E2D6; box-shadow: 0 10px 26px rgba(11,42,66,.06); }
.z-body .icerik-bolum > :last-child { margin-bottom: 0; }
.z-body p.icerik-giris { font-weight: 700; color: #0B2A42; margin-bottom: 16px; }
.z-body ul.icerik-maddeler { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 10px; }
.z-body ul.icerik-maddeler li { position: relative; padding: 14px 18px 14px 56px; border-radius: 14px; background: #FAF8F4; border: 1px solid #EEE7DA; line-height: 1.65; transition: background .2s, border-color .2s, transform .2s; }
.z-body ul.icerik-maddeler li::before { content: ""; position: absolute; left: 16px; top: 14px; width: 26px; height: 26px; border-radius: 8px; background: linear-gradient(135deg, #B5975F, #8A7040) center / 100% no-repeat; box-shadow: 0 4px 10px rgba(138,112,64,.28); }
.z-body ul.icerik-maddeler li::after { content: ""; position: absolute; left: 24px; top: 20px; width: 10px; height: 6px; border-left: 2.5px solid #fff; border-bottom: 2.5px solid #fff; transform: rotate(-45deg); }
.z-body ul.icerik-maddeler li:hover { background: #fff; border-color: #D9CBAE; transform: translateX(3px); }
/* Kısa bölümlerden oluşan sayfalar (Misyon / Vizyon): yan yana kartlar */
.z-body .icerik-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 22px; }
.z-body .icerik-kartlar .icerik-bolum { margin: 0; padding: 30px 30px 32px; overflow: hidden; isolation: isolate; border-top: 4px solid #0B2A42; }
.z-body .icerik-kartlar .icerik-bolum:nth-child(2n) { border-top-color: #8A7040; }
.z-body .icerik-kartlar .icerik-bolum::after { content: ""; position: absolute; right: -36px; bottom: -40px; width: 170px; height: 170px; z-index: -1; background: url("logo.png") center/contain no-repeat; opacity: .06; filter: grayscale(1); }
.z-body .icerik-kartlar h2 { font-size: 1.55em; }
.z-body .icerik-kartlar p { font-size: 1.12em; font-weight: 600; line-height: 1.75; color: #1F2A33; }
@media (max-width: 700px) { .z-body .icerik-bolum { padding: 20px 18px; } .z-body ul.icerik-maddeler li { padding-left: 50px; } }

/* Belge sayfası (PDF önizleme + indirme) */
.z-doc { --accent: #0B2A42; --accent-2: #1B4A6E; display: flex; flex-direction: column; gap: 18px; font-family: Manrope, system-ui, sans-serif; }
.z-doc-bar { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border-radius: 18px; background: #fff; border: 1px solid #E8E2D6; border-left: 4px solid #8A7040; box-shadow: 0 10px 26px rgba(11,42,66,.07); }
.z-doc-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.z-doc-info b { font-size: 18px; font-weight: 800; color: #10212F; }
.z-doc-info small { font-size: 13px; font-weight: 700; color: #6A7682; }
.z-doc-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.z-doc-open, .z-doc-download { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 20px; border-radius: 999px; font-size: 14.5px; font-weight: 800; transition: transform .25s, box-shadow .25s, background .25s, color .25s; }
.z-doc-open { background: #EDF2F7; color: #0B2A42; }
.z-doc-open:hover { background: #0B2A42; color: #fff; }
.z-doc-download { background: linear-gradient(135deg, #B5975F, #8A7040); color: #fff; box-shadow: 0 10px 22px rgba(138,112,64,.3); }
.z-doc-download:hover, .z-doc-download:focus-visible { color: #fff; background: linear-gradient(135deg, #1B4A6E, #0B2A42); transform: translateY(-2px); }
.z-doc-frame { border-radius: 18px; overflow: hidden; border: 1px solid #E8E2D6; background: #525659; box-shadow: 0 14px 34px rgba(11,42,66,.1); }
.z-doc-frame iframe { display: block; width: 100%; height: min(82vh, 1100px); border: 0; }
.z-doc-note { margin: 0; padding: 18px 20px; border-radius: 14px; background: #FAF8F4; color: #4A5560; font-weight: 600; }
@media (max-width: 700px) {
  .z-doc-bar { flex-wrap: wrap; }
  .z-doc-actions { width: 100%; }
  .z-doc-actions a { flex: 1; justify-content: center; }
  .z-doc-frame iframe { height: 70vh; }
}

/* Dosya kartı: tüm kart önizlemeye/indirmeye götürür, İndir düğmesi ayrı */
.z-linkcard.is-file .z-stretch { color: inherit; }
.z-linkcard.is-file .z-stretch::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.z-linkcard.is-file .z-download { position: relative; z-index: 2; }
.z-linkcard.is-file:focus-within { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(11,42,66,.16); }
.z-linkcard.is-file .z-stretch:focus-visible { outline: none; }

/* Logo / görsel önizleme vitrini (ör. Kurumsal Kimlik) */
.z-brandshow { display: grid; gap: 18px; margin-bottom: 22px; }
.z-brandshow-item { margin: 0; border-radius: 22px; overflow: hidden; background: #fff; border: 1px solid #E8E2D6; box-shadow: 0 14px 34px rgba(11,42,66,.08); }
.z-brandshow-tiles { display: grid; grid-template-columns: 1fr 1fr; }
.z-brandshow-tile { position: relative; display: flex; align-items: center; justify-content: center; min-height: 280px; padding: 34px; }
.z-brandshow-tile img { max-width: min(220px, 70%); max-height: 220px; width: auto; height: auto; filter: drop-shadow(0 12px 24px rgba(0,0,0,.18)); transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.z-brandshow-item:hover .z-brandshow-tile img { transform: scale(1.04) rotate(-2deg); }
.z-brandshow-tile.is-light { background: linear-gradient(45deg, #F4F1EA 25%, transparent 25%, transparent 75%, #F4F1EA 75%) 0 0 / 28px 28px, linear-gradient(45deg, #F4F1EA 25%, #FBFAF7 25%, #FBFAF7 75%, #F4F1EA 75%) 14px 14px / 28px 28px; }
.z-brandshow-tile.is-dark { background: radial-gradient(70% 80% at 50% 30%, #1D5C8C, #0B2A42 75%); }
.z-brandshow-tile::after { position: absolute; left: 16px; bottom: 14px; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.z-brandshow-tile.is-light::after { content: "Açık zemin"; color: #8A7A5C; }
.z-brandshow-tile.is-dark::after { content: "Koyu zemin"; color: rgba(255,255,255,.6); }
.z-brandshow-item figcaption { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; border-top: 1px solid #EEE7DA; font-family: Manrope, system-ui, sans-serif; }
.z-brandshow-item figcaption span { display: flex; flex-direction: column; gap: 3px; }
.z-brandshow-item figcaption b { font-size: 18px; font-weight: 800; color: #10212F; }
.z-brandshow-item figcaption small { font-size: 13px; font-weight: 700; color: #6A7682; }
.z-brandshow-item .z-download { background: linear-gradient(135deg, #B5975F, #8A7040); color: #fff; height: 46px; padding: 0 22px; box-shadow: 0 10px 22px rgba(138,112,64,.3); }
.z-brandshow-item .z-download:hover { background: linear-gradient(135deg, #1B4A6E, #0B2A42); color: #fff; }
@media (max-width: 700px) { .z-brandshow-tiles { grid-template-columns: 1fr; } .z-brandshow-tile { min-height: 200px; } }
.z-brandshow-tiles { grid-template-columns: 1fr; }
.z-brandshow-tile { min-height: 300px; background: radial-gradient(60% 80% at 50% 25%, #1D5C8C, #0B2A42 75%); overflow: hidden; isolation: isolate; }
.z-brandshow-tile::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 50% 50%, rgba(181,151,95,.22), rgba(181,151,95,0) 55%); }
.z-brandshow-tile::after { content: none; }
.z-brandshow-tile img { max-width: min(240px, 60%); max-height: 240px; }

/* ===== İçerik tasarım dili: bağlantı kartları, ara başlıklar, uyarı, liste ===== */
.z-body .icerik-baglantilar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 6px 0 24px; }
.z-body a.icerik-baglanti { position: relative; display: flex; align-items: center; gap: 14px; min-height: 64px; padding: 10px 44px 10px 10px; border-radius: 14px; background: #fff; border: 1px solid #E6E0D3; box-shadow: 0 4px 12px rgba(11,42,66,.05); color: #10212F; text-decoration: none; line-height: 1.35; transition: transform .2s, box-shadow .2s, border-color .2s, background .2s; }
.z-body a.icerik-baglanti::after { content: ""; position: absolute; right: 16px; top: 50%; width: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: translateY(-50%) rotate(45deg); color: #B5975F; transition: right .2s, color .2s; }
.z-body a.icerik-baglanti:hover { transform: translateY(-2px); border-color: #C9B48A; box-shadow: 0 12px 26px rgba(11,42,66,.12); color: #0B2A42; }
.z-body a.icerik-baglanti:hover::after { right: 12px; color: #8A7040; }
.icerik-baglanti-rozet { flex: none; width: 44px; height: 44px; border-radius: 11px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #1B4A6E, #0B2A42); color: #fff; font-size: 10.5px; font-weight: 800; letter-spacing: .04em; }
.icerik-baglanti-rozet:empty::before { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--rozet) center / contain no-repeat; mask: var(--rozet) center / contain no-repeat; }
.z-body a.is-sayfa .icerik-baglanti-rozet { --rozet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E"); background: linear-gradient(135deg, #2C83BF, #075C96); }
.z-body a.is-dis .icerik-baglanti-rozet { --rozet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E"); background: linear-gradient(135deg, #B5975F, #8A7040); }
.z-body a.is-dosya .icerik-baglanti-rozet { position: relative; border-radius: 8px 14px 8px 8px; }
.z-body a.is-dosya .icerik-baglanti-rozet::after { content: ""; position: absolute; right: 0; top: 0; width: 12px; height: 12px; border-radius: 0 14px 0 6px; background: rgba(255,255,255,.35); }
.z-body a.is-dosya::after { width: 12px; height: 12px; border: 0; transform: translateY(-50%); background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v12m0 0l-5-5m5 5l5-5M5 20h14'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v12m0 0l-5-5m5 5l5-5M5 20h14'/%3E%3C/svg%3E") center / contain no-repeat; }
.icerik-baglanti-metin { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.icerik-baglanti-metin b { font-weight: 700; font-size: 15px; overflow-wrap: break-word; }
.icerik-baglanti-metin small { font-size: 12px; font-weight: 700; color: #7A8590; letter-spacing: .01em; }
.z-body h3 { position: relative; display: flex; align-items: center; gap: 10px; margin: 26px 0 12px; font-size: 1.08em; color: #6F5A33; text-transform: none; }
.z-body h3::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, #E2D7C1, transparent); }
.z-body .icerik-bolum > h3:first-child, .z-body > h3:first-child { margin-top: 0; }
.z-body .icerik-uyari { position: relative; margin: 0 0 22px; padding: 18px 20px 18px 62px; border-radius: 16px; background: linear-gradient(135deg, #FFF8E8, #FDF3DC); border: 1px solid #EBD9AE; color: #4B3B17; }
.z-body .icerik-uyari::before { content: "!"; position: absolute; left: 18px; top: 18px; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #D9A93A, #B5862A); color: #fff; font-weight: 900; font-size: 17px; box-shadow: 0 6px 14px rgba(181,134,42,.35); }
.z-body .icerik-uyari > strong { display: block; margin-bottom: 6px; font-size: 1.05em; font-weight: 800; color: #6B4E12; }
.z-body .icerik-uyari p { margin: 0 0 8px; line-height: 1.65; }
.z-body .icerik-uyari p:last-child { margin-bottom: 0; }
.z-body ul.icerik-liste, .z-body ol.icerik-liste { margin: 0 0 20px; padding: 0; list-style: none; display: grid; gap: 8px; counter-reset: madde; }
.z-body .icerik-liste > li { position: relative; padding: 10px 14px 10px 44px; border-radius: 12px; background: #FAF8F4; border: 1px solid #EEE7DA; line-height: 1.6; }
.z-body ul.icerik-liste > li::before { content: ""; position: absolute; left: 18px; top: 19px; width: 9px; height: 9px; border-radius: 3px; transform: rotate(45deg); background: linear-gradient(135deg, #B5975F, #8A7040); }
.z-body ol.icerik-liste > li { counter-increment: madde; }
.z-body ol.icerik-liste > li::before { content: counter(madde); position: absolute; left: 10px; top: 9px; width: 24px; height: 24px; border-radius: 7px; display: flex; align-items: center; justify-content: center; background: #0B2A42; color: #fff; font-size: 12px; font-weight: 800; }
.z-body .icerik-liste > li a { color: #075C96; font-weight: 700; }
.z-body .icerik-metin { border-left: 4px solid #8A7040; }
.z-body .icerik-metin p.icerik-giris { font-size: 1.12em; font-weight: 700; color: #0B2A42; line-height: 1.75; }
.z-body .icerik-bolum .icerik-baglantilar:last-child, .z-body .icerik-bolum table:last-child { margin-bottom: 0; }
@media (max-width: 900px) { .z-body .icerik-baglantilar { grid-template-columns: minmax(0, 1fr); } }

/* Konu sayfası bağlantıları dosyalardan ayrışır: açık zemin, kitap ikonu, "Sayfayı aç" */
.z-body a.is-sayfa { background: linear-gradient(180deg, #F5F9FC, #EEF4FA); border-color: #D6E4F0; box-shadow: none; }
.z-body a.is-sayfa .icerik-baglanti-rozet { --rozet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4h6a4 4 0 0 1 4 4v12a3 3 0 0 0-3-3H2zM22 4h-6a4 4 0 0 0-4 4v12a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E"); background: #fff; color: #075C96; border: 1px solid #D6E4F0; width: 40px; height: 40px; }
.z-body a.is-sayfa .icerik-baglanti-metin::after { content: "Sayfayı aç"; font-size: 12px; font-weight: 700; color: #4F7DA3; }
.z-body a.is-sayfa::after { width: 26px; height: 26px; right: 12px; border: 0; border-radius: 50%; transform: translateY(-50%); background: #fff; box-shadow: inset 0 0 0 1px #D6E4F0; color: transparent; }
.z-body a.is-sayfa .icerik-baglanti-metin { padding-right: 18px; }
.z-body a.is-sayfa:hover { background: linear-gradient(135deg, #2C83BF, #075C96); border-color: #075C96; color: #fff; box-shadow: 0 12px 26px rgba(7,92,150,.25); }
.z-body a.is-sayfa:hover .icerik-baglanti-metin::after { color: rgba(255,255,255,.85); }
.z-body a.is-sayfa:hover .icerik-baglanti-rozet { border-color: transparent; }
.z-body a.is-sayfa:hover::after { box-shadow: none; }
.z-body a.is-sayfa { --ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075C96' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E"); }
.z-body a.is-sayfa::after { background: #fff var(--ok) center / 13px no-repeat; }
.z-body a.is-dosya .icerik-baglanti-metin small { color: #8A7040; }

/* Alt sayfa: üst konuya dönüş ve diğer konular */
.z-backlink { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 18px; padding: 8px 18px 8px 10px; border-radius: 999px; background: #fff; border: 1px solid #E2DACA; color: #0B2A42; font-family: Manrope, system-ui, sans-serif; box-shadow: 0 6px 16px rgba(11,42,66,.06); transition: background .2s, color .2s, border-color .2s, transform .2s; }
.z-backlink svg { width: 30px; height: 30px; padding: 9px; border-radius: 50%; background: #F3EFE7; color: #8A7040; transition: background .2s, color .2s; }
.z-backlink span { display: flex; flex-direction: column; line-height: 1.2; font-size: 14.5px; font-weight: 800; }
.z-backlink small { font-size: 10.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #8A7040; }
.z-backlink:hover { background: #0B2A42; border-color: #0B2A42; color: #fff; transform: translateX(-2px); }
.z-backlink:hover svg { background: rgba(255,255,255,.14); color: #fff; }
.z-backlink:hover small { color: #E9D9B5; }
.z-topics { margin: 30px 0 8px; padding: 22px 24px 24px; border-radius: 20px; background: linear-gradient(160deg, #0E3654, #0B2A42); color: #fff; font-family: Manrope, system-ui, sans-serif; box-shadow: 0 16px 36px rgba(11,42,66,.18); }
.z-topics-head { display: flex; flex-direction: column; gap: 2px; margin-bottom: 16px; }
.z-topics-head span { font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #E9D9B5; }
.z-topics-head b { font-size: 19px; font-weight: 800; }
.z-topics-list { display: flex; flex-wrap: wrap; gap: 8px; }
.z-topics-item { display: inline-flex; align-items: center; min-height: 36px; padding: 6px 14px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); color: #E4ECF3; font-size: 13.5px; font-weight: 700; transition: background .2s, color .2s, border-color .2s; }
a.z-topics-item:hover { background: #fff; color: #0B2A42; border-color: #fff; }
.z-topics-item.is-current { background: linear-gradient(135deg, #B5975F, #8A7040); border-color: transparent; color: #fff; }

/* Metin içindeki belge bağlantısı: tür etiketli küçük düğme */
.z-body a.icerik-dosya { display: inline-flex; align-items: center; gap: 7px; margin: 2px 3px; padding: 3px 12px 3px 4px; border-radius: 999px; background: #fff; border: 1px solid #D9CBAE; color: #0B2A42; font-weight: 800; text-decoration: none; line-height: 1.5; vertical-align: baseline; box-shadow: 0 3px 8px rgba(138,112,64,.12); transition: background .2s, color .2s, border-color .2s, transform .2s; }
.z-body a.icerik-dosya::after { content: ""; width: 12px; height: 12px; background: currentColor; opacity: .75; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v12m0 0l-5-5m5 5l5-5M5 20h14'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v12m0 0l-5-5m5 5l5-5M5 20h14'/%3E%3C/svg%3E") center / contain no-repeat; }
.icerik-dosya-tur { padding: 1px 7px; border-radius: 999px; background: linear-gradient(135deg, #1B4A6E, #0B2A42); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .05em; }
.z-body a.icerik-dosya:hover { background: #0B2A42; border-color: #0B2A42; color: #fff; transform: translateY(-1px); }
.z-body a.icerik-dosya:hover .icerik-dosya-tur { background: linear-gradient(135deg, #B5975F, #8A7040); }
.z-body .icerik-liste > li a.icerik-dosya { color: #0B2A42; }
.z-body .icerik-liste > li a.icerik-dosya:hover { color: #fff; }
.z-body a.icerik-dosya.is-dis::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E"); }
.z-body a.icerik-dosya.is-dis .icerik-dosya-tur { background: linear-gradient(135deg, #B5975F, #8A7040); }

/* Madde listeleri: renkli kutu ve nokta yerine sade satırlar + onay simgesi */
.z-body ul.icerik-liste, .z-body ul.icerik-maddeler { gap: 0; border-top: 1px solid #ECEEF2; }
.z-body ul.icerik-liste > li, .z-body ul.icerik-maddeler > li {
  background: none; border: 0; border-bottom: 1px solid #ECEEF2; border-radius: 0;
  padding: 13px 8px 13px 40px; transform: none; transition: background .2s;
}
.z-body ul.icerik-liste > li:hover, .z-body ul.icerik-maddeler > li:hover { background: #F6F8FB; transform: none; }
.z-body ul.icerik-liste > li::before, .z-body ul.icerik-maddeler > li::before {
  content: ""; left: 8px; top: 15px; width: 20px; height: 20px; border-radius: 50%; transform: none;
  background: #E8F0F7; box-shadow: none;
}
.z-body ul.icerik-liste > li::after, .z-body ul.icerik-maddeler > li::after {
  content: ""; position: absolute; left: 14px; top: 21px; width: 8px; height: 4px;
  border-left: 2px solid #0B2A42; border-bottom: 2px solid #0B2A42; transform: rotate(-45deg);
}
@media (max-width: 700px) { .z-body ul.icerik-maddeler li { padding-left: 40px; } }

/* Tek sütunlu tablo satırlarında madde işareti yok */
.z-body td:only-child { padding-left: 18px; }
.z-body td:only-child::before { content: none; }

/* IBAN + kopyala düğmesi */
.z-body .icerik-iban { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 2px 0; }
.z-body .icerik-iban-no { font-variant-numeric: tabular-nums; letter-spacing: .02em; font-weight: 700; color: #0B2A42; white-space: nowrap; }
.z-body .icerik-iban-kopyala { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px 5px 10px; border-radius: 999px; border: 1px solid #D5DEE8; background: #F3F7FB; color: #0B2A42; font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: background .2s, border-color .2s, color .2s; }
.z-body .icerik-iban-kopyala::before { content: ""; width: 13px; height: 13px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15V5a2 2 0 0 1 2-2h10'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15V5a2 2 0 0 1 2-2h10'/%3E%3C/svg%3E") center / contain no-repeat; }
.z-body .icerik-iban-kopyala:hover { background: #0B2A42; border-color: #0B2A42; color: #fff; }
.z-body .icerik-iban-kopyala.is-kopyalandi { background: #1F8A4C; border-color: #1F8A4C; color: #fff; }

/* Kısa başlık listeleri (ör. Onay Hizmetleri): hizmet kartları */
.z-body .icerik-hizmetler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 4px 0 24px; }
.z-body .icerik-hizmet { position: relative; display: flex; align-items: center; gap: 14px; min-height: 76px; padding: 16px 18px; border-radius: 16px; background: #fff; border: 1px solid #E3E8EF; box-shadow: 0 6px 18px rgba(11,42,66,.05); color: #0B2A42; text-decoration: none; }
.z-body .icerik-hizmet-simge { flex: 0 0 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg, #0F3A5C, #0B2A42); position: relative; }
.z-body .icerik-hizmet-simge::after { content: ""; position: absolute; inset: 0; margin: auto; width: 20px; height: 20px; background: #E4CF9E; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6z'/%3E%3C/svg%3E") center / contain no-repeat; }
.z-body .icerik-hizmet-ad { flex: 1; font-size: 16px; font-weight: 700; line-height: 1.35; }
.z-body a.icerik-hizmet { padding-right: 52px; transition: transform .2s, box-shadow .2s, border-color .2s; }
.z-body a.icerik-hizmet::after { content: "›"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #F3EEE3; color: #8A7040; font-size: 20px; font-weight: 700; line-height: 1; transition: background .2s, color .2s; }
.z-body a.icerik-hizmet:hover { transform: translateY(-2px); border-color: #C9B07A; box-shadow: 0 12px 26px rgba(11,42,66,.10); color: #0B2A42; }
.z-body a.icerik-hizmet:hover::after { background: #8A7040; color: #fff; }
@media (max-width: 700px) { .z-body .icerik-hizmetler { grid-template-columns: 1fr; } }

/* Meslek komitesi listesi: sırada numara, ZTSO logosu, ad – görev, firma */
.z-roster { gap: 14px; }
.z-roster li { grid-template-columns: 30px 64px minmax(0,1fr); gap: 18px; padding: 16px 22px; border: 1px solid #E8ECF1; border-left: 1px solid #E8ECF1; border-radius: 16px; box-shadow: 0 8px 22px rgba(11,42,66,.06); transition: transform .2s, box-shadow .2s; }
.z-roster li:first-child { border-left-color: #E8ECF1; }
.z-roster li:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(11,42,66,.10); }
.z-roster .z-num { font-weight: 800; color: #8A7040; font-size: 17px; text-align: right; }
.z-roster-logo { width: 64px; height: 64px; border-radius: 50%; object-fit: contain; background: #fff; box-shadow: 0 4px 12px rgba(11,42,66,.12); }
.z-roster .z-person-name { font-size: 17px; font-weight: 800; color: #0B2A42; }
.z-roster .z-person-role { font-weight: 700; color: #8A7040; }
.z-roster .z-person-company { margin-top: 4px; font-size: 15px; color: #4A5868; }
@media (max-width: 600px) { .z-roster li { grid-template-columns: 22px 48px minmax(0,1fr); gap: 12px; padding: 14px; } .z-roster-logo { width: 48px; height: 48px; } }

.z-roster-title { margin: 0 0 22px; padding-bottom: 14px; border-bottom: 3px solid #0B2A42; position: relative; font-size: 26px; font-weight: 800; color: #0B2A42; letter-spacing: -.01em; }
.z-roster-title::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 90px; height: 3px; background: #B5975F; }

/* Projeler */
.z-projects-bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 30px; padding: 22px 26px; border-radius: 18px; background: linear-gradient(120deg, #0B2A42, #123F63); color: #DCE6EF; }
.z-projects-bar p { margin: 0; max-width: 640px; font-size: 15.5px; line-height: 1.6; }
.z-projects-search { flex: 0 0 320px; position: relative; }
.z-projects-search input { width: 100%; height: 48px; padding: 0 18px 0 46px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.1); color: #fff; font: inherit; font-size: 15px; outline: none; transition: background .2s, border-color .2s; }
.z-projects-search input::placeholder { color: rgba(255,255,255,.6); }
.z-projects-search input:focus { background: rgba(255,255,255,.16); border-color: #C9B07A; }
.z-projects-search::before { content: ""; position: absolute; left: 17px; top: 50%; width: 17px; height: 17px; transform: translateY(-50%); background: #C9B07A; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.z-projects-title { display: flex; align-items: center; gap: 14px; margin: 8px 0 20px; font-size: 24px; font-weight: 800; color: #0B2A42; }
.z-projects-title::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, #D9CBAE, transparent); }
.z-projects.is-araniyor .z-projects-title { display: none; }
.z-project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-bottom: 44px; }
.z-project { display: flex; flex-direction: column; border-radius: 20px; overflow: hidden; background: #fff; border: 1px solid #E6EAF0; box-shadow: 0 10px 28px rgba(11,42,66,.07); color: inherit; text-decoration: none; transition: transform .25s, box-shadow .25s, border-color .25s; }
.z-project:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(11,42,66,.14); border-color: #D9CBAE; color: inherit; }
.z-project-img { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #EEF2F6; }
.z-project-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.z-project:hover .z-project-img img { transform: scale(1.06); }
.z-project-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(11,42,66,.45)); pointer-events: none; }
.z-project-tag { position: absolute; z-index: 1; left: 14px; top: 14px; padding: 5px 12px; border-radius: 999px; background: rgba(11,42,66,.82); backdrop-filter: blur(6px); color: #E4CF9E; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.z-project-body { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 22px; }
.z-project-body h3 { margin: 0 0 10px; font-size: 18px; font-weight: 800; line-height: 1.35; color: #0B2A42; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.z-project-body p { margin: 0 0 18px; font-size: 14.5px; line-height: 1.6; color: #55636F; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.z-project-more { margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px; border-radius: 999px; background: #F3EEE3; color: #6F5A31; font-size: 14px; font-weight: 800; transition: background .2s, color .2s, gap .2s; }
.z-project:hover .z-project-more { background: #0B2A42; color: #fff; gap: 12px; }
.z-project.is-featured { grid-column: span 2; flex-direction: row; }
.z-project.is-featured .z-project-img { flex: 0 0 56%; aspect-ratio: auto; min-height: 320px; }
.z-project.is-featured .z-project-body { padding: 30px 30px 28px; justify-content: center; }
.z-project.is-featured h3 { font-size: 24px; }
.z-project.is-featured p { -webkit-line-clamp: 5; font-size: 15.5px; }
.z-project-grid.is-reports .z-project-img { aspect-ratio: 16 / 7; }
@media (max-width: 1100px) { .z-project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .z-projects-bar { flex-direction: column; align-items: stretch; }
  .z-projects-search { flex-basis: auto; }
  .z-project-grid { grid-template-columns: 1fr; }
  .z-project.is-featured { grid-column: auto; flex-direction: column; }
  .z-project.is-featured .z-project-img { min-height: 0; aspect-ratio: 16 / 10; }
}

/* Proje sayfası kapak görseli: geniş, yuvarlak köşeli bant */
.z-cover { border-radius: 20px; overflow: hidden; padding: 0; border: 0; box-shadow: 0 14px 34px rgba(11,42,66,.12); }
.z-cover img { display: block; width: 100%; max-height: 440px; object-fit: cover; }

/* Projeler: sol menülü düzende 2 sütun */
.z-project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.z-project.is-featured .z-project-img { flex-basis: 52%; min-height: 300px; }
.z-projects-bar { padding: 18px 22px; }
.z-projects-bar p { font-size: 14.5px; }
.z-projects-search { flex-basis: 280px; }
@media (max-width: 1000px) { .z-projects-bar { flex-direction: column; align-items: stretch; } .z-projects-search { flex-basis: auto; } }
@media (max-width: 760px) { .z-project-grid { grid-template-columns: 1fr; } }
.z-project-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.z-project.is-featured .z-project-img { min-height: 260px; }
.z-project-body h3 { font-size: 17px; }
@media (max-width: 1200px) { .z-project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .z-project-grid { grid-template-columns: 1fr; } }

/* Projeler sekmeleri */
.z-projects-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: -8px 0 26px; }
.z-projects-tabs button { display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px; border-radius: 999px; border: 1px solid #DCE3EB; background: #fff; color: #0B2A42; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; transition: background .2s, color .2s, border-color .2s, box-shadow .2s; }
.z-projects-tabs button span { min-width: 26px; padding: 2px 8px; border-radius: 999px; background: #EEF2F6; color: #0B2A42; font-size: 12.5px; font-weight: 800; text-align: center; }
.z-projects-tabs button:hover { border-color: #C9B07A; }
.z-projects-tabs button.is-active { background: #0B2A42; border-color: #0B2A42; color: #fff; box-shadow: 0 8px 20px rgba(11,42,66,.18); }
.z-projects-tabs button.is-active span { background: #C9B07A; color: #0B2A42; }
.z-projects [hidden] { display: none !important; }

/* Rapor kartları: yatay, küçük görselli */
.z-project-grid.is-reports { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.z-project-grid.is-reports .z-project { flex-direction: row; }
.z-project-grid.is-reports .z-project-img { flex: 0 0 170px; aspect-ratio: auto; min-height: 170px; }
.z-project-grid.is-reports .z-project-img::after { display: none; }
.z-project-grid.is-reports .z-project-tag { left: 10px; top: 10px; }
.z-project-grid.is-reports .z-project-body { padding: 18px 20px; }
.z-project-grid.is-reports .z-project-body p { -webkit-line-clamp: 2; margin-bottom: 14px; }
@media (max-width: 760px) { .z-project-grid.is-reports { grid-template-columns: 1fr; } .z-project-grid.is-reports .z-project-img { flex-basis: 120px; min-height: 140px; } }

/* Kurum logoları (Destekler vb.): eşit kutularda logo + alan adı */
.z-body .icerik-logolar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 4px 0 24px; }
.z-body .icerik-logo { position: relative; display: flex; flex-direction: column; border-radius: 18px; background: #fff; border: 1px solid #E5EAF0; box-shadow: 0 8px 22px rgba(11,42,66,.06); overflow: hidden; text-decoration: none; transition: transform .25s, box-shadow .25s, border-color .25s; }
.z-body .icerik-logo:hover { transform: translateY(-4px); border-color: #D9CBAE; box-shadow: 0 18px 36px rgba(11,42,66,.12); }
.z-body .icerik-logo-gorsel { display: flex; align-items: center; justify-content: center; height: 150px; padding: 22px 26px; }
.z-body .icerik-logo-gorsel img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; border: 0; box-shadow: none; transition: transform .3s; }
.z-body .icerik-logo:hover .icerik-logo-gorsel img { transform: scale(1.04); }
.z-body .icerik-logo-ad { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 18px; border-top: 1px solid #EEF1F5; background: #F8FAFC; color: #0B2A42; font-size: 14px; font-weight: 700; transition: background .2s, color .2s; }
.z-body .icerik-logo-ad::after { content: "↗"; color: #8A7040; font-weight: 800; }
.z-body .icerik-logo:hover .icerik-logo-ad { background: #0B2A42; color: #fff; }
.z-body .icerik-logo:hover .icerik-logo-ad::after { color: #E4CF9E; }
@media (max-width: 1000px) { .z-body .icerik-logolar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .z-body .icerik-logolar { grid-template-columns: 1fr; } }

/* Dergi/yayın kapakları */
.z-body .icerik-kapaklar { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 22px; margin: 4px 0 24px; }
.z-body .icerik-kapak { display: flex; flex-direction: column; border-radius: 18px; overflow: hidden; background: #fff; border: 1px solid #E5EAF0; box-shadow: 0 8px 22px rgba(11,42,66,.07); text-decoration: none; color: #0B2A42; transition: transform .25s, box-shadow .25s; }
.z-body .icerik-kapak:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(11,42,66,.15); color: #0B2A42; }
.z-body .icerik-kapak-gorsel { display: block; aspect-ratio: 3 / 4; background: #EEF2F6; overflow: hidden; }
.z-body .icerik-kapak-gorsel img { width: 100%; height: 100%; object-fit: cover; border: 0; box-shadow: none; transition: transform .5s; }
.z-body .icerik-kapak:hover .icerik-kapak-gorsel img { transform: scale(1.04); }
.z-body .icerik-kapak-ad { display: flex; align-items: center; gap: 10px; padding: 12px 16px; font-size: 14px; font-weight: 700; }
.z-body .icerik-kapak-ad .icerik-dosya-tur { margin: 0; }
.z-body .icerik-kapak:hover .icerik-kapak-ad { background: #0B2A42; color: #fff; }

/* Dosya kartı üzerine gelince başlık beyaz kalsın (.z-stretch'in "inherit" rengini ezer) */
.z-linkcard.is-file:hover .z-linkcard-label.z-stretch, .z-linkcard.is-file:focus-within .z-linkcard-label.z-stretch { color: #fff; }

/* Mali takvim */
.z-body .icerik-takvim-aylar { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 8px; padding: 14px; border-radius: 20px; background: linear-gradient(120deg, #0B2A42, #164468); box-shadow: 0 14px 30px rgba(11,42,66,.18); }
.z-body .icerik-takvim-ay { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 12px 4px 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.06); color: #fff; font: inherit; cursor: pointer; transition: background .2s, transform .2s, border-color .2s; }
.z-body .icerik-takvim-ay b { font-size: 15px; font-weight: 800; letter-spacing: .02em; }
.z-body .icerik-takvim-ay small { font-size: 11px; color: rgba(255,255,255,.65); white-space: nowrap; }
.z-body .icerik-takvim-ay:hover { background: rgba(255,255,255,.14); transform: translateY(-2px); }
.z-body .icerik-takvim-ay.is-bugun { border-color: #C9B07A; }
.z-body .icerik-takvim-ay.is-bugun::after { content: "Bu ay"; position: absolute; top: -9px; left: 50%; transform: translateX(-50%); padding: 1px 7px; border-radius: 999px; background: #C9B07A; color: #0B2A42; font-size: 10px; font-weight: 800; white-space: nowrap; }
.z-body .icerik-takvim-ay.is-secili { background: #C9B07A; border-color: #C9B07A; color: #0B2A42; }
.z-body .icerik-takvim-ay.is-secili small { color: #0B2A42; }
.z-body .icerik-takvim-not { margin: 12px 4px 22px; font-size: 13.5px; color: #6B7884; }
.z-body .icerik-takvim-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.z-body .icerik-takvim-kart { display: flex; flex-direction: column; gap: 12px; padding: 18px 20px; border-radius: 18px; background: #fff; border: 1px solid #E5EAF0; box-shadow: 0 8px 20px rgba(11,42,66,.05); transition: transform .2s, box-shadow .2s, border-color .2s; }
.z-body .icerik-takvim-kart[hidden] { display: none; }
.z-body .icerik-takvim-kart:hover { transform: translateY(-2px); border-color: #D9CBAE; box-shadow: 0 14px 30px rgba(11,42,66,.10); }
.z-body .icerik-takvim-ust { display: flex; align-items: center; gap: 12px; }
.z-body .icerik-takvim-ust h3 { margin: 0; font-size: 16.5px; font-weight: 800; line-height: 1.3; color: #0B2A42; }
.z-body .icerik-takvim-simge { flex: 0 0 40px; height: 40px; border-radius: 12px; background: linear-gradient(135deg, #0F3A5C, #0B2A42); position: relative; }
.z-body .icerik-takvim-simge::after { content: ""; position: absolute; inset: 0; margin: auto; width: 19px; height: 19px; background: #E4CF9E; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center / contain no-repeat; }
.z-body .icerik-takvim-kart ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.z-body .icerik-takvim-kart li { position: relative; padding-left: 16px; font-size: 14.5px; line-height: 1.5; color: #33424F; }
.z-body .icerik-takvim-kart li::before { content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: #B5975F; }
.z-body .icerik-takvim-etiketler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 4px; }
.z-body .icerik-takvim-etiketler span { padding: 3px 10px; border-radius: 999px; background: #EEF3F8; color: #0B2A42; font-size: 12px; font-weight: 700; }
.z-body .icerik-takvim-etiketler span.is-her { background: #F3EEE3; color: #6F5A31; }
@media (max-width: 1100px) { .z-body .icerik-takvim-aylar { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 760px) { .z-body .icerik-takvim-kartlar { grid-template-columns: 1fr; } .z-body .icerik-takvim-aylar { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Mali takvim: Tümü düğmesi */
.z-body .icerik-takvim-aylar { grid-template-columns: 1.25fr repeat(12, minmax(0, 1fr)); }
.z-body .icerik-takvim-ay.is-tumu { background: rgba(201,176,122,.18); border-color: rgba(201,176,122,.5); }
.z-body .icerik-takvim-ay.is-tumu.is-secili, .z-body .icerik-takvim-ay.is-secili { background: #C9B07A; border-color: #C9B07A; color: #0B2A42; }
@media (max-width: 1100px) { .z-body .icerik-takvim-aylar { grid-template-columns: repeat(7, minmax(0, 1fr)); } }
@media (max-width: 760px) { .z-body .icerik-takvim-aylar { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Rehber kartları (Yararlı Bağlantılar, Elçilikler) */
.z-body .icerik-rehber { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; margin: 4px 0 26px; }
.z-body .icerik-rehber-kart { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; border-radius: 16px; background: #fff; border: 1px solid #E5EAF0; box-shadow: 0 6px 16px rgba(11,42,66,.05); color: #0B2A42; text-decoration: none; transition: transform .2s, box-shadow .2s, border-color .2s; }
.z-body .icerik-rehber-kart[hidden] { display: none; }
.z-body .icerik-rehber-kart:hover { transform: translateY(-2px); border-color: #D9CBAE; box-shadow: 0 14px 28px rgba(11,42,66,.10); color: #0B2A42; }
.z-body .icerik-rehber-ad { font-size: 15px; font-weight: 800; line-height: 1.35; color: #0B2A42; }
.z-body .icerik-rehber-satir { position: relative; padding-left: 20px; font-size: 13.5px; line-height: 1.5; color: #55636F; }
.z-body .icerik-rehber-satir::before { content: ""; position: absolute; left: 0; top: 3px; width: 13px; height: 13px; background: #B5975F; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.z-body .icerik-rehber-eylem { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 4px; }
.z-body .icerik-rehber-eylem > * { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; background: #EEF3F8; color: #0B2A42; font-size: 12.5px; font-weight: 700; text-decoration: none; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.z-body .icerik-rehber-eylem .is-tel::before { content: "☎"; color: #8A7040; }
.z-body .icerik-rehber-eylem .is-web::after { content: "↗"; color: #8A7040; }
.z-body .icerik-rehber-eylem a:hover { background: #0B2A42; color: #fff; }
.z-body .icerik-rehber-kart.is-bagli:hover .is-web { background: #0B2A42; color: #fff; }
/* Arama kutusu ve boş bölümlerin gizlenmesi */
.z-body .icerik-arama { position: sticky; top: 96px; z-index: 5; display: block; margin: 0 0 22px; }
.z-body .icerik-arama input { width: 100%; height: 52px; padding: 0 18px 0 50px; border-radius: 999px; border: 1px solid #D9E1EA; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A7040' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") 18px center / 18px no-repeat; font: inherit; font-size: 15px; color: #0B2A42; box-shadow: 0 10px 26px rgba(11,42,66,.08); outline: none; }
.z-body .icerik-arama input:focus { border-color: #C9B07A; }
.z-body .icerik-arama-alan.is-araniyor .icerik-bolum:not(:has([data-ara-oge]:not([hidden]))) { display: none; }
.z-body .icerik-arama-bos { padding: 20px; text-align: center; color: #6B7884; }

/* Fiyat endeksleri */
.z-body .icerik-endeksler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 4px 0 24px; }
.z-body .icerik-endeks { padding: 20px 20px 18px; border-radius: 20px; background: linear-gradient(160deg, #0B2A42, #15405F); color: #fff; box-shadow: 0 14px 30px rgba(11,42,66,.16); }
.z-body .icerik-endeks h3 { margin: 0 0 14px; font-size: 16px; font-weight: 800; color: #E4CF9E; letter-spacing: .01em; }
.z-body .icerik-endeks-degerler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.z-body .icerik-endeks-deger { display: flex; flex-direction: column; gap: 4px; padding: 14px; border-radius: 14px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); }
.z-body .icerik-endeks-deger strong { display: flex; align-items: baseline; gap: 3px; font-size: 26px; font-weight: 800; line-height: 1; color: #fff; font-variant-numeric: tabular-nums; }
.z-body .icerik-endeks-deger strong small { font-size: 14px; color: #C9B07A; }
.z-body .icerik-endeks-deger span { font-size: 12.5px; line-height: 1.35; color: rgba(255,255,255,.72); }
@media (max-width: 900px) { .z-body .icerik-endeksler { grid-template-columns: 1fr; } }

/* Banka hesapları */
.z-body .icerik-bankalar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 4px 0 24px; }
.z-body .icerik-banka { display: flex; flex-direction: column; border-radius: 18px; background: #fff; border: 1px solid #E5EAF0; box-shadow: 0 8px 22px rgba(11,42,66,.06); overflow: hidden; }
.z-body .icerik-banka-logo { display: flex; align-items: center; justify-content: center; height: 104px; padding: 22px 28px; background: #F8FAFC; border-bottom: 1px solid #EEF1F5; }
.z-body .icerik-banka-logo img { width: auto; height: auto; max-width: 220px; max-height: 52px; object-fit: contain; border: 0; box-shadow: none; }
.z-body .icerik-banka-bilgi { display: flex; flex-direction: column; gap: 10px; padding: 16px 20px 18px; }
.z-body .icerik-banka-bilgi > strong { font-size: 15.5px; font-weight: 800; color: #0B2A42; }
.z-body .icerik-banka-iban { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; font-size: 15px; color: #0B2A42; }
.z-body .icerik-banka-iban > small { padding: 3px 8px; border-radius: 6px; background: #F3EEE3; color: #6F5A31; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.z-body .icerik-banka-iban .icerik-iban { margin: 0; }
.z-body .icerik-banka-iban .icerik-iban-no { font-size: 15px; font-weight: 700; letter-spacing: .01em; font-variant-numeric: tabular-nums; }
@media (max-width: 900px) { .z-body .icerik-bankalar { grid-template-columns: 1fr; } }
/* Tüm IBAN numaraları aynı yazı boyutu ve kalınlıkta */
.z-body .icerik-iban-no { font-size: inherit; font-weight: 700; letter-spacing: .01em; }
.z-body td .icerik-iban-no, .z-body p .icerik-iban-no { font-size: 1em; }

/* Uluslararası saat farkları */
.z-body .icerik-saatler { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; margin: 4px 0 24px; }
.z-body .icerik-saat { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; gap: 4px 10px; padding: 14px 16px; border-radius: 14px; background: #fff; border: 1px solid #E5EAF0; box-shadow: 0 4px 12px rgba(11,42,66,.04); }
.z-body .icerik-saat[hidden] { display: none; }
.z-body .icerik-saat > strong { grid-column: 1; font-size: 14.5px; font-weight: 800; color: #0B2A42; line-height: 1.3; }
.z-body .icerik-saat-fark { grid-column: 1; font-size: 12.5px; font-weight: 700; color: #8A7040; }
.z-body .icerik-saat-simdi { grid-column: 2; grid-row: 1 / span 2; align-self: center; min-width: 58px; padding: 6px 10px; border-radius: 10px; background: #0B2A42; color: #fff; font-size: 16px; font-weight: 800; text-align: center; font-variant-numeric: tabular-nums; }
.z-body .icerik-saat-simdi:empty { display: none; }
.z-body .icerik-saat[data-fark="0"] { border-color: #C9B07A; background: #FBF8F1; }

/* Organizasyon şeması */
.z-body .icerik-sema { display: flex; flex-direction: column; align-items: center; gap: 0; padding: 26px 20px 30px; border-radius: 22px; background: #fff; border: 1px solid #E5EAF0; box-shadow: 0 10px 28px rgba(11,42,66,.06); overflow-x: auto; }
.z-body .icerik-sema-sira { display: flex; justify-content: center; gap: 14px; width: 100%; }
.z-body .icerik-sema-kurullar .icerik-sema-kutu { flex: 1 1 0; }
.z-body .icerik-sema-kutu { display: flex; align-items: center; justify-content: center; min-height: 54px; padding: 10px 14px; border-radius: 12px; background: linear-gradient(135deg, #17466B, #0B2A42); color: #fff; font-size: 14px; font-weight: 800; line-height: 1.3; text-align: center; box-shadow: 0 6px 14px rgba(11,42,66,.18); }
.z-body .icerik-sema-orta { min-width: 260px; }
.z-body .icerik-sema-acik { background: linear-gradient(135deg, #5BB3A6, #3E968A); box-shadow: 0 6px 14px rgba(62,150,138,.25); }
.z-body .icerik-sema-yanlar { align-items: center; }
.z-body .icerik-sema-yanlar .icerik-sema-kutu { flex: 1 1 0; max-width: 280px; }
.z-body .icerik-sema-yanlar .icerik-sema-baskan { position: relative; }
.z-body .icerik-sema-sol, .z-body .icerik-sema-sag { position: relative; background: linear-gradient(135deg, #2D5D80, #1C4766); }
.z-body .icerik-sema-sol::after, .z-body .icerik-sema-sag::before { content: ""; position: absolute; top: 50%; width: 14px; height: 2px; background: #B5975F; }
.z-body .icerik-sema-sol::after { right: -14px; }
.z-body .icerik-sema-sag::before { left: -14px; }
.z-body .icerik-sema-yardimci .icerik-sema-kutu { flex: 0 1 280px; }
.z-body .icerik-sema-ok { width: 2px; height: 26px; margin: 4px 0; background: #B5975F; position: relative; }
.z-body .icerik-sema-ok::after { content: ""; position: absolute; left: 50%; bottom: -2px; transform: translateX(-50%); border: 6px solid transparent; border-top-color: #B5975F; border-bottom: 0; }
.z-body .icerik-sema-servisler { display: grid; grid-template-columns: repeat(9, minmax(96px, 1fr)); gap: 8px; width: 100%; padding-top: 14px; border-top: 2px solid #B5975F; }
.z-body .icerik-sema-servis { display: flex; flex-direction: column; gap: 6px; }
.z-body .icerik-sema-servis > .icerik-sema-kutu { min-height: 84px; padding: 8px 6px; font-size: 12px; margin-bottom: 4px; }
.z-body .icerik-sema-birim { padding: 7px 6px; border-radius: 9px; background: #E8F4F2; border: 1px solid #C6E4DF; color: #1F5F57; font-size: 11.5px; font-weight: 700; line-height: 1.3; text-align: center; }
.z-body .icerik-sema-indir { margin-top: 18px; }
@media (max-width: 1200px) { .z-body .icerik-sema-servisler { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .z-body .icerik-sema-sira { flex-direction: column; align-items: stretch; }
  .z-body .icerik-sema-yanlar .icerik-sema-kutu, .z-body .icerik-sema-yardimci .icerik-sema-kutu { max-width: none; flex: auto; }
  .z-body .icerik-sema-sol::after, .z-body .icerik-sema-sag::before { display: none; }
  .z-body .icerik-sema-orta { min-width: 0; width: 100%; }
  .z-body .icerik-sema-servisler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Dergi kapakları: başlıklı, büyük kapak kartları */
.z-body .icerik-kapaklar { grid-template-columns: repeat(auto-fill, minmax(240px, 300px)); gap: 26px; }
.z-body .icerik-kapak { border-radius: 20px; box-shadow: 0 14px 34px rgba(11,42,66,.12); }
.z-body .icerik-kapak-gorsel { position: relative; }
.z-body .icerik-kapak-gorsel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 60%, rgba(11,42,66,.35)); opacity: 0; transition: opacity .3s; }
.z-body .icerik-kapak:hover .icerik-kapak-gorsel::after { opacity: 1; }
.z-body .icerik-kapak-baslik { padding: 16px 18px 0; font-size: 16px; font-weight: 800; line-height: 1.35; color: #0B2A42; }
.z-body .icerik-kapak-ad { justify-content: space-between; padding: 12px 18px 16px; color: #6B7884; font-size: 13px; }
.z-body .icerik-kapak-ad::after { content: "Oku →"; padding: 6px 14px; border-radius: 999px; background: #F3EEE3; color: #6F5A31; font-weight: 800; transition: background .2s, color .2s; }
.z-body .icerik-kapak:hover .icerik-kapak-ad { background: transparent; color: #6B7884; }
.z-body .icerik-kapak:hover .icerik-kapak-ad::after { background: #0B2A42; color: #fff; }

/* Üst şerit: yazı ile logo aynı sütunda ortalı; telefon ikonu; dil seçimi */
:root { --z-brand-col: 250px; }
.z-topbar { background: linear-gradient(90deg, #061A2B, #0A2640 55%, #061A2B); border-bottom: 1px solid rgba(201,176,122,.18); }
.z-topbar-in { min-height: 44px; }
.z-topbar-name { width: var(--z-brand-col); flex: 0 0 var(--z-brand-col); text-align: center; white-space: nowrap; letter-spacing: .01em; }
.z-brand { width: var(--z-brand-col); justify-content: center; }
.z-topbar-links { gap: 6px; }
.z-topbar-links a { padding: 5px 10px; border-radius: 999px; transition: background .2s, color .2s; }
.z-topbar-links a:hover { background: rgba(255,255,255,.08); color: #E4CF9E; }
.z-topbar-right { gap: 12px; }
.z-topbar-phone { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px 5px 6px; border: 0; border-radius: 999px; background: rgba(255,255,255,.07); transition: background .2s; }
.z-topbar-phone svg { width: 24px; height: 24px; padding: 5px; border-radius: 50%; background: #C9B07A; color: #0B2A42; }
.z-topbar-phone:hover { background: rgba(255,255,255,.14); color: #fff; }
.z-topbar-social { display: flex; align-items: center; gap: 10px; padding: 0 4px; }
.z-lang { display: inline-flex; padding: 3px; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); }
.z-lang button { min-width: 34px; padding: 4px 8px; border: 0; border-radius: 999px; background: transparent; color: #C9D4DE; font: inherit; font-size: 12px; font-weight: 800; letter-spacing: .04em; cursor: pointer; transition: background .2s, color .2s; }
.z-lang button:hover { color: #fff; }
.z-lang button.is-active { background: #C9B07A; color: #0B2A42; }
/* Google Çeviri'nin kendi şeridi ve araç ipuçları gizlenir */
iframe.skiptranslate, .goog-te-banner-frame, #goog-gt-tt, .goog-te-balloon-frame, .VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf { display: none !important; }
body { top: 0 !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }
@media (max-width: 1200px) { :root { --z-brand-col: auto; } .z-topbar-name { width: auto; flex: none; text-align: left; } .z-brand { width: auto; justify-content: flex-start; } }
.z-topbar-links { flex-wrap: nowrap; gap: 0; min-width: 0; overflow: hidden; }
.z-topbar-links a { padding: 4px 9px; font-size: 12.5px; white-space: nowrap; }
.z-topbar-in { flex-wrap: nowrap; gap: 14px; }
.z-topbar-phone { white-space: nowrap; }
@media (max-width: 1320px) { .z-topbar-social { display: none; } }
.z-body .icerik-kapak-ad { justify-content: flex-start; }
.z-body .icerik-kapak-ad::after { margin-left: auto; }
.z-ceviri { position: absolute; left: -9999px; top: 0; width: 1px; height: 1px; overflow: hidden; }
/* Çeviri açıkken (uzun İngilizce/Almanca kelimeler) menü tek satıra sığsın */
.translated-ltr .z-nav-link { font-size: 12.5px; letter-spacing: 0; padding-left: 9px; padding-right: 9px; }
.translated-ltr .z-nav { flex-wrap: nowrap; }

/* Bize Ulaşın: solda harita + iletişim, sağda form */
.z-contact2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px; align-items: start; }
.z-contact2-side { display: flex; flex-direction: column; gap: 16px; }
.z-contact2-map { border-radius: 22px; overflow: hidden; border: 1px solid #E5EAF0; box-shadow: 0 12px 30px rgba(11,42,66,.10); aspect-ratio: 4 / 3; background: #EEF2F6; }
.z-contact2-map iframe { display: block; width: 100%; height: 100%; border: 0; }
.z-contact2-info { display: grid; gap: 10px; }
.z-contact2-item { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 16px; background: #fff; border: 1px solid #E5EAF0; color: #0B2A42; text-decoration: none; transition: border-color .2s, transform .2s; }
a.z-contact2-item:hover { border-color: #C9B07A; transform: translateY(-2px); color: #0B2A42; }
.z-contact2-item small { display: block; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #8A7040; }
.z-contact2-item b { font-size: 15px; font-weight: 700; }
.z-contact2-ico { flex: 0 0 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg, #17466B, #0B2A42); position: relative; }
.z-contact2-ico::after { content: ""; position: absolute; inset: 0; margin: auto; width: 20px; height: 20px; background: #E4CF9E; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }
.z-contact2-ico.is-tel { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2z'/%3E%3C/svg%3E"); }
.z-contact2-ico.is-mail { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E"); }
.z-contact2-ico.is-pin { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"); }
.z-contact2-form { padding: 28px 28px 30px; border-radius: 22px; background: #fff; border: 1px solid #E5EAF0; box-shadow: 0 12px 30px rgba(11,42,66,.08); }
.z-contact2-form h2 { margin: 0 0 6px; font-size: 24px; font-weight: 800; color: #0B2A42; }
.z-contact2-lead { margin: 0 0 20px; color: #6B7884; font-size: 14.5px; }
.z-contact2-form .z-form { grid-template-columns: 1fr 1fr; }
.z-contact2-form .z-btn[disabled] { opacity: .45; cursor: not-allowed; filter: grayscale(.3); }
.z-kvkk .z-check { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.5; }
.z-kvkk-link { padding: 0; border: 0; background: none; color: #0B5C96; font: inherit; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.z-kvkk-modal { width: min(760px, 94vw); max-height: 86vh; padding: 0; border: 0; border-radius: 22px; box-shadow: 0 30px 80px rgba(0,0,0,.35); overflow: hidden; }
.z-kvkk-modal[open] { display: flex; flex-direction: column; }
.z-kvkk-modal::backdrop { background: rgba(6,26,43,.6); backdrop-filter: blur(4px); }
.z-kvkk-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 22px; background: linear-gradient(120deg, #0B2A42, #164468); color: #fff; font-size: 17px; }
.z-kvkk-close { width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; cursor: pointer; display: grid; place-items: center; }
.z-kvkk-metin { flex: 1; overflow-y: auto; padding: 20px 24px; font-size: 14.5px; line-height: 1.7; color: #33424F; }
.z-kvkk-metin h3 { margin: 18px 0 8px; font-size: 16px; color: #0B2A42; }
.z-kvkk-foot { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 22px; border-top: 1px solid #EEF1F5; background: #F8FAFC; font-size: 13px; color: #6B7884; }
.z-kvkk-foot .z-btn[disabled] { opacity: .45; cursor: not-allowed; }
@media (max-width: 900px) { .z-contact2 { grid-template-columns: 1fr; } .z-contact2-form .z-form { grid-template-columns: 1fr; } }

/* Çeviri yüklenirken içerik gizli, ortada küçük bir yükleniyor göstergesi */
.ceviri-bekliyor .z-site { opacity: 0; }
.ceviri-bekliyor body::after { content: ""; position: fixed; top: 50%; left: 50%; width: 38px; height: 38px; margin: -19px 0 0 -19px; border-radius: 50%; border: 3px solid rgba(11,42,66,.15); border-top-color: #B5975F; animation: z-ceviri-don .8s linear infinite; }
.z-site { transition: opacity .25s ease; }
@keyframes z-ceviri-don { to { transform: rotate(360deg); } }

/* Bölgemiz Hakkında */
.z-body .icerik-bolge { display: flex; flex-direction: column; gap: 22px; }
.z-body .icerik-bolge-serit { position: relative; display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 8px; border-radius: 22px; overflow: hidden; box-shadow: 0 14px 34px rgba(11,42,66,.14); }
.z-body .icerik-bolge-serit .icerik-bolge-foto { margin: 0; height: 250px; }
.z-body .icerik-bolge-foto img { display: block; width: 100%; height: 100%; object-fit: cover; border: 0; border-radius: 0; box-shadow: none; filter: grayscale(.15) contrast(1.05); transition: transform .5s, filter .4s; }
.z-body .icerik-bolge-foto:hover img { transform: scale(1.04); filter: none; }
.z-body .icerik-bolge-serit-not { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 40px 22px 16px; background: linear-gradient(180deg, transparent, rgba(6,26,43,.85)); color: #fff; font-size: 20px; font-weight: 800; letter-spacing: .01em; pointer-events: none; }
.z-body .icerik-bolge-rakamlar { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.z-body .icerik-bolge-rakam { display: flex; flex-direction: column; gap: 4px; padding: 16px 14px; border-radius: 16px; background: linear-gradient(160deg, #0B2A42, #15405F); color: #fff; box-shadow: 0 10px 22px rgba(11,42,66,.14); }
.z-body .icerik-bolge-deger { font-size: 21px; font-weight: 800; line-height: 1.1; color: #fff; font-variant-numeric: tabular-nums; }
.z-body .icerik-bolge-etiket { font-size: 12px; font-weight: 700; letter-spacing: .04em; color: #E4CF9E; text-transform: uppercase; }
.z-body .icerik-bolge > section { padding: 26px 28px; border-radius: 22px; background: #fff; border: 1px solid #E5EAF0; box-shadow: 0 8px 22px rgba(11,42,66,.05); }
.z-body .icerik-bolge > section > h2 { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; font-size: 22px; color: #0B2A42; }
.z-body .icerik-bolge > section > h2::before { content: ""; width: 5px; height: 24px; border-radius: 3px; background: linear-gradient(#C9B07A, #8A7040); }
.z-body .icerik-bolge > section > p { margin: 0 0 10px; line-height: 1.75; color: #33424F; }
/* Tarihçe zaman çizelgesi */
.z-body .icerik-bolge-zaman { position: relative; display: flex; flex-direction: column; gap: 14px; margin-top: 16px; padding-left: 34px; }
.z-body .icerik-bolge-zaman::before { content: ""; position: absolute; left: 11px; top: 6px; bottom: 6px; width: 2px; background: linear-gradient(#C9B07A, #0B2A42); }
.z-body .icerik-bolge-zaman .icerik-bolge-kart { position: relative; padding: 16px 18px; border-radius: 16px; background: #F8FAFC; border: 1px solid #E8EDF3; }
.z-body .icerik-bolge-zaman .icerik-bolge-kart::before { content: ""; position: absolute; left: -30px; top: 18px; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 4px solid #B5975F; box-shadow: 0 0 0 4px #fff; }
.z-body .icerik-bolge-kart-baslik { margin: 0 0 6px !important; font-size: 16px; font-weight: 800; color: #0B2A42; }
.z-body .icerik-bolge-kart p { margin: 0 0 6px; font-size: 14.5px; line-height: 1.7; color: #3C4B58; }
/* Coğrafya kartları */
.z-body .icerik-bolge-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 16px; }
.z-body .icerik-bolge-kartlar .icerik-bolge-kart { padding: 18px; border-radius: 16px; background: linear-gradient(180deg, #F3F7FB, #fff); border: 1px solid #E3EAF2; }
.z-body .icerik-bolge-kartlar .icerik-bolge-kart-baslik { display: inline-block; padding: 4px 12px; border-radius: 999px; background: #0B2A42; color: #fff; font-size: 13px; }
/* Dağ / plato / ova oranı */
.z-body .icerik-bolge-oran { display: flex; height: 38px; margin: 6px 0 4px; border-radius: 12px; overflow: hidden; font-size: 13px; font-weight: 800; color: #fff; }
.z-body .icerik-bolge-oran span { display: flex; align-items: center; justify-content: center; white-space: nowrap; }
.z-body .icerik-bolge-oran-dag { flex: 56; background: #0B2A42; }
.z-body .icerik-bolge-oran-plato { flex: 31; background: #2F6D8F; }
.z-body .icerik-bolge-oran-ova { flex: 13; background: #B5975F; }
/* Galeri */
.z-body .icerik-bolge-galeri { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.z-body .icerik-bolge-galeri .icerik-bolge-foto { margin: 0; aspect-ratio: 3 / 2; border-radius: 14px; overflow: hidden; }
@media (max-width: 1100px) { .z-body .icerik-bolge-rakamlar { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .z-body .icerik-bolge-serit { grid-template-columns: 1fr; } .z-body .icerik-bolge-serit .icerik-bolge-foto:not(:first-child) { display: none; }
  .z-body .icerik-bolge-rakamlar, .z-body .icerik-bolge-galeri { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .z-body .icerik-bolge-kartlar { grid-template-columns: 1fr; }
  .z-body .icerik-bolge > section { padding: 20px 18px; }
}

/* Üyelik bilgilerini güncelleme: ortalanmış kart */
.z-uyelik { display: flex; justify-content: center; padding: 10px 0 20px; }
.z-uyelik-kart { width: min(620px, 100%); padding: 34px 36px 34px; border-radius: 24px; background: #fff; border: 1px solid #E5EAF0; box-shadow: 0 18px 44px rgba(11,42,66,.10); text-align: center; }
.z-uyelik-kart h2 { margin: 14px 0 8px; font-size: 24px; font-weight: 800; color: #0B2A42; }
.z-uyelik-lead { margin: 0 auto 22px; max-width: 480px; color: #55636F; font-size: 15px; line-height: 1.65; }
.z-uyelik-simge { display: inline-block; width: 60px; height: 60px; border-radius: 18px; background: linear-gradient(135deg, #17466B, #0B2A42); position: relative; box-shadow: 0 10px 24px rgba(11,42,66,.22); }
.z-uyelik-simge::after { content: ""; position: absolute; inset: 0; margin: auto; width: 28px; height: 28px; background: #E4CF9E; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='2.5'/%3E%3Cpath d='M5.5 16.5c.8-1.8 2-2.6 3.5-2.6s2.7.8 3.5 2.6M14 9h4M14 13h4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='2.5'/%3E%3Cpath d='M5.5 16.5c.8-1.8 2-2.6 3.5-2.6s2.7.8 3.5 2.6M14 9h4M14 13h4'/%3E%3C/svg%3E") center / contain no-repeat; }
.z-uyelik-kart .z-form { text-align: left; }
.z-uyelik-kart .z-btn { width: 100%; }
.z-uyelik-kart .z-btn[disabled] { opacity: .45; cursor: not-allowed; }
.z-uyelik-kart .z-btn { display: flex; justify-content: center; text-align: center; }

/* Görsel modalı: yakınlaştırma sahnesi ve araç çubuğu */
.medya-modal-sahne { overflow: hidden; border-radius: 14px; touch-action: none; display: flex; align-items: center; justify-content: center; max-height: 82vh; }
.medya-modal-sahne img { max-height: 82vh; transform-origin: center center; transition: transform .15s ease; user-select: none; -webkit-user-drag: none; border-radius: 14px; }
.medya-modal-zoom { position: absolute; left: 50%; bottom: -58px; transform: translateX(-50%); display: flex; align-items: center; gap: 4px; padding: 5px; border-radius: 999px; background: rgba(6,26,43,.85); border: 1px solid rgba(255,255,255,.15); backdrop-filter: blur(6px); }
.medya-modal-zoom button { width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; color: #fff; font-size: 20px; line-height: 1; cursor: pointer; transition: background .2s, color .2s; }
.medya-modal-zoom button:hover { background: #C9B07A; color: #0B2A42; }
.medya-modal-zoom span { min-width: 56px; text-align: center; color: #E4CF9E; font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
.medya-modal-kapat:hover, .medya-modal-ok:hover { background: #C9B07A; color: #0B2A42; border-color: #C9B07A; }
.medya-modal-alt { margin-top: 70px; }
.z-body a img, .icerik-bolge-foto img { cursor: zoom-in; }
.medya-modal { font-family: Manrope, system-ui, sans-serif; }
.medya-modal::backdrop { background: rgba(4,16,31,.92); backdrop-filter: blur(4px); }
.medya-modal-sahne, .medya-modal-sahne img { max-height: 76vh; }
.medya-modal-zoom { position: fixed; bottom: 22px; }
.medya-modal-alt { margin-top: 12px; font-family: inherit; color: #DCE4EB; }

/* Görsel modalı: daha büyük sahne, kapatma ve oklar ekran kenarında */
.medya-modal { max-width: 96vw; max-height: 96vh; width: 96vw; height: 96vh; }
.medya-modal[open] { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.medya-modal-sahne { width: 100%; height: calc(96vh - 130px); max-height: none; border-radius: 0; }
.medya-modal-sahne img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; background: transparent; border-radius: 0; }
.medya-modal-kapat { position: fixed; top: 20px; right: 24px; z-index: 5; width: 50px; height: 50px; font-size: 26px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.3); box-shadow: 0 8px 24px rgba(0,0,0,.35); }
.medya-modal-ok { position: fixed; top: calc(50% - 30px); z-index: 5; width: 54px; height: 54px; background: rgba(255,255,255,.12); }
.medya-modal-geri { left: 24px; }
.medya-modal-ileri { right: 24px; }
.medya-modal-alt { margin-top: 10px; }
.medya-modal-zoom { bottom: 18px; z-index: 5; }
@media (max-width: 760px) { .medya-modal-sahne { height: calc(96vh - 150px); } .medya-modal-geri { left: 8px; } .medya-modal-ileri { right: 8px; } .medya-modal-kapat { top: 12px; right: 12px; } }
/* Sahne bir tık küçük; başlık ile yakınlaştırma çubuğu arasında boşluk */
.medya-modal-sahne { width: 86%; height: calc(96vh - 210px); }
.medya-modal-alt { margin-top: 14px; margin-bottom: 64px; }
.medya-modal-zoom { bottom: 26px; }
@media (max-width: 760px) { .medya-modal-sahne { width: 100%; height: calc(96vh - 200px); } }
.z-ceviri { position: absolute; left: 0; top: 0; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }

/* ===== Telefon ve tablet ===== */
.z-nav-extra, .z-side-check, .z-side-toggle { display: none; }
@media (max-width: 1100px) {
  /* Bölüm menüsü katlanır; içerik hemen başlar, hızlı işlemler içerikten sonra gelir */
  .z-inner-grid { display: flex; flex-direction: column; align-items: stretch; }
  .z-side { display: contents; }
  .z-side-check { display: block; position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; }
  .z-side-toggle { order: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 24px; padding: 12px 16px; border: 1px solid var(--z-line); border-left: 3px solid var(--z-gold); border-radius: 10px; background: var(--z-sand); color: var(--z-navy); font-weight: 800; font-size: 15px; cursor: pointer; user-select: none; }
  .z-side-toggle span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
  .z-side-toggle small { font-size: 10.5px; letter-spacing: .16em; color: var(--z-muted); font-weight: 800; }
  .z-side-toggle svg { flex-shrink: 0; transition: transform .2s; }
  .z-side-check:checked + .z-side-toggle { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
  .z-side-check:checked + .z-side-toggle svg { transform: rotate(180deg); }
  .z-side-check:focus-visible + .z-side-toggle { outline: 2px solid var(--z-gold); outline-offset: 2px; }
  .z-side-title { display: none; }
  .z-side-links { order: 1; display: none; border: 1px solid var(--z-line); border-top: 0; border-radius: 0 0 10px 10px; overflow: hidden; }
  .z-side-check:checked ~ .z-side-links { display: flex; }
  .z-side-links a:last-child { border-bottom: 0; }
  .z-inner-body { order: 2; min-width: 0; }
  .z-side-box { order: 3; margin: 32px 0 8px; }
}
@media (max-width: 900px) {
  /* Menü düğmesi lacivert başlıkta görünür olsun */
  .z-header .mq-menu-toggle { border: 1px solid rgba(255,255,255,.28); border-radius: 10px; padding: 12px 13px; color: #fff; background: rgba(255,255,255,.06); }
  .z-header .mq-menu-icon, .z-header .mq-menu-icon::before, .z-header .mq-menu-icon::after { width: 20px; background: #fff; }
  .z-header .mq-menu-box:checked ~ .mq-menu-toggle { background: #C9B07A; border-color: #C9B07A; }
  .z-header .mq-menu-box:checked ~ .mq-menu-toggle .mq-menu-icon { background: transparent; }
  .z-header .mq-menu-box:checked ~ .mq-menu-toggle .mq-menu-icon::before { top: 0; transform: rotate(45deg); background: #0B2A42; }
  .z-header .mq-menu-box:checked ~ .mq-menu-toggle .mq-menu-icon::after { top: 0; transform: rotate(-45deg); background: #0B2A42; }
  /* Açık menü: tüm satırlar aynı hizada */
  .z-header .mq-menu-box:checked ~ .z-nav { background: #fff; border-radius: 14px; border-top: 0; padding: 6px 12px; margin-bottom: 14px !important; box-shadow: 0 20px 40px rgba(0,0,0,.25); }
  .z-header .mq-menu-box:checked ~ .z-nav > a.z-nav-link, .z-header .mq-menu-box:checked ~ .z-nav .z-nav-link { padding: 14px 6px !important; font-size: 14.5px !important; color: var(--z-navy); border-radius: 0; }
  .z-header .mq-menu-box:checked ~ .z-nav .z-drop-link { padding: 11px 6px !important; font-size: 14px !important; }
  .z-header .mq-menu-box:checked ~ .z-nav > .z-nav-extra { display: flex; flex-direction: column; border-bottom: 0; padding: 8px 0 4px; }
  .z-header .mq-menu-box:checked ~ .z-nav .z-nav-extra a { padding: 10px 6px !important; font-size: 13.5px !important; font-weight: 700; color: #6B5530; }
  /* Üst şerit: yalnız telefon ve dil; bağlantılar menüde */
  .z-topbar-name, .z-topbar-links { display: none; }
  .z-topbar-right { flex: 1; justify-content: space-between; }
}
@media (max-width: 760px) {
  /* Tablolar sığmazsa yana kaydırılır; hücre yazısı harf harf bölünmez */
  .z-body table { width: auto; min-width: 100%; }
  .z-body th, .z-body td { overflow-wrap: normal; word-break: normal; min-width: 8em; }
  .z-body th:first-child, .z-body td:first-child { min-width: 0; }
  .z-body td:only-child { min-width: 0; }
  .z-linkcard-meta { white-space: normal; }
}
.z-cover + .z-form, .z-cover + .z-notice, .z-cover + .z-body { margin-top: 24px; }
.z-body figure:has(> table) { margin: 0 0 16px; max-width: 100%; }
@media (max-width: 900px) {
  /* Açık menüde alt menü başlığın altında, tek sütun açılır */
  .z-header .mq-menu-box:checked ~ .z-nav .z-nav-drop { flex-direction: column; align-items: stretch; }
  .z-header .mq-menu-box:checked ~ .z-nav .z-nav-drop.is-open > .z-nav-link { background: var(--z-sand); color: var(--z-navy); }
  .z-header .z-drop-panel { width: 100%; }
  .z-header .z-drop { padding: 0 0 8px !important; }
  .z-header .z-drop-links { display: flex; flex-direction: column; gap: 4px; }
  .z-header .z-drop-link { width: 100%; }
}
@media (max-width: 700px) {
  /* Ana sayfa manşeti: başlık ve özet sığsın, tarih ile sayaç çakışmasın */
  .z-feature-body { height: auto; min-height: 0; padding: 14px 18px 16px; gap: 6px; }
  .z-feature-title { font-size: 16.5px; }
  .z-feature-text { display: none; }
  .z-feature-count { display: none; }
  .z-feature-date { left: 14px; top: 14px; font-size: 11px; padding: 5px 10px; }
  .z-feature-nav { right: 12px; top: 12px; }
  .z-feature-nav button { width: 34px; height: 34px; }
  /* Hızlı işlemler: ikon ve yazı yan yana, kısa kutular */
  .z-shortcut, .z-shortcut:last-child:nth-child(odd) { min-height: 0; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; padding: 12px; font-size: 13.5px; }
  .z-shortcut-grid { grid-auto-rows: auto; gap: 8px; }
  .z-shortcuts { padding: 16px 14px; }
}
@media (max-width: 900px) {
  .z-header .mq-menu-box:checked ~ .z-nav .z-drop { max-width: 100%; padding-left: 0 !important; padding-right: 0 !important; margin: 0; }
  .z-header .mq-menu-box:checked ~ .z-nav .z-drop-link { min-width: 0; max-width: 100%; box-sizing: border-box; }
  .z-header .mq-menu-box:checked ~ .z-nav .z-drop-link span { white-space: normal; overflow: visible; text-overflow: clip; min-width: 0; }
}
@media (max-width: 700px) { .z-shortcut-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .z-shortcut { min-width: 0; } }
@media (max-width: 900px) { .z-header .mq-menu-box:checked ~ .z-nav .z-drop-link { height: auto; min-height: 44px; line-height: 1.35; } }
@media (min-width: 901px) and (max-width: 1240px) {
  /* Küçük dizüstü/tablet yatay: menü tek satıra sığsın, şerit kesilmesin */
  .z-nav { flex-wrap: nowrap; gap: 0; }
  .z-nav-link { padding: 10px 8px; font-size: 12.5px; letter-spacing: 0; }
  .z-brand img { height: 74px; }
  .z-topbar-name { display: none; }
}
@media (max-width: 1100px) {
  .z-shortcut, .z-shortcut:last-child:nth-child(odd) { min-height: 0; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; padding: 12px 14px; }
  .z-shortcut-grid { grid-auto-rows: auto; }
}
@media (min-width: 701px) and (max-width: 1100px) { .z-shortcut-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
/* Telefonda başlıkta kurumsal e-posta düğmesi (logo ile menü düğmesi arasında, ortada) */
.z-header-mail { display: none; }
@media (max-width: 900px) {
  .z-header-mail { display: inline-flex; align-items: center; gap: 7px; margin: 0 auto; padding: 9px 14px; border-radius: 999px; border: 1px solid rgba(201,176,122,.55); background: rgba(201,176,122,.12); color: #F3E6C6; font-size: 13px; font-weight: 800; white-space: nowrap; transition: background .2s, color .2s; }
  .z-header-mail:hover, .z-header-mail:focus-visible { background: #C9B07A; color: #0B2A42; }
  .z-header-mail svg { flex-shrink: 0; color: #C9B07A; }
  .z-header-mail:hover svg { color: #0B2A42; }
  .z-header .z-header-mail ~ .mq-menu-toggle { margin-left: 0; }
}
@media (max-width: 360px) { .z-header-mail { padding: 9px 11px; font-size: 12px; } }
/* Açık menü ekran boyuyla sınırlı ve kendi içinde kayar; satırlar yan sütuna taşmasın */
@media (max-width: 900px) { .z-header .mq-menu-box:checked ~ .z-nav { flex-wrap: nowrap !important; overflow-x: hidden; } }
/* Açılır duyurular: birden çok duyuru tek pencerede alt alta, pencere kendi içinde kayar */
.z-popup[open] { display: flex; flex-direction: column; overflow: hidden; }
.z-popup-scroll { overflow-y: auto; overscroll-behavior: contain; max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); scrollbar-width: thin; }
.z-popup-item + .z-popup-item { border-top: 8px solid #F1ECE1; }
.z-popup.is-multi .z-popup-media img, .z-popup.is-multi .z-popup-media video { max-height: none; }
.z-popup-more { position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); z-index: 2; display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; background: rgba(7,30,49,.78); backdrop-filter: blur(8px); color: #fff; font-size: 12.5px; font-weight: 800; white-space: nowrap; box-shadow: 0 8px 22px rgba(0,0,0,.3); pointer-events: none; transition: opacity .25s; animation: z-more 1.6s ease-in-out infinite; }
.z-popup-more.is-hidden { opacity: 0; }
@keyframes z-more { 50% { transform: translateX(-50%) translateY(4px); } }
@media (prefers-reduced-motion: reduce) { .z-popup-more { animation: none; } }
/* Kişisel veri girilen sayfalarda çeviri kapalıyken bilgi şeridi */
.z-ceviri-yok { background: #FFF6E0; border-bottom: 1px solid #EAD8A8; color: #5C4A1E; font-size: 13.5px; font-weight: 600; padding: 10px 0; }
.z-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
