/*
Theme Name: Montak Corporate
Theme URI: https://montak.com
Author: Montak
Author URI: https://montak.com
Description: Professional corporate WordPress theme for Montak.
Version: 1.0.3
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: montak
*/

:root {
  --color-primary: #0097a7;
  --color-accent: #f5a623;
  --color-text: #0f172a;
  --color-muted: #475569;
  --color-bg-soft: #f8fafc;
  --color-white: #ffffff;
  --font-body: "IBM Plex Sans", "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  --font-head: "Space Grotesk", "IBM Plex Sans", "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  --container: 1140px;
  --radius: 10px;
  --space-1: 0.35rem;
  --space-2: 0.6rem;
  --space-3: 0.9rem;
  --space-4: 1.25rem;
  --space-5: 1.75rem;
  --space-6: 2.5rem;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  overflow-x: clip;
}

body {
  margin: 0;
  width: 100%;
  min-width: 0;
  overflow-x: clip;
  font-family: var(--font-body);
  color: var(--color-text);
  line-height: 1.65;
  background: #fbfdff;
  scroll-behavior: smooth;
  position: relative;
  text-rendering: geometricPrecision;
}

main {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

#primary {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-head);
  letter-spacing: -0.01em;
  margin: 0 0 var(--space-3);
}

p {
  margin: 0 0 var(--space-3);
}

/* Keep long text blocks readable */
.section p,
.section-intro {
  max-width: 74ch;
}

.section-heading {
  margin: 0 0 0.7rem;
  font-size: clamp(1.35rem, 2.4vw, 1.72rem);
  font-weight: 600;
  line-height: 1.22;
  color: #0f2b5a;
  letter-spacing: -0.02em;
}

section#urunler > .section-heading:first-of-type,
#hizmetler .hsvc__intro {
  margin-top: clamp(1.25rem, 2.5vw, 2rem);
}

section#urunler > .section .section-heading {
  margin-top: 1.85rem;
  margin-bottom: 0.85rem;
  font-size: clamp(1.12rem, 1.9vw, 1.38rem);
}

#urunler,
#hizmetler,
[id^="hizmet-"],
[id="kaynakli-kontaklar"],
[id="kaynakli-kontak-makineleri"],
[id="progresif-kaliplar"],
[id="tasarim-imalat"] {
  scroll-margin-top: clamp(5.5rem, 12vh, 6.5rem);
}

#urunler .urunler-catalog-cta {
  margin: clamp(1.35rem, 3vw, 2.1rem) 0 0;
  text-align: center;
}

/* ═══ Hizmetler — kurumsal panel düzeni (beyaz kart, çerçeve, tablo özet) ═══ */
.montak-services {
  padding-bottom: 0;
}

section.hsvc {
  --hsvc-border: #e2e8f0;
  --hsvc-border-strong: #cbd5e1;
  --hsvc-ink: #0f2744;
  --hsvc-muted: #475569;
  --hsvc-fill: #f8fafc;
  --hsvc-radius: clamp(14px, 1.5vw, 18px);
  --hsvc-radius-sm: clamp(8px, 1vw, 11px);
  --hsvc-frame-pad: 2px;
  --hsvc-frame-grad: linear-gradient(
    148deg,
    rgba(0, 151, 167, 0.55) 0%,
    rgba(203, 213, 225, 0.75) 42%,
    rgba(245, 166, 35, 0.48) 100%
  );
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: clamp(0.25rem, 1.2vw, 0.75rem);
  padding: clamp(2.5rem, 5vw, 3.75rem) max(1rem, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)) clamp(2.5rem, 5vw, 4rem);
  background: var(--hsvc-fill);
  border-top: 1px solid var(--hsvc-border);
  isolation: isolate;
}

.hsvc__inner {
  position: relative;
  z-index: 1;
  max-width: min(100%, var(--container, 1140px));
  margin: 0 auto;
}

/* Bölüm başlığı — beyaz panel + sol kurumsal şerit */
.hsvc__intro {
  margin: 0 0 clamp(1.35rem, 2.8vw, 1.85rem);
  padding: clamp(1.25rem, 2.5vw, 1.65rem) clamp(1.25rem, 2.5vw, 1.75rem);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), #fff);
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: var(--hsvc-radius);
  border-left: 4px solid var(--color-primary);
  box-shadow:
    0 0 0 1px rgba(0, 151, 167, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 0 0 1px rgba(255, 255, 255, 0.65),
    0 14px 36px -18px rgba(15, 43, 90, 0.07);
}

.hsvc__eyebrow {
  margin: 0 0 0.45rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-primary);
}

.hsvc__title {
  margin: 0;
  font-family: var(--font-head);
  font-size: clamp(1.45rem, 2.5vw, 1.95rem);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.2;
  color: var(--hsvc-ink);
}

.hsvc__title span {
  color: var(--color-primary);
  font-weight: 600;
}

/* İçindekiler — kurumsal şerit */
.hsvc-toc {
  margin: 0 0 clamp(1.5rem, 3vw, 2rem);
  padding: 0.85rem 1rem;
  background:
    linear-gradient(180deg, #fff, #fafbfc) padding-box,
    linear-gradient(165deg, rgba(0, 151, 167, 0.22), rgba(226, 232, 240, 0.95) 50%, rgba(245, 166, 35, 0.18)) border-box;
  border: 1px solid transparent;
  border-radius: var(--hsvc-radius);
  background-clip: padding-box, border-box;
  background-origin: border-box;
  box-shadow:
    0 0 0 1px rgba(15, 23, 42, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 0 0 1px rgba(255, 255, 255, 0.5),
    0 12px 32px -20px rgba(15, 43, 90, 0.06);
}

.hsvc-toc__label {
  margin: 0 0 0.55rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #64748b;
}

.hsvc-toc__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hsvc-toc__list li {
  display: inline-flex;
  align-items: center;
}

.hsvc-toc__list li:not(:last-child)::after {
  content: "|";
  margin: 0 0.55rem;
  color: var(--hsvc-border-strong);
  font-weight: 300;
  font-size: 0.75rem;
}

.hsvc-toc__link {
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 500;
  color: #334155;
  text-decoration: none;
  transition: color 0.15s ease;
}

.hsvc-toc__link:hover,
.hsvc-toc__link:focus-visible {
  color: var(--color-primary);
  outline: none;
}

/* Kart listesi */
.hsvc-stack {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.35rem);
}

.hsvc-card {
  margin: 0;
  padding: var(--hsvc-frame-pad);
  border-radius: calc(var(--hsvc-radius) + var(--hsvc-frame-pad));
  background: var(--hsvc-frame-grad);
  box-shadow:
    0 0 0 1px rgba(15, 23, 42, 0.05),
    0 20px 48px -22px rgba(15, 43, 90, 0.12);
  transition: transform 0.24s ease, box-shadow 0.24s ease;
}

.hsvc-card:hover {
  transform: translateY(-3px);
  box-shadow:
    0 0 0 1px rgba(0, 151, 167, 0.12),
    0 26px 56px -18px rgba(15, 43, 90, 0.14);
}

.hsvc-card__surface {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: var(--hsvc-radius);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.88),
    inset 0 0 0 2px rgba(15, 39, 68, 0.03),
    0 1px 0 rgba(255, 255, 255, 0.65) inset,
    0 1px 2px rgba(15, 23, 42, 0.03);
  overflow: hidden;
  transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

.hsvc-card:hover .hsvc-card__surface {
  border-color: rgba(0, 151, 167, 0.18);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.95),
    inset 0 0 0 2px rgba(0, 151, 167, 0.06),
    0 1px 0 rgba(255, 255, 255, 0.75) inset,
    0 2px 6px rgba(0, 151, 167, 0.06);
}

.hsvc-card__grid {
  display: grid;
  grid-template-columns: minmax(200px, 32%) 1fr;
  gap: 0;
  align-items: stretch;
  min-height: 0;
}

.hsvc-card--alt .hsvc-card__grid {
  grid-template-columns: 1fr minmax(200px, 32%);
}

.hsvc-card--alt .hsvc-card__visual {
  order: 2;
}

.hsvc-card--alt .hsvc-card__content {
  order: 1;
}

.hsvc-card__visual {
  position: relative;
  border-right: 1px solid var(--hsvc-border);
  padding: clamp(6px, 1vw, 10px);
  box-sizing: border-box;
}

.hsvc-card--alt .hsvc-card__visual {
  border-right: none;
  border-left: 1px solid var(--hsvc-border);
}

.hsvc-card__figure {
  margin: 0;
  height: 100%;
  min-height: 220px;
  background: linear-gradient(160deg, #e8eef4 0%, #dce4ec 100%);
  overflow: hidden;
  border-radius: var(--hsvc-radius-sm);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.45),
    inset 0 0 0 3px rgba(15, 23, 42, 0.04),
    inset 0 -12px 28px rgba(15, 39, 68, 0.06);
}

.hsvc-card:not(.hsvc-card--alt) .hsvc-card__figure {
  border-top-right-radius: min(var(--hsvc-radius-sm), calc(var(--hsvc-radius) - 8px));
  border-bottom-right-radius: min(var(--hsvc-radius-sm), calc(var(--hsvc-radius) - 8px));
}

.hsvc-card--alt .hsvc-card__figure {
  border-top-left-radius: min(var(--hsvc-radius-sm), calc(var(--hsvc-radius) - 8px));
  border-bottom-left-radius: min(var(--hsvc-radius-sm), calc(var(--hsvc-radius) - 8px));
}

.hsvc-card__img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
  object-position: center;
  transition: transform 0.5s ease, filter 0.5s ease;
  filter: saturate(0.92) contrast(1.02);
}

.hsvc-card:hover .hsvc-card__img {
  transform: scale(1.015);
  filter: saturate(0.98) contrast(1.03);
}

.hsvc-card__tags {
  position: absolute;
  left: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  z-index: 2;
}

.hsvc-card__tag {
  padding: 0.28rem 0.6rem;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0f172a;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 999px;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.7) inset,
    0 1px 2px rgba(15, 23, 42, 0.06);
}

.hsvc-card__content {
  position: relative;
  padding: clamp(1.25rem, 2.5vw, 1.65rem) clamp(1.15rem, 2.4vw, 1.5rem);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(252, 253, 254, 1) 55%, rgba(248, 250, 252, 0.35) 100%);
}

.hsvc-card:not(.hsvc-card--alt) .hsvc-card__content {
  padding-left: clamp(1.5rem, 3vw, 1.9rem);
}

.hsvc-card--alt .hsvc-card__content {
  padding-right: clamp(1.5rem, 3vw, 1.9rem);
}

.hsvc-card__content::before {
  content: "";
  position: absolute;
  top: clamp(0.85rem, 2vw, 1.15rem);
  bottom: clamp(0.85rem, 2vw, 1.15rem);
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--color-primary), rgba(245, 166, 35, 0.65));
  opacity: 0.85;
  pointer-events: none;
}

.hsvc-card:not(.hsvc-card--alt) .hsvc-card__content::before {
  left: 0.55rem;
}

.hsvc-card--alt .hsvc-card__content::before {
  right: 0.55rem;
}

.hsvc-card__head {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--hsvc-border);
}

.hsvc-card__n {
  flex-shrink: 0;
  font-family: var(--font-head);
  font-size: 0.75rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.08em;
  color: #94a3b8;
}

.hsvc-card__ico {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  color: var(--color-primary);
  background: rgba(0, 151, 167, 0.08);
  border: 1px solid rgba(0, 151, 167, 0.2);
  border-radius: var(--hsvc-radius-sm);
}

.hsvc-card__ico svg {
  width: 1.15rem;
  height: 1.15rem;
}

.hsvc-card__title {
  flex: 1;
  margin: 0;
  min-width: 0;
  font-family: var(--font-head);
  font-size: clamp(1.0625rem, 1.65vw, 1.25rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.28;
  color: var(--hsvc-ink);
}

.hsvc-card__desc {
  margin: 0 0 1rem;
  font-size: 0.875rem;
  line-height: 1.62;
  color: var(--hsvc-muted);
  max-width: 52ch;
}

/* Özet — tablo satırları */
.hsvc-card__specs {
  display: table;
  width: 100%;
  margin: 0 0 1.1rem;
  padding: 0;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--hsvc-radius-sm);
  overflow: hidden;
  font-size: 0.8125rem;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.75) inset,
    0 1px 3px rgba(15, 23, 42, 0.04);
}

.hsvc-card__pair {
  display: table-row;
  margin: 0;
  padding: 0;
  border: 0;
}

.hsvc-card__pair dt,
.hsvc-card__pair dd {
  display: table-cell;
  padding: 0.55rem 0.75rem;
  vertical-align: top;
  border-bottom: 1px solid #f1f5f9;
}

.hsvc-card__pair:last-child dt,
.hsvc-card__pair:last-child dd {
  border-bottom: 0;
}

.hsvc-card__pair dt {
  width: 32%;
  max-width: 10rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
  background: #f8fafc;
  border-right: 1px solid var(--hsvc-border);
}

.hsvc-card__pair dd {
  font-weight: 500;
  line-height: 1.45;
  color: #1e293b;
}

.hsvc-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  gap: 0.4rem;
  margin-top: 0.15rem;
  padding: 0.52rem 1.1rem;
  font-family: var(--font-head);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  background: var(--color-primary);
  border: 1px solid #007c8a;
  border-radius: var(--hsvc-radius-sm);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.hsvc-card__cta:hover,
.hsvc-card__cta:focus-visible {
  background: #0a6e78;
  border-color: #065f66;
  box-shadow: 0 2px 8px rgba(0, 151, 167, 0.25);
  outline: none;
}

.hsvc-card__cta:focus-visible {
  outline: 2px solid rgba(245, 166, 35, 0.55);
  outline-offset: 2px;
}

.hsvc-card__cta svg {
  flex-shrink: 0;
}

@media (max-width: 900px) {
  .hsvc-card__grid,
  .hsvc-card--alt .hsvc-card__grid {
    grid-template-columns: 1fr;
  }

  .hsvc-card__visual {
    border-right: none;
    border-bottom: 1px solid var(--hsvc-border);
    padding: clamp(6px, 1vw, 10px) clamp(6px, 1vw, 10px) 0;
  }

  .hsvc-card:not(.hsvc-card--alt) .hsvc-card__figure,
  .hsvc-card--alt .hsvc-card__figure {
    border-radius: var(--hsvc-radius-sm) var(--hsvc-radius-sm) 0 0;
  }

  .hsvc-card--alt .hsvc-card__visual {
    border-left: none;
    border-bottom: 1px solid var(--hsvc-border);
  }

  .hsvc-card--alt .hsvc-card__visual,
  .hsvc-card--alt .hsvc-card__content {
    order: unset;
  }

  .hsvc-card__figure {
    min-height: 200px;
    max-height: 220px;
  }

  .hsvc-card__img {
    min-height: 200px;
    max-height: 220px;
  }

  .hsvc-card__pair dt {
    width: 38%;
  }

  .hsvc-toc__list {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
  }

  .hsvc-toc__list li:not(:last-child)::after {
    display: none;
  }
}

@media (max-width: 640px) {
  section.hsvc {
    padding-top: clamp(1.5rem, 4vw, 2rem);
    padding-bottom: clamp(1.65rem, 4vw, 2.35rem);
  }

  .hsvc__title {
    font-size: clamp(1.2rem, 5vw, 1.5rem);
  }

  .hsvc-card__pair {
    display: block;
  }

  .hsvc-card__pair dt,
  .hsvc-card__pair dd {
    display: block;
    width: 100%;
    max-width: none;
    border-right: 0;
  }

  .hsvc-card__pair dt {
    padding-bottom: 0.15rem;
    border-bottom: 0;
  }

  .hsvc-card__pair dd {
    padding-top: 0;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid #f1f5f9;
  }

  .hsvc-card__pair:last-child dd {
    border-bottom: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hsvc-card__img {
    transition: none;
  }

  .hsvc-card:hover .hsvc-card__img {
    transform: none;
  }

  .hsvc-card {
    transition: box-shadow 0.2s ease;
  }

  .hsvc-card:hover {
    transform: none;
  }

  .hsvc-card__surface {
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
}

/* Reduce "busy" feel from multiple shadows */
.card,
.blog-card {
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.05);
}

body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}

/* Subtle site-wide depth without clutter */
body::before {
  background:
    radial-gradient(900px 520px at 12% 10%, rgba(0, 151, 167, 0.08), transparent 60%),
    radial-gradient(760px 480px at 88% 18%, rgba(2, 132, 199, 0.06), transparent 58%),
    radial-gradient(900px 520px at 70% 92%, rgba(245, 166, 35, 0.05), transparent 62%),
    radial-gradient(1200px 720px at 50% 50%, rgba(2, 6, 23, 0.035), transparent 62%);
}

/* Very light texture (no images) */
body::after {
  opacity: 0.6;
  background:
    /* Abstract welding-sparks: thin warm curved streaks */
    conic-gradient(from 210deg at 18% 30%, rgba(255, 184, 107, 0.0) 0deg, rgba(255, 184, 107, 0.09) 16deg, rgba(255, 184, 107, 0.0) 34deg),
    conic-gradient(from 240deg at 68% 22%, rgba(255, 236, 214, 0.0) 0deg, rgba(255, 236, 214, 0.085) 12deg, rgba(255, 236, 214, 0.0) 26deg),
    conic-gradient(from 200deg at 78% 64%, rgba(255, 200, 120, 0.0) 0deg, rgba(255, 200, 120, 0.08) 18deg, rgba(255, 200, 120, 0.0) 36deg),
    /* Long soft streaks */
    radial-gradient(1320px 260px at 10% 38%, rgba(255, 196, 120, 0.055), transparent 74%),
    radial-gradient(980px 230px at 84% 26%, rgba(255, 238, 220, 0.05), transparent 76%),
    radial-gradient(1240px 250px at 72% 78%, rgba(255, 174, 104, 0.045), transparent 76%),
    /* Tiny flying spark dots */
    radial-gradient(rgba(255, 220, 170, 0.18) 0.85px, transparent 0.95px),
    radial-gradient(rgba(255, 170, 90, 0.14) 0.7px, transparent 0.8px),
    /* Stronger local distortion pass (subtle, patchy) */
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27280%27%20height%3D%27280%27%20viewBox%3D%270%200%20280%20280%27%3E%3Cdefs%3E%3Cfilter%20id%3D%27w%27%20x%3D%27-30%25%27%20y%3D%27-30%25%27%20width%3D%27160%25%27%20height%3D%27160%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.012%27%20numOctaves%3D%271%27%20seed%3D%2711%27%20result%3D%27n%27/%3E%3CfeDisplacementMap%20in%3D%27SourceGraphic%27%20in2%3D%27n%27%20scale%3D%2734%27%20xChannelSelector%3D%27R%27%20yChannelSelector%3D%27G%27/%3E%3C/filter%3E%3C/defs%3E%3Cmask%20id%3D%27m%27%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20fill%3D%27white%27/%3E%3Ccircle%20cx%3D%2792%27%20cy%3D%2772%27%20r%3D%2758%27%20fill%3D%27black%27%20fill-opacity%3D%270.9%27/%3E%3Ccircle%20cx%3D%27210%27%20cy%3D%27190%27%20r%3D%2754%27%20fill%3D%27black%27%20fill-opacity%3D%270.75%27/%3E%3Ccircle%20cx%3D%27240%27%20cy%3D%2790%27%20r%3D%2738%27%20fill%3D%27black%27%20fill-opacity%3D%270.6%27/%3E%3C/mask%3E%3Cg%20mask%3D%27url(%23m)%27%20filter%3D%27url(%23w)%27%20stroke%3D%27%230f172a%27%20stroke-opacity%3D%270.028%27%20stroke-width%3D%270.55%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M0%2020%20L20%200%20L40%2020%20L20%2040%20Z%20M40%2020%20L60%200%20L80%2020%20L60%2040%20Z%20M80%2020%20L100%200%20L120%2020%20L100%2040%20Z%20M120%2020%20L140%200%20L160%2020%20L140%2040%20Z%20M160%2020%20L180%200%20L200%2020%20L180%2040%20Z%20M200%2020%20L220%200%20L240%2020%20L220%2040%20Z%20M240%2020%20L260%200%20L280%2020%20L260%2040%20Z%27/%3E%3Cpath%20d%3D%27M0%2060%20L20%2040%20L40%2060%20L20%2080%20Z%20M40%2060%20L60%2040%20L80%2060%20L60%2080%20Z%20M80%2060%20L100%2040%20L120%2060%20L100%2080%20Z%20M120%2060%20L140%2040%20L160%2060%20L140%2080%20Z%20M160%2060%20L180%2040%20L200%2060%20L180%2080%20Z%20M200%2060%20L220%2040%20L240%2060%20L220%2080%20Z%20M240%2060%20L260%2040%20L280%2060%20L260%2080%20Z%27/%3E%3Cpath%20d%3D%27M0%20100%20L20%2080%20L40%20100%20L20%20120%20Z%20M40%20100%20L60%2080%20L80%20100%20L60%20120%20Z%20M80%20100%20L100%2080%20L120%20100%20L100%20120%20Z%20M120%20100%20L140%2080%20L160%20100%20L140%20120%20Z%20M160%20100%20L180%2080%20L200%20100%20L180%20120%20Z%20M200%20100%20L220%2080%20L240%20100%20L220%20120%20Z%20M240%20100%20L260%2080%20L280%20100%20L260%20120%20Z%27/%3E%3C/g%3E%3C/svg%3E"),
    /* Wavy triangular mesh + semi-opaque nodes (SVG) */
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27280%27%20height%3D%27280%27%20viewBox%3D%270%200%20280%20280%27%3E%3Cdefs%3E%3Cfilter%20id%3D%27w%27%20x%3D%27-20%25%27%20y%3D%27-20%25%27%20width%3D%27140%25%27%20height%3D%27140%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.02%27%20numOctaves%3D%271%27%20seed%3D%277%27%20result%3D%27n%27/%3E%3CfeDisplacementMap%20in%3D%27SourceGraphic%27%20in2%3D%27n%27%20scale%3D%2710%27%20xChannelSelector%3D%27R%27%20yChannelSelector%3D%27G%27/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%27url(%23w)%27%20stroke%3D%27%230f172a%27%20stroke-opacity%3D%270.05%27%20stroke-width%3D%271%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M0%2020%20L20%200%20L40%2020%20L20%2040%20Z%20M40%2020%20L60%200%20L80%2020%20L60%2040%20Z%20M80%2020%20L100%200%20L120%2020%20L100%2040%20Z%20M120%2020%20L140%200%20L160%2020%20L140%2040%20Z%20M160%2020%20L180%200%20L200%2020%20L180%2040%20Z%20M200%2020%20L220%200%20L240%2020%20L220%2040%20Z%20M240%2020%20L260%200%20L280%2020%20L260%2040%20Z%27/%3E%3Cpath%20d%3D%27M0%2060%20L20%2040%20L40%2060%20L20%2080%20Z%20M40%2060%20L60%2040%20L80%2060%20L60%2080%20Z%20M80%2060%20L100%2040%20L120%2060%20L100%2080%20Z%20M120%2060%20L140%2040%20L160%2060%20L140%2080%20Z%20M160%2060%20L180%2040%20L200%2060%20L180%2080%20Z%20M200%2060%20L220%2040%20L240%2060%20L220%2080%20Z%20M240%2060%20L260%2040%20L280%2060%20L260%2080%20Z%27/%3E%3Cpath%20d%3D%27M0%20100%20L20%2080%20L40%20100%20L20%20120%20Z%20M40%20100%20L60%2080%20L80%20100%20L60%20120%20Z%20M80%20100%20L100%2080%20L120%20100%20L100%20120%20Z%20M120%20100%20L140%2080%20L160%20100%20L140%20120%20Z%20M160%20100%20L180%2080%20L200%20100%20L180%20120%20Z%20M200%20100%20L220%2080%20L240%20100%20L220%20120%20Z%20M240%20100%20L260%2080%20L280%20100%20L260%20120%20Z%27/%3E%3Cpath%20d%3D%27M0%20140%20L20%20120%20L40%20140%20L20%20160%20Z%20M40%20140%20L60%20120%20L80%20140%20L60%20160%20Z%20M80%20140%20L100%20120%20L120%20140%20L100%20160%20Z%20M120%20140%20L140%20120%20L160%20140%20L140%20160%20Z%20M160%20140%20L180%20120%20L200%20140%20L180%20160%20Z%20M200%20140%20L220%20120%20L240%20140%20L220%20160%20Z%20M240%20140%20L260%20120%20L280%20140%20L260%20160%20Z%27/%3E%3Cpath%20d%3D%27M0%20180%20L20%20160%20L40%20180%20L20%20200%20Z%20M40%20180%20L60%20160%20L80%20180%20L60%20200%20Z%20M80%20180%20L100%20160%20L120%20180%20L100%20200%20Z%20M120%20180%20L140%20160%20L160%20180%20L140%20200%20Z%20M160%20180%20L180%20160%20L200%20180%20L180%20200%20Z%20M200%20180%20L220%20160%20L240%20180%20L220%20200%20Z%20M240%20180%20L260%20160%20L280%20180%20L260%20200%20Z%27/%3E%3Cpath%20d%3D%27M0%20220%20L20%20200%20L40%20220%20L20%20240%20Z%20M40%20220%20L60%20200%20L80%20220%20L60%20240%20Z%20M80%20220%20L100%20200%20L120%20220%20L100%20240%20Z%20M120%20220%20L140%20200%20L160%20220%20L140%20240%20Z%20M160%20220%20L180%20200%20L200%20220%20L180%20240%20Z%20M200%20220%20L220%20200%20L240%20220%20L220%20240%20Z%20M240%20220%20L260%20200%20L280%20220%20L260%20240%20Z%27/%3E%3Cpath%20d%3D%27M0%20260%20L20%20240%20L40%20260%20L20%20280%20Z%20M40%20260%20L60%20240%20L80%20260%20L60%20280%20Z%20M80%20260%20L100%20240%20L120%20260%20L100%20280%20Z%20M120%20260%20L140%20240%20L160%20260%20L140%20280%20Z%20M160%20260%20L180%20240%20L200%20260%20L180%20280%20Z%20M200%20260%20L220%20240%20L240%20260%20L220%20280%20Z%20M240%20260%20L260%20240%20L280%20260%20L260%20280%20Z%27/%3E%3C/g%3E%3Cg%20filter%3D%27url(%23w)%27%20fill%3D%27%230f172a%27%3E%3Ccircle%20cx%3D%2720%27%20cy%3D%2740%27%20r%3D%271.1%27%20fill-opacity%3D%270.08%27/%3E%3Ccircle%20cx%3D%2760%27%20cy%3D%2720%27%20r%3D%271.0%27%20fill-opacity%3D%270.06%27/%3E%3Ccircle%20cx%3D%27100%27%20cy%3D%2780%27%20r%3D%271.2%27%20fill-opacity%3D%270.09%27/%3E%3Ccircle%20cx%3D%27160%27%20cy%3D%27120%27%20r%3D%271.0%27%20fill-opacity%3D%270.06%27/%3E%3Ccircle%20cx%3D%27220%27%20cy%3D%27160%27%20r%3D%271.2%27%20fill-opacity%3D%270.1%27/%3E%3Ccircle%20cx%3D%27260%27%20cy%3D%27200%27%20r%3D%271.1%27%20fill-opacity%3D%270.08%27/%3E%3Ccircle%20cx%3D%27140%27%20cy%3D%27240%27%20r%3D%271.2%27%20fill-opacity%3D%270.09%27/%3E%3Ccircle%20cx%3D%2780%27%20cy%3D%27260%27%20r%3D%271.0%27%20fill-opacity%3D%270.06%27/%3E%3C/g%3E%3C/svg%3E");
  background-size:
    100% 100%,
    100% 100%,
    100% 100%,
    100% 100%,
    100% 100%,
    100% 100%,
    30px 30px,
    22px 22px,
    760px 760px,
    260px 260px;
  background-position:
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    8px 12px,
    14px 6px,
    60% 30%,
    20px 10px;
  opacity: 0.46;
  filter: blur(0.14px);
}

a {
  color: var(--color-primary);
  text-decoration: none;
}

a:hover {
  opacity: 0.9;
}

.container {
  width: min(100% - 2rem, var(--container));
  max-width: var(--container);
  margin-left: auto;
  margin-right: auto;
  margin-inline: auto;
}

.site-header {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.94);
  position: sticky;
  top: 0;
  z-index: 30;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  backdrop-filter: blur(10px);
}

.site-header.is-transparent {
  background: rgba(255, 255, 255, 0.92);
  border-bottom-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 10px 28px rgba(2, 6, 23, 0.08);
  backdrop-filter: blur(10px);
}

.site-header.is-scrolled {
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 28px rgba(2, 6, 23, 0.08);
}

/* ── Global: sayfa konumu (breadcrumb) ── */
.montak-breadcrumb-band {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.65) 0%, rgba(255, 255, 255, 0.4) 100%);
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.montak-breadcrumb-band__inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 0.25rem 0 0;
  padding-inline: max(0px, env(safe-area-inset-left, 0px)) max(0px, env(safe-area-inset-right, 0px));
  min-height: 0;
}

.montak-breadcrumb {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0.65rem 1.2rem 0.8rem;
  max-width: 100%;
  font-size: 0.8125rem;
  line-height: 1.35;
  letter-spacing: 0.01em;
  background: rgba(28, 30, 36, 0.82);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 12px 12px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: none;
  box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.08);
}

.montak-breadcrumb__link {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.58);
  text-decoration: none;
  transition: color 0.2s ease;
}

.montak-breadcrumb__link:hover {
  color: rgba(255, 255, 255, 0.95);
}

.montak-breadcrumb__sep {
  color: rgba(255, 255, 255, 0.32);
  font-weight: 400;
  user-select: none;
}

.montak-breadcrumb__current {
  font-weight: 700;
  color: #fff;
}

@media (max-width: 600px) {
  .montak-breadcrumb {
    font-size: 0.76rem;
    padding: 0.55rem 0.95rem 0.7rem;
    gap: 0.35rem;
  }
}

.header-inner {
  min-height: 110px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem 1.1rem;
  padding-block: 0.35rem;
}

.site-branding {
  justify-self: start;
  font-weight: 700;
  color: var(--color-text);
  flex-shrink: 0;
  max-width: min(400px, 58vw);
}

.site-branding .custom-logo-link,
.site-logo-link {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}

.site-branding img,
.site-branding .custom-logo {
  max-height: 68px;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  vertical-align: middle;
}

.site-logo-svg {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

/* viewBox-only SVG needs explicit height; height:auto can collapse to 0 */
.site-logo-svg svg {
  display: block;
  height: 68px;
  width: auto;
  max-width: 100%;
}

@media (max-width: 900px) {
  .site-branding {
    max-width: min(280px, 72vw);
  }

  .site-branding img,
  .site-branding .custom-logo {
    max-height: 56px;
  }

  .site-logo-svg svg {
    height: 56px;
  }
}

@media (max-width: 768px) {
  .site-branding {
    max-width: min(200px, 46vw);
  }

  .site-branding img,
  .site-branding .custom-logo {
    max-height: 46px;
  }

  .site-logo-svg svg {
    height: 46px;
  }
}

.header-tools {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-shrink: 0;
}

.header-search-slot {
  display: inline-flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-end;
  flex-shrink: 0;
  max-width: 100%;
}

.header-search-grow {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  flex: 0 1 auto;
  min-width: 0;
  height: 2.55rem;
  max-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  border: 1px solid #dbe4ef;
  border-right: 0;
  border-radius: 2px 0 0 2px;
  background: #fff;
  color: #94a3b8;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  pointer-events: none;
  transition:
    max-width 0.62s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.4s ease 0.05s,
    padding 0.62s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.2s ease;
}

.header-search-grow__label {
  padding-right: 0.15rem;
}

/* Odak (klavye): medya sorgusundan bağımsız — dar pencerede de çalışır */
.header-search-slot:focus-within .header-search-grow {
  max-width: min(19.5rem, calc(100vw - 14rem));
  opacity: 1;
  padding-left: 1rem;
  border-color: rgba(6, 182, 212, 0.45);
}

.header-search-slot:focus-within .header-search-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(226, 232, 240, 0.35);
  border-color: rgba(6, 182, 212, 0.55);
  color: #0e7490;
}

@media (any-hover: hover) {
  .header-search-slot:hover .header-search-grow {
    max-width: min(19.5rem, calc(100vw - 14rem));
    opacity: 1;
    padding-left: 1rem;
    border-color: rgba(6, 182, 212, 0.45);
  }

  .header-search-slot:hover .header-search-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: rgba(226, 232, 240, 0.35);
    border-color: rgba(6, 182, 212, 0.55);
    color: #0e7490;
  }
}

.site-header.is-search-open .header-search-grow {
  max-width: min(19.5rem, calc(100vw - 14rem));
  opacity: 1;
  padding-left: 1rem;
  border-color: rgba(6, 182, 212, 0.5);
}

.site-header.is-search-open .header-search-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(226, 232, 240, 0.35);
}

.header-search-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.55rem;
  height: 2.55rem;
  margin: 0;
  padding: 0;
  border: 1px solid #dbe4ef;
  background: #ffffff;
  border-radius: 2px;
  color: #334155;
  cursor: pointer;
  flex-shrink: 0;
  transition:
    border-color 0.2s ease,
    border-radius 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.2s ease,
    box-shadow 0.2s ease;
}

.header-search-toggle:hover,
.header-search-toggle:focus-visible {
  border-color: rgba(6, 182, 212, 0.55);
  color: #0e7490;
  outline: none;
}

.site-header.is-search-open .header-search-toggle {
  border-color: rgba(6, 182, 212, 0.65);
  box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.18);
}

.header-search-toggle__ico {
  display: block;
}

.header-search-drawer {
  width: 100%;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 14px 28px rgba(2, 6, 23, 0.06);
}

.header-search-drawer[hidden] {
  display: none !important;
}

.header-search-form {
  display: flex;
  align-items: stretch;
  gap: 0;
  max-width: 38rem;
  margin: 0 auto;
  padding: 0.65rem 0 0.85rem;
  border: 0;
}

.header-search-form__input {
  flex: 1;
  min-width: 0;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-right: 0;
  border-radius: 2px 0 0 2px;
  padding: 0.65rem 0.85rem;
  font-size: 0.95rem;
  font-family: inherit;
  color: var(--color-text);
  background: #fff;
}

.header-search-form__input::placeholder {
  color: #94a3b8;
}

.header-search-form__input:focus {
  outline: none;
  border-color: rgba(0, 151, 167, 0.45);
  box-shadow: inset 0 0 0 1px rgba(0, 151, 167, 0.2);
}

.header-search-form__submit {
  flex-shrink: 0;
  padding: 0 1.15rem;
  border: 1px solid var(--color-primary);
  border-radius: 0 2px 2px 0;
  background: var(--color-primary);
  color: #fff;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: filter 0.2s ease, background 0.2s ease;
}

.header-search-form__submit:hover {
  filter: brightness(1.05);
}

.main-navigation {
  justify-self: center;
  min-width: 0;
  max-width: 100%;
  width: min(100%, max-content);
}

.primary-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  column-gap: 1.1rem;
  align-items: center;
  justify-content: center;
}

.primary-menu > li {
  position: relative;
}

.primary-menu > li > a {
  color: #0f172a;
  font-weight: 600;
  position: relative;
  padding: 0.5rem 0.3rem;
  display: inline-flex;
  font-size: 0.9375rem;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 0.22s ease, opacity 0.22s ease;
}

.primary-menu > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 2px;
  background: #ff9204;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.22s ease;
}

.primary-menu > li > a:hover,
.primary-menu > li.current-menu-item > a,
.primary-menu > li.current_page_item > a,
.primary-menu > li.current-menu-parent > a {
  color: #0f172a;
}

.primary-menu > li > a:hover::after,
.primary-menu > li.current-menu-item > a::after,
.primary-menu > li.current_page_item > a::after,
.primary-menu > li.current-menu-parent > a::after {
  transform: scaleX(1);
}

.primary-menu .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0.75rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 2px;
  min-width: 260px;
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
  display: none;
}

.primary-menu .sub-menu a {
  color: #0f172a;
  font-weight: 500;
  padding: 0.5rem 0.7rem;
  border-radius: 2px;
  display: block;
}

.primary-menu .sub-menu a:hover {
  background: rgba(0, 151, 167, 0.08);
}

.site-header.is-transparent .primary-menu > li > a {
  color: #0f172a;
}

.site-header.is-transparent .primary-menu > li > a:hover,
.site-header.is-transparent .primary-menu > li.current-menu-item > a,
.site-header.is-transparent .primary-menu > li.current_page_item > a,
.site-header.is-transparent .primary-menu > li.current-menu-parent > a {
  color: #0f172a;
}

.primary-menu .menu-item-has-children:hover > .sub-menu {
  display: grid;
  gap: 0.4rem;
}

.primary-menu .mega-menu > .sub-menu {
  min-width: 340px;
}

/* Dar masaüstü / küçük laptop: menü tek satırda kalsın; logo boyutu üst kırılımla aynı (68px), marka alanı biraz daha geniş */
@media (max-width: 1180px) and (min-width: 901px) {
  .header-inner {
    gap: 0.75rem 0.65rem;
  }

  .site-branding {
    max-width: min(300px, 44vw);
  }

  .primary-menu {
    column-gap: 0.7rem;
  }

  .primary-menu > li > a {
    font-size: 0.85rem;
    padding: 0.5rem 0.22rem;
    letter-spacing: 0.028em;
  }
}

@media (max-width: 1020px) and (min-width: 901px) {
  .primary-menu {
    column-gap: 0.5rem;
  }

  .primary-menu > li > a {
    font-size: 0.8rem;
    padding: 0.45rem 0.15rem;
  }
}

/* Dil: yalnızca simge; tıklanınca altta liste */
.lang-switch.lang-switch--dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.lang-switch-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.55rem;
  height: 2.55rem;
  margin: 0;
  padding: 0;
  border: 1px solid #dbe4ef;
  background: #ffffff;
  border-radius: 2px;
  color: #334155;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;
}

.lang-switch-toggle:hover,
.lang-switch-toggle:focus-visible {
  border-color: rgba(6, 182, 212, 0.55);
  color: #0e7490;
  outline: none;
}

.lang-switch-toggle[aria-expanded="true"] {
  border-color: rgba(6, 182, 212, 0.65);
  box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.18);
}

.lang-switch-toggle-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.lang-switch-globe {
  display: block;
}

.lang-switch-panel {
  position: absolute;
  top: calc(100% + 0.35rem);
  right: 0;
  margin: 0;
  padding: 0.35rem 0;
  min-width: 11.75rem;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 2px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12);
  z-index: 80;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.lang-switch-panel[hidden] {
  display: none !important;
}

.lang-switch-item {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.55rem 0.85rem;
  color: #0f172a;
  font-weight: 500;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background 0.15s ease;
}

.lang-switch-item:hover,
.lang-switch-item:focus-visible {
  background: rgba(6, 182, 212, 0.08);
  outline: none;
}

.lang-switch-item.is-current {
  color: #0e7490;
  font-weight: 700;
}

.lang-switch-item-flag {
  font-size: 1.15rem;
  line-height: 1;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
}

.lang-switch-item-label {
  line-height: 1.25;
}

.menu-toggle {
  display: none;
}

.hero {
  padding: 6rem 0 4rem;
  background-color: #0b1a2f;
  background-size: cover;
  background-position: center;
}

.hero-media {
  position: relative;
  overflow: hidden;
}

.hero-video-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: #0b1a2f;
}

.hero-video-bg iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 138vw;
  height: 77.625vw; /* 16:9 */
  min-width: 1480px;
  min-height: 832px;
  transform: translate(-50%, -50%);
  opacity: 0.9;
  filter: saturate(0.95) contrast(1.05);
  pointer-events: none;
}

.hero-slider.has-video {
  background-image: none !important;
}

.hero-media::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(95deg, rgba(4, 10, 20, 0.82) 0%, rgba(4, 10, 20, 0.56) 40%, rgba(4, 10, 20, 0.48) 100%),
    radial-gradient(circle at top right, rgba(0, 151, 167, 0.24), transparent 45%);
  pointer-events: none;
  z-index: 1;
}

.hero-media .container {
  position: relative;
  z-index: 2;
}

@media (max-width: 900px) {
  .hero-video-bg {
    display: none;
  }
}

.hero-slider {
  position: relative;
  background-size: cover;
  background-position: center;
  transition: background-image 0.5s ease;
}

.hero-slide {
  display: none;
}

.hero-slide.is-active {
  display: block;
}

.hero-slide-content {
  animation: fadeUp 0.45s ease;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-slider-dots {
  display: flex;
  gap: 0.45rem;
  margin-top: 1rem;
}

.hero-dot {
  width: 28px;
  height: 4px;
  border: 0;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
}

.hero-dot.is-active {
  background: #38bdf8;
}

.hero h1 {
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.2;
  margin: 0 0 1rem;
  color: #fff;
}

.hero p {
  color: #dbeafe;
  max-width: 62ch;
}

.eyebrow {
  display: inline-block;
  margin: 0 0 0.75rem;
  font-weight: 600;
  color: #7dd3fc;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.78rem;
}

.hero-actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  color: var(--color-white);
  padding: 0 1.05rem;
  height: 44px;
  border-radius: 2px;
  font-weight: 600;
  letter-spacing: 0.01em;
  gap: 0.5rem;
}

.button.alt {
  background: var(--color-accent);
  color: #1f2937;
}

.button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.16);
}

.section {
  padding: 3.5rem 0;
}

/* Kahraman + içerik: üstte .section dolgusu yok (hero header’a yapışır) */
.montak-page-with-hero {
  padding-bottom: 3.5rem;
}

.montak-page-with-hero > .container {
  padding-top: 0.25rem;
}

/* Yalnızca ana sayfa: sertifika bandı hero’nun hemen altında (videonun alt sınırıyla hizalı, negatif margin yok) */
.section-tight-top {
  padding-top: 0;
}

.section h2 {
  margin: 0 0 var(--space-2);
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  line-height: 1.15;
}

.section-intro {
  margin: 0 0 var(--space-4);
  color: var(--color-muted);
}

.section-soft {
  background: var(--color-bg-soft);
}

/* Bülten öncesi global blog carousel (footer) */
.site-blog-prefooter {
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.site-blog-prefooter .blog-head {
  margin-bottom: 0.15rem;
}

.section-roadmap {
  overflow-x: clip;
}

.blog-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
}

.blog-head__text {
  min-width: 0;
}

.blog-carousel {
  margin-top: 1.2rem;
  overflow: visible;
  position: relative;
  border-radius: 2px;
  padding: 0 2.9rem;
  container-type: inline-size;
}

/* Blog şeridi: aynı anda görünecek kart sayısı (admin'den --blogc-pv-desktop) */
.site-blog-prefooter {
  --blogc-per-view: var(--blogc-pv-desktop, 3);
}

@media (max-width: 1000px) {
  .site-blog-prefooter {
    --blogc-per-view: min(var(--blogc-pv-desktop, 3), 2);
  }
}

@media (max-width: 640px) {
  .site-blog-prefooter {
    --blogc-per-view: 1;
  }
}

@supports (width: 1cqi) {
  .blog-carousel .blog-card {
    --blog-card-width: calc((100cqi - 5.8rem - (var(--blogc-per-view, 3) - 1) * 1rem) / var(--blogc-per-view, 3));
    width: var(--blog-card-width);
  }
}

.blog-carousel::before,
.blog-carousel::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0.4rem;
  width: clamp(2.25rem, 6vw, 4.25rem);
  z-index: 1;
  pointer-events: none;
}

.blog-carousel::before {
  left: 2.9rem;
  background: linear-gradient(
    to right,
    var(--color-bg-soft) 0%,
    rgba(248, 250, 252, 0.75) 42%,
    rgba(248, 250, 252, 0) 100%
  );
}

.blog-carousel::after {
  right: 2.9rem;
  background: linear-gradient(
    to left,
    var(--color-bg-soft) 0%,
    rgba(248, 250, 252, 0.75) 42%,
    rgba(248, 250, 252, 0) 100%
  );
}

.blog-track {
  display: flex;
  gap: 1rem;
  overflow-x: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scroll-padding-inline: calc(50% - (var(--blog-card-width, 390px) / 2));
  padding-bottom: 0.4rem;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.blog-card {
  width: min(390px, 86vw);
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: #ffffff;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0 18px 34px rgba(2, 6, 23, 0.05);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, opacity 0.28s ease;
  flex: 0 0 auto;
  scroll-snap-align: center;
  transform: scale(0.92);
  opacity: 0.72;
}

.blog-card.is-placeholder {
  opacity: 0.88;
}

.blog-card.is-placeholder .blog-readmore {
  color: #94a3b8;
}

.blog-card.is-placeholder:hover {
  transform: none;
  box-shadow: 0 18px 34px rgba(2, 6, 23, 0.05);
  border-color: rgba(15, 23, 42, 0.08);
}

.blog-card:hover {
  transform: translateY(-2px);
  border-color: rgba(2, 132, 199, 0.18);
  box-shadow: 0 26px 46px rgba(2, 6, 23, 0.1);
}

.blog-card.is-centered {
  transform: scale(1);
  opacity: 1;
  border-color: rgba(2, 132, 199, 0.22);
  box-shadow: 0 24px 44px rgba(2, 6, 23, 0.13);
  z-index: 2;
}

.blog-card.is-centered:hover {
  transform: translateY(-2px) scale(1.01);
}

.blog-track.is-remapping-center .blog-card,
.blog-track.is-remapping-center .blog-card.is-centered,
.blog-track.is-remapping-center .blog-card:hover {
  transition: none !important;
}

.blog-card-media img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.blog-track::-webkit-scrollbar {
  display: none;
  height: 0;
}

.blog-track::-webkit-scrollbar-thumb {
  display: none;
}

.blog-track::-webkit-scrollbar-track {
  display: none;
}

.blog-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.92);
  color: #0f172a;
  border-radius: 2px;
  cursor: pointer;
  z-index: 2;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.08);
}

.blog-arrow.prev {
  left: 0;
}

.blog-arrow.next {
  right: 0;
}

.blog-arrow:disabled {
  opacity: 0.35;
  cursor: default;
}

.blog-card-body {
  padding: 1rem 1.05rem 1.1rem;
}

.blog-meta {
  margin: 0 0 0.45rem;
  font-size: 0.82rem;
  color: #64748b;
}

.blog-title {
  margin: 0 0 0.5rem;
  font-size: 1.05rem;
  line-height: 1.25;
}

.blog-title a {
  color: #0f2b5a;
}

.blog-excerpt {
  margin: 0 0 0.85rem;
  color: #475569;
  font-size: 0.92rem;
  line-height: 1.55;
}

.blog-readmore {
  font-weight: 700;
  color: #075985;
}

.blog-readmore span {
  display: inline-block;
  transform: translateY(1px);
}

/* ── Blog arşivi (layout + site paleti: primary teal, accent, bg-soft) ── */
.blog-page {
  --blog-card-radius: 0;
  --blog-sidebar-width: min(308px, 38vw);
  background: var(--color-bg-soft);
}

/* Kahraman ile yazı ızgarası arası: genel .montak-page-with-hero > .container üst dolgusu 0.25rem’di */
.blog-page > .page-hero {
  margin-bottom: clamp(1rem, 2.5vw, 1.75rem);
}

.montak-page-with-hero.blog-page > .container.blog-page__inner {
  padding-top: clamp(2rem, 5vw, 3.75rem);
}

.blog-page__inner {
  max-width: min(100%, 1120px);
}

.blog-page-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--blog-sidebar-width);
  gap: clamp(1.35rem, 2.8vw, 2.25rem);
  align-items: start;
}

.blog-page-main {
  min-width: 0;
}

.blog-page-layout .blog-page-grid {
  grid-template-columns: 1fr;
}

.blog-page-sidebar {
  position: sticky;
  top: calc(110px + 1rem);
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  padding-bottom: 1.5rem;
}

.admin-bar .blog-page-sidebar {
  top: calc(110px + 32px + 1rem);
}

/* Kenar çubuğu: arama (referans düzeni) */
.blog-sidebar-widget--search {
  margin: 0;
}

.blog-sidebar-search {
  display: flex;
  align-items: stretch;
  gap: 0;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.blog-sidebar-search__input {
  flex: 1;
  min-width: 0;
  border: 0;
  padding: 0.65rem 0.85rem;
  font-size: 0.92rem;
  font-family: inherit;
  color: var(--color-text);
  background: #fff;
}

.blog-sidebar-search__input::placeholder {
  color: #94a3b8;
}

.blog-sidebar-search__input:focus {
  outline: none;
}

.blog-sidebar-search:focus-within {
  border-color: rgba(0, 151, 167, 0.45);
  box-shadow: 0 0 0 2px rgba(0, 151, 167, 0.12);
}

.blog-sidebar-search__submit {
  flex-shrink: 0;
  width: 3rem;
  display: inline-grid;
  place-items: center;
  border: 0;
  padding: 0;
  background: var(--color-primary);
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease, filter 0.2s ease;
}

.blog-sidebar-search__submit:hover {
  filter: brightness(1.06);
}

.blog-sidebar-search__ico {
  display: block;
}

/* Kategori paneli: açık zemin + başlıkta mavi çizgi + satır kartları */
.blog-sidebar-widget--cats-panel,
.blog-sidebar-widget--recent {
  margin: 0;
  padding: 1.15rem 1rem 1.2rem;
  border-radius: 6px;
  background: #eef2f6;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.blog-sidebar-panel-heading {
  position: relative;
  margin: 0 0 1rem;
  padding: 0.15rem 0 0.15rem 0.85rem;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #0f172a;
  line-height: 1.25;
}

.blog-sidebar-panel-heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.12em;
  bottom: 0.12em;
  width: 4px;
  border-radius: 2px;
  background: var(--color-primary);
}

/* Katlanabilir sidebar bölmeleri (Son Yazılar vb.) */
.blog-sidebar-collapsible {
  margin: 0;
}

.blog-sidebar-widget--recent .blog-sidebar-collapsible:not([open]) .blog-sidebar-collapsible__summary.blog-sidebar-panel-heading {
  margin-bottom: 0;
}

.blog-sidebar-collapsible__summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  margin: 0;
  padding-right: 0.25rem;
  user-select: none;
  transition: color 0.2s ease;
}

.blog-sidebar-collapsible__summary::-webkit-details-marker {
  display: none;
}

.blog-sidebar-collapsible__summary::marker {
  content: "";
}

.blog-sidebar-collapsible__summary:hover,
.blog-sidebar-collapsible__summary:focus-visible {
  color: var(--color-primary);
}

.blog-sidebar-collapsible__summary:focus-visible {
  outline: 2px solid rgba(0, 151, 167, 0.4);
  outline-offset: 3px;
  border-radius: 3px;
}

.blog-sidebar-collapsible__label {
  flex: 1;
  min-width: 0;
}

.blog-sidebar-collapsible__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  color: var(--color-primary);
  background: rgba(0, 151, 167, 0.08);
  border-radius: 50%;
  transition: transform 0.25s ease, background 0.2s ease;
}

.blog-sidebar-collapsible[open] .blog-sidebar-collapsible__chevron {
  transform: rotate(180deg);
  background: rgba(0, 151, 167, 0.15);
}

.blog-sidebar-collapsible__body {
  margin-top: 0.85rem;
  animation: blog-sidebar-collapsible-in 0.2s ease;
}

@keyframes blog-sidebar-collapsible-in {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Son yazılar listesi (kategoriler paneliyle hizalı kart düzeni) */
.blog-sidebar-recent-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.blog-sidebar-recent-item {
  margin: 0;
}

.blog-sidebar-recent-link {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.65rem 0.75rem;
  border-radius: 8px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05);
  text-decoration: none;
  color: #0f172a;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.blog-sidebar-recent-link:hover,
.blog-sidebar-recent-link:focus-visible {
  border-color: rgba(0, 151, 167, 0.28);
  box-shadow: 0 4px 14px rgba(0, 151, 167, 0.1);
  color: var(--color-primary);
}

.blog-sidebar-recent-link:focus-visible {
  outline: 2px solid rgba(0, 151, 167, 0.4);
  outline-offset: 2px;
}

.blog-sidebar-recent-title {
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.35;
  color: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-sidebar-recent-date {
  font-size: 0.74rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #64748b;
}

.blog-sidebar-cat-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.blog-sidebar-cat-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.65rem 0.75rem;
  border-radius: 8px;
  text-decoration: none;
  color: #0f172a;
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.35;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    color 0.2s ease;
}

.blog-sidebar-cat-link:hover {
  border-color: rgba(0, 151, 167, 0.28);
  box-shadow: 0 4px 14px rgba(0, 151, 167, 0.1);
  color: var(--color-primary);
}

.blog-sidebar-cat-link.is-current {
  border-color: rgba(0, 151, 167, 0.45);
  box-shadow: 0 4px 16px rgba(0, 151, 167, 0.12);
  color: var(--color-primary);
}

.blog-sidebar-cat-name {
  min-width: 0;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.blog-sidebar-cat-meta {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  flex-shrink: 0;
}

.blog-sidebar-cat-badge {
  display: inline-grid;
  place-items: center;
  min-width: 1.85rem;
  height: 1.85rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  color: #fff;
  background: var(--color-primary);
}

.blog-sidebar-cat-arrow {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-primary);
  line-height: 1;
}

/* WordPress bileşenleri (Blog yan sütunu) — panel stiline yakın */
.blog-page-sidebar .widget {
  margin: 0 0 1.35rem;
}

.blog-page-sidebar .widget:last-child {
  margin-bottom: 0;
}

.blog-page-sidebar .widget .widget-title,
.blog-page-sidebar .widget .wp-block-heading {
  margin: 0 0 0.85rem;
  padding: 0.15rem 0 0.15rem 0.85rem;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #0f172a;
  line-height: 1.25;
  border: 0;
  position: relative;
}

.blog-page-sidebar .widget .widget-title::before,
.blog-page-sidebar .widget .wp-block-heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.12em;
  bottom: 0.12em;
  width: 4px;
  border-radius: 2px;
  background: var(--color-primary);
}

.blog-page-sidebar .widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-page-sidebar .widget li + li {
  margin-top: 0.35rem;
}

.blog-page-sidebar .widget a {
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

.blog-page-sidebar .widget a:hover {
  color: var(--color-primary);
}

/* Arşiv / arama: kahramanın altında “Tüm yazılar” */
.blog-page-subhero {
  padding: 0.15rem 0 clamp(1rem, 2.5vw, 1.65rem);
}

.blog-page-actions {
  margin: 0;
}

.blog-page-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.65rem, 3vw, 2.25rem);
  margin-top: 0.5rem;
}

.blog-page .blog-card {
  display: grid;
  grid-template-columns: minmax(220px, 38%) 1fr;
  width: 100%;
  max-width: none;
  flex: none;
  scroll-snap-align: none;
  transform: none;
  opacity: 1;
  overflow: hidden;
  border: 1px solid rgba(0, 151, 167, 0.2);
  border-radius: var(--blog-card-radius);
  background: var(--color-white);
  box-shadow: 0 12px 36px rgba(2, 99, 112, 0.09);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.blog-page .blog-card:hover {
  transform: translateY(-3px);
  border-color: rgba(0, 151, 167, 0.35);
  box-shadow: 0 16px 40px rgba(2, 99, 112, 0.12);
}

.blog-page .blog-card-visual {
  position: relative;
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
}

.blog-page .blog-card-media {
  display: block;
  height: 100%;
  min-height: 200px;
  overflow: hidden;
  background: #e2e8f0;
}

.blog-page .blog-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: grayscale(1);
  transition: filter 0.35s ease, transform 0.45s ease;
}

.blog-page .blog-card:hover .blog-card-media img {
  filter: grayscale(0.35);
  transform: scale(1.03);
}

/* Görsel üzeri: sol altta tarih rozeti + alt kategori şeridi (referans) */
.blog-page .blog-card-date-badge {
  position: absolute;
  left: 0.75rem;
  bottom: 2.65rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 3.15rem;
  padding: 0.4rem 0.45rem 0.45rem;
  background: var(--color-primary);
  color: #fff;
  text-align: center;
  line-height: 1.05;
  box-shadow: 0 6px 18px rgba(0, 151, 167, 0.35);
}

.blog-page .blog-card-date-badge__day {
  display: block;
  font-size: 1.45rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.blog-page .blog-card-date-badge__mon {
  display: block;
  margin-top: 0.12rem;
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: capitalize;
  opacity: 0.95;
}

.blog-page .blog-card-cat-strip {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 0.5rem 0.85rem 0.5rem 0.85rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  color: #fff;
  background: rgba(15, 23, 42, 0.92);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-page .blog-card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.65rem;
  padding: clamp(1.15rem, 2.2vw, 1.5rem) clamp(1.15rem, 2.5vw, 1.65rem) clamp(1.2rem, 2.5vw, 1.55rem);
}

.blog-page .blog-title {
  margin: 0;
  font-size: clamp(1.05rem, 2.2vw, 1.3rem);
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.blog-page .blog-title a {
  color: #0f172a;
  text-decoration: none;
}

.blog-page .blog-title a:hover {
  color: var(--color-primary);
}

.blog-page .blog-card-excerpt {
  margin: 0;
  color: #475569;
  font-size: 0.95rem;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-page .blog-card-meta {
  margin: 0.25rem 0 0;
}

.blog-page .blog-card-date-tag {
  display: inline-block;
  padding: 0.4rem 0.85rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #fff;
  background: var(--color-primary);
  box-shadow: 0 6px 14px rgba(0, 151, 167, 0.25);
}

.blog-page .blog-card-actions {
  margin: 0.25rem 0 0;
}

.blog-page .blog-card-more {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-head, inherit);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--color-primary);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.blog-page .blog-card-more:hover,
.blog-page .blog-card-more:focus-visible {
  color: var(--color-primary);
  border-bottom-color: currentColor;
}

@media (max-width: 720px) {
  .blog-page .blog-card {
    grid-template-columns: 1fr;
  }

  .blog-page .blog-card-media {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }
}

.blog-pagination-wrap {
  margin-top: 2.75rem;
}

.blog-page .blog-pagination-wrap .navigation.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.45rem 0.65rem;
}

.blog-page .blog-pagination-wrap .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0 0.5rem;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 10px;
  background: #fff;
  color: #0f172a;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.blog-page .blog-pagination-wrap a.page-numbers:hover,
.blog-page .blog-pagination-wrap span.page-numbers.current {
  border-color: rgba(0, 151, 167, 0.45);
  color: var(--color-primary);
  box-shadow: 0 8px 20px rgba(0, 151, 167, 0.12);
}

.blog-page .blog-pagination-wrap span.page-numbers.dots {
  border-color: transparent;
  background: transparent;
  min-width: auto;
}

@media (max-width: 960px) {
  .blog-page-layout {
    grid-template-columns: 1fr;
  }

  .blog-page-sidebar,
  .admin-bar .blog-page-sidebar {
    position: static;
    top: auto;
    padding-bottom: 0;
  }

  .blog-page-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .blog-page-grid {
    grid-template-columns: 1fr;
    gap: 1.35rem;
  }
}

/* ── Blog: sağ sütun CTA — blog kategori paneli + site paleti (primary / accent) ── */
.blog-cta-card {
  width: 100%;
  margin: 0;
  border-radius: 6px;
  overflow: hidden;
  background: #eef2f6;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    0 1px 4px rgba(15, 23, 42, 0.05);
  color: var(--color-text);
}

.blog-cta-card__body {
  padding: 1.15rem 1rem 1.4rem;
}

.blog-cta-card__eyebrow {
  position: relative;
  margin: 0 0 0.65rem;
  padding: 0.12rem 0 0.12rem 0.85rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0f172a;
  line-height: 1.25;
}

.blog-cta-card__eyebrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.1em;
  bottom: 0.1em;
  width: 4px;
  border-radius: 2px;
  background: var(--color-primary);
}

.blog-cta-card__title {
  margin: 0 0 0.55rem;
  font-family: var(--font-head);
  font-size: clamp(0.92rem, 2.4vw, 1.05rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.28;
  color: #0f2b5a;
}

.blog-cta-card__sub {
  margin: 0 0 0.75rem;
  font-size: 0.8rem;
  line-height: 1.55;
  color: #64748b;
}

.blog-cta-card__phone {
  margin: 0 0 1rem;
}

.blog-cta-card__phone a {
  font-family: var(--font-head);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1.2;
  color: var(--color-primary);
  text-decoration: none;
  transition: color 0.2s ease, filter 0.2s ease;
}

.blog-cta-card__phone a:hover {
  color: #0c6f7a;
}

.blog-cta-card__actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.blog-cta-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100%;
  min-height: 44px;
  padding: 0 0.85rem;
  border-radius: 2px;
  font-family: var(--font-head);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border: 0;
  cursor: pointer;
  transition: filter 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.blog-cta-card__btn-ico {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
}

.blog-cta-card__btn--primary {
  background: var(--color-primary);
  color: var(--color-white);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.14) inset;
}

.blog-cta-card__btn--primary:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

.blog-cta-card__btn--accent {
  background: linear-gradient(145deg, #fed7aa, var(--color-accent));
  color: #1f2937;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
}

.blog-cta-card__btn--accent:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
}

.blog-cta-card__btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 151, 167, 0.28);
}

.blog-cta-card__btn--accent:focus-visible {
  box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.35);
}

@media (prefers-reduced-motion: reduce) {
  .blog-cta-card__btn--primary:hover,
  .blog-cta-card__btn--accent:hover {
    transform: none;
  }
}

.blog-empty {
  margin-top: 2rem;
  padding: 2rem 1.5rem;
  text-align: center;
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
}

.blog-empty h2 {
  margin-top: 0;
}

.blog-empty .button {
  margin-top: 1rem;
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}

.sector-section {
  position: relative;
  overflow: visible;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.sector-section > .container {
  position: relative;
  z-index: 1;
}

.sector-section > .container h2 {
  text-align: center;
}

.sector-section > .container .section-intro {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.sector-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--sector-watermark, none);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0;
  filter: grayscale(0.35) blur(5px);
  transition: opacity 0.55s ease;
  pointer-events: none;
  z-index: 0;
}

.sector-section.has-sector-hover::before {
  opacity: 0.18;
}

.sector-tiles {
  margin-top: 1.5rem;
  width: 100%;
  display: grid;
  /* Sütun sayısı PHP'den --sec-cols ile gelir (kart sayısı kadar);
     ayarsız kalırsa 5 sütun. Mobil/tablet breakpoint'leri override eder. */
  grid-template-columns: repeat(var(--sec-cols, 5), minmax(0, 1fr));
  grid-auto-rows: minmax(clamp(500px, 52vh, 760px), auto);
  gap: 0;
  border-top: 1px solid rgba(15, 23, 42, 0.12);
  border-bottom: 1px solid rgba(15, 23, 42, 0.12);
  position: relative;
  z-index: 1;
  overflow: visible;
}

.sector-tile {
  position: relative;
  min-height: 0;
  height: 100%;
  padding: 1.15rem 0.7rem 1rem;
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(15, 23, 42, 0.12);
  background: #f8fafc;
  overflow: visible;
  transition: background-color 0.22s ease;
}

.sector-tile:last-child {
  border-right: 0;
}

.sector-tile-3d {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  /* Yatay padding’i dengele: gorunum alani sutun kenarina kadar */
  margin-inline: -0.7rem;
  width: calc(100% + 1.4rem);
}

.sector-copy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  max-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  background: rgba(248, 250, 252, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 0;
  box-shadow: none;
  transform: translateX(0);
  pointer-events: none;
  transition: max-width 0.52s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease, transform 0.52s cubic-bezier(0.22, 1, 0.36, 1);
}

.sector-tile:hover .sector-copy,
.sector-tile:focus-within .sector-copy {
  max-width: 100%;
  transform: translateX(0);
  box-shadow: 8px 0 36px rgba(15, 23, 42, 0.07);
}

.sector-copy-inner {
  /* Gorunur seritte satir kirilimi: yuzun altinda genis paragraf kirpilmaz */
  width: 100%;
  max-width: 68%;
  min-width: 0;
  box-sizing: border-box;
  padding: 1.35rem 1.45rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 0.65rem;
  min-height: 100%;
}

.sector-copy-heading {
  display: block;
  width: 100%;
  margin: 0;
  font-size: clamp(1.05rem, 1.85vw, 1.35rem);
  line-height: 1.25;
  font-weight: 600;
  font-family: "Space Grotesk", "IBM Plex Sans", sans-serif;
  color: #0f172a;
  flex-shrink: 0;
  overflow-wrap: break-word;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity 0.35s ease, transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}

.sector-tile:hover .sector-copy-heading,
.sector-tile:focus-within .sector-copy-heading {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.05s;
}

.sector-copy-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: stretch;
  width: 100%;
  margin: 0;
  flex-shrink: 0;
}

.sector-copy-line {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.62;
  color: #334155;
  overflow-wrap: break-word;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity 0.35s ease, transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}

.sector-tile:hover .sector-copy-line,
.sector-tile:focus-within .sector-copy-line {
  opacity: 1;
  transform: translateX(0);
}

.sector-tile:hover .sector-copy-line:nth-child(1),
.sector-tile:focus-within .sector-copy-line:nth-child(1) {
  transition-delay: 0.1s;
}

.sector-tile:hover .sector-copy-line:nth-child(2),
.sector-tile:focus-within .sector-copy-line:nth-child(2) {
  transition-delay: 0.14s;
}

.sector-face {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: stretch;
  background: #f8fafc;
  overflow: hidden;
  border-radius: 2px;
  transform: translateX(0);
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s ease;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}

.sector-tile:hover .sector-face,
.sector-tile:focus-within .sector-face {
  transform: translateX(72%);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06), -10px 6px 28px rgba(15, 23, 42, 0.1);
}

.sector-media {
  position: relative;
  isolation: isolate;
  grid-column: 1;
  grid-row: 1;
  align-self: stretch;
  justify-self: stretch;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  height: 100%;
  display: block;
  overflow: hidden;
  border-radius: 0;
  padding: 0;
  box-sizing: border-box;
}

.sector-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  /* Soluk turkuaz ton; altta tam grayscale, üstte ince renk katmanı */
  background: #4f8f96;
  mix-blend-mode: color;
  opacity: 0.3;
  pointer-events: none;
  transition: opacity 0.45s ease;
}

.sector-tile:hover .sector-media::after,
.sector-tile:focus-within .sector-media::after {
  opacity: 0;
}

.sector-face-foot {
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  z-index: 2;
  padding: 2rem 0.95rem 1.1rem;
  background: none;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.4s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.sector-tile:hover .sector-face-foot,
.sector-tile:focus-within .sector-face-foot {
  padding-bottom: 1.15rem;
}

.sector-media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center;
  filter: grayscale(100%) contrast(1.08) brightness(0.96);
  transition: filter 0.45s ease, object-position 0.45s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  transform-origin: right center;
}

.sector-tile:hover .sector-media img,
.sector-tile:focus-within .sector-media img {
  filter: grayscale(0%) contrast(1.02) brightness(1);
  object-position: right center;
  transform: scale(1.02);
}

.sector-face-foot .sector-title {
  margin: 0;
  font-size: clamp(1.35rem, 2.4vw, 1.85rem);
  line-height: 1.12;
  font-weight: 600;
  font-family: "Space Grotesk", "IBM Plex Sans", sans-serif;
  color: #ffffff;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.75),
    0 2px 16px rgba(0, 0, 0, 0.45);
}

.sector-tile:hover {
  background: #f1f5f9;
  z-index: 4;
}

/* ----- Urun katalogu (anasayfa) ----- */
.catalog-section {
  position: relative;
  z-index: 0;
  overflow: hidden;
  overflow-anchor: none;
  padding-block: clamp(2.5rem, 5vw, 4rem) 0;
  background: linear-gradient(180deg, #f8fafc 0%, #e8eef5 40%, #d8e0ea 100%);
}

.catalog-showcase {
  position: relative;
  z-index: 0;
  margin-top: 0;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
  min-height: min(72vh, 640px);
  overflow: hidden;
  border-radius: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

/* Katalog ritmi: track, slayt, projeksiyon ayni sure / easing */
/* Opacity animasyonu yok: yari saydam kareler viewport + seffaf zemin uzerinden
   arka plandaki projeksiyon (buyuk fabrika goruntusu) gorunuyordu — hero saniliyordu */
@keyframes catalog-center-pop {
  0% {
    transform: scale(0.78);
  }
  38% {
    transform: scale(1.14);
  }
  62% {
    transform: scale(1.01);
  }
  100% {
    transform: scale(1.06);
  }
}

@keyframes catalog-img-project {
  0% {
    transform: scale(1.14);
    filter: grayscale(100%) contrast(1.12) brightness(1.14);
  }
  55% {
    transform: scale(0.98);
    filter: grayscale(100%) contrast(1.1) brightness(1.05);
  }
  100% {
    transform: scale(1);
    filter: grayscale(100%) contrast(1.08) brightness(0.96);
  }
}

.catalog-projection {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.catalog-projection-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1.08);
  transform-origin: center center;
  opacity: 0;
  transition:
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 1;
}

.catalog-projection-layer.is-front {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}

.catalog-projection-scrim {
  position: absolute;
  inset: 0;
  z-index: 3;
  background:
    linear-gradient(105deg, rgba(2, 6, 23, 0.34) 0%, rgba(2, 6, 23, 0.12) 46%, rgba(2, 6, 23, 0.2) 100%),
    radial-gradient(ellipse 90% 80% at 75% 45%, rgba(255, 255, 255, 0.14), transparent 55%),
    rgba(2, 6, 23, 0.05);
}

.catalog-showcase-inner {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(200px, 280px);
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: stretch;
  min-height: min(72vh, 640px);
  padding-block: clamp(2rem, 5vw, 3.5rem);
  padding-inline: clamp(1rem, 3vw, 1.25rem);
}

.catalog-showcase-head {
  align-self: center;
  max-width: 38rem;
  padding: clamp(1.2rem, 2.5vw, 1.65rem) clamp(1.2rem, 2.2vw, 1.6rem);
  border-radius: 6px;
  /* Daha seffaf turkuaz; blur ile metin okunurlugu */
  background: linear-gradient(
    155deg,
    rgba(0, 105, 120, 0.3) 0%,
    rgba(0, 151, 167, 0.26) 42%,
    rgba(0, 172, 193, 0.22) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.32);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.16) inset,
    0 12px 32px rgba(0, 90, 102, 0.14);
  backdrop-filter: blur(22px) saturate(1.15);
  -webkit-backdrop-filter: blur(22px) saturate(1.15);
}

.catalog-showcase-head .eyebrow {
  margin-bottom: 0.4rem;
  color: var(--color-accent);
  text-shadow: 0 1px 3px rgba(2, 6, 23, 0.45);
}

.catalog-showcase-head h2 {
  margin-bottom: 0.5rem;
  color: #ffffff;
  text-shadow:
    0 1px 2px rgba(2, 6, 23, 0.55),
    0 2px 12px rgba(0, 51, 65, 0.35);
}

.catalog-showcase-head .section-intro {
  margin-bottom: 0;
  max-width: none;
  color: rgba(255, 255, 255, 0.97);
  text-shadow:
    0 1px 2px rgba(2, 6, 23, 0.45),
    0 1px 10px rgba(0, 51, 65, 0.25);
}

.catalog-showcase-head .catalog-section-actions {
  margin-top: 1.35rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-start;
}

.catalog-showcase-head .catalog-showcase-cta {
  background: rgba(255, 255, 255, 0.92);
  color: #005662;
  border: 1px solid rgba(255, 255, 255, 0.65);
  text-decoration: none;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.catalog-showcase-head .catalog-showcase-cta:hover,
.catalog-showcase-head .catalog-showcase-cta:focus-visible {
  background: rgba(236, 254, 255, 0.96);
  color: #00454d;
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);
}

/* Bolum gorunurken metin + kolon kademeli (scroll / reveal) */
.catalog-section.reveal .catalog-showcase-head,
.catalog-section.reveal .catalog-carousel {
  opacity: 0;
  transform: translateY(22px);
  filter: blur(5px);
  transition:
    opacity 0.68s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.55s ease;
}

.catalog-section.reveal.visible .catalog-showcase-head {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
  transition-delay: 0.06s;
}

.catalog-section.reveal.visible .catalog-carousel {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
  transition-delay: 0.18s;
}

.catalog-carousel {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.45rem;
  width: 100%;
  max-width: min(308px, 46vw);
  justify-self: end;
  align-self: stretch;
  height: 100%;
  min-height: 0;
}

.catalog-nav-btn {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0.25rem;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--color-accent);
  cursor: pointer;
  box-shadow: none;
  transition:
    color 0.2s ease,
    transform 0.2s ease,
    filter 0.2s ease;
  filter: drop-shadow(0 1px 3px rgba(2, 6, 23, 0.35));
}

.catalog-nav-btn:hover {
  color: #ffb020;
  filter: drop-shadow(0 2px 8px rgba(245, 166, 35, 0.55));
}

.catalog-nav-btn:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 4px;
  box-shadow: none;
}

.catalog-nav-btn:active {
  transform: scale(0.92);
  color: #e89410;
}

.catalog-nav-btn-icon {
  display: flex;
  line-height: 0;
}

.catalog-nav-btn-icon svg {
  width: 26px;
  height: 26px;
  stroke-width: 2.5;
}

.catalog-carousel-viewport {
  position: relative;
  z-index: 0;
  overflow: hidden;
  isolation: isolate;
  overflow-anchor: none;
  overscroll-behavior-y: contain;
  width: 100%;
  flex: 1 1 0;
  min-height: 12rem;
  height: auto;
  padding: 0.85rem 0;
  border-radius: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  /* Icerigi ust/alt yumuşak seffafa eritir — keskin kutu hissi yok */
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent 0%,
    rgba(0, 0, 0, 0.12) 7%,
    rgba(0, 0, 0, 0.45) 16%,
    rgba(0, 0, 0, 0.88) 26%,
    #000 36%,
    #000 64%,
    rgba(0, 0, 0, 0.88) 74%,
    rgba(0, 0, 0, 0.45) 84%,
    rgba(0, 0, 0, 0.12) 93%,
    transparent 100%
  );
  mask-image: linear-gradient(
    180deg,
    transparent 0%,
    rgba(0, 0, 0, 0.12) 7%,
    rgba(0, 0, 0, 0.45) 16%,
    rgba(0, 0, 0, 0.88) 26%,
    #000 36%,
    #000 64%,
    rgba(0, 0, 0, 0.88) 74%,
    rgba(0, 0, 0, 0.45) 84%,
    rgba(0, 0, 0, 0.12) 93%,
    transparent 100%
  );
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
}

.catalog-carousel-viewport::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 8;
  /* Ton eslestirme: maskeyle birlikte arka plana daha yumusak kaybolma */
  background: linear-gradient(
    180deg,
    rgba(248, 250, 252, 0.55) 0%,
    rgba(248, 250, 252, 0) 18%,
    transparent 42%,
    transparent 58%,
    rgba(216, 224, 234, 0) 82%,
    rgba(216, 224, 234, 0.5) 100%
  );
}

.catalog-track {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 1.05rem;
  width: 100%;
  background-color: #e8eef5;
  transition: transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

/* Ilk hizalama / goruntu yuklemesi sonrasi duzeltme: animasyonsuz (titremeyi onler) */
.catalog-track.catalog-track--instant {
  transition: none !important;
}

.catalog-slide {
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transform: scale(0.84);
  opacity: 0.52;
  transition:
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1);
  animation: none;
}

.catalog-slide.is-active {
  z-index: 5;
  opacity: 1;
  animation: catalog-center-pop 0.72s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.catalog-slide:not(.is-active):hover {
  transform: scale(0.9);
  opacity: 0.78;
}

.catalog-slide.is-active:hover {
  animation: none;
  transform: scale(1.1);
  opacity: 1;
}

.catalog-slide-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  width: 100%;
  margin: 0;
  /* Aktif / pasif ayni padding: dikey track yukseklikleri sabit kalir, hizalama ziplamaz */
  padding: 6px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  background: linear-gradient(165deg, #ffffff 0%, #e8edf3 55%, #dce3ec 100%);
  box-shadow:
    0 2px 0 rgba(255, 255, 255, 0.55) inset,
    0 18px 36px rgba(15, 23, 42, 0.28);
  overflow: hidden;
  transition:
    border-color 0.35s ease,
    box-shadow 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.catalog-slide:hover .catalog-slide-card {
  border-color: rgba(103, 232, 249, 0.5);
  box-shadow:
    0 2px 0 rgba(255, 255, 255, 0.65) inset,
    0 22px 44px rgba(15, 23, 42, 0.34),
    0 0 0 1px rgba(34, 211, 238, 0.28),
    0 0 28px rgba(34, 211, 238, 0.12);
  transform: translateY(-2px);
}

.catalog-slide-media {
  position: relative;
  isolation: isolate;
  flex: 1;
  align-self: stretch;
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 1px;
}

/* Grayscale uzerine belirgin turkuaz (color blend) */
.catalog-slide-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: #06b6d4;
  mix-blend-mode: color;
  opacity: 0.58;
  pointer-events: none;
  transition: opacity 0.35s ease;
}

.catalog-slide:hover .catalog-slide-media::after {
  opacity: 0.46;
}

.catalog-slide-card::after {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 2px;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
  z-index: 2;
}

.catalog-slide.is-active .catalog-slide-card {
  border-color: rgba(255, 255, 255, 0.72);
  box-shadow:
    0 2px 0 rgba(255, 255, 255, 0.65) inset,
    0 26px 52px rgba(15, 23, 42, 0.38),
    0 0 0 1px rgba(34, 211, 238, 0.22),
    0 0 40px rgba(34, 211, 238, 0.1);
}

.catalog-slide-img {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 1px;
  filter: grayscale(100%) contrast(1.08) brightness(0.96);
  transform: scale(1);
  transform-origin: center center;
  transition:
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.4s ease;
  animation: none;
}

.catalog-slide.is-active .catalog-slide-img {
  animation: catalog-img-project 0.72s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.catalog-slide:not(.is-active) .catalog-slide-img {
  animation: none;
}

.catalog-slide:hover .catalog-slide-img {
  transform: scale(1.05);
  filter: grayscale(100%) contrast(1.1) brightness(1.02);
}

.catalog-slide.is-active:hover .catalog-slide-img {
  animation: none;
  transform: scale(1.05);
  filter: grayscale(100%) contrast(1.1) brightness(1.02);
}

@media (prefers-reduced-motion: reduce) {
  .roadmap__line-fill,
  .roadmap__path-line-fill {
    transition: none !important;
  }

  .roadmap__step {
    opacity: 1 !important;
    transform: none !important;
    transition-duration: 0.01ms !important;
  }

  .roadmap__body,
  .roadmap__bullet,
  .roadmap__label {
    transition-duration: 0.01ms !important;
  }

  .section-roadmap.reveal.visible .roadmap__steps .roadmap__step {
    transition-delay: 0s !important;
  }

  .sector-section::before {
    transition: none;
  }

  .sector-media::after {
    transition: none;
  }

  .sector-media img {
    transition: none;
  }

  .sector-tile:hover .sector-media img,
  .sector-tile:focus-within .sector-media img {
    transform: none;
    object-position: center;
  }

  .catalog-projection-layer {
    transition: none !important;
    transform: none !important;
  }

  .catalog-projection-layer.is-front {
    transform: none !important;
  }

  .catalog-track {
    transition: none !important;
  }

  .catalog-slide {
    transform: none !important;
    opacity: 1 !important;
    scroll-snap-align: center;
    animation: none !important;
  }

  .catalog-slide.is-active .catalog-slide-img {
    animation: none !important;
  }

  .catalog-slide-img {
    filter: grayscale(100%) contrast(1.08) brightness(0.96) !important;
    transform: none !important;
  }

  .catalog-section.reveal .catalog-showcase-head,
  .catalog-section.reveal .catalog-carousel,
  .catalog-section.reveal.visible .catalog-showcase-head,
  .catalog-section.reveal.visible .catalog-carousel {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
    transition-delay: 0s !important;
  }

  .catalog-slide:hover .catalog-slide-card,
  .catalog-slide:hover .catalog-slide-img {
    transform: none !important;
  }

  .catalog-slide:hover .catalog-slide-img {
    filter: grayscale(100%) contrast(1.08) brightness(0.96) !important;
  }

  .catalog-slide:hover .catalog-slide-media::after {
    opacity: 0.58 !important;
  }

  .catalog-carousel-viewport {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: y mandatory;
  }

  .catalog-track {
    padding-bottom: 0.5rem;
  }

  .sector-face,
  .sector-face-foot {
    transition: none;
  }

  .sector-face-foot {
    opacity: 1;
    transform: none;
  }

  .sector-copy,
  .sector-copy-heading,
  .sector-copy-line {
    transition: none !important;
  }

  .quality-card,
  .quality-card:hover,
  .quality-card:focus-within,
  .quality-card-icon .value-icon-custom,
  .quality-arrow {
    transition: none !important;
  }

  .quality-card:hover,
  .quality-card:focus-within {
    transform: var(--card-transform);
    box-shadow: 0 18px 34px rgba(2, 6, 23, 0.18);
    border-color: rgba(255, 255, 255, 0.22);
  }

  .quality-card:hover .value-icon-custom,
  .quality-card:focus-within .value-icon-custom,
  .quality-card:hover .quality-arrow,
  .quality-card:focus-within .quality-arrow {
    transform: none;
  }
}

@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
  .quality-card:hover,
  .quality-card:focus-within {
    transform: none;
  }
}

.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.card {
  background: var(--color-white);
  border: 1px solid #dbe5ef;
  border-radius: 2px;
  padding: 1.15rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.card h3 {
  margin-top: 0;
  margin-bottom: 0.55rem;
  font-size: 1.05rem;
}

.counter {
  font-size: 1.9rem;
  color: var(--color-primary);
}

.card p {
  margin: 0;
  color: var(--color-muted);
}

input,
textarea,
select {
  width: 100%;
  border: 1px solid #c8d5e4;
  border-radius: 2px;
  padding: 0.72rem 0.82rem;
  font: inherit;
  background: #ffffff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #0284c7;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.12);
  outline: none;
}

.form-notice {
  border-radius: 2px;
  padding: 0.75rem 0.95rem;
  font-size: 0.92rem;
}

.form-notice.success {
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #065f46;
}

.form-notice.error {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #991b1b;
}

.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 40px rgba(2, 6, 23, 0.1);
  border-color: rgba(2, 132, 199, 0.18);
}

.cta-box {
  background: #eef9fb;
  border: 1px solid #d9eef2;
  border-radius: 2px;
  padding: clamp(1.3rem, 3vw, 2rem);
}

.cta-premium {
  background:
    linear-gradient(120deg, rgba(3, 105, 161, 0.14), rgba(15, 23, 42, 0.06)),
    #ffffff;
  border: 1px solid #cfe3ee;
  border-radius: 2px;
  box-shadow: 0 20px 38px rgba(2, 6, 23, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.5rem;
}

.cta-premium h2 {
  font-size: clamp(1.45rem, 2.4vw, 2.2rem);
  margin-bottom: 0.7rem;
}

.cta-premium p {
  color: #334155;
  max-width: 66ch;
}

.cta-premium .eyebrow {
  color: #0369a1;
  margin-bottom: 0.5rem;
}

.cta-metrics {
  display: flex;
  gap: 0.55rem;
  flex-wrap: wrap;
  margin-top: 1.1rem;
}

.cta-metrics span {
  background: #f8fbff;
  border: 1px solid #d7e8f3;
  color: #0f172a;
  border-radius: 2px;
  padding: 0.42rem 0.72rem;
  font-size: 0.84rem;
  font-weight: 600;
}

/* old contact helpers removed – now using .contact-block__* */

.cta-premium-actions {
  display: grid;
  gap: 0.6rem;
  min-width: 300px;
}

.cta-premium-actions .button {
  text-align: center;
}

.hero-ref {
  padding-block: 7rem 7.5rem;
}

.hero-ref-inner {
  max-width: 1140px;
}

.hero-main-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  align-items: end;
}

.hero-slider-content h1 {
  font-size: clamp(2.4rem, 5vw, 4rem);
  line-height: 1.04;
  letter-spacing: -0.02em;
  margin-bottom: 0.9rem;
}

.hero-slider-content p {
  font-size: 1.05rem;
  max-width: 58ch;
}

.hero-service-dock {
  margin-top: 0;
  background: #fff;
  border: 1px solid #dbe5ef;
  box-shadow: 0 16px 28px rgba(2, 6, 23, 0.12);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dock-item {
  text-align: center;
  padding: 1.1rem 0.8rem;
  border-right: 1px solid #e2e8f0;
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
  position: relative;
}

.dock-item:last-child {
  border-right: 0;
}

.dock-item h3 {
  margin: 0;
  font-size: 0.95rem;
}

.dock-item p {
  margin: 0;
  font-size: 0.78rem;
  color: #64748b;
}

.dock-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  min-height: 52px;
  padding: 0;
  box-sizing: border-box;
  border: none;
  background: transparent;
  transition: transform 0.22s ease;
}

.dock-logo {
  display: block;
  max-height: 46px;
  width: auto;
  max-width: min(148px, 100%);
  height: auto;
  object-fit: contain;
  object-position: center;
  transition: transform 0.22s ease;
}

/* KOSGEB / ISO / TSE — tek tip kutu; görsel kutuyu doldurur (object-fit: contain) */
.dock-item--cert .dock-logo-wrap {
  width: 100%;
  max-width: 100%;
  height: 64px;
  min-height: 64px;
  margin-top: 0;
}

.dock-item--cert .dock-logo {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center;
}

/* ISO PNG’si geniş şeffaf alanlı; aynı kutuda görsel küçük kalmasın */
.dock-item--cert.dock-item--iso .dock-logo {
  transform: scale(1.42);
  transform-origin: center center;
}

.dock-item--cert:hover .dock-logo {
  transform: scale(1.03);
}

.dock-item--cert.dock-item--iso:hover .dock-logo {
  transform: scale(1.48);
}

.dock-item.active .dock-logo {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.12));
}

.dock-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 24px rgba(2, 6, 23, 0.12);
  z-index: 2;
}

.dock-item.active {
  background: rgba(240, 249, 255, 0.9);
  box-shadow: inset 0 0 0 1px rgba(2, 132, 199, 0.2);
}

.dock-item.active h3,
.dock-item.active p {
  color: #0f172a;
}

.dock-item.active:hover {
  transform: translateY(-8px);
  box-shadow:
    inset 0 0 0 1px rgba(2, 132, 199, 0.22),
    0 16px 24px rgba(2, 6, 23, 0.1);
}

.why-premium {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  row-gap: 4.75rem;
  column-gap: 1.75rem;
  align-items: stretch;
}

.why-head {
  grid-column: 1 / -1;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 1rem;
}

.why-head h2 {
  margin: 0 0 1.35rem;
  color: #0f2b5a;
}

.why-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  /* Alt hiza: uzun satırlı etiketlerde çizgi metnin ortasına kaymasın */
  align-items: end;
  gap: 0.9rem;
  max-width: min(760px, 100%);
  margin: 0 auto;
  position: relative;
  padding-top: 0.35rem;
  padding-bottom: 0.65rem;
}

/* Bağlayıcı çizgi: nokta merkezinden geçer (.why-track padding-bottom + yarıçap − yarım çizgi) */
.why-track::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: auto;
  /* İçerik alanı tabanı = padding-bottom kadar yukarıda; nokta 11px + 2px border ≈ 15px, merkez +7.5px */
  bottom: calc(0.65rem + 6.5px);
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(15, 23, 42, 0) 0%,
    rgba(148, 163, 184, 0.58) 8%,
    rgba(148, 163, 184, 0.58) 92%,
    rgba(15, 23, 42, 0) 100%
  );
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
  pointer-events: none;
}

.why-branch {
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 0.82rem;
  color: #94a3b8;
  display: grid;
  gap: 0.8rem;
  justify-items: center;
  text-align: center;
  font-weight: 500;
  line-height: 1.45;
  padding: 0 0.2rem;
  font-family: inherit;
  transition: color 0.22s ease, transform 0.22s ease;
}

.why-branch::after {
  content: "";
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  border: 2px solid #94a3b8;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 0 0 6px rgba(148, 163, 184, 0.14);
  transition: border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.why-branch:hover {
  color: #0f2b5a;
}

.why-branch.is-active {
  color: #0f2b5a;
  font-weight: 700;
}

.why-branch.is-active::after {
  border-color: #0284c7;
  background: #0284c7;
  box-shadow: 0 0 0 8px rgba(2, 132, 199, 0.16);
  transform: scale(1.05);
}

.why-premium-media {
  position: relative;
  min-height: 320px;
}

.why-premium-media::before {
  content: "";
  position: absolute;
  left: -14px;
  top: -12px;
  width: 72%;
  height: 236px;
  border: 1px solid rgba(2, 132, 199, 0.42);
  background: linear-gradient(135deg, rgba(2, 132, 199, 0.06), rgba(255, 255, 255, 0) 62%);
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  pointer-events: none;
  z-index: 0;
}

.why-premium-media::after {
  content: "";
  position: absolute;
  left: 18px;
  top: 34px;
  width: 86%;
  height: 268px;
  border: 1px solid rgba(15, 23, 42, 0.28);
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  pointer-events: none;
  z-index: 1;
  box-shadow: 0 16px 30px rgba(2, 6, 23, 0.12);
}

.why-premium-media .feature-image {
  margin: 0;
  object-fit: cover;
  border: 1px solid rgba(15, 23, 42, 0.16);
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  position: relative;
  z-index: 3;
}

.why-premium-media.layered .feature-image.back {
  position: absolute;
  left: 0;
  top: 12px;
  width: 72%;
  height: 210px;
  opacity: 0.75;
  filter: grayscale(25%);
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.12);
  z-index: 2;
}

.why-premium-media.layered .feature-image.front {
  position: absolute;
  left: 32px;
  top: 52px;
  width: 78%;
  height: 240px;
  box-shadow: 0 22px 34px rgba(2, 6, 23, 0.2);
  z-index: 4;
}

.why-premium-media.layered .feature-image.front {
  /* minimalist technical corner accents */
  background-image:
    linear-gradient(rgba(2, 132, 199, 0.72), rgba(2, 132, 199, 0.72)),
    linear-gradient(rgba(2, 132, 199, 0.72), rgba(2, 132, 199, 0.72)),
    linear-gradient(rgba(2, 132, 199, 0.72), rgba(2, 132, 199, 0.72)),
    linear-gradient(rgba(2, 132, 199, 0.72), rgba(2, 132, 199, 0.72));
  background-size: 26px 2px, 2px 26px, 22px 2px, 2px 22px;
  background-position: 8px 8px, 8px 8px, calc(100% - 8px) calc(100% - 8px), calc(100% - 8px) calc(100% - 8px);
  background-repeat: no-repeat;
}

.why-premium-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1rem;
  padding: 0.35rem 0.4rem 0.5rem;
}

.why-copy-title {
  margin: 0 0 0.65rem;
  font-size: 1.25rem;
  line-height: 1.35;
  color: #0f2b5a;
}

.why-premium-copy p,
.why-premium-copy .why-copy-line {
  margin: 0;
  color: #334155;
  line-height: 1.68;
  max-width: 52ch;
}


.services-band {
  background: #f6f8fc;
}

.services-band .container {
  position: relative;
}

.services-band .container::before {
  content: none;
}

.innovation-grid {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 1.2rem;
  align-items: start;
  position: relative;
  z-index: 1;
}

.services-band--catalog-marquee .innovation-grid {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 1.22fr);
  gap: clamp(1.1rem, 2.8vw, 2.35rem);
  align-items: center;
}

@keyframes innovation-marquee-scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.innovation-marquee-col {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.innovation-marquee {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  border: 1px solid #dbe5ef;
  background: linear-gradient(168deg, #ffffff 0%, #f4f7fb 52%, #e9eef6 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 14px 36px rgba(2, 6, 23, 0.07);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  /* Aşağıdaki «Biz Kimiz?» .feature-image.front ile aynı ölçü mantığı: genişlik %78, yükseklik 240px (mobilde clamp) */
  container-type: inline-size;
  container-name: montak-inv-marquee;
}

.innovation-marquee-inner {
  display: flex;
  width: max-content;
  animation: innovation-marquee-scroll var(--innovation-marquee-duration, 48s) linear infinite;
}

.services-band--catalog-marquee .innovation-marquee-inner:hover {
  animation-play-state: paused;
}

.innovation-marquee-segment {
  display: flex;
  align-items: stretch;
  gap: 0.7rem;
  padding: 0.7rem 0;
}

.innovation-marquee-cell {
  flex: 0 0 auto;
  margin: 0;
  width: clamp(260px, 36vw, 420px);
  height: clamp(198px, 22vw, 240px);
  max-width: 100%;
  border-radius: 2px;
  overflow: hidden;
  border: 1px solid rgba(15, 43, 90, 0.1);
  box-shadow: 0 10px 26px rgba(2, 6, 23, 0.1);
}

@supports (width: 1cqi) {
  .innovation-marquee-cell {
    /* Aynı anda görünecek kutu sayısı: --imq-per-view (admin'den --imq-pv-desktop). */
    width: calc((100cqi - (var(--imq-per-view, 2) - 1) * 0.7rem) / var(--imq-per-view, 2));
    height: 240px;
  }
}

/* Hakkımızda ürün şeridi: aynı anda görünecek kutu sayısı kontrolü */
.abt-catalog-marquee {
  --imq-per-view: var(--imq-pv-desktop, 4);
}

@media (max-width: 900px) {
  .abt-catalog-marquee {
    --imq-per-view: min(var(--imq-pv-desktop, 4), 3);
  }
}

@media (max-width: 680px) {
  .abt-catalog-marquee {
    --imq-per-view: 2;
  }
}

@media (max-width: 480px) {
  .abt-catalog-marquee {
    --imq-per-view: 1;
  }
}

.innovation-marquee-cell img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.innovation-marquee-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1.1rem;
}

.innovation-marquee-link {
  font-size: 0.9rem;
  font-weight: 600;
  color: #0284c7;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.innovation-marquee-link:hover,
.innovation-marquee-link:focus-visible {
  color: #0369a1;
}

@media (prefers-reduced-motion: reduce) {
  .innovation-marquee-inner {
    animation: none;
  }

  .services-band--catalog-marquee .innovation-marquee-inner:hover {
    animation-play-state: running;
  }
}

/* Hakkımızda: footer blogundan önce tam genişlik katalog şeridi */
.abt-catalog-marquee {
  padding: clamp(2rem, 4.2vw, 3.25rem) 0;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.abt-catalog-marquee__col {
  width: 100%;
  max-width: 100%;
}

.innovation-intro h2 {
  margin: 0 0 0.75rem;
  font-size: clamp(1.5rem, 2.7vw, 2.3rem);
  line-height: 1.15;
  color: #0f2b5a;
}

.innovation-intro p {
  color: #475569;
}

.founder-sign {
  margin-top: 1rem;
  padding-top: 0;
  border: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.founder-sign-brand {
  display: block;
  font-family: inherit;
  font-weight: 500;
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #64748b;
}

.founder-sign-line {
  display: block;
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8125rem;
  letter-spacing: 0.01em;
  line-height: 1.45;
  color: #94a3b8;
}

.innovation-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.9rem;
}

.innovation-card {
  background: transparent;
  border: 0;
  padding: 0;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.innovation-card:hover {
  transform: translateY(-3px);
}

.innovation-card img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 18px 34px rgba(2, 6, 23, 0.08);
}

.innovation-card h3 {
  margin: 0.7rem 0 0.45rem;
  color: #0f2b5a;
  font-size: 0.9rem;
  letter-spacing: 0.04em;
}

.innovation-card p {
  margin: 0 0 0.8rem;
  color: #64748b;
  font-size: 0.9rem;
}

.innovation-arrow {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  background: #ff9206;
  color: #fff;
  font-size: 1.1rem;
}

.dark-service-matrix {
  background:
    radial-gradient(circle at 88% 72%, rgba(224, 242, 254, 0.12) 0%, transparent 34%),
    radial-gradient(circle at 20% 30%, rgba(245, 166, 35, 0.08) 0%, transparent 42%),
    #098c93;
  position: relative;
  overflow: hidden;
}

/* Depth separator (top/bottom) */
.dark-service-matrix::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  box-shadow:
    inset 0 26px 34px -28px rgba(2, 6, 23, 0.45),
    inset 0 -28px 38px -30px rgba(2, 6, 23, 0.45);
}

/* Monochrome logo watermark on the right */
.dark-service-matrix::after {
  content: "";
  position: absolute;
  right: -8%;
  top: calc(52% + var(--wm-shift, 0px));
  width: min(1120px, 94vw);
  height: min(360px, 38vw);
  transform: translateY(-50%) rotate(0deg);
  background: rgba(248, 250, 252, 0.16);
  opacity: 0.22;
  pointer-events: none;
  z-index: 0;

  -webkit-mask-image: url("assets/images/montak-logo.svg");
  mask-image: url("assets/images/montak-logo.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  filter: none;
}

.dark-service-grid {
  position: relative;
  z-index: 1;
}

.dark-service-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.4fr;
  gap: 1rem;
}

.dark-service-intro h2 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(1.7rem, 2.8vw, 2.5rem);
  line-height: 1.1;
}

.dark-service-intro p {
  margin-top: 0.75rem;
  color: #bfdbfe;
}

.dark-service-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.8rem;
}

.dark-card {
  border: 1px solid rgba(125, 211, 252, 0.35);
  background: rgba(2, 6, 23, 0.16);
  padding: 1rem;
  min-height: 140px;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.dark-card:hover {
  transform: translateY(-4px);
  border-color: rgba(125, 211, 252, 0.75);
  background: rgba(2, 6, 23, 0.28);
}

.dark-card.active {
  border-color: #f8fafc;
  background: rgba(2, 6, 23, 0.38);
}

.dark-card h3 {
  margin: 0 0 0.45rem;
  color: #f8fafc;
  font-size: 0.95rem;
}

.dark-card p {
  margin: 0;
  color: #bfdbfe;
  font-size: 0.9rem;
}

.process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
}

/* ── Section: Üretim Yol Haritası ───────────────── */
.section-roadmap {
  padding-top: clamp(4.5rem, 8vw, 7.5rem);
  padding-bottom: clamp(4.5rem, 8vw, 7.5rem);
}

.roadmap-header {
  text-align: center;
  max-width: 620px;
  margin: 0 auto 3rem;
}

.roadmap-eyebrow {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: 0.65rem;
  padding: 0.28rem 0.85rem;
  border-radius: 999px;
  background: rgba(0, 151, 167, 0.1);
  border: 1px solid rgba(0, 151, 167, 0.22);
}

.roadmap-header h2 {
  margin: 0 0 0.75rem;
}

.roadmap-subtitle {
  margin: 0;
  color: var(--color-muted);
  font-size: 0.95rem;
  line-height: 1.65;
}

/* ── Roadmap: yatay zaman çizelgesi ── */
.roadmap {
  --roadmap-cols: 4;
  --roadmap-path-pct: 0%;
  position: relative;
}

.roadmap__path {
  display: none;
}

.roadmap__path-line,
.roadmap__path-line-fill {
  display: block;
}

/* Yatay bağlantı çizgisi */
.roadmap__track {
  position: relative;
  height: 2px;
  margin: 0 calc(100% / var(--roadmap-cols) / 2);
}

.roadmap__line {
  position: absolute;
  inset: 0;
  border-radius: 2px;
  background: #e2e8f0;
}

.roadmap__line-fill {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  border-radius: 2px;
  background: linear-gradient(90deg, #7dd4df 0%, var(--color-primary) 52%, #006f7a 100%);
  box-shadow: 0 0 18px rgba(0, 151, 167, 0.28);
  transition: width 0.56s cubic-bezier(0.22, 1, 0.36, 1);
}

/* 4 kolon ızgara */
.roadmap__steps {
  display: grid;
  grid-template-columns: repeat(var(--roadmap-cols), minmax(0, 1fr));
  gap: 0;
  position: relative;
  margin-top: -1px;
}

.roadmap__step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 0 0.55rem;
  font: inherit;
  color: inherit;
  cursor: pointer;
  border: 0;
  background: transparent;
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity 0.5s ease,
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.section-roadmap.reveal.visible .roadmap__steps .roadmap__step {
  opacity: 1;
  transform: translateY(0);
}

.section-roadmap.reveal.visible .roadmap__steps .roadmap__step:nth-child(1) {
  transition-delay: 0.08s;
}

.section-roadmap.reveal.visible .roadmap__steps .roadmap__step:nth-child(2) {
  transition-delay: 0.2s;
}

.section-roadmap.reveal.visible .roadmap__steps .roadmap__step:nth-child(3) {
  transition-delay: 0.32s;
}

.section-roadmap.reveal.visible .roadmap__steps .roadmap__step:nth-child(4) {
  transition-delay: 0.44s;
}

.roadmap__step:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
  border-radius: 18px;
}

/* ── Bullet ── */
.roadmap__bullet {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  border-radius: 50%;
  background: linear-gradient(160deg, #fff 0%, #f8fafc 100%);
  border: 1.5px solid rgba(148, 163, 184, 0.25);
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 4px 12px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition:
    transform 0.36s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.36s ease,
    border-color 0.36s ease,
    background 0.36s ease;
}

.roadmap__step:hover .roadmap__bullet {
  transform: scale(1.08);
  border-color: rgba(148, 163, 184, 0.4);
  box-shadow:
    0 2px 4px rgba(15, 23, 42, 0.05),
    0 8px 22px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.roadmap__step.is-active .roadmap__bullet {
  background: linear-gradient(150deg, #5ec9d4 0%, var(--color-primary) 48%, #006f7a 100%);
  background-origin: border-box;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  border: 1.5px solid transparent;
  box-shadow:
    0 0 0 3px rgba(0, 151, 167, 0.22),
    0 0 0 7px rgba(0, 151, 167, 0.08),
    0 8px 26px rgba(0, 151, 167, 0.32);
  transform: scale(1.15);
}

.roadmap__num {
  font-family: "Space Grotesk", "IBM Plex Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--color-muted);
  line-height: 1;
  transition: color 0.28s ease, text-shadow 0.28s ease;
}

.roadmap__step.is-active .roadmap__num {
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

/* ── Kart gövdesi ── */
.roadmap__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  width: 100%;
  margin-top: 1.25rem;
  padding: 1.15rem 1rem 1.35rem;
  border-radius: 18px;
  border: 1px solid transparent;
  background: transparent;
  transition:
    background 0.34s ease,
    border-color 0.34s ease,
    box-shadow 0.34s ease,
    transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}

.roadmap__step:hover:not(.is-active) .roadmap__body {
  background: rgba(255, 255, 255, 0.5);
  border-color: rgba(226, 232, 240, 0.55);
}

.roadmap__step.is-active .roadmap__body {
  background: #fff;
  border-color: rgba(226, 232, 240, 0.92);
  box-shadow:
    0 20px 48px rgba(15, 23, 42, 0.07),
    0 4px 14px rgba(15, 23, 42, 0.04);
  transform: translateY(-6px);
}

.roadmap__label {
  display: block;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: 0.45rem;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition:
    opacity 0.32s ease,
    max-height 0.32s ease,
    margin 0.32s ease;
}

.roadmap__step.is-active .roadmap__label {
  opacity: 1;
  max-height: 2em;
  margin-bottom: 0.45rem;
}

.roadmap__title {
  display: block;
  margin: 0 0 0.4rem;
  font-size: 1.04rem;
  font-weight: 700;
  color: var(--color-text);
  letter-spacing: -0.015em;
  line-height: 1.3;
  transition: color 0.28s ease;
}

.roadmap__step:not(.is-active) .roadmap__title {
  color: var(--color-muted);
}

.roadmap__desc {
  display: block;
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.58;
  color: var(--color-muted);
  transition: color 0.28s ease;
}

.roadmap__step:not(.is-active) .roadmap__desc {
  color: #64748b;
}

.process-step {
  border: 1px solid #dbe5ef;
  background: #fff;
  padding: 1rem;
}

.process-step span {
  display: inline-block;
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 0.4rem;
}

.process-step h3 {
  margin: 0 0 0.45rem;
  font-size: 1rem;
}

.process-step p {
  margin: 0;
  color: #475569;
  font-size: 0.94rem;
}

.quality-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
}

.quality-strip > div {
  border: 1px solid #dbe5ef;
  padding: 1rem;
  background: #fff;
}

.quality-strip strong {
  display: block;
  margin-bottom: 0.3rem;
}

.quality-strip p {
  margin: 0;
  color: #475569;
}

.value-icons {
  margin-top: 1.1rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.1rem;
}

.value-icon-card {
  position: relative;
  text-align: left;
  padding: 1.7rem 1.6rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background:
    linear-gradient(180deg, rgba(2, 132, 199, 0.05), rgba(255, 255, 255, 0) 42%),
    #ffffff;
  border-radius: 2px;
  box-shadow: 0 18px 34px rgba(2, 6, 23, 0.06);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.value-icon-card::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 2px;
  background: linear-gradient(135deg, rgba(2, 132, 199, 0.22), rgba(0, 151, 167, 0.06), rgba(245, 166, 35, 0.12));
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease;
  z-index: 0;
}

.value-icon-card > * {
  position: relative;
  z-index: 1;
}

.value-icon {
  width: 30px;
  height: 30px;
  margin: 0 0 1rem;
  display: grid;
  place-items: center;
  border-radius: 0;
  border: 0;
  background: transparent;
  color: #0f172a;
}

.value-icon svg {
  width: 26px;
  height: 26px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.value-icon i {
  font-size: 1.26rem;
  line-height: 1;
  color: currentColor;
}

.value-icon-custom {
  width: 26px;
  height: 26px;
  display: block;
  object-fit: contain;
}

.value-icon-plain {
  width: auto;
  height: auto;
  border: 0;
  background: transparent;
  border-radius: 0;
  padding: 0;
}

.value-icon-plain .value-icon-custom {
  width: 30px;
  height: 30px;
}

.value-icon-card h3 {
  margin: 0 0 0.4rem;
  font-size: 1.06rem;
  letter-spacing: -0.01em;
}

.value-icon-card .muted {
  margin: 0;
  color: #475569;
  font-size: 0.92rem;
  line-height: 1.55;
}

.value-icon-card:hover {
  transform: translateY(-2px);
  border-color: rgba(2, 132, 199, 0.22);
  box-shadow: 0 26px 46px rgba(2, 6, 23, 0.1);
}

.value-icon-card:hover::after {
  opacity: 0.35;
}

.quality-cards {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 4.25rem;
  position: relative;
  perspective: 1100px;
  transform-style: preserve-3d;
}

.quality-title {
  text-align: center;
  margin-bottom: 0;
}

.quality-cards::before {
  content: none;
}

.quality-card {
  --card-transform: translateY(0);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 22px;
  background:
    radial-gradient(120% 90% at 18% 12%, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0) 52%),
    radial-gradient(90% 80% at 92% 18%, rgba(255, 146, 6, 0.22), rgba(255, 255, 255, 0) 55%),
    linear-gradient(145deg, #16a5ad 0%, #0f8e95 46%, #0d777d 100%);
  padding: 1.35rem 1.15rem 1.05rem;
  width: clamp(220px, 23vw, 280px);
  min-height: 0;
  aspect-ratio: 1 / 1;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  transform: var(--card-transform);
  z-index: 1;
  box-shadow: 0 18px 34px rgba(2, 6, 23, 0.18);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.32s ease, border-color 0.28s ease;
}

/* Sol: Sertifikali — hafif geride, merkeze doğru içe dönük */
.quality-card:nth-child(1) {
  --card-transform: translateX(14px) translateZ(-48px) rotateY(26deg) scale(0.92);
  transform-origin: center center;
  z-index: 1;
}

/* Orta: düz ve önde */
.quality-card:nth-child(2) {
  --card-transform: translateZ(12px) scale(1.03);
  transform-origin: center center;
  z-index: 3;
  /* Orta kartın genisleyen kutusu yan kartlarin ustunde; pointer-events ile
     ortusen bolgede hover sol/sag karta duser, icerik alaninda orta karta kalir */
  pointer-events: none;
}

.quality-card:nth-child(2) > * {
  pointer-events: auto;
}

.quality-card:nth-child(2) > .quality-watermark {
  pointer-events: none;
}

/* Sağ: Teknik Destek — hafif geride, merkeze doğru içe dönük */
.quality-card:nth-child(3) {
  --card-transform: translateX(-14px) translateZ(-48px) rotateY(-26deg) scale(0.92);
  transform-origin: center center;
  z-index: 1;
}

.quality-card::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(closest-side at 22% 38%, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 72%),
    radial-gradient(closest-side at 78% 32%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 70%),
    radial-gradient(closest-side at 58% 88%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 72%);
  opacity: 0.95;
  pointer-events: none;
  z-index: 0;
}

/* Ayni dosya: on ikon ile watermark birebir ayni grafik (tek kaynak) */
.quality-watermark {
  position: absolute;
  right: -6%;
  bottom: -4%;
  width: min(78%, 200px);
  height: auto;
  object-fit: contain;
  object-position: right bottom;
  opacity: 0.16;
  pointer-events: none;
  z-index: 0;
  filter: brightness(0) invert(1);
  user-select: none;
}

/* Orta kart 3D’de önde; yan kartların üstünü kapayıp hover’ı yutuyordu */
.quality-card:hover,
.quality-card:focus-within {
  z-index: 12;
  transform: var(--card-transform) translateY(-12px) scale(1.03);
  border-color: rgba(255, 255, 255, 0.45);
  box-shadow: 0 32px 52px rgba(2, 6, 23, 0.26);
}

.quality-card-icon {
  width: auto;
  height: auto;
  display: grid;
  place-items: center;
  justify-content: center;
  margin: 0.35rem auto 0.35rem;
  color: #ffffff;
  background: transparent;
  position: relative;
  z-index: 1;
}

.quality-card-icon i {
  font-size: 2.15rem;
}

.quality-card-icon .value-icon-custom {
  width: 52px;
  height: 52px;
  filter: brightness(0) invert(1);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.quality-card:hover .value-icon-custom,
.quality-card:focus-within .value-icon-custom {
  transform: scale(1.12);
}

.quality-card:hover .quality-arrow,
.quality-card:focus-within .quality-arrow {
  transform: scale(1.08);
}

.quality-card h3 {
  margin: 0 0 0.5rem;
  font-size: 1.12rem;
  color: #f8fafc;
  text-align: center;
  position: relative;
  z-index: 1;
  letter-spacing: -0.01em;
}

.quality-card p {
  margin: 0;
  color: rgba(241, 245, 249, 0.9);
  font-size: 0.88rem;
  line-height: 1.55;
  text-align: center;
  position: relative;
  z-index: 1;
}

.quality-card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100%;
  position: relative;
  z-index: 1;
}

.quality-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.75rem;
  position: relative;
  z-index: 1;
}

.quality-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.32rem 0.62rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #0f172a;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.quality-arrow {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.92);
  color: #0f172a;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 700;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.country-map-head {
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  padding: 0.25rem 0.15rem 0.25rem 1rem;
  margin-top: 50px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.country-map-head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35rem;
  bottom: 0.35rem;
  width: 2px;
  background: linear-gradient(180deg, rgba(255, 146, 6, 0.9) 0%, rgba(8, 145, 178, 0.65) 100%);
}

.country-map-eyebrow {
  display: inline-flex;
  margin: 0 0 0.45rem;
  padding: 0.12rem 0.45rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0f172a;
  border: 0;
  background: rgba(255, 146, 6, 0.12);
}

.country-map-copy {
  margin: 0 0 0.95rem;
  font-size: 0.93rem;
  line-height: 1.62;
  color: #334155;
  max-width: 72ch;
}

.country-map-panels {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(240px, 1fr);
  gap: 0.85rem;
  align-items: start;
}

.country-map-focus {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.5rem;
}

.country-map-focus li {
  position: relative;
  padding: 0.08rem 0 0.08rem 1rem;
  border: 0;
  background: transparent;
  font-size: 0.88rem;
  font-weight: 500;
  color: #0f172a;
}

.country-map-focus li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #ff9206;
  box-shadow: 0 0 0 4px rgba(255, 146, 6, 0.18);
}

.country-map-metrics {
  display: block;
  position: relative;
  width: 100%;
  max-width: 380px;
  min-height: 200px;
  margin-left: 0;
  justify-self: start;
  align-self: start;
  isolation: isolate;
  padding: 0.5rem 0 0.75rem;
}

/* Metrik kartlari: capraz yerlesim; duz govde; clip-path (sabit deger) ile dikdortgen disi form; metin pseudo altinda kalmaz */
.country-metric {
  position: relative;
  width: 100%;
  max-width: 308px;
  margin: 0;
  border: 0;
  border-radius: 0;
  color: #0f172a;
  background:
    repeating-linear-gradient(
      -26deg,
      transparent,
      transparent 8px,
      rgba(15, 23, 42, 0.028) 8px,
      rgba(15, 23, 42, 0.028) 9px
    ),
    linear-gradient(168deg, #ffffff 0%, #f1f5f9 48%, #e2e8f0 100%);
  padding: 1.25rem 1.2rem 1.3rem 1.45rem;
  -webkit-clip-path: polygon(0 22px, 22px 0, 100% 0, 100% calc(100% - 26px), calc(100% - 26px) 100%, 0 100%);
  clip-path: polygon(0 22px, 22px 0, 100% 0, 100% calc(100% - 26px), calc(100% - 26px) 100%, 0 100%);
  transform: translate(-12px, -14px);
  z-index: 1;
  box-shadow: none;
  filter:
    drop-shadow(0 0 0 1px rgba(15, 23, 42, 0.12))
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.9))
    drop-shadow(0 10px 26px rgba(15, 23, 42, 0.1));
  transition:
    opacity 0.5s ease,
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.country-metric:nth-child(1) {
  z-index: 1;
}

.country-metric:nth-child(2) {
  max-width: 300px;
  margin-top: -2.75rem;
  margin-left: auto;
  margin-right: 0;
  transform: translate(22px, 12px);
  z-index: 2;
  -webkit-clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 26px 100%, 0 calc(100% - 26px));
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 26px 100%, 0 calc(100% - 26px));
}

.country-map.reveal .country-metric {
  opacity: 0;
}

.country-map.reveal.visible .country-metric {
  opacity: 1;
  filter:
    drop-shadow(0 0 0 1px rgba(15, 23, 42, 0.12))
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.9))
    drop-shadow(0 10px 26px rgba(15, 23, 42, 0.1));
  transition:
    opacity 0.55s ease,
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.45s ease;
}

.country-metric > * {
  position: relative;
  z-index: 2;
}

.country-map.reveal.visible .country-metric:nth-child(1) {
  transition-delay: 0.08s;
}

.country-map.reveal.visible .country-metric:nth-child(2) {
  transition-delay: 0.2s;
}

.country-metric::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  z-index: 1;
  background: linear-gradient(180deg, #0c4a6e 0%, #0e7490 26%, #0891b2 52%, #c2410c 100%);
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.28);
  pointer-events: none;
}

.country-metric:hover {
  z-index: 4;
  filter:
    drop-shadow(0 0 0 1px rgba(6, 182, 212, 0.35))
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.9))
    drop-shadow(0 6px 16px rgba(6, 182, 212, 0.12))
    drop-shadow(0 20px 40px rgba(15, 23, 42, 0.14));
}

.country-metric:nth-child(1):hover {
  transform: translate(-12px, -18px) scale(1.02);
}

.country-metric:nth-child(2):hover {
  transform: translate(22px, 6px) scale(1.02);
}

.country-metric-value {
  display: block;
  margin: 0 0 0.42rem;
  padding-left: 0.45rem;
  font-family: var(--font-head);
  font-variant-numeric: tabular-nums;
  font-size: clamp(1.8rem, 2.4vw, 2.2rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
  color: #0f172a;
  -webkit-font-smoothing: antialiased;
}

.country-metric-value .counter {
  display: inline-block;
  min-width: 2.5ch;
  font-weight: 800;
  color: #0e7490;
}

.country-metric-label {
  display: block;
  padding-left: 0.4rem;
  font-size: 0.72rem;
  line-height: 1.5;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #334155;
}

@media (prefers-reduced-motion: reduce) {
  .country-map.reveal .country-metric,
  .country-map.reveal.visible .country-metric {
    opacity: 1 !important;
    filter: none !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0s !important;
  }

  .country-metric,
  .country-metric:nth-child(1):hover,
  .country-metric:nth-child(2):hover {
    transform: none !important;
  }

  .country-metric:nth-child(2) {
    margin-top: 0.65rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.country-map-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.56fr) minmax(280px, 0.44fr);
  gap: clamp(1rem, 2.5vw, 1.75rem);
  align-items: start;
}

.country-map-wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 0;
  min-height: clamp(560px, 62vh, 780px);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
}

.map-grid-overlay {
  display: none;
}

.wireframe-globe {
  position: relative;
  flex: 0 0 auto;
  align-self: center;
  width: min(840px, 158%, 66vw);
  max-width: none;
  margin: 0 auto;
  aspect-ratio: 1 / 1;
  z-index: 1;
  opacity: 0;
  filter: blur(2px);
  transition: opacity 0.5s ease, filter 0.5s ease;
  overflow: hidden;
}

.wireframe-globe.is-visible {
  opacity: 1;
  filter: blur(0);
}

/* Küre konumu: yalnızca masaüstü (768px altı mobil kurallarda transform sıfırlanıyor) */
@media (min-width: 769px) {
  .country-map.section {
    position: relative;
  }

  /* Tüm harita bölümü altı: iletişime doğru kademeli açık geçiş */
  .country-map.section::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: clamp(5rem, 20vw, 14rem);
    z-index: 4;
    pointer-events: none;
    background: linear-gradient(
      to bottom,
      rgba(251, 253, 255, 0) 0%,
      rgba(251, 253, 255, 0.06) 14%,
      rgba(251, 253, 255, 0.22) 32%,
      rgba(248, 250, 252, 0.52) 52%,
      rgba(245, 250, 252, 0.82) 74%,
      #fbfdff 100%
    );
  }

  .wireframe-globe {
    transform: translate(50px, -50px);
    transition: opacity 0.5s ease, filter 0.5s ease, transform 0.5s ease;
  }

  /* Küre alanı altı: section::after ile üst üste yumuşak ikinci katman */
  .country-map-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: clamp(4.5rem, 16vw, 11rem);
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
      to bottom,
      rgba(251, 253, 255, 0) 0%,
      rgba(251, 253, 255, 0.12) 24%,
      rgba(251, 253, 255, 0.42) 48%,
      rgba(248, 250, 252, 0.85) 76%,
      #fbfdff 100%
    );
  }
}

@media (min-width: 901px) {
  .wireframe-globe {
    width: min(940px, 168%, 72vw);
  }
}

@keyframes pinPulse {
  0% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.35); }
  70% { box-shadow: 0 0 0 12px rgba(245, 158, 11, 0); }
  100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0); }
}

/* old form helpers removed – now using .contact-block__form* */

/* ── Bize Ulaşın — Premium ──────────────────────── */
.section-contact {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  overflow-y: visible;
  padding-top: clamp(3.5rem, 7vw, 6rem);
  padding-bottom: clamp(3.5rem, 7vw, 6rem);
  background-color: #eef4f6;
}

/* Endüstriyel görsel — düşük opaklık watermark + okunabilirlik örtüsü */
.section-contact::before {
  content: "";
  position: absolute;
  /* Yukarı taşı: görsel bölümün üstünde daha erken başlasın (önceki bölümle yumuşak birleşim) */
  top: clamp(-3.5rem, -9vw, -1.75rem);
  left: 0;
  right: 0;
  bottom: 0;
  background-image:
    /* Üst kenar: önceki bölüm → foto; uzun ve kademeli (keskin çizgi olmasın) */
    linear-gradient(
      to bottom,
      #fbfdff 0%,
      rgba(252, 253, 254, 0.98) 6%,
      rgba(244, 249, 251, 0.94) 14%,
      rgba(232, 241, 245, 0.72) 28%,
      rgba(218, 232, 238, 0.38) 44%,
      rgba(228, 237, 242, 0.16) 60%,
      rgba(251, 253, 255, 0.05) 78%,
      rgba(251, 253, 255, 0) 100%
    ),
    linear-gradient(
      118deg,
      rgba(251, 253, 255, 0.93) 0%,
      rgba(251, 253, 255, 0.82) 38%,
      rgba(240, 249, 250, 0.76) 68%,
      rgba(248, 250, 252, 0.9) 100%
    ),
    url("assets/images/industry/service-machine.jpg");
  background-size: auto, cover, cover;
  background-position: top center, center, 72% 22%;
  background-repeat: no-repeat;
  filter: grayscale(35%) saturate(0.85);
  opacity: 1;
  pointer-events: none;
  z-index: 0;
}

.section-contact > .container {
  position: relative;
  z-index: 1;
}

.contact-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: start;
}

.contact-block__info {
  padding: clamp(0.5rem, 2vw, 1rem) 0;
}

.contact-block__eyebrow {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: 0.75rem;
  padding: 0.26rem 0.8rem;
  border-radius: 999px;
  background: rgba(0, 151, 167, 0.1);
  border: 1px solid rgba(0, 151, 167, 0.22);
}

.contact-block__heading {
  margin: 0 0 0.85rem;
  font-size: clamp(1.5rem, 3vw, 2.15rem);
  line-height: 1.2;
  letter-spacing: -0.025em;
  color: var(--color-text);
}

.contact-block__desc {
  margin: 0 0 1.75rem;
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--color-muted);
  max-width: 480px;
}

.contact-block__stats {
  display: flex;
  gap: 1.75rem;
  margin-bottom: 1.75rem;
  padding-bottom: 1.75rem;
  border-bottom: 1px solid #e2e8f0;
}

.contact-block__stat {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.contact-block__stat-num {
  font-family: "Space Grotesk", "IBM Plex Sans", system-ui, sans-serif;
  font-size: 1.65rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--color-text);
  line-height: 1.1;
}

.contact-block__stat-label {
  font-size: 0.76rem;
  font-weight: 500;
  color: var(--color-muted);
  letter-spacing: 0.01em;
}

.contact-block__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.contact-block__wa {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.7rem 1.5rem;
  border-radius: 999px;
  background: linear-gradient(165deg, #26b5c4 0%, var(--color-primary) 45%, #007c8a 100%);
  color: var(--color-white);
  font-size: 0.88rem;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.24s ease, transform 0.24s ease, box-shadow 0.24s ease;
  box-shadow: 0 2px 14px rgba(0, 151, 167, 0.28);
}

.contact-block__wa svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.contact-block__wa:hover {
  background: linear-gradient(165deg, #33c2d1 0%, #00a8b8 48%, #006f7a 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 151, 167, 0.35);
}

.contact-block__wa:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.95),
    0 0 0 6px rgba(0, 151, 167, 0.35),
    0 2px 14px rgba(0, 151, 167, 0.28);
}

.contact-block__detail-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  transition: color 0.22s ease, gap 0.22s ease;
}

.contact-block__detail-link svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.22s ease;
}

.contact-block__detail-link:hover {
  color: #006f7a;
}

.contact-block__detail-link:hover svg {
  transform: translateX(3px);
}

.contact-block__social {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.contact-block__social a {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.96);
  border: 1px solid rgba(15, 23, 42, 0.12);
  color: #0f172a;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
  transition:
    background 0.22s ease,
    color 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.contact-block__social a:hover {
  background: #ffffff;
  border-color: rgba(0, 151, 167, 0.4);
  color: #0c4a52;
  box-shadow:
    0 4px 14px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 1);
  transform: translateY(-2px);
}

.contact-block__social a:focus-visible {
  outline: none;
  border-color: rgba(0, 151, 167, 0.55);
  box-shadow:
    0 0 0 3px rgba(0, 151, 167, 0.22),
    0 1px 3px rgba(15, 23, 42, 0.06);
}

.contact-block__social svg {
  width: 20px;
  height: 20px;
}

/* ── Form kartı ── */
.contact-block__form-wrap {
  position: relative;
}

.contact-block__form-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  box-shadow:
    0 1px 3px rgba(15, 23, 42, 0.04),
    0 12px 32px rgba(15, 23, 42, 0.07);
}

.contact-block__form-title {
  margin: 0 0 0.3rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.02em;
}

.contact-block__form-sub {
  margin: 0 0 1.35rem;
  font-size: 0.84rem;
  color: #64748b;
  line-height: 1.5;
}

.contact-block__form {
  display: grid;
  gap: 0.7rem;
}

.contact-block__form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.7rem;
}

.contact-block__form input,
.contact-block__form textarea {
  width: 100%;
  padding: 0.72rem 0.9rem;
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
  font-family: inherit;
  font-size: 0.88rem;
  color: #0f172a;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

.contact-block__form input:focus,
.contact-block__form textarea:focus {
  outline: none;
  border-color: #06b6d4;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.1);
}

.contact-block__form input::placeholder,
.contact-block__form textarea::placeholder {
  color: #94a3b8;
}

.contact-block__form textarea {
  resize: vertical;
  min-height: 100px;
}

.contact-block__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.78rem 1.5rem;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);
  color: #fff;
  font-family: inherit;
  font-size: 0.92rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.24s ease, box-shadow 0.24s ease, background 0.24s ease;
  box-shadow: 0 2px 10px rgba(8, 145, 178, 0.2);
}

.contact-block__submit svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.22s ease;
}

.contact-block__submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(8, 145, 178, 0.3);
}

.contact-block__submit:hover svg {
  transform: translateX(3px);
}

.contact-block__submit:active {
  transform: translateY(0);
}

.scroll-to-top {
  position: fixed;
  right: 1.25rem;
  bottom: 1.35rem;
  z-index: 45;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 2px solid rgba(255, 146, 4, 0.42);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #ff9204;
  box-shadow:
    0 2px 8px rgba(255, 146, 4, 0.12),
    0 14px 36px rgba(2, 6, 23, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition:
    opacity 0.28s ease,
    visibility 0.28s ease,
    transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    box-shadow 0.28s ease;
}

.scroll-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.scroll-to-top.is-visible:hover {
  transform: translateY(-2px) scale(1.05);
}

.scroll-to-top:hover {
  background: linear-gradient(155deg, #ffb84d 0%, #ff9204 48%, #e67a00 100%);
  color: #ffffff;
  border-color: rgba(255, 200, 120, 0.55);
  box-shadow:
    0 6px 20px rgba(255, 146, 4, 0.38),
    0 18px 40px rgba(2, 6, 23, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.scroll-to-top:active.is-visible {
  transform: translateY(0) scale(0.97);
}

.scroll-to-top:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.95),
    0 0 0 6px rgba(255, 146, 4, 0.45),
    0 14px 36px rgba(2, 6, 23, 0.14);
}

@media (max-width: 600px) {
  .scroll-to-top {
    right: 1rem;
    bottom: max(1rem, calc(env(safe-area-inset-bottom, 0px) + 0.75rem));
  }
}

/* WhatsApp FAB — sol alt; yukarı dön sağ altta */
.whatsapp-fab {
  position: fixed;
  left: 1.25rem;
  bottom: 1.35rem;
  z-index: 45;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  padding: 0;
  border-radius: 50%;
  background: linear-gradient(160deg, #33c2d1 0%, var(--color-primary) 42%, #007c8a 100%);
  color: #ffffff;
  box-shadow:
    0 3px 14px rgba(0, 151, 167, 0.4),
    0 14px 32px rgba(2, 6, 23, 0.18);
  transition:
    transform 0.22s ease,
    background 0.22s ease,
    box-shadow 0.22s ease;
}

.whatsapp-fab:hover {
  background: linear-gradient(160deg, #45d0de 0%, #00a8b8 45%, #006f7a 100%);
  color: #ffffff;
  transform: translateY(-2px) scale(1.04);
  box-shadow:
    0 6px 20px rgba(0, 151, 167, 0.45),
    0 18px 36px rgba(2, 6, 23, 0.16);
}

.whatsapp-fab:active {
  transform: translateY(0) scale(0.98);
}

.whatsapp-fab:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.95),
    0 0 0 6px rgba(0, 151, 167, 0.4),
    0 14px 32px rgba(2, 6, 23, 0.18);
}

.whatsapp-fab__ico {
  display: grid;
  place-items: center;
  line-height: 0;
}

.whatsapp-fab__ico svg {
  display: block;
}

@media (max-width: 600px) {
  .whatsapp-fab {
    left: 1rem;
    bottom: max(1rem, calc(env(safe-area-inset-bottom, 0px) + 0.75rem));
  }
}

.site-footer {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.14), transparent 40%),
    radial-gradient(circle at 88% 18%, rgba(245, 166, 35, 0.14), transparent 42%),
    linear-gradient(180deg, #058c94 0%, #046a71 100%);
  color: #cbd5e1;
  padding: clamp(2rem, 4vw, 2.85rem) 0 0;
  border-top: 0;
  position: relative;
  overflow: hidden;
}

.site-footer::before {
  content: "";
  position: absolute;
  left: calc(-8% + 25px);
  top: calc(42% - 10px);
  width: min(700px, 60vw);
  height: min(330px, 33vw);
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.12);
  opacity: 0.22;
  pointer-events: none;
  z-index: 0;
  -webkit-mask-image: url("assets/images/montak-logo.svg");
  mask-image: url("assets/images/montak-logo.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.site-footer a {
  color: #dbeafe;
}

.footer-main {
  padding: 2.25rem 0 2rem;
  display: grid;
  grid-template-columns: 1.15fr 0.95fr 1.25fr;
  gap: 2rem;
  align-items: start;
  position: relative;
  z-index: 1;
}

.footer-col h3 {
  margin-top: 0;
  color: #f1f5f9;
  font-size: 1rem;
  font-family: inherit;
  line-height: 1.25;
  margin-bottom: 0.9rem;
}

.footer-col p {
  color: #cbd5e1;
  margin: 0 0 0.65rem;
  font-size: 0.95rem;
  line-height: 1.55;
}

.footer-address-block {
  margin: 0 0 1.25rem !important;
  padding-bottom: 1.15rem;
  border-bottom: 1px solid rgba(241, 245, 249, 0.28);
}

.footer-contact-lines {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.15rem;
}

.footer-contact-lines .contact-line {
  margin-bottom: 0;
}

.footer-contact-lines .contact-line:last-child {
  margin-bottom: 0;
}

.footer-contact-sep {
  margin: 1.1rem 0 0.85rem;
  padding: 0;
  border: 0;
  height: 0;
  border-top: 1px solid rgba(241, 245, 249, 0.28);
}

.footer-hours-block {
  margin: 0;
  padding: 0;
}

.footer-hours-block__title {
  margin: 0 0 0.65rem;
  color: #f1f5f9;
  font-size: 1rem;
  font-family: inherit;
  line-height: 1.25;
  font-weight: 700;
}

.footer-hours-block .footer-hours-line {
  margin-bottom: 0;
}

.social-links {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1.1rem;
}

.social-minimal a {
  display: inline;
  place-items: initial;
  width: auto;
  height: auto;
  border-radius: 0;
  border: 0;
  font-size: inherit;
}

.service-card {
  min-height: 210px;
  position: relative;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
}

.stat-card {
  text-align: left;
  border-color: #d6e2ef;
}

.media-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 2px;
  border: 1px solid rgba(14, 116, 144, 0.18);
  pointer-events: none;
}

.product-thumb {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 2px;
  border: 1px solid #e2e8f0;
  margin-bottom: 0.85rem;
  background: #fff;
}

.image-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
}

.image-gallery-grid img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 2px;
  border: 1px solid #e2e8f0;
}

/* ── Katalog: üst kahraman `page-hero` şablonu; aşağıda carousel (montak-pcat) ── */

.montak-pcat {
  margin-top: clamp(0.35rem, 1.5vw, 0.85rem);
  --pcat-gap: clamp(0.65rem, 2.2vw, 1.35rem);
  --pcat-per-view: var(--pcat-pv-desktop, 3);
}

@media (max-width: 900px) {
  .montak-pcat {
    --pcat-per-view: min(var(--pcat-pv-desktop, 3), 2);
  }
}

@media (max-width: 560px) {
  .montak-pcat {
    --pcat-per-view: 1;
  }
}

/* Katalog: hizmetler vitrini (başlık + kart ızgarası) */
.catalog-services-showcase {
  position: relative;
  padding-top: clamp(2rem, 5vw, 3.25rem);
  padding-bottom: clamp(2.5rem, 6vw, 4rem);
  overflow-x: clip;
}

.catalog-services-showcase__container {
  position: relative;
  z-index: 1;
}

.catalog-services-showcase__head {
  text-align: center;
  max-width: 46rem;
  margin-inline: auto;
  margin-bottom: clamp(2rem, 4.5vw, 2.85rem);
}

.catalog-services-showcase__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0 0 0.85rem;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #64748b;
}

.catalog-services-showcase__eyebrow-line {
  display: block;
  width: 2.35rem;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--color-primary) 0%, #0a6d78 100%);
}

.catalog-services-showcase__title {
  margin: 0 0 0.9rem;
  font-family: var(--font-head);
  font-size: clamp(1.55rem, 3.2vw, 2.35rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.12;
  color: #0f172a;
}

.catalog-services-showcase__title-main {
  display: inline;
  color: #0f172a;
}

.catalog-services-showcase__title-accent {
  display: inline;
  color: var(--color-accent);
  margin-left: 0.35rem;
}

.catalog-services-showcase__lead {
  margin: 0 auto 1rem;
  max-width: 52ch;
  font-size: clamp(0.92rem, 1.4vw, 1.02rem);
  line-height: 1.65;
  color: #64748b;
}

.catalog-services-showcase__all {
  margin: 0;
}

.catalog-services-showcase__all-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 600;
  font-size: 0.92rem;
  color: var(--color-primary);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.catalog-services-showcase__all-link:hover {
  border-bottom-color: rgba(0, 151, 167, 0.45);
}

.catalog-services-showcase__all-link svg {
  flex-shrink: 0;
}

.catalog-services-showcase__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.35rem);
  max-width: min(92rem, 100%);
  margin-inline: auto;
}

@media (min-width: 1024px) {
  .catalog-services-showcase__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(0.85rem, 1.5vw, 1.2rem);
  }
}

.catalog-showcase-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
  border-radius: clamp(12px, 1.4vw, 16px);
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.92) inset,
    0 4px 8px rgba(15, 23, 42, 0.03),
    0 20px 44px rgba(15, 43, 90, 0.07);
  overflow: visible;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease, border-color 0.25s ease;
}

.catalog-showcase-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 1.25rem;
  right: 1.25rem;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: linear-gradient(90deg, var(--color-primary) 0%, #0d9488 50%, var(--color-accent) 100%);
  opacity: 0.92;
  pointer-events: none;
  z-index: 3;
}

.catalog-showcase-card:hover {
  transform: translateY(-5px);
  border-color: rgba(0, 151, 167, 0.18);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 10px 16px rgba(15, 23, 42, 0.04),
    0 28px 56px rgba(15, 43, 90, 0.12);
}

.catalog-showcase-card__media-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.catalog-showcase-card__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  margin: 0.65rem 0.65rem 0;
  width: calc(100% - 1.3rem);
  border-radius: clamp(10px, 1.2vw, 13px);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

.catalog-showcase-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.02);
  transition: transform 0.45s ease;
}

.catalog-showcase-card:hover .catalog-showcase-card__img {
  transform: scale(1.06);
}

.catalog-showcase-card__media-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(15, 23, 42, 0.55) 0%, rgba(0, 90, 99, 0.15) 38%, transparent 55%);
  pointer-events: none;
}

.catalog-showcase-card__icon {
  position: relative;
  z-index: 2;
  align-self: flex-start;
  margin: -1.65rem 0 0 clamp(1rem, 2vw, 1.35rem);
  display: grid;
  place-items: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 14px;
  background: linear-gradient(145deg, #00b4c5 0%, var(--color-primary) 45%, #0a6e78 100%);
  color: #fff;
  border: 2px solid #fff;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.25) inset,
    0 8px 22px rgba(0, 151, 167, 0.32),
    0 0 0 1px rgba(245, 166, 35, 0.18);
}

.catalog-showcase-card__icon svg {
  width: 1.55rem;
  height: 1.55rem;
}

.catalog-showcase-card__body {
  display: flex;
    flex-direction: column;
  flex: 1 1 auto;
  align-items: flex-start;
  text-align: left;
  padding: 0.35rem clamp(1.15rem, 2.3vw, 1.45rem) clamp(1.25rem, 2.6vw, 1.5rem);
}

.catalog-showcase-card__title {
  margin: 0 0 0.45rem;
  font-family: var(--font-head);
  font-size: clamp(1.04rem, 1.55vw, 1.18rem);
  font-weight: 700;
  letter-spacing: -0.022em;
  line-height: 1.25;
  color: #0f172a;
}

.catalog-showcase-card__desc {
  margin: 0 0 1.05rem;
  font-size: 0.895rem;
  line-height: 1.62;
  color: #64748b;
    flex: 1 1 auto;
}

.catalog-showcase-card__cta {
    display: inline-flex;
    align-items: center;
  gap: 0.4rem;
  margin-top: auto;
  padding: 0.48rem 0.95rem;
  font-weight: 600;
  font-size: 0.84rem;
  color: #0a6e78;
  text-decoration: none;
  width: fit-content;
  border-radius: 999px;
  border: 1px solid rgba(0, 151, 167, 0.28);
  background: rgba(255, 255, 255, 0.8);
  transition: gap 0.2s ease, color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.catalog-showcase-card__cta:hover {
  gap: 0.55rem;
  color: #fff;
  background: linear-gradient(135deg, var(--color-primary), #0a6e78);
  border-color: transparent;
  box-shadow: 0 6px 18px rgba(0, 151, 167, 0.25);
}

.catalog-showcase-card__cta:hover .catalog-showcase-card__cta-icon {
  color: #fff;
}

.catalog-showcase-card__cta:focus-visible {
  outline: 2px solid rgba(245, 166, 35, 0.55);
  outline-offset: 3px;
  border-radius: 2px;
}

.catalog-showcase-card--featured {
  background: linear-gradient(165deg, #ffffff 0%, #f8fafc 45%, #fff9f0 100%);
  border-color: rgba(245, 166, 35, 0.22);
}

.catalog-showcase-card--featured::before {
  opacity: 1;
  left: 0.85rem;
  right: 0.85rem;
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 55%, #f59e0b 100%);
}

.catalog-showcase-card--featured .catalog-showcase-card__body {
  border-bottom: none;
  padding-bottom: clamp(1.25rem, 2.6vw, 1.5rem);
}

@media (max-width: 640px) {
  .catalog-services-showcase {
  padding-inline: max(0px, env(safe-area-inset-left, 0px)) max(0px, env(safe-area-inset-right, 0px));
}

  .catalog-services-showcase__title-accent {
    display: block;
    margin-left: 0;
    margin-top: 0.2rem;
  }

  .catalog-services-showcase__grid {
    grid-template-columns: 1fr;
    max-width: 22rem;
  }

  .catalog-showcase-card__icon {
    margin-left: 1rem;
  }
}

.montak-pcat__stage {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: min(78vh, 720px);
  padding: clamp(2.5rem, 7vw, 4.5rem) 0 clamp(2rem, 4vw, 3rem);
  overflow: hidden;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.montak-pcat__ambient {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 95% 70% at 50% 18%, rgba(255, 255, 255, 0.92), transparent 58%),
    linear-gradient(180deg, #fbfdff 0%, var(--color-bg-soft) 42%, #eef2f7 100%);
}

.montak-pcat__scroller {
  position: relative;
  z-index: 1;
  max-width: min(1180px, 100%);
  margin: 0 auto;
  overflow: visible;
}

.montak-pcat__viewport {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: visible;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scroll-padding-inline: clamp(1.25rem, 5vw, 3rem);
  -webkit-overflow-scrolling: touch;
  padding: clamp(1.25rem, 3vw, 2rem) clamp(3.25rem, 10vw, 5.5rem) 0.5rem;
  scrollbar-width: none;
  outline: none;
  cursor: grab;
  /* Kenarlarda kartın “makasla kesilmiş” görünmesini yumuşatır (beyaz kutu yerine içerik solması) */
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    rgba(0, 0, 0, 0.18) 4%,
    rgba(0, 0, 0, 0.55) 9%,
    rgba(0, 0, 0, 0.88) 14%,
    #000 20%,
    #000 80%,
    rgba(0, 0, 0, 0.88) 86%,
    rgba(0, 0, 0, 0.55) 91%,
    rgba(0, 0, 0, 0.18) 96%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    rgba(0, 0, 0, 0.18) 4%,
    rgba(0, 0, 0, 0.55) 9%,
    rgba(0, 0, 0, 0.88) 14%,
    #000 20%,
    #000 80%,
    rgba(0, 0, 0, 0.88) 86%,
    rgba(0, 0, 0, 0.55) 91%,
    rgba(0, 0, 0, 0.18) 96%,
    transparent 100%
  );
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
}

.montak-pcat__viewport:active {
  cursor: grabbing;
}

.montak-pcat__viewport::-webkit-scrollbar {
  display: none;
}

.montak-pcat__viewport:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(0, 151, 167, 0.28);
  border-radius: 16px;
}

.montak-pcat__fab {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 48px;
  height: 48px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.78);
  color: #0f172a;
  cursor: pointer;
  box-shadow:
    0 4px 20px rgba(2, 6, 23, 0.08),
    0 0 0 1px rgba(255, 255, 255, 0.6) inset;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition:
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.2s ease,
    box-shadow 0.2s ease,
    opacity 0.2s ease;
}

.montak-pcat__fab--prev {
  left: max(clamp(0.35rem, 2vw, 1rem), env(safe-area-inset-left, 0px));
}

.montak-pcat__fab--next {
  right: max(clamp(0.35rem, 2vw, 1rem), env(safe-area-inset-right, 0px));
}

.montak-pcat__fab:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.96);
  transform: translateY(-50%) scale(1.06);
  box-shadow:
    0 12px 32px rgba(2, 6, 23, 0.12),
    0 0 0 1px rgba(0, 151, 167, 0.12) inset;
  color: var(--color-primary);
}

.montak-pcat__fab:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 3px rgba(0, 151, 167, 0.35),
    0 8px 28px rgba(2, 6, 23, 0.1);
}

.montak-pcat__fab:disabled {
  opacity: 0.22;
  cursor: not-allowed;
  transform: translateY(-50%);
}

.montak-pcat__track {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--pcat-gap, clamp(0.65rem, 2.2vw, 1.35rem));
  margin: 0 auto;
  padding: 0 clamp(1.25rem, 6vw, 4rem) 0.25rem;
}

.montak-pcat__slide {
  flex: 0 0 calc((100% - (var(--pcat-per-view, 3) - 1) * var(--pcat-gap, 1.1rem)) / var(--pcat-per-view, 3));
  scroll-snap-align: center;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease;
  transform: scale(0.91);
  opacity: 0.58;
}

.montak-pcat__slide.is-active {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
}

.montak-pcat__card {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  background: #0f172a;
  box-shadow: 0 8px 28px rgba(2, 6, 23, 0.22);
  transition: box-shadow 0.45s ease, transform 0.45s ease;
}

.montak-pcat__slide.is-active .montak-pcat__card {
  box-shadow:
    0 28px 60px rgba(2, 6, 23, 0.18),
    0 0 0 1px rgba(0, 151, 167, 0.22);
}

.montak-pcat__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  background: #0f172a;
}

.montak-pcat__tag {
  position: absolute;
  top: 0.85rem;
  right: 0.9rem;
  z-index: 1;
  font-family: var(--font-body);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0 1px 3px rgba(2, 6, 23, 0.45);
}

@media (max-width: 768px) {
  .montak-pcat__stage {
    min-height: min(62vh, 560px);
    padding-top: clamp(1.75rem, 5vw, 2.75rem);
    padding-bottom: clamp(1.35rem, 4vw, 2.25rem);
  }

  .montak-pcat__viewport {
    scroll-padding-inline: max(clamp(1rem, 4vw, 2rem), env(safe-area-inset-left, 0px));
    padding-block: clamp(1rem, 2.5vw, 1.5rem) 0.35rem;
  }

  .montak-pcat__track {
    padding-inline: max(clamp(0.85rem, 4vw, 2rem), env(safe-area-inset-left, 0px)) max(clamp(0.85rem, 4vw, 2rem), env(safe-area-inset-right, 0px));
  }
}

@media (max-width: 520px) {
  .montak-pcat__fab {
    width: 46px;
    height: 46px;
  }

  .montak-pcat__viewport {
    padding-inline: clamp(2.85rem, 14vw, 4.25rem);
  }

  .montak-pcat__tag {
    font-size: 0.62rem;
    top: 0.65rem;
    right: 0.7rem;
  }

  .montak-pcat__card {
    border-radius: 12px;
  }
}

@media (max-width: 380px) {
  .montak-pcat__fab {
    width: 42px;
    height: 42px;
  }

  .montak-pcat__viewport {
    padding-inline: clamp(2.5rem, 13vw, 3.5rem);
  }
}

.feature-grid .card {
  overflow: hidden;
}

.feature-image {
  width: calc(100% + 2.5rem);
  margin: -1.25rem -1.25rem 0.9rem;
  height: 180px;
  object-fit: cover;
  display: block;
}

.marquee {
  overflow: hidden;
  border: 1px solid #d7e6ea;
  border-radius: 2px;
  background: #fff;
}

.marquee-track {
  display: flex;
  gap: 2rem;
  width: max-content;
  padding: 1rem 1.25rem;
  animation: marquee 26s linear infinite;
}

.marquee-track span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  height: 44px;
  border: 1px solid #e2e8f0;
  border-radius: 2px;
  color: #334155;
  font-size: 0.9rem;
  font-weight: 600;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Scroll animasyon varyantlari (.reveal + .visible, JS: IntersectionObserver) */
.reveal.reveal--fade {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal.reveal--fade.visible {
  opacity: 1;
  transform: translateY(0);
}

.reveal.reveal--lift {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.62s ease, transform 0.68s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal.reveal--lift.visible {
  opacity: 1;
  transform: translateY(0);
}

.reveal.reveal--from-left {
  opacity: 0;
  transform: translateX(-42px);
  transition: opacity 0.58s ease, transform 0.62s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal.reveal--from-left.visible {
  opacity: 1;
  transform: translateX(0);
}

.reveal.reveal--from-right {
  opacity: 0;
  transform: translateX(42px);
  transition: opacity 0.58s ease, transform 0.62s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal.reveal--from-right.visible {
  opacity: 1;
  transform: translateX(0);
}

.reveal.reveal--zoom {
  opacity: 0;
  transform: translateY(22px) scale(0.96);
  transition: opacity 0.58s ease, transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal.reveal--zoom.visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Bölüm görünürken iç kart / satır / sütun kademeli giriş (JS: .montak-reveal-item + --montak-reveal-i) */
.reveal .montak-reveal-item {
  opacity: 0;
  transform: translate3d(0, 1.35rem, 0);
  transition:
    opacity 0.58s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: calc(var(--montak-reveal-i, 0) * 70ms);
}

.reveal.visible .montak-reveal-item {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal.visible {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition-duration: 0.01ms !important;
  }

  .reveal .montak-reveal-item,
  .reveal.visible .montak-reveal-item {
    opacity: 1 !important;
    transform: none !important;
    transition-delay: 0ms !important;
    transition-duration: 0.01ms !important;
  }
}

.cursor-follower {
  display: none;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 1.5rem;
}

.footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.62rem;
}

.footer-bottom {
  border-top: 1px solid rgba(148, 163, 184, 0.24);
  padding: 1rem 0 1.15rem;
  text-align: center;
  position: relative;
  z-index: 1;
}

.footer-bottom-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.65rem;
}

.footer-legal {
  width: 100%;
}

.footer-legal-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem 0;
  font-size: 0.8125rem;
  line-height: 1.5;
}

.footer-legal-list li {
  display: inline-flex;
  align-items: center;
}

.footer-legal-list li + li {
  border-left: 1px solid rgba(241, 245, 249, 0.22);
  padding-left: 0.75rem;
  margin-left: 0.75rem;
}

.footer-bottom .footer-legal-list a {
  color: rgba(241, 245, 249, 0.88);
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.footer-bottom .footer-legal-list a:hover,
.footer-bottom .footer-legal-list a:focus-visible {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.footer-copyright {
  margin: 0;
  max-width: 42rem;
  text-align: center;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: rgba(203, 213, 225, 0.9);
}

.footer-powered {
  margin: 0;
  max-width: 42rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.4;
  color: rgba(148, 163, 184, 0.75);
  letter-spacing: 0.04em;
}

@media (max-width: 520px) {
  .footer-legal-list {
    flex-direction: column;
    gap: 0.4rem;
  }

  .footer-legal-list li + li {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
  }
}

.footer-reference .footer-menu li {
  margin-bottom: 0.35rem;
}

/* Services sütunu: başlık ve linkler beyaz */
.footer-reference .footer-col.ref-list:has(.footer-menu) h3 {
  color: #ffffff;
}

.footer-reference .footer-menu a {
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.45;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.footer-reference .footer-menu a:hover,
.footer-reference .footer-menu a:focus-visible {
  color: rgba(255, 255, 255, 0.82);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.contact-line {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.contact-ico {
  width: 18px;
  display: inline-grid;
  place-items: center;
  opacity: 0.92;
  color: #e6f3ff;
}

.contact-ico svg {
  width: 16px;
  height: 16px;
  display: block;
}

.ref-subscribe p {
  margin-bottom: 0.75rem;
}

/* Bülten: ≥640px JPG + sağ mask; ≤639px PNG; (721 eşiği tablette küçük görsel bırakıyordu) */
.site-newsletter {
  position: relative;
  /* clip yalnızca x iken bazı motorlarda scale taşması dikeyde bölümü şişirebiliyor */
  overflow: hidden;
  background-color: #e8f0f4;
  background-image:
    radial-gradient(ellipse 70% 55% at 18% 88%, rgba(0, 151, 167, 0.1), transparent 58%),
    radial-gradient(ellipse 55% 45% at 92% 12%, rgba(15, 43, 90, 0.06), transparent 52%),
    linear-gradient(180deg, #fbfdff 0%, #f1f6f9 40%, #e8f0f4 100%);
  color: var(--color-text);
  padding: clamp(1.15rem, 2.5vw, 1.85rem) 0 calc(28px + clamp(0.65rem, 1.8vw, 1.15rem));
  text-align: left;
  border-bottom: 0;
}

.site-newsletter__inner {
  max-width: min(100%, 980px);
  margin: 0 auto;
  /* Üst/alt padding yok: sol görsel çerçeveye dikey tam oturur; boşluk sağdaki .site-newsletter__content padding’inde */
  padding: 0;
  background: linear-gradient(
    165deg,
    rgba(255, 255, 255, 0.92) 0%,
    rgba(248, 250, 252, 0.78) 48%,
    rgba(241, 246, 249, 0.72) 100%
  );
  border: 1px solid rgba(15, 43, 90, 0.1);
  border-radius: clamp(10px, 1.2vw, 15px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 10px 34px -16px rgba(15, 43, 90, 0.12),
    0 3px 12px -4px rgba(0, 151, 167, 0.07);
  overflow: hidden;
}

.site-newsletter__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: clamp(0.5rem, 1.6vw, 1.1rem);
  align-items: stretch;
}

.site-newsletter__visual {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  min-height: clamp(100px, 14vh, 160px);
  padding: 0;
  margin-bottom: -0.25rem;
  border-radius: 0;
  background: transparent;
  isolation: isolate;
}

.site-newsletter__photo-wrap {
  position: relative;
  z-index: 1;
  align-self: flex-end;
  width: 100%;
  max-width: min(460px, 52vw);
  padding: 0;
  border-radius: 0;
  background: transparent;
  overflow: hidden;
  box-shadow: none;
  line-height: 0;
  transform: translateY(36px);
}

/* picture kutusu maske+arka plan birleşimini bozmasın; img wrap ile aynı stacking */
.site-newsletter__photo-wrap picture {
  display: contents;
}

/* Foto her yerde oranı korunur (contain); sağ fade yalnızca masaüstünde — aşağıdaki @media */
.site-newsletter__photo {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(180px, 22vh);
  object-fit: contain;
  object-position: 26% 100%;
  margin: 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  vertical-align: bottom;
}

@media (min-width: 640px) {
  .site-newsletter__grid {
    /* Sol sütun geniş + min genişlik: tablette de JPG düzeni (721’e kadar küçük kalmayı önler) */
    grid-template-columns: minmax(200px, 1.08fr) minmax(0, 0.92fr);
    align-items: stretch;
    min-height: clamp(210px, 28vh, 340px);
  }

  /* isolate + maske bazen “beyaz çerçeve” verir; masaüstünde kapat */
  .site-newsletter__visual {
    isolation: auto;
    /* flex + justify-content: stretch geçersizdi → içerik üstte kalıyordu; grid ile hücre tam dolar */
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    align-self: stretch;
    align-items: stretch;
    justify-items: stretch;
    margin-bottom: 0;
    min-height: 0;
    overflow: hidden;
    width: 100%;
    margin-left: 0;
  }

  /*
   * Görsel sütunu kart yüksekliğini baştan sona doldurur.
   */
  .site-newsletter__photo-wrap {
    position: relative;
    align-self: stretch;
    max-width: none;
    width: 100%;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    background: linear-gradient(180deg, #fbfdff 0%, #f1f6f9 40%, #e8f0f4 100%);
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    transform: none;
  }

  /* Metin tarafına doğru renk kayması — keskin dik çizgiyi kırar */
  .site-newsletter__photo-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
      90deg,
      transparent 0%,
      transparent 46%,
      rgba(251, 253, 255, 0.18) 58%,
      rgba(245, 249, 251, 0.68) 76%,
      rgba(241, 246, 249, 0.95) 91%,
      #f1f6f9 100%
    );
  }

  .site-newsletter__photo {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    height: 100%;
    max-height: none;
    object-fit: cover;
    /* Alt hizalı kırpım: dikeyde kartı doldurur, üst kask yuvarlaklıkta daha az kesilir */
    object-position: left bottom;
    -webkit-mask-image: linear-gradient(
      90deg,
      #000 0%,
      #000 18%,
      rgba(0, 0, 0, 0.92) 36%,
      rgba(0, 0, 0, 0.55) 58%,
      rgba(0, 0, 0, 0.14) 82%,
      rgba(0, 0, 0, 0) 100%
    );
    mask-image: linear-gradient(
      90deg,
      #000 0%,
      #000 18%,
      rgba(0, 0, 0, 0.92) 36%,
      rgba(0, 0, 0, 0.55) 58%,
      rgba(0, 0, 0, 0.14) 82%,
      rgba(0, 0, 0, 0) 100%
    );
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-mode: alpha;
    mask-mode: alpha;
  }

  .site-newsletter__content {
    justify-content: center;
  }
}

.site-newsletter__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: clamp(0.65rem, 1.75vw, 1.1rem);
  margin-left: 0;
  position: relative;
  z-index: 1;
}

.site-newsletter__notice {
  margin: 0 0 1rem;
  margin-inline-start: 0;
  max-width: 36rem;
  width: fit-content;
  min-width: min(100%, 18rem);
  text-align: left;
  font-size: 0.8rem;
  line-height: 1.4;
  padding: 0.5rem 0.85rem;
  border-radius: 2px;
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.site-newsletter__notice--ok {
  background: rgba(0, 151, 167, 0.08);
  color: #0f525a;
  border-color: rgba(0, 151, 167, 0.22);
}

.site-newsletter__notice--err {
  background: rgba(239, 68, 68, 0.06);
  color: #991b1b;
  border-color: rgba(239, 68, 68, 0.2);
}

.site-newsletter__eyebrow {
  margin: 0 0 0.35rem;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-primary);
}

.site-newsletter__title {
  margin: 0 0 0.45rem;
  margin-inline-start: 0;
  max-width: 32rem;
  font-family: var(--font-head);
  font-size: clamp(1.02rem, 2vw, 1.38rem);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #0f2b5a;
}

.site-newsletter__lead {
  margin: 0 0 0.8rem;
  margin-inline-start: 0;
  max-width: 34rem;
  font-family: var(--font-body);
  font-size: 0.84rem;
  line-height: 1.52;
  color: var(--color-muted);
}

.site-newsletter__form {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.3rem;
  width: 100%;
  max-width: 30rem;
  margin: 0;
  margin-inline-start: 0;
}

.site-newsletter__hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.site-newsletter__input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0.68rem 0.9rem;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 2px;
  background: var(--color-white);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: 0.9rem;
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.04);
}

.site-newsletter__input::placeholder {
  color: var(--color-muted);
  opacity: 0.75;
}

.site-newsletter__input:focus {
  outline: none;
  border-color: rgba(0, 151, 167, 0.45);
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.14);
}

.site-newsletter__submit {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  min-height: 42px;
  padding: 0 1rem;
  border: 0;
  border-radius: 2px;
  background: var(--color-primary);
  color: var(--color-white);
  font-family: var(--font-body);
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 4px 14px rgba(0, 151, 167, 0.22);
}

.site-newsletter__submit:hover {
  background: #0e7490;
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(8, 145, 178, 0.28);
}

.site-newsletter__submit:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.2), 0 4px 14px rgba(0, 151, 167, 0.22);
}

.site-newsletter__submit-ico {
  display: flex;
  line-height: 0;
}

.site-newsletter .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 639px) {
  .site-newsletter {
    padding-bottom: calc(28px + clamp(0.65rem, 1.8vw, 1.25rem));
  }

  .site-newsletter__grid {
    grid-template-columns: 1fr;
    gap: 0.35rem;
    align-items: stretch;
  }

  .site-newsletter__visual {
    min-height: 0;
    justify-content: center;
    margin-right: 0;
    margin-bottom: -0.15rem;
    padding-top: 0.35rem;
    border-radius: 0;
    background: transparent;
  }

  .site-newsletter__photo-wrap {
    max-width: min(280px, 82vw);
    margin-inline: auto;
    transform: translateY(12px);
    overflow: hidden;
  }

  .site-newsletter__photo-wrap picture {
    display: block;
  }

  /* Mobil: kesit PNG + alttan gradient (adamın altından metne yumuşak geçiş) */
  .site-newsletter__photo {
    max-height: min(220px, 42vh);
    width: auto;
    max-width: 100%;
    margin-inline: auto;
    object-fit: contain;
    object-position: center bottom;
    -webkit-mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 38%,
      rgba(0, 0, 0, 0.88) 55%,
      rgba(0, 0, 0, 0.45) 75%,
      rgba(0, 0, 0, 0.1) 90%,
      rgba(0, 0, 0, 0) 100%
    );
    mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 38%,
      rgba(0, 0, 0, 0.88) 55%,
      rgba(0, 0, 0, 0.45) 75%,
      rgba(0, 0, 0, 0.1) 90%,
      rgba(0, 0, 0, 0) 100%
    );
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-mode: alpha;
  }

  .site-newsletter__content {
    align-items: center;
    text-align: center;
    padding: clamp(0.65rem, 1.75vw, 1.1rem);
  }

  .site-newsletter__notice {
    margin-inline: auto;
    text-align: center;
    width: 100%;
    max-width: none;
  }

  .site-newsletter__title,
  .site-newsletter__lead {
    margin-inline: auto;
  }

  .site-newsletter__form {
    justify-content: center;
    margin-inline: auto;
    max-width: 28rem;
  }
}

@media (max-width: 560px) {
  .site-newsletter__form {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }

  .site-newsletter__submit {
    width: 100%;
    white-space: normal;
  }
}

/* Tam sayfa genişliği: .container dışında, doğrudan .site-footer altında */
.footer-map-strip {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0;
  padding: 0;
}

.footer-map-wrap {
  position: relative;
  margin-top: 0;
  max-width: none;
  width: 100%;
  border-radius: 0;
  overflow: hidden;
  border: 0;
  border-top: 1px solid rgba(34, 211, 238, 0.35);
  border-bottom: 1px solid rgba(34, 211, 238, 0.28);
  background: linear-gradient(180deg, rgba(4, 90, 96, 0.5) 0%, rgba(3, 52, 58, 0.65) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* Haritayı footer teal / lacivert ile kaynaştırır; tıklama iframe’e iner */
.footer-map-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(155deg, rgba(5, 140, 148, 0.38) 0%, rgba(5, 140, 148, 0.06) 42%, transparent 58%),
    linear-gradient(325deg, rgba(15, 43, 90, 0.22) 0%, transparent 48%),
    linear-gradient(180deg, transparent 0%, transparent 42%, rgba(2, 40, 44, 0.45) 100%);
  box-shadow:
    inset 0 0 120px rgba(2, 28, 32, 0.55),
    inset 0 0 36px rgba(5, 106, 113, 0.35);
  mix-blend-mode: multiply;
  opacity: 0.88;
}

.footer-map-frame {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: clamp(160px, 24vw, 280px);
  min-height: 140px;
  border: 0;
  filter: saturate(0.72) brightness(0.88) contrast(1.1) hue-rotate(-6deg);
  transform: translateZ(0);
}

.site-footer .footer-map-link {
  position: relative;
  z-index: 2;
  display: block;
  margin: 0;
  padding: 0.5rem 0.65rem;
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #a5f3fc;
  background: rgba(8, 145, 178, 0.22);
  border-top: 1px solid rgba(34, 211, 238, 0.28);
  transition: color 0.2s ease, background 0.2s ease;
}

.site-footer .footer-map-link:hover,
.site-footer .footer-map-link:focus-visible {
  color: #ecfeff;
  background: rgba(6, 182, 212, 0.28);
}

.subscribe-form {
  display: grid;
  grid-template-columns: 1fr 48px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(2, 6, 23, 0.2);
}

.subscribe-form input {
  border: 0;
  padding: 0.68rem 0.85rem;
  color: #0f172a;
  background: #ffffff;
  font-size: 0.86rem;
}

.subscribe-form button {
  border: 0;
  background: #0891b2;
  color: #ffffff;
  font-size: 1.15rem;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease;
}

.subscribe-form button:hover {
  background: #0e7490;
}

.ref-brand .social-links a {
  border: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  gap: 0;
  font-size: 0;
  line-height: 1;
  color: #ffffff;
  opacity: 0.9;
}

.social-ico {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
}

.social-ico svg {
  width: 24px;
  height: 24px;
  display: block;
}

/* Footer: tüm sosyal semboller aynı çerçeve ve SVG boyutu */
.ref-brand .social-links .social-ico {
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
}

.ref-brand .social-links .social-ico svg {
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  max-width: 22px;
  max-height: 22px;
  flex-shrink: 0;
}

.site-footer .footer-logo {
  margin-bottom: 0.9rem;
}

.site-footer .footer-logo .custom-logo-link {
  display: inline-flex;
}

/* Orijinal renkli logo + turkuaz zemin: beyaz hale ile okunurluk */
.site-footer .footer-logo > .site-logo-link {
  filter:
    drop-shadow(0 0 1px rgba(255, 255, 255, 0.95))
    drop-shadow(0 0 6px rgba(255, 255, 255, 0.55))
    drop-shadow(0 0 14px rgba(255, 255, 255, 0.35));
}

.site-footer .footer-logo img,
.site-footer .footer-logo .custom-logo,
.site-footer .footer-logo .site-logo-svg svg {
  height: 44px;
  width: auto;
  object-fit: contain;
}

@media (max-width: 900px) {
  body::before,
  body::after {
    display: none;
  }

  .container {
    width: min(100% - 1.2rem, var(--container));
  }

  .section {
    padding: 2.7rem 0;
  }

  .header-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 0.5rem;
    row-gap: 0.35rem;
    min-height: 88px;
    padding: 0.65rem 0;
  }

  .site-branding {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    justify-self: start;
    max-width: min(320px, 85vw);
  }

  .header-tools {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-left: 0;
    flex-shrink: 0;
  }

  .main-navigation {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    max-width: none;
  }

  .main-navigation .primary-menu {
    justify-content: flex-start;
  }

  .grid-3 {
    grid-template-columns: 1fr;
  }
  .grid-4 {
    grid-template-columns: 1fr 1fr;
  }
  .grid-2 {
    grid-template-columns: 1fr;
  }

  .blog-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    column-gap: 0.85rem;
    row-gap: 0.45rem;
    align-items: start;
  }

  .blog-head__text {
    display: contents;
  }

  .blog-head h2 {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    padding-right: 0;
    align-self: center;
  }

  .blog-head .section-intro {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 0 0 var(--space-3);
  }

  .blog-head .blog-head__cta {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    margin: 0;
    white-space: nowrap;
  }

  .blog-page-subhero .blog-page-back {
    width: 100%;
    max-width: 18rem;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-carousel {
    padding: 0;
  }

  .blog-carousel::before {
    left: 0;
  }

  .blog-carousel::after {
    right: 0;
  }

  .blog-track {
    gap: 0.75rem;
    scroll-padding-inline: calc(50% - (min(320px, 86vw) / 2));
  }

  .blog-card {
    width: min(320px, 86vw);
  }

  .country-map-layout {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }

  .country-map.section {
    padding-top: max(0.35rem, env(safe-area-inset-top, 0px));
    padding-bottom: clamp(1.25rem, 4vw, 2.25rem);
  }

  .country-map-copy {
    max-width: 72ch;
  }

  .country-map-panels {
    grid-template-columns: 1fr;
  }

  .country-map-metrics {
    width: 100%;
    max-width: 400px;
    margin-left: 0;
    margin-inline: auto;
    min-height: 188px;
  }

  .country-metric:nth-child(1) {
    transform: translate(-8px, -10px);
  }

  .country-metric:nth-child(2) {
    margin-top: -2.25rem;
    margin-left: auto;
    margin-right: 0;
    transform: translate(14px, 8px);
  }

  .country-metric:nth-child(1):hover {
    transform: translate(-8px, -14px) scale(1.02);
  }

  .country-metric:nth-child(2):hover {
    transform: translate(14px, 4px) scale(1.02);
  }

  .country-map-head {
    padding: 0.15rem 0 0.15rem 0.9rem;
    margin-top: 0.35rem;
    margin-bottom: 0;
  }

  .blog-arrow {
    display: none;
  }
  .stats-grid {
    grid-template-columns: 1fr 1fr;
  }

  .lang-switch-toggle {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    border: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    color: #0f172a;
  }

  .lang-switch-globe {
    width: 22px;
    height: 22px;
  }

  .lang-switch-toggle:hover,
  .lang-switch-toggle:focus-visible {
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #0e7490;
    outline: none;
  }

  .lang-switch-toggle:focus-visible {
    outline: 2px solid rgba(6, 182, 212, 0.45);
    outline-offset: 2px;
  }

  .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    margin: 0;
    padding: 0;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
    border-radius: 2px;
    cursor: pointer;
    flex-shrink: 0;
    transition:
      border-color 0.2s ease,
      background 0.2s ease,
      box-shadow 0.2s ease;
  }

  /* Arama: aynı dokunma alanı; kutu yok — yalnızca simge */
  .header-search-toggle {
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    color: #0f172a;
  }

  .header-search-toggle__ico {
    width: 22px;
    height: 22px;
  }

  .header-search-toggle:hover,
  .header-search-toggle:focus-visible {
    border: 0;
    box-shadow: none;
    background: transparent;
    color: #0e7490;
    outline: none;
  }

  .header-search-toggle:focus-visible {
    outline: 2px solid rgba(6, 182, 212, 0.45);
    outline-offset: 2px;
  }

  .site-header.is-search-open .header-search-toggle {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    color: #0e7490;
  }

  .lang-switch-toggle[aria-expanded="true"] {
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #0e7490;
  }

  .header-search-slot {
    display: contents;
  }

  .header-search-grow {
    display: none !important;
  }

  .menu-toggle:hover,
  .menu-toggle:focus-visible {
    border-color: rgba(6, 182, 212, 0.55);
    color: #0e7490;
    outline: none;
    box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.12);
  }

  .menu-toggle-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 5px;
    width: 1.2rem;
    height: 0.95rem;
  }

  .menu-toggle-bar {
    display: block;
    height: 2px;
    width: 100%;
    background: currentColor;
    border-radius: 2px;
    transform-origin: center;
    transition:
      transform 0.22s ease,
      opacity 0.18s ease;
  }

  .site-header.is-menu-open .menu-toggle-bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .site-header.is-menu-open .menu-toggle-bar:nth-child(2) {
    opacity: 0;
  }

  .site-header.is-menu-open .menu-toggle-bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .main-navigation {
    display: none;
  }

  .main-navigation.is-open {
    display: block;
  }

  .primary-menu {
    flex-direction: column;
    padding: 0.85rem 0 1.1rem;
    row-gap: 0.15rem;
    column-gap: 0;
    align-items: flex-start;
  }

  .primary-menu > li {
    width: 100%;
  }

  .primary-menu > li > a {
    width: 100%;
    padding: 0.7rem 0.35rem;
  }

  .primary-menu > li > a::after {
    left: 0.35rem;
    right: calc(100% - 100px);
  }

  .primary-menu .sub-menu {
    position: static;
    width: 100%;
    box-shadow: none;
    margin-top: 0.4rem;
    display: block;
  }

  .hero {
    padding: 4.5rem 0 3.25rem;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-main {
    grid-template-columns: 1fr 1fr;
  }

  .site-footer::before,
  .dark-service-matrix::after {
    opacity: 0.1;
  }

  .cta-premium {
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-premium-actions {
    width: 100%;
    min-width: 0;
    grid-template-columns: 1fr 1fr;
  }

  .hero-service-dock {
    margin-top: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hero-service-dock .dock-item--cert {
    padding: 0.55rem 0.28rem;
  }

  /* KOSGEB / ISO / TSE: aynı kare kutu + ISO ekstra ölçeği yok — eşit görsel boy */
  .hero-service-dock .dock-item--cert .dock-logo-wrap {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    max-width: 100%;
    margin-inline: auto;
  }

  .hero-service-dock .dock-item--cert .dock-logo {
    width: auto;
    height: auto;
    max-width: 92%;
    max-height: 92%;
    transform: none !important;
    object-fit: contain;
    object-position: center;
  }

  .hero-service-dock .dock-item--cert:hover .dock-logo,
  .hero-service-dock .dock-item--cert.dock-item--iso:hover .dock-logo {
    transform: scale(1.05) !important;
  }

  .hero-main-grid {
    grid-template-columns: 1fr;
  }

  .hero-slider-content h1 {
    font-size: clamp(1.95rem, 8.5vw, 2.8rem);
  }

  .hero-slider-content p {
    font-size: 0.96rem;
  }

  .why-track {
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 0.65rem;
    padding-top: 0.3rem;
  }

  .why-track::before {
    display: none;
  }

  .why-branch {
    justify-items: start;
    text-align: left;
    grid-template-columns: auto 1fr;
    gap: 0.65rem;
    font-size: 0.9rem;
    line-height: 1.42;
  }

  .why-branch::after {
    order: -1;
    margin-top: 0.16rem;
  }

  .why-premium,
  .innovation-grid,
  .dark-service-grid {
    grid-template-columns: 1fr;
  }

  .services-band--catalog-marquee .innovation-grid {
    grid-template-columns: 1fr;
  }

  .innovation-marquee-cell {
    width: clamp(220px, 82vw, 320px);
    height: clamp(176px, 48vw, 228px);
    max-width: 100%;
  }

  @supports (width: 1cqi) {
    .innovation-marquee-cell {
      width: min(100%, 82cqi, 20rem);
    }
  }

  .services-band .container::before {
    content: none;
  }

  .process-grid,
  .quality-strip {
    grid-template-columns: 1fr 1fr;
  }

  .sector-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(clamp(440px, 45vh, 620px), auto);
  }

  .sector-tile {
    min-height: 0;
    border-right: 1px solid rgba(15, 23, 42, 0.12);
    border-bottom: 1px solid rgba(15, 23, 42, 0.12);
  }

  .sector-tile:nth-child(2n) {
    border-right: 0;
  }

  .catalog-showcase-inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    justify-items: center;
    align-items: stretch;
    min-height: min(72vh, 640px);
    padding-block: clamp(1.75rem, 4vw, 2.5rem);
  }

  .catalog-showcase-head {
    text-align: center;
    max-width: min(100%, 36rem);
  }

  .catalog-showcase-head .catalog-section-actions {
    justify-content: center;
  }

  .catalog-carousel {
    max-width: min(100%, 320px);
    justify-self: center;
    width: 100%;
    height: 100%;
    min-height: 0;
  }

  .sector-face-foot .sector-title {
    font-size: 1.45rem;
  }

  .sector-tile:hover .sector-face,
  .sector-tile:focus-within .sector-face {
    transform: translateX(68%);
  }

  .sector-copy-inner {
    max-width: 64%;
  }

  .section-roadmap {
    padding-top: clamp(2.5rem, 6vw, 3.75rem);
    padding-bottom: clamp(2.5rem, 6vw, 3.75rem);
    background: linear-gradient(180deg, #fbfdff 0%, var(--color-bg-soft) 55%, #eef8f9 100%);
  }

  .roadmap-header {
    margin-bottom: clamp(1.25rem, 4vw, 1.85rem);
  }

  .roadmap-subtitle {
    font-size: 0.88rem;
    line-height: 1.6;
    color: var(--color-muted);
  }

  .roadmap__steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0;
  }

  .roadmap__track {
    display: none;
  }

  .roadmap__step {
    position: relative;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.65rem;
    text-align: left;
    padding: 0.85rem 0.85rem 1rem;
    margin: 0;
    border-radius: 20px;
    border: 1px solid rgba(0, 151, 167, 0.12);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.98) 0%, var(--color-bg-soft) 100%);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.95) inset,
      0 4px 18px rgba(0, 151, 167, 0.05);
    transition:
      opacity 0.5s ease,
      transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
      border-color 0.28s ease,
      box-shadow 0.28s ease;
  }

  .roadmap__step.is-active {
    border-color: rgba(0, 151, 167, 0.38);
    box-shadow:
      0 0 0 1px rgba(0, 151, 167, 0.12),
      0 10px 32px rgba(0, 151, 167, 0.14),
      0 4px 14px rgba(15, 23, 42, 0.05);
    transform: translateY(-2px);
  }

  .section-roadmap.reveal.visible .roadmap__steps .roadmap__step.is-active {
    transform: translateY(-2px);
  }

  .roadmap__bullet {
    width: 44px;
    height: 44px;
    margin: 0;
    flex-shrink: 0;
    border-radius: 14px;
    border: 1px solid rgba(0, 151, 167, 0.16);
    background: linear-gradient(160deg, #ffffff 0%, var(--color-bg-soft) 100%);
    box-shadow: 0 2px 8px rgba(0, 151, 167, 0.06);
  }

  .roadmap__step.is-active .roadmap__bullet {
    transform: scale(1);
    border-radius: 14px;
    border-color: transparent;
    box-shadow:
      0 0 0 2px rgba(0, 151, 167, 0.18),
      0 6px 20px rgba(0, 151, 167, 0.22);
  }

  .roadmap__step:hover .roadmap__bullet {
    transform: scale(1.04);
  }

  .roadmap__step.is-active:hover .roadmap__bullet {
    transform: scale(1);
  }

  .roadmap__num {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.02em;
  }

  .roadmap__body {
    flex: 1;
    min-width: 0;
    align-items: flex-start;
    text-align: left;
    margin-top: 0;
    padding: 0;
    border-radius: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .roadmap__step:hover:not(.is-active) .roadmap__body {
    background: transparent;
    border-color: transparent;
  }

  .roadmap__step.is-active .roadmap__body {
    background: transparent;
    border: 0;
    box-shadow: none;
    transform: none;
  }

  .roadmap__label {
    opacity: 1;
    max-height: none;
    margin-bottom: 0.28rem;
    font-size: 0.58rem;
    letter-spacing: 0.14em;
    color: var(--color-primary);
  }

  .roadmap__step:not(.is-active) .roadmap__label {
    color: var(--color-muted);
  }

  .roadmap__title {
    font-size: 0.95rem;
    line-height: 1.28;
    margin-bottom: 0.35rem;
    color: var(--color-text);
  }

  .roadmap__step:not(.is-active) .roadmap__title {
    color: var(--color-muted);
  }

  .roadmap__desc {
    font-size: 0.78rem;
    line-height: 1.52;
    color: var(--color-muted);
  }

  .roadmap__step:not(.is-active) .roadmap__desc {
    color: #64748b;
  }

  .roadmap__step.is-active .roadmap__label {
    max-height: none;
  }

  .value-icons {
    grid-template-columns: 1fr;
  }

  .quality-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.8rem;
    perspective: none;
  }

  .quality-cards::before {
    display: none;
  }

  .quality-card {
    width: min(100%, 320px);
    margin-inline: auto;
    aspect-ratio: 1 / 1;
    min-height: 0;
    transform: none;
    transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.32s ease, border-color 0.28s ease;
  }

  .quality-card:hover,
  .quality-card:focus-within {
    transform: translateY(-12px) scale(1.03);
    z-index: 12;
    border-color: rgba(255, 255, 255, 0.45);
    box-shadow: 0 32px 52px rgba(2, 6, 23, 0.26);
  }

  .contact-block {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .contact-block__form-row {
    grid-template-columns: 1fr;
  }

  .image-gallery-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  /* Biz Kimiz — üç sekme yatay (900px’teki dikey düzeni yalnızca dar mobilde ezer) */
  .why-track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-items: stretch;
    align-items: start;
    gap: 0.35rem;
    max-width: 100%;
    padding-top: 0.2rem;
    padding-bottom: 0.8rem;
  }

  .why-track::before {
    display: block;
    left: 4%;
    right: 4%;
    bottom: calc(0.65rem + 5px);
  }

  .why-branch {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 0.4rem;
    font-size: clamp(0.52rem, 2.35vw, 0.66rem);
    line-height: 1.15;
    padding: 0;
    min-width: 0;
  }

  .why-branch::after {
    order: unset;
    margin-top: 0;
  }

  /* Biz Kimiz görselleri: sola yapışmayı gider, blok ortada */
  .why-premium-media {
    margin-inline: auto;
    width: 100%;
    max-width: 26rem;
    min-height: clamp(260px, 58vw, 300px);
    padding: 0 clamp(0.85rem, 5vw, 1.5rem);
    box-sizing: border-box;
  }

  .why-premium-media::before {
    left: clamp(0.4rem, 2.5vw, 1rem);
    top: -6px;
    width: 68%;
    height: clamp(168px, 44vw, 210px);
  }

  .why-premium-media::after {
    left: clamp(0.85rem, 4vw, 1.35rem);
    top: 26px;
    width: 80%;
    height: clamp(190px, 50vw, 248px);
  }

  .why-premium-media.layered .feature-image.back {
    left: clamp(0.55rem, 3vw, 1.1rem);
    top: 10px;
    width: 68%;
    height: clamp(160px, 42vw, 200px);
  }

  .why-premium-media.layered .feature-image.front {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    top: 42px;
    width: min(82%, 20rem);
    height: clamp(176px, 48vw, 228px);
  }

  .lang-switch-toggle {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
  }

  .menu-toggle {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
  }

  .header-search-toggle {
    width: 2.5rem;
    height: 2.5rem;
  }

  .country-map.section {
    position: relative;
    padding: max(0.15rem, env(safe-area-inset-top, 0px)) 0 0 0;
    /* 100vw + taşma dikey kaydırma çubuğu / yatay taşma tetiklemesin */
    overflow-x: clip;
  }

  .country-map.section::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: clamp(3.75rem, 16vw, 9rem);
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(
      to bottom,
      rgba(251, 253, 255, 0) 0%,
      rgba(251, 253, 255, 0.14) 30%,
      rgba(248, 250, 252, 0.55) 58%,
      rgba(252, 253, 254, 0.92) 84%,
      #fbfdff 100%
    );
  }

  .country-map-wrap {
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: -0.25rem auto clamp(-5.5rem, -16vw, -3rem);
    padding: 0 max(0px, env(safe-area-inset-left, 0px)) clamp(0.2rem, 1.5vh, 0.65rem) max(0px, env(safe-area-inset-right, 0px));
    overflow-x: clip;
    overflow-y: visible;
  }

  .wireframe-globe {
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    margin: 0 auto;
    transform: translate(0, 0) scale(1.12);
    transform-origin: center top;
    width: min(
      100%,
      calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px))
    );
    max-width: 100%;
    flex-shrink: 0;
    aspect-ratio: 1 / 1.22;
    height: auto;
    contain: paint;
  }

  /*
   * WebGL canvas üzerinde mask-image güvenilir değil; alt tarafı body ile aynı
   * (#fbfdff) wash ile ört (üst ~%32 şeffaf, sonra kademeli).
   */
  .wireframe-globe::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;
    background: linear-gradient(
      to bottom,
      rgba(251, 253, 255, 0) 0%,
      rgba(251, 253, 255, 0) 18%,
      rgba(251, 253, 255, 0.12) 28%,
      rgba(251, 253, 255, 0.35) 40%,
      rgba(251, 253, 255, 0.62) 52%,
      rgba(251, 253, 255, 0.88) 64%,
      rgba(252, 253, 254, 0.97) 76%,
      #fbfdff 100%
    );
  }

  /* Küre iletişim arası boşluk: soluk alanın üstüne iletişim oturur */
  .section-contact {
    padding-top: clamp(0.75rem, 3vw, 1.5rem);
    padding-bottom: clamp(2rem, 5vw, 3.25rem);
  }

  .country-map + .section-contact {
    margin-top: clamp(-4.5rem, -13vw, -2.25rem);
    padding-top: clamp(0.1rem, 1.2vw, 0.5rem);
    position: relative;
    z-index: 2;
    background-color: transparent;
    /* Üst bindirmede keskin hatı gizlemek için içten yumuşak beyaz */
    box-shadow: inset 0 clamp(2.5rem, 11vw, 6.5rem) clamp(2rem, 8vw, 5rem) clamp(-1.25rem, -3vw, -0.5rem) rgba(251, 253, 255, 0.78);
  }
}

@media (max-width: 600px) {
  .container {
    width: min(100% - 1rem, var(--container));
  }

  #urunler .grid-4 {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .section {
    padding: 2.2rem 0;
  }

  .country-map.section {
    padding-top: max(0.1rem, env(safe-area-inset-top, 0px));
    padding-bottom: 0;
  }

  .header-inner {
    min-height: 74px;
  }

  .hero {
    padding: 4rem 0 2.7rem;
  }

  .hero-slider-content h1 {
    font-size: clamp(1.7rem, 10vw, 2.3rem);
  }

  .blog-card {
    width: min(300px, 88vw);
  }

  .blog-track {
    scroll-padding-inline: calc(50% - (min(300px, 88vw) / 2));
  }

  .grid-4 {
    grid-template-columns: 1fr;
  }
  .stats-grid {
    grid-template-columns: 1fr;
  }

  .hero-service-dock {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hero-service-dock .dock-item--cert {
    padding: 0.38rem 0.16rem;
  }

  .hero-service-dock .dock-item--cert .dock-logo-wrap {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
  }

  .dock-item.active {
    transform: translateY(0);
  }

  .footer-main {
    grid-template-columns: 1fr;
  }

  .process-grid,
  .quality-strip {
    grid-template-columns: 1fr;
  }

  .value-icons {
    grid-template-columns: 1fr;
  }

  .sector-tiles {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(clamp(400px, 38vh, 520px), auto);
  }

  .sector-tile {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.12);
  }

  .sector-tile:hover .sector-face,
  .sector-tile:focus-within .sector-face {
    transform: translateX(76%);
  }

  .sector-tile:hover .sector-copy,
  .sector-tile:focus-within .sector-copy {
    max-width: 100%;
  }

  .sector-copy-inner {
    padding: 1rem 1.1rem;
    max-width: 72%;
  }

  .catalog-showcase {
    min-height: min(85vh, 720px);
  }

  .catalog-showcase-inner {
    min-height: min(85vh, 720px);
  }

  .catalog-carousel-viewport {
    min-height: 10rem;
  }

  .roadmap {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0.7rem;
  }

  .roadmap__path {
    display: block;
    position: relative;
    width: 14px;
    flex-shrink: 0;
    margin-top: 0.35rem;
    margin-bottom: 0.35rem;
  }

  .roadmap__path-line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1.5rem;
    bottom: 1.5rem;
    width: 3px;
    border-radius: 4px;
    background: #e2e8f0;
  }

  .roadmap__path-line-fill {
    position: absolute;
    left: 50%;
    top: 1.5rem;
    width: 3px;
    margin-left: -1.5px;
    border-radius: 4px;
    height: var(--roadmap-path-pct, 0%);
    max-height: calc(100% - 3rem);
    background: linear-gradient(180deg, #7dd4df 0%, var(--color-primary) 48%, #006f7a 100%);
    box-shadow: 0 0 14px rgba(0, 151, 167, 0.28);
    transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    transform-origin: top center;
  }

  .roadmap__steps {
    flex: 1;
    min-width: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
  }

  .roadmap__step {
    padding: 0.8rem 0.9rem 1rem;
    gap: 0.7rem;
    border-radius: 18px;
  }

  .roadmap__bullet {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }

  .roadmap__step.is-active .roadmap__bullet {
    border-radius: 12px;
  }

  .roadmap__body {
    padding: 0;
    margin-top: 0;
    border-radius: 0;
  }

  .roadmap__title {
    font-size: 0.93rem;
  }

  .roadmap__desc {
    font-size: 0.76rem;
    line-height: 1.5;
  }

  .roadmap-header {
    margin-bottom: 1.35rem;
  }

  .country-map-wrap {
    padding-inline: max(0px, env(safe-area-inset-left, 0px)) max(0px, env(safe-area-inset-right, 0px));
    padding-bottom: 0;
    margin-bottom: clamp(-4.5rem, -13vw, -2.25rem);
  }

  .wireframe-globe {
    width: min(
      100%,
      calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px))
    );
    max-width: 100%;
    margin-top: 0;
    transform: translate(0, 0) scale(1.14);
    transform-origin: center top;
    aspect-ratio: 1 / 1.22;
    height: auto;
  }

  .country-map-metrics {
    max-width: 100%;
    min-height: 168px;
  }

  .country-metric {
    max-width: min(100%, 288px);
  }

  .country-metric:nth-child(1) {
    transform: translate(-6px, -8px);
  }

  .country-metric:nth-child(2) {
    margin-top: -1.85rem;
    margin-left: auto;
    margin-right: 0;
    transform: translate(10px, 6px);
  }

  .country-metric:nth-child(1):hover {
    transform: translate(-6px, -12px) scale(1.02);
  }

  .country-metric:nth-child(2):hover {
    transform: translate(10px, 2px) scale(1.02);
  }

  .dark-service-cards {
    grid-template-columns: 1fr;
  }

  .contact-block__stats {
    gap: 1rem;
  }

  .contact-block__stat-num {
    font-size: 1.3rem;
  }

  .contact-block__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .contact-block__wa {
    justify-content: center;
  }

  .contact-block__detail-link {
    justify-content: center;
  }

  .contact-block__social {
    justify-content: center;
  }

  .site-footer::before,
  .dark-service-matrix::after {
    display: none;
  }

  .image-gallery-grid {
    grid-template-columns: 1fr;
  }

  .cta-premium-actions {
    grid-template-columns: 1fr;
  }
}

/* ═══════════════════════════════════════════════════
   Hakkımızda / Kurumsal Sayfa — v2 (referans düzeni)
   ═══════════════════════════════════════════════════ */

/* ── Paylaşılan pill eyebrow ── */
.abt-pill {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #0e7490;
  padding: 0.3rem 0.9rem;
  border-radius: 999px;
  border: 1.5px solid rgba(14, 116, 144, 0.18);
  background: rgba(14, 116, 144, 0.05);
  margin-bottom: 1rem;
}

/* ── Paylaşılan butonlar ── */
.abt-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.7rem 1.5rem;
  border-radius: 12px;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.24s ease, box-shadow 0.24s ease, background 0.24s ease;
}

.abt-btn svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.22s ease;
}

.abt-btn--filled {
  background: #0891b2;
  color: #fff;
  box-shadow: 0 2px 10px rgba(8, 145, 178, 0.22);
}

.abt-btn--filled:hover {
  background: #0e7490;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(8, 145, 178, 0.3);
}

.abt-btn--filled:hover svg {
  transform: translateX(3px);
}

.abt-btn--outline {
  background: transparent;
  color: #0f172a;
  border: 1.5px solid #cbd5e1;
}

.abt-btn--outline:hover {
  border-color: #0891b2;
  color: #0891b2;
  transform: translateY(-2px);
}

/* ════════════════════════════════════════
   Bölüm 1 — Intro (kurumsal: sakin zemin, KPI satırı, sıkı görsel)
   ════════════════════════════════════════ */
.abt-intro.abt-intro--corporate {
  padding: clamp(2.85rem, 6vw, 4.75rem) 0 clamp(2.5rem, 5vw, 4rem);
  background:
    radial-gradient(ellipse 85% 55% at 100% 0%, rgba(245, 166, 35, 0.07), transparent 55%),
    linear-gradient(180deg, #fafbfc 0%, #fdf8f2 42%, #f1f4f8 100%);
  border-bottom: 1px solid #e2e8f0;
}

.abt-intro--corporate .abt-pill {
  position: relative;
  margin-bottom: 1.1rem;
  padding: 0.2rem 0 0.5rem;
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #1e3a5f;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.abt-intro--corporate .abt-pill::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background: linear-gradient(90deg, #0f766e 0%, #0f766e 52%, var(--color-accent) 52%, #f59e0b 100%);
}

.abt-intro__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.abt-intro__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.abt-intro--corporate .abt-intro__title {
  margin: 0 0 0.85rem;
  font-size: clamp(1.55rem, 2.85vw, 2.15rem);
  font-weight: 700;
  letter-spacing: -0.018em;
  line-height: 1.22;
  color: #0f2744;
  max-width: 22ch;
}

.abt-intro--corporate .abt-intro__lead {
  margin: 0 0 1.35rem;
  font-size: 0.9375rem;
  line-height: 1.72;
  color: #334155;
  max-width: min(38rem, 100%);
}

.abt-intro--corporate .abt-intro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 1.75rem;
}

.abt-intro--corporate .abt-btn {
  border-radius: 2px;
  padding: 0.62rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
}

.abt-intro--corporate .abt-btn--filled {
  box-shadow: none;
}

.abt-intro--corporate .abt-btn--filled:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(8, 145, 178, 0.22);
}

.abt-intro--corporate .abt-btn--outline:hover {
  transform: none;
  border-color: rgba(15, 118, 110, 0.55);
  color: #0f766e;
  box-shadow: 0 0 0 1px rgba(245, 166, 35, 0.32);
}

.abt-intro--corporate .abt-intro__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  padding-top: 1.5rem;
  margin-top: 0.15rem;
  border-top: 1px solid transparent;
  border-image: linear-gradient(90deg, #0f766e 0%, rgba(15, 118, 110, 0.35) 38%, var(--color-accent) 72%, rgba(245, 166, 35, 0.45) 100%) 1;
}

.abt-intro--corporate .abt-intro__stat {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0 clamp(0.75rem, 2vw, 1.25rem);
  border-right: 1px solid #e2e8f0;
}

.abt-intro--corporate .abt-intro__stat:first-child {
  padding-left: 0;
}

.abt-intro--corporate .abt-intro__stat:last-child {
  border-right: 0;
  padding-right: 0;
}

.abt-intro--corporate .abt-intro__stat-val {
  font-family: var(--font-head);
  font-size: clamp(1.28rem, 2.2vw, 1.72rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0f2744;
  line-height: 1.15;
}

.abt-intro--corporate .abt-intro__stat-val::after {
  content: "";
  display: block;
  width: 1.65rem;
  height: 2px;
  margin-top: 0.4rem;
  border-radius: 1px;
  background: linear-gradient(90deg, var(--color-accent), rgba(245, 166, 35, 0.2));
}

.abt-intro--corporate .abt-intro__stat-lbl {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
  line-height: 1.35;
  max-width: 12rem;
}

.abt-intro--corporate .abt-intro__media {
  border-radius: 4px;
  overflow: hidden;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.8) inset,
    0 6px 28px rgba(15, 39, 68, 0.08),
    0 0 0 1px rgba(15, 23, 42, 0.06),
    0 0 0 2px rgba(245, 166, 35, 0.12);
}

.abt-intro--corporate .abt-intro__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 4 / 3;
}

/* ════════════════════════════════════════
   Bölüm 2 — Uzmanlık (görsel sol, içerik sağ + checklist)
   ════════════════════════════════════════ */
.abt-expertise {
  padding: clamp(3.5rem, 7vw, 6rem) 0;
  background: #f8fafc;
}

.abt-expertise__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.abt-expertise__media {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.1);
}

.abt-expertise__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3 / 4;
}

.abt-expertise__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.abt-expertise__title {
  margin: 0 0 0.85rem;
  font-size: clamp(1.4rem, 2.8vw, 2rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.2;
  color: #0f172a;
}

.abt-expertise__desc {
  margin: 0 0 1.5rem;
  font-size: 0.92rem;
  line-height: 1.7;
  color: #475569;
}

.abt-expertise__checks {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem 1.5rem;
}

.abt-expertise__checks li {
  position: relative;
  padding-left: 1.6rem;
  font-size: 0.88rem;
  color: #334155;
  line-height: 1.45;
}

.abt-expertise__checks li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.22em;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #0891b2;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 8.5l2.5 2.5 4.5-5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 16px 16px;
}

/* Bölüm 2 — Kurumsal / modern (yalnız .abt-expertise--corporate) */
.abt-expertise.abt-expertise--corporate {
  padding: clamp(2.65rem, 5.5vw, 4.6rem) 0;
  background:
    radial-gradient(ellipse 70% 40% at 0% 100%, rgba(245, 166, 35, 0.06), transparent 50%),
    linear-gradient(180deg, #f8fafc 0%, #eef2f6 55%, #e8edf2 100%);
  border-top: 1px solid #e2e8f0;
}

.abt-expertise--corporate .abt-pill {
  position: relative;
  margin-bottom: 1.05rem;
  padding: 0.2rem 0 0.48rem;
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #1e3a5f;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.abt-expertise--corporate .abt-pill::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background: linear-gradient(90deg, #0f766e 0%, #0f766e 50%, var(--color-accent) 50%, #f59e0b 100%);
}

.abt-expertise--corporate .abt-expertise__grid {
  gap: clamp(1.65rem, 3.8vw, 2.85rem);
  align-items: stretch;
}

.abt-expertise--corporate .abt-expertise__media {
  border-radius: 4px;
  overflow: hidden;
  align-self: stretch;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.85) inset,
    0 6px 28px rgba(15, 39, 68, 0.08),
    0 0 0 1px rgba(15, 23, 42, 0.06),
    0 0 0 2px rgba(245, 166, 35, 0.1);
}

.abt-expertise--corporate .abt-expertise__media img {
  aspect-ratio: 4 / 3;
  min-height: 220px;
  object-fit: cover;
}

.abt-expertise--corporate .abt-expertise__content {
  justify-content: center;
  padding: clamp(0.15rem, 1vw, 0.5rem) 0;
}

.abt-expertise--corporate .abt-expertise__title {
  margin: 0 0 0.72rem;
  font-size: clamp(1.28rem, 2.45vw, 1.82rem);
  font-weight: 700;
  letter-spacing: -0.018em;
  line-height: 1.24;
  color: #0f2744;
  max-width: 22ch;
}

.abt-expertise--corporate .abt-expertise__desc {
  margin: 0 0 1.25rem;
  font-size: 0.9375rem;
  line-height: 1.72;
  color: #334155;
  max-width: min(40rem, 100%);
}

.abt-expertise--corporate .abt-expertise__checks {
  width: 100%;
  max-width: 42rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem 0.65rem;
  padding: 0;
  margin: 0;
}

.abt-expertise--corporate .abt-expertise__checks li {
  position: relative;
  margin: 0;
  padding: 0.72rem 0.85rem 0.72rem 2rem;
  font-size: 0.84rem;
  font-weight: 500;
  line-height: 1.45;
  color: #1e293b;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 3px;
  border-left: 3px solid #0f766e;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    inset 0 0 0 1px rgba(245, 166, 35, 0.06);
}

.abt-expertise--corporate .abt-expertise__checks li::before {
  content: "";
  position: absolute;
  left: 0.72rem;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
  height: 11px;
  border-radius: 2px;
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 6.2l2.2 2.2 4.8-5' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(145deg, #0f766e 0%, #0d9488 55%, var(--color-accent) 100%);
  background-size: 11px 11px, 100% 100%;
  background-repeat: no-repeat;
  background-position: center, center;
}


/* ════════════════════════════════════════
   Bölüm 3 — Kilometre Taşları
   ════════════════════════════════════════ */
.abt-milestones {
  padding: clamp(3.5rem, 7vw, 6rem) 0;
  background: #fff;
}

.abt-milestones__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.5rem, 3vw, 3rem);
  align-items: start;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.abt-milestones__heading {
  margin: 0.3rem 0 0;
  font-size: clamp(1.4rem, 2.8vw, 2rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.2;
  color: #0f172a;
}

.abt-milestones__header-right {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.7;
  color: #475569;
  padding-top: 2.2rem;
}

.abt-milestones__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1rem, 2vw, 1.25rem);
}

.abt-milestones__card {
  padding: clamp(1.35rem, 2.5vw, 1.75rem);
  border-radius: 18px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.abt-milestones__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
  border-color: rgba(8, 145, 178, 0.2);
}

.abt-milestones__card--featured {
  background: #0891b2;
  border-color: #0891b2;
  color: #fff;
}

.abt-milestones__card--featured:hover {
  border-color: #0e7490;
  box-shadow: 0 14px 36px rgba(8, 145, 178, 0.25);
}

.abt-milestones__card--featured .abt-milestones__icon {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

.abt-milestones__card--featured h3 {
  color: #fff;
}

.abt-milestones__card--featured p {
  color: rgba(255, 255, 255, 0.8);
}

.abt-milestones__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(8, 145, 178, 0.08);
  color: #0891b2;
  margin-bottom: 1rem;
}

.abt-milestones__icon svg {
  width: 22px;
  height: 22px;
}

.abt-milestones__card h3 {
  margin: 0 0 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.01em;
}

.abt-milestones__card p {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.6;
  color: #64748b;
}

/* Bölüm 3 — Kilometre Taşları (kurumsal, yalnız .abt-milestones--corporate) */
.abt-milestones.abt-milestones--corporate {
  position: relative;
  padding: clamp(3rem, 6vw, 4.85rem) 0;
  background:
    radial-gradient(ellipse 55% 45% at 100% 0%, rgba(245, 166, 35, 0.055), transparent 52%),
    linear-gradient(180deg, #f8fafc 0%, #f1f5f9 45%, #eceff4 100%);
  border-top: 1px solid #e2e8f0;
  overflow: hidden;
}

.abt-milestones.abt-milestones--corporate::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  opacity: 0.55;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(15, 39, 68, 0.035) 1px, transparent 0),
    radial-gradient(circle at 1px 1px, rgba(245, 166, 35, 0.05) 1px, transparent 0);
  background-size: 24px 24px, 24px 24px;
  background-position: 0 0, 12px 12px;
}

.abt-milestones--corporate > .container {
  position: relative;
  z-index: 1;
}

.abt-milestones--corporate .abt-pill {
  position: relative;
  margin-bottom: 1rem;
  padding: 0.2rem 0 0.48rem;
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #1e3a5f;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.abt-milestones--corporate .abt-pill::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background: linear-gradient(90deg, #0f766e 0%, #0f766e 48%, var(--color-accent) 48%, #f59e0b 100%);
}

.abt-milestones--corporate .abt-milestones__title-block {
  position: relative;
  padding: 0.5rem 0 0.5rem calc(clamp(1rem, 2.2vw, 1.4rem) + 8px);
  border-left: none;
  background: linear-gradient(90deg, rgba(15, 118, 110, 0.07) 0%, rgba(245, 166, 35, 0.04) 32%, rgba(255, 255, 255, 0) 62%);
  border-radius: 0 3px 3px 0;
}

.abt-milestones--corporate .abt-milestones__title-block::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  border-radius: 2px 0 0 2px;
  background: linear-gradient(180deg, #0f766e 0%, #0d9488 45%, var(--color-accent) 100%);
}

.abt-milestones--corporate .abt-milestones__header {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: clamp(1.5rem, 3.5vw, 2.85rem);
  align-items: stretch;
  margin-bottom: clamp(2.25rem, 4vw, 3.35rem);
  padding-bottom: clamp(1.85rem, 3.2vw, 2.5rem);
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(90deg, rgba(15, 118, 110, 0.45) 0%, rgba(148, 163, 184, 0.35) 45%, var(--color-accent) 78%, rgba(245, 166, 35, 0.35) 100%) 1;
}

.abt-milestones--corporate .abt-milestones__heading {
  margin: 0;
  font-size: clamp(1.42rem, 2.75vw, 2.02rem);
  font-weight: 700;
  letter-spacing: -0.022em;
  line-height: 1.18;
  color: #0f2744;
  max-width: 22ch;
}

.abt-milestones--corporate .abt-milestones__header-right {
  position: relative;
  margin: 0;
  align-self: center;
  padding: 1.2rem 1.4rem 1.2rem calc(1.4rem + 9px);
  font-size: 0.95rem;
  line-height: 1.75;
  color: #475569;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(148, 163, 184, 0.32);
  border-radius: 4px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 8px 28px rgba(15, 39, 68, 0.05),
    inset 0 0 0 1px rgba(245, 166, 35, 0.05);
  max-width: none;
  justify-self: stretch;
}

.abt-milestones--corporate .abt-milestones__header-right::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  border-radius: 3px 0 0 3px;
  background: linear-gradient(180deg, #0f766e 0%, var(--color-accent) 100%);
}

.abt-milestones--corporate .abt-milestones__grid {
  counter-reset: abt-ms;
  gap: clamp(0.9rem, 1.9vw, 1.2rem) clamp(0.8rem, 1.6vw, 1.05rem);
}

.abt-milestones--corporate .abt-milestones__card {
  counter-increment: abt-ms;
  position: relative;
  padding: clamp(1.3rem, 2.2vw, 1.7rem) clamp(1.15rem, 2vw, 1.45rem);
  padding-top: clamp(1.4rem, 2.3vw, 1.85rem);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(148, 163, 184, 0.32);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 6px 24px rgba(15, 39, 68, 0.055);
  overflow: hidden;
  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s ease,
    border-color 0.3s ease;
}

.abt-milestones--corporate .abt-milestones__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #0f766e 0%, #0d9488 32%, var(--color-accent) 72%, #0891b2 100%);
  opacity: 1;
}

.abt-milestones--corporate .abt-milestones__card::after {
  content: counter(abt-ms, decimal-leading-zero);
  position: absolute;
  top: 0.7rem;
  right: 0.9rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: rgba(217, 119, 6, 0.38);
  line-height: 1;
}

.abt-milestones--corporate .abt-milestones__card:hover {
  transform: translateY(-3px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 14px 40px rgba(15, 39, 68, 0.1);
  border-color: rgba(15, 118, 110, 0.32);
}

.abt-milestones--corporate .abt-milestones__icon {
  width: 42px;
  height: 42px;
  border-radius: 2px;
  background: rgba(15, 118, 110, 0.09);
  color: #0f766e;
  border: 1px solid rgba(15, 118, 110, 0.2);
  box-shadow: 0 0 0 1px rgba(245, 166, 35, 0.12);
  margin-bottom: 1rem;
}

.abt-milestones--corporate .abt-milestones__icon svg {
  width: 20px;
  height: 20px;
}

.abt-milestones--corporate .abt-milestones__card h3 {
  margin: 0 0 0.55rem;
  padding-right: 2.25rem;
  font-size: 0.98rem;
  font-weight: 600;
  letter-spacing: -0.012em;
  line-height: 1.3;
  color: #0f2744;
}

.abt-milestones--corporate .abt-milestones__card p {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.68;
  color: #52627a;
}

/* ════════════════════════════════════════
   Bölüm 4 — Vizyon & Misyon
   ════════════════════════════════════════ */
.abt-vm {
  padding: clamp(3.5rem, 7vw, 6rem) 0;
  background: #f8fafc;
}

.abt-vm__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.25rem, 3vw, 2rem);
  margin-top: 1.5rem;
}

.abt-vm__card {
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 20px;
  border: 1px solid #e2e8f0;
  background: #fff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.abt-vm__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.09);
}

.abt-vm__icon {
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
  color: #0891b2;
}

.abt-vm__icon svg {
  width: 100%;
  height: 100%;
}

.abt-vm__card h3 {
  margin: 0 0 0.6rem;
  font-size: 1.15rem;
  font-weight: 700;
  color: #0f172a;
}

.abt-vm__card p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.7;
  color: #475569;
}

/* Kurumsal vitrin (yalnız .abt-vm--showcase) */
.abt-vm.abt-vm--showcase {
  position: relative;
  padding: clamp(3rem, 6.5vw, 5.25rem) 0 clamp(3.5rem, 7vw, 6.25rem);
  overflow: hidden;
  background: linear-gradient(168deg, #e8edf3 0%, #f1f5f9 38%, #f8fafc 72%, #ffffff 100%);
  border-top: 1px solid #e2e8f0;
}

.abt-vm--showcase .abt-vm__bg {
  pointer-events: none;
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(ellipse 85% 55% at 50% -25%, rgba(15, 118, 110, 0.14), transparent 55%),
    radial-gradient(ellipse 50% 45% at 100% 110%, rgba(245, 166, 35, 0.1), transparent 50%),
    radial-gradient(ellipse 40% 35% at 0% 80%, rgba(14, 116, 144, 0.06), transparent 45%);
}

/* İkiye bölünmüş görsel watermark: cover; kart hover’ında ilgili taraf canlanır (:has) */
.abt-vm--showcase .abt-vm__watermark {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0.09;
  filter: grayscale(0.3) contrast(0.88) brightness(1.03);
  transform: scale(1);
  transition:
    opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.abt-vm--showcase .abt-vm__watermark--vision {
  left: 0;
  border-right: 1px solid rgba(15, 23, 42, 0.05);
  background-position: 38% center;
  transform-origin: 35% 50%;
}

.abt-vm--showcase .abt-vm__watermark--mission {
  right: 0;
  background-position: 62% center;
  transform-origin: 65% 50%;
}

/* Vizyon kartı: sol filigran belirgin, sağ soluk */
.abt-vm--showcase:has(.abt-vm__card--vision:hover) .abt-vm__watermark--vision {
  opacity: 0.16;
  filter: grayscale(0.12) contrast(0.94) brightness(1.08);
  transform: scale(1.06);
}

.abt-vm--showcase:has(.abt-vm__card--vision:hover) .abt-vm__watermark--mission {
  opacity: 0.045;
  filter: grayscale(0.45) contrast(0.85) brightness(0.98);
  transform: scale(1);
}

/* Misyon kartı: sağ filigran belirgin, sol soluk */
.abt-vm--showcase:has(.abt-vm__card--mission:hover) .abt-vm__watermark--mission {
  opacity: 0.16;
  filter: grayscale(0.12) contrast(0.94) brightness(1.08);
  transform: scale(1.06);
}

.abt-vm--showcase:has(.abt-vm__card--mission:hover) .abt-vm__watermark--vision {
  opacity: 0.045;
  filter: grayscale(0.45) contrast(0.85) brightness(0.98);
  transform: scale(1);
}

/* Logo (.svg) yedeği: aynı alanı doldurur, biraz daha silik */
.abt-vm--showcase .abt-vm__watermark[style*=".svg"] {
  background-size: cover;
  background-position: center;
  opacity: 0.065;
  filter: grayscale(1) contrast(0.82) brightness(1.05);
}

.abt-vm--showcase:has(.abt-vm__card--vision:hover) .abt-vm__watermark--vision[style*=".svg"],
.abt-vm--showcase:has(.abt-vm__card--mission:hover) .abt-vm__watermark--mission[style*=".svg"] {
  opacity: 0.11;
  filter: grayscale(0.85) contrast(0.88) brightness(1.08);
}

.abt-vm--showcase:has(.abt-vm__card--vision:hover) .abt-vm__watermark--mission[style*=".svg"],
.abt-vm--showcase:has(.abt-vm__card--mission:hover) .abt-vm__watermark--vision[style*=".svg"] {
  opacity: 0.035;
}

@media (max-width: 720px) {
  .abt-vm--showcase .abt-vm__watermark {
    opacity: 0.08;
  }

  .abt-vm--showcase .abt-vm__watermark--vision {
    background-position: 35% center;
  }

  .abt-vm--showcase .abt-vm__watermark--mission {
    background-position: 65% center;
  }

  .abt-vm--showcase .abt-vm__watermark[style*=".svg"] {
    opacity: 0.055;
  }
}

.abt-vm--showcase .abt-vm__deco {
  pointer-events: none;
  position: absolute;
  z-index: 0;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.45;
}

.abt-vm--showcase .abt-vm__deco--1 {
  width: min(42vw, 320px);
  height: min(42vw, 320px);
  top: 10%;
  right: -8%;
  background: rgba(45, 212, 191, 0.35);
}

.abt-vm--showcase .abt-vm__deco--2 {
  width: min(38vw, 280px);
  height: min(38vw, 280px);
  bottom: 5%;
  left: -6%;
  background: rgba(245, 166, 35, 0.22);
}

.abt-vm--showcase .container {
  position: relative;
  z-index: 1;
}

.abt-vm--showcase .abt-vm__head {
  text-align: center;
  max-width: 38rem;
  margin: 0 auto clamp(2rem, 4vw, 2.75rem);
}

.abt-vm--showcase .abt-vm__pill {
  display: inline-block;
  margin-bottom: 1.05rem;
  padding: 0.2rem 0 0.42rem;
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #1e3a5f;
  background: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #0f766e;
}

.abt-vm--showcase .abt-vm__title {
  margin: 0 0 0.75rem;
  font-size: clamp(1.35rem, 2.6vw, 1.95rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #0f2744;
}

.abt-vm--showcase .abt-vm__lead {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.72;
  color: #475569;
}

.abt-vm--showcase .abt-vm__grid {
  margin-top: 0;
  gap: clamp(1.15rem, 2.2vw, 1.85rem);
  align-items: stretch;
}

.abt-vm--showcase .abt-vm__card {
  position: relative;
  padding: 0;
  border-radius: 6px;
  border: 1px solid rgba(148, 163, 184, 0.38);
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.92) inset,
    0 10px 44px rgba(15, 39, 68, 0.09);
  overflow: hidden;
  transition:
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.4s ease;
}

.abt-vm--showcase .abt-vm__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #0d9488 0%, #14b8a6 50%, #2dd4bf 100%);
  border-radius: 6px 0 0 6px;
}

.abt-vm--showcase .abt-vm__card--mission::before {
  background: linear-gradient(180deg, #d97706 0%, var(--color-accent) 42%, #fbc85a 100%);
}

.abt-vm--showcase .abt-vm__card-glow {
  pointer-events: none;
  position: absolute;
  inset: -40% -20% auto;
  height: 70%;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: radial-gradient(ellipse at 50% 0%, rgba(45, 212, 191, 0.22), transparent 65%);
}

.abt-vm--showcase .abt-vm__card--mission .abt-vm__card-glow {
  background: radial-gradient(ellipse at 50% 0%, rgba(245, 166, 35, 0.28), transparent 65%);
}

.abt-vm--showcase .abt-vm__card:hover {
  transform: translateY(-10px) scale(1.015);
  border-color: rgba(15, 118, 110, 0.35);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 22px 56px rgba(15, 39, 68, 0.14);
}

.abt-vm--showcase .abt-vm__card--mission:hover {
  border-color: rgba(217, 119, 6, 0.42);
}

.abt-vm--showcase .abt-vm__card:hover .abt-vm__card-glow {
  opacity: 1;
}

.abt-vm--showcase .abt-vm__card-inner {
  position: relative;
  z-index: 1;
  padding: clamp(1.45rem, 2.6vw, 2.1rem);
  padding-left: calc(1.35rem + 4px);
}

.abt-vm--showcase .abt-vm__card-top {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.15rem;
}

.abt-vm--showcase .abt-vm__icon-wrap {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, rgba(13, 148, 136, 0.16), rgba(45, 212, 191, 0.1));
  border: 1px solid rgba(13, 148, 136, 0.28);
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.abt-vm--showcase .abt-vm__card--mission .abt-vm__icon-wrap {
  background: linear-gradient(145deg, rgba(245, 166, 35, 0.22), rgba(245, 166, 35, 0.08));
  border-color: rgba(217, 119, 6, 0.38);
}

.abt-vm--showcase .abt-vm__card:hover .abt-vm__icon-wrap {
  transform: scale(1.06) rotate(-4deg);
}

.abt-vm--showcase .abt-vm__card--mission:hover .abt-vm__icon-wrap {
  transform: scale(1.06) rotate(4deg);
}

.abt-vm--showcase .abt-vm__icon {
  width: 28px;
  height: 28px;
  margin: 0;
  color: #0f766e;
}

.abt-vm--showcase .abt-vm__card--mission .abt-vm__icon {
  color: #b45309;
}

.abt-vm--showcase .abt-vm__tag {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #64748b;
}

.abt-vm--showcase .abt-vm__card h3 {
  margin: 0 0 0.7rem;
  font-size: clamp(1.08rem, 1.9vw, 1.28rem);
  font-weight: 700;
  letter-spacing: -0.015em;
  color: #0f2744;
}

.abt-vm--showcase .abt-vm__card p {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.75;
  color: #475569;
}

/* Hakkımızda sayfası: ortak hover */
.montak-about-page .abt-intro__media,
.montak-about-page .abt-expertise__media {
  overflow: hidden;
  border-radius: 4px;
  transition: box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.montak-about-page .abt-intro__media:hover,
.montak-about-page .abt-expertise__media:hover {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.85) inset,
    0 16px 48px rgba(15, 39, 68, 0.14);
}

.montak-about-page .abt-intro__media img,
.montak-about-page .abt-expertise__media img {
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.montak-about-page .abt-intro__media:hover img,
.montak-about-page .abt-expertise__media:hover img {
  transform: scale(1.045);
}

.montak-about-page .abt-intro__stat {
  transition: transform 0.35s ease, background-color 0.35s ease;
}

.montak-about-page .abt-intro__stat:hover {
  transform: translateY(-3px);
}

.montak-about-page .abt-btn {
  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease;
}

.montak-about-page .abt-btn:hover {
  transform: translateY(-2px);
}

.montak-about-page .abt-btn:active {
  transform: translateY(0);
}

/* ════════════════════════════════════════
   Hakkımızda Responsive
   ════════════════════════════════════════ */
@media (max-width: 900px) {
  .abt-intro__grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .abt-intro--corporate .abt-intro__title {
    max-width: none;
  }

  .abt-intro__media {
    max-width: 480px;
  }

  .abt-intro__media img {
    aspect-ratio: 3 / 2;
  }

  .abt-expertise__grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  /* Intro ile aynı görsel (teamwork) mobilde üst üste tekrar etmesin — yalnızca ikinci bloktaki görseli kapat */
  .montak-about-page .abt-expertise--corporate .abt-expertise__media {
    display: none;
  }

  .abt-expertise__media {
    max-width: 480px;
  }

  .abt-expertise__media img {
    aspect-ratio: 3 / 2;
  }

  .abt-expertise__checks {
    grid-template-columns: 1fr;
  }

  .abt-expertise--corporate .abt-expertise__title {
    max-width: none;
  }

  .abt-expertise--corporate .abt-expertise__media img {
    aspect-ratio: 3 / 2;
  }

  .abt-milestones__header {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .abt-milestones__header-right {
    padding-top: 0;
  }

  .abt-milestones--corporate .abt-milestones__header {
    grid-template-columns: 1fr;
    gap: clamp(1rem, 3vw, 1.35rem);
    align-items: stretch;
    margin-bottom: clamp(1.75rem, 4vw, 2.5rem);
    padding-bottom: clamp(1.25rem, 3vw, 1.85rem);
  }

  .abt-milestones--corporate .abt-milestones__heading {
    max-width: none;
  }

  .abt-milestones--corporate .abt-milestones__header-right {
    justify-self: stretch;
    width: 100%;
    max-width: none;
    align-self: stretch;
    padding: 1rem 1.15rem 1rem calc(1.15rem + 9px);
  }

  .abt-milestones__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .abt-vm__grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .abt-vm--showcase .abt-vm__title {
    max-width: none;
  }
}

@media (max-width: 600px) {
  .abt-intro--corporate .abt-intro__stats {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .abt-intro--corporate .abt-intro__stat {
    border-right: 0;
    border-bottom: 1px solid #e2e8f0;
    padding: 0.75rem 0;
  }

  .abt-intro--corporate .abt-intro__stat:first-child {
    padding-left: 0;
  }

  .abt-intro--corporate .abt-intro__stat:last-child {
    border-bottom: 0;
    padding-right: 0;
  }

  .abt-intro--corporate .abt-intro__stat-val {
    font-size: 1.38rem;
  }

  .abt-milestones__grid {
    grid-template-columns: 1fr;
  }

  .abt-btn {
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .abt-vm__card,
  .abt-milestones__card,
  .abt-btn {
    transition: none;
  }

  .abt-vm__card:hover,
  .abt-milestones__card:hover {
    transform: none;
  }

  .abt-vm--showcase .abt-vm__card,
  .abt-vm--showcase .abt-vm__card:hover,
  .abt-vm--showcase .abt-vm__icon-wrap,
  .abt-vm--showcase .abt-vm__card:hover .abt-vm__icon-wrap {
    transition: none;
    transform: none;
  }

  .abt-vm--showcase .abt-vm__watermark {
    transition: none;
  }

  .abt-vm--showcase:has(.abt-vm__card--vision:hover) .abt-vm__watermark--vision,
  .abt-vm--showcase:has(.abt-vm__card--vision:hover) .abt-vm__watermark--mission,
  .abt-vm--showcase:has(.abt-vm__card--mission:hover) .abt-vm__watermark--mission,
  .abt-vm--showcase:has(.abt-vm__card--mission:hover) .abt-vm__watermark--vision {
    transform: none;
  }

  .montak-about-page .abt-intro__media img,
  .montak-about-page .abt-expertise__media img,
  .montak-about-page .abt-intro__stat,
  .montak-about-page .abt-btn {
    transition: none;
  }

  .montak-about-page .abt-intro__media:hover img,
  .montak-about-page .abt-expertise__media:hover img,
  .montak-about-page .abt-intro__stat:hover,
  .montak-about-page .abt-btn:hover,
  .montak-about-page .abt-btn:active {
    transform: none;
  }
}

/* ═══════════════════════════════════════════════════
   Sayfa kahramanı (İletişim, Kurumsal, Hizmetler, Katalog, …)
   ═══════════════════════════════════════════════════ */

/* ── Tam genişlik görsel + breadcrumb + başlık + dikey deko ── */
.page-hero {
  position: relative;
  height: clamp(340px, 45vw, 520px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.page-hero__img {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.page-hero__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Katalog (ve benzeri): ürün görselleri mozaik kolaj */
.page-hero--collage .page-hero__collage {
  display: block;
}

.page-hero__collage-grid {
  display: grid;
  width: 100%;
  height: 100%;
  min-height: 100%;
  grid-template-columns: 1.15fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 0.52fr;
  gap: 4px;
  background: #0b1a2f;
}

.page-hero__collage-img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center;
}

.page-hero__collage-img:nth-child(1) {
  grid-column: 1;
  grid-row: 1 / span 2;
}

.page-hero__collage-img:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}

.page-hero__collage-img:nth-child(3) {
  grid-column: 3;
  grid-row: 1;
}

.page-hero__collage-img:nth-child(4) {
  grid-column: 2;
  grid-row: 2;
}

.page-hero__collage-img:nth-child(5) {
  grid-column: 3;
  grid-row: 2;
}

.page-hero__collage-img:nth-child(6) {
  grid-column: 1 / -1;
  grid-row: 3;
}

.page-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(11, 26, 46, 0.45) 0%, rgba(11, 26, 46, 0.7) 100%);
}

.page-hero__deco {
  position: absolute;
  right: -0.15em;
  bottom: 0;
  z-index: 2;
  font-family: var(--font-head);
  font-size: clamp(6rem, 16vw, 14rem);
  font-weight: 900;
  line-height: 0.82;
  letter-spacing: -0.04em;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.08);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  pointer-events: none;
  user-select: none;
}

.page-hero__content {
  position: relative;
  z-index: 3;
  padding-bottom: clamp(2.5rem, 5vw, 4rem);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.45rem;
}

.page-hero__breadcrumb.montak-breadcrumb {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  font-size: 0.8125rem;
}

.page-hero__breadcrumb .montak-breadcrumb__link {
  color: rgba(255, 255, 255, 0.72);
}

.page-hero__breadcrumb .montak-breadcrumb__link:hover {
  color: rgba(255, 255, 255, 0.96);
}

.page-hero__breadcrumb .montak-breadcrumb__sep {
  color: rgba(255, 255, 255, 0.38);
}

.page-hero__breadcrumb .montak-breadcrumb__current {
  color: #fff;
  font-weight: 700;
}

.page-hero__title {
  margin: 0;
  font-size: clamp(2.5rem, 5.5vw, 4rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.05;
  color: #fff;
}

.page-hero__lead {
  margin: 0;
  max-width: min(52ch, 100%);
  font-size: clamp(0.92rem, 2vw, 1.05rem);
  line-height: 1.55;
  color: rgba(248, 250, 252, 0.9);
}

/* ── Gövde: Sol bilgi + Sağ form (hafif soyut mesh — düşük doygunluk) ── */
.ctc-body {
  position: relative;
  padding: clamp(3.5rem, 7vw, 6rem) 0;
  overflow-x: clip;
  isolation: isolate;
  background-color: #e6eef3;
  background-image:
    radial-gradient(
      ellipse 115% 90% at 0% -5%,
      rgba(56, 189, 248, 0.16),
      transparent 56%
    ),
    radial-gradient(
      ellipse 95% 80% at 108% 0%,
      rgba(14, 165, 233, 0.09),
      transparent 52%
    ),
    radial-gradient(
      ellipse 85% 95% at 100% 108%,
      rgba(15, 43, 90, 0.1),
      transparent 58%
    ),
    radial-gradient(
      ellipse 90% 75% at -5% 100%,
      rgba(0, 151, 167, 0.14),
      transparent 54%
    ),
    radial-gradient(
      circle min(52vmin, 560px) at 62% 36%,
      rgba(245, 166, 35, 0.07),
      transparent 58%
    ),
    radial-gradient(
      ellipse 55% 45% at 28% 58%,
      rgba(255, 255, 255, 0.22),
      transparent 62%
    ),
    linear-gradient(
      168deg,
      #fbfdff 0%,
      #f1f6f9 38%,
      #e8f0f4 72%,
      #dfe9ef 100%
    );
}

.ctc-body::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.38;
  background:
    conic-gradient(
      from 210deg at 58% 42%,
      transparent 0deg,
      rgba(255, 255, 255, 0.12) 55deg,
      transparent 115deg,
      rgba(0, 151, 167, 0.05) 185deg,
      transparent 250deg,
      rgba(15, 43, 90, 0.04) 310deg,
      transparent 360deg
    ),
    radial-gradient(
      circle at 50% 120%,
      rgba(255, 255, 255, 0.22),
      transparent 55%
    );
}

.ctc-body::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.38;
  background-image:
    repeating-linear-gradient(
      -14deg,
      transparent,
      transparent 26px,
      rgba(255, 255, 255, 0.028) 26px,
      rgba(255, 255, 255, 0.028) 27px
    ),
    linear-gradient(rgba(15, 43, 90, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 43, 90, 0.028) 1px, transparent 1px),
    repeating-linear-gradient(
      118deg,
      transparent,
      transparent 18px,
      rgba(0, 151, 167, 0.022) 18px,
      rgba(0, 151, 167, 0.022) 19px
    );
  background-size:
    auto,
    44px 44px,
    44px 44px,
    auto;
}

.ctc-body > .container {
  position: relative;
  z-index: 1;
}

.ctc-body__grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: clamp(2.5rem, 5vw, 4.5rem);
  align-items: start;
}

/* ── Sol kolon ── */
.ctc-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ctc-left__tag {
  font-size: 0.78rem;
  font-weight: 500;
  color: #64748b;
  letter-spacing: 0.04em;
  margin-bottom: 0.85rem;
}

.ctc-left__heading {
  margin: 0 0 0.9rem;
  font-size: clamp(1.75rem, 3.5vw, 2.65rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: #0f172a;
}

.ctc-left__desc {
  margin: 0 0 2.25rem;
  font-size: 0.92rem;
  line-height: 1.7;
  color: #64748b;
  max-width: 460px;
}

.ctc-left__details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.75rem 2.5rem;
  width: 100%;
  margin-bottom: 2rem;
}

.ctc-left__col h4 {
  margin: 0 0 0.35rem;
  font-size: 0.82rem;
  font-weight: 800;
  color: #0f172a;
}

.ctc-left__col p {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.55;
  color: #64748b;
}

.ctc-left__col a {
  font-size: 0.86rem;
  color: #64748b;
  text-decoration: none;
  transition: color 0.2s ease;
}

.ctc-left__col a:hover {
  color: #0891b2;
}

.ctc-left__social {
  display: flex;
  gap: 0.55rem;
  margin-top: 0.3rem;
}

.ctc-left__social a {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  color: #334155;
  transition: color 0.22s ease, transform 0.22s ease;
}

.ctc-left__social a:hover {
  color: #0891b2;
  transform: translateY(-2px);
}

.ctc-left__social svg {
  width: 18px;
  height: 18px;
}

.ctc-left__send {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 1.35rem;
  border-radius: 999px;
  background: linear-gradient(165deg, #26b5c4 0%, var(--color-primary) 45%, #007c8a 100%);
  color: var(--color-white);
  font-size: 0.86rem;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.24s ease, transform 0.24s ease, box-shadow 0.24s ease;
  box-shadow: 0 2px 14px rgba(0, 151, 167, 0.26);
}

.ctc-left__send svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.22s ease;
}

.ctc-left__send:hover {
  background: linear-gradient(165deg, #33c2d1 0%, #00a8b8 48%, #006f7a 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 151, 167, 0.32);
}

.ctc-left__send:hover svg {
  transform: translateX(3px);
}

/* ── Sağ kolon: Form kartı ── */
.ctc-right__card {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 20px;
  padding: clamp(1.75rem, 3.5vw, 2.5rem);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.8) inset,
    0 12px 40px rgba(15, 23, 42, 0.07),
    0 4px 14px rgba(0, 151, 167, 0.06);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.ctc-right__card h3 {
  margin: 0 0 0.3rem;
  font-size: 1.35rem;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.02em;
}

.ctc-right__card > p {
  margin: 0 0 1.5rem;
  font-size: 0.84rem;
  color: #64748b;
  line-height: 1.55;
}

.ctc-right__form {
  display: grid;
  gap: 0.8rem;
}

.ctc-right__form input,
.ctc-right__form textarea {
  width: 100%;
  padding: 0.78rem 1rem;
  border: 0;
  border-bottom: 1.5px solid #e2e8f0;
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  font-size: 0.88rem;
  color: #0f172a;
  transition: border-color 0.22s ease;
}

.ctc-right__form input:focus,
.ctc-right__form textarea:focus {
  outline: none;
  border-bottom-color: #0891b2;
}

.ctc-right__form input::placeholder,
.ctc-right__form textarea::placeholder {
  color: #94a3b8;
}

.ctc-right__form textarea {
  resize: vertical;
  min-height: 90px;
}

.ctc-right__submit {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
  margin-top: 0.5rem;
  padding: 0.68rem 1.4rem;
  border: 0;
  border-radius: 12px;
  background: #0891b2;
  color: #fff;
  font-family: inherit;
  font-size: 0.88rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.24s ease, transform 0.24s ease, box-shadow 0.24s ease;
  box-shadow: 0 2px 10px rgba(8, 145, 178, 0.22);
}

.ctc-right__submit svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.22s ease;
}

.ctc-right__submit:hover {
  background: #0e7490;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(8, 145, 178, 0.3);
}

.ctc-right__submit:hover svg {
  transform: translateX(3px);
}

.ctc-right__submit:active {
  transform: translateY(0);
}

/* ── Harita (iletişim): viewport genişliği, üst bölüm .container ile sınırlı kalmaz ── */
.ctc-map {
  width: 100%;
  max-width: 100%;
  /* Üstte .ctc-body ile aynı ton (#dfe9ef) → aşağı yumuşak geçiş; harita öncesi “tampon” */
  padding: clamp(2.25rem, 5vw, 3.75rem) 0 clamp(3rem, 6vw, 5rem);
  margin: 0;
  overflow-x: clip;
  border-radius: 0;
  background: linear-gradient(
    180deg,
    #dfe9ef 0%,
    #e2ebf0 12%,
    #e8f0f4 28%,
    #edf4f8 52%,
    #f2f7fa 78%,
    #fbfdff 100%
  );
}

.ctc-map__wrap {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  border: 0;
  /* Teal border-top/bottom kaldırıldı: üstte gradient geçişiyle çakışıp “gereksiz çizgi” gibi duruyordu */
  /* Üstte açık tondan teal’e uzun geçiş — gövde → harita keskin kesilmez */
  background: linear-gradient(
    180deg,
    rgba(232, 240, 244, 0.72) 0%,
    rgba(218, 232, 240, 0.55) 10%,
    rgba(12, 116, 126, 0.28) 32%,
    rgba(6, 98, 108, 0.42) 52%,
    rgba(4, 90, 96, 0.48) 72%,
    rgba(3, 52, 58, 0.55) 100%
  );
  box-shadow:
    0 -28px 56px -28px rgba(232, 240, 244, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  /* Keskin köşe (radius yok); blok tam dikdörtgen */
  min-height: 220px;
  height: clamp(240px, 34vw, 440px);
}

/* Üst: gövde rengi (#dfe9ef) → haritaya yumuşak “fade-in” (keskin yatay çizgiyi kırar) */
.ctc-map__wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  height: clamp(72px, 18vw, 180px);
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    #dfe9ef 0%,
    rgba(223, 233, 239, 0.96) 14%,
    rgba(228, 237, 242, 0.72) 38%,
    rgba(232, 240, 244, 0.28) 72%,
    rgba(232, 240, 244, 0) 100%
  );
}

/* Footer haritasıyla aynı mantık: teal / lacivert tonlama + vignette; tıklama iframe’de */
.ctc-map__wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(155deg, rgba(5, 140, 148, 0.36) 0%, rgba(5, 140, 148, 0.06) 42%, transparent 58%),
    linear-gradient(325deg, rgba(15, 43, 90, 0.2) 0%, transparent 48%),
    linear-gradient(180deg, transparent 0%, transparent 42%, rgba(2, 40, 44, 0.42) 100%);
  box-shadow:
    inset 0 0 120px rgba(2, 28, 32, 0.5),
    inset 0 0 36px rgba(5, 106, 113, 0.32);
  mix-blend-mode: multiply;
  opacity: 0.85;
}

.ctc-map__frame {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  filter: saturate(0.72) brightness(0.88) contrast(1.1) hue-rotate(-6deg);
  transform: translateZ(0);
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0, 0, 0, 0.22) 5%,
    rgba(0, 0, 0, 0.75) 14%,
    #000 26%,
    #000 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0, 0, 0, 0.22) 5%,
    rgba(0, 0, 0, 0.75) 14%,
    #000 26%,
    #000 100%
  );
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/* ── İletişim Responsive ── */
@media (max-width: 900px) {
  .page-hero {
    height: clamp(260px, 40vw, 380px);
  }

  .page-hero__deco {
    display: none;
  }

  .ctc-body__grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

@media (max-width: 600px) {
  .page-hero {
    height: 280px;
  }

  .page-hero--collage .page-hero__collage-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, 1fr);
    gap: 3px;
  }

  .page-hero--collage .page-hero__collage-img:nth-child(1),
  .page-hero--collage .page-hero__collage-img:nth-child(2),
  .page-hero--collage .page-hero__collage-img:nth-child(3),
  .page-hero--collage .page-hero__collage-img:nth-child(4),
  .page-hero--collage .page-hero__collage-img:nth-child(5),
  .page-hero--collage .page-hero__collage-img:nth-child(6) {
    grid-column: auto;
    grid-row: auto;
  }

  .page-hero__breadcrumb.montak-breadcrumb {
    font-size: 0.76rem;
    gap: 0.35rem;
  }

  .page-hero__title {
    font-size: clamp(1.85rem, 8vw, 2.55rem);
  }

  .page-hero__lead {
    font-size: 0.88rem;
    line-height: 1.45;
  }

  .ctc-left__details {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .ctc-right__submit {
    width: 100%;
    justify-content: center;
  }

}

@media (prefers-reduced-motion: reduce) {
  .ctc-left__social a,
  .ctc-left__send,
  .ctc-right__submit {
    transition: none;
  }
}

/* ═══════════════════════════════════════════════════════════
   İç sayfalar — mobil rafine (ana sayfa / front-page hariç)
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 900px) {
  body:not(.front-page) .montak-breadcrumb-band__inner {
    padding-inline: max(0.65rem, env(safe-area-inset-left, 0px)) max(0.65rem, env(safe-area-inset-right, 0px));
  }

  body:not(.front-page) .montak-breadcrumb-band .montak-breadcrumb {
    border-radius: 14px 14px 0 0;
    padding: 0.65rem 1rem 0.82rem;
    box-shadow: 0 -6px 28px rgba(0, 0, 0, 0.12);
  }

  body:not(.front-page) .page-hero .page-hero__content {
    padding-bottom: clamp(1.75rem, 6vw, 2.75rem);
    padding-inline: max(0.75rem, env(safe-area-inset-left, 0px)) max(0.75rem, env(safe-area-inset-right, 0px));
  }

  body:not(.front-page) .montak-page-with-hero {
    padding-bottom: clamp(1.85rem, 5vw, 2.85rem);
  }

  body:not(.front-page) #primary.section,
  body:not(.front-page) main#primary.section {
    padding-top: clamp(1.75rem, 4.5vw, 2.75rem);
    padding-bottom: clamp(1.75rem, 4.5vw, 2.75rem);
  }

  body:not(.front-page) #primary .card,
  body:not(.front-page) main#primary .card {
    border-radius: clamp(12px, 3vw, 16px);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.9) inset,
      0 10px 36px -12px rgba(15, 43, 90, 0.12);
    padding: clamp(1.1rem, 3.5vw, 1.35rem);
  }

  body:not(.front-page) #primary .card > h1,
  body:not(.front-page) main#primary .card > h1 {
    font-size: clamp(1.35rem, 4.2vw, 1.75rem);
    line-height: 1.18;
    letter-spacing: -0.02em;
  }

  body:not(.front-page) .blog-page__inner {
    padding-inline: max(0px, env(safe-area-inset-left, 0px)) max(0px, env(safe-area-inset-right, 0px));
  }

  body:not(.front-page) .montak-pcat__stage {
    min-height: min(70vh, 640px);
    padding-top: clamp(1.75rem, 5vw, 3rem);
  }
}

@media (max-width: 600px) {
  body:not(.front-page) .page-hero:not(.page-hero--collage) {
    height: clamp(240px, 52svh, 360px);
    min-height: 220px;
  }

  body:not(.front-page) .page-hero__content {
    gap: 0.35rem;
  }

  body:not(.front-page) .page-hero__title {
    font-size: clamp(1.65rem, 9vw, 2.35rem);
    text-wrap: balance;
  }

  body:not(.front-page) .page-hero__lead {
    font-size: 0.9rem;
    line-height: 1.5;
    text-wrap: pretty;
  }

  body:not(.front-page) .montak-breadcrumb-band .montak-breadcrumb {
    width: 100%;
    max-width: min(100%, 22rem);
    margin-inline: auto;
    justify-content: center;
    text-align: center;
  }

  body:not(.front-page) .abt-intro--corporate .abt-intro__actions {
    flex-direction: column;
    align-items: stretch;
  }

  body:not(.front-page) .abt-intro--corporate .abt-intro__actions .abt-btn {
    width: 100%;
    justify-content: center;
    border-radius: 12px;
    min-height: 2.85rem;
  }

  body:not(.front-page) .montak-pcat__viewport {
    padding-left: max(1rem, env(safe-area-inset-left, 0px));
    padding-right: max(1rem, env(safe-area-inset-right, 0px));
    scroll-padding-inline: max(1rem, env(safe-area-inset-left, 0px));
  }

  body:not(.front-page) .blog-page .blog-pagination-wrap .page-numbers {
    min-height: 2.75rem;
    min-width: 2.65rem;
    border-radius: 12px;
  }

  body.error404 #primary .button {
    display: inline-flex;
    width: 100%;
    max-width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }

  body.error404 #primary .search-form {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
  }

  body.error404 #primary .search-form input[type="search"] {
    min-height: 2.75rem;
    border-radius: 12px;
  }

  body.error404 #primary .search-form input[type="submit"] {
    min-height: 2.75rem;
    border-radius: 12px;
  }
}

/* ── Kalite: Sertifikalar bölümü ─────────────────── */
.kcert {
  --kcert-border: #e2e8f0;
  --kcert-ink: #0f2744;
  --kcert-muted: #475569;
  --kcert-radius: clamp(14px, 1.5vw, 18px);
  --kcert-radius-sm: clamp(8px, 1vw, 11px);
  position: relative;
  margin-top: clamp(2rem, 4vw, 3rem);
  padding: clamp(2rem, 4vw, 3rem) 0 clamp(2.5rem, 5vw, 3.75rem);
}

.kcert__intro {
  margin: 0 0 clamp(1.5rem, 3vw, 2.25rem);
  padding: clamp(1.25rem, 2.5vw, 1.65rem) clamp(1.25rem, 2.5vw, 1.75rem);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), #fff);
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: var(--kcert-radius);
  border-left: 4px solid var(--color-accent);
  box-shadow:
    0 0 0 1px rgba(245, 166, 35, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 14px 36px -18px rgba(15, 43, 90, 0.07);
}

.kcert__eyebrow {
  margin: 0 0 0.45rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-accent);
}

.kcert__title {
  margin: 0;
  font-family: var(--font-head);
  font-size: clamp(1.45rem, 2.5vw, 1.95rem);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.2;
  color: var(--kcert-ink);
}

.kcert__title span {
  color: var(--color-accent);
  font-weight: 600;
}

.kcert__lead {
  margin: 0.75rem 0 0;
  max-width: 62ch;
  color: var(--kcert-muted);
  font-size: 0.975rem;
  line-height: 1.55;
}

.kcert__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
}

.kcert-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding: clamp(1.1rem, 2vw, 1.5rem);
  background: #fff;
  border: 1px solid var(--kcert-border);
  border-radius: var(--kcert-radius);
  box-shadow:
    0 0 0 1px rgba(15, 23, 42, 0.03),
    0 14px 36px -22px rgba(15, 43, 90, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.kcert-card:hover,
.kcert-card:focus-within {
  transform: translateY(-2px);
  border-color: rgba(0, 151, 167, 0.35);
  box-shadow:
    0 0 0 1px rgba(0, 151, 167, 0.12),
    0 22px 48px -22px rgba(15, 43, 90, 0.18);
}

.kcert-card__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 84px;
  padding: 0.75rem 1rem;
  background:
    linear-gradient(180deg, #fff, #fafbfc) padding-box,
    linear-gradient(148deg, rgba(0, 151, 167, 0.35), rgba(203, 213, 225, 0.7) 50%, rgba(245, 166, 35, 0.3)) border-box;
  border: 1px solid transparent;
  border-radius: var(--kcert-radius-sm);
}

.kcert-card__logo img {
  max-height: 56px;
  max-width: 80%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.kcert-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.kcert-card__title {
  margin: 0;
  font-family: var(--font-head);
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: var(--kcert-ink);
}

.kcert-card__desc {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.55;
  color: var(--kcert-muted);
}

.kcert-card__file {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: auto;
  padding: 0.7rem 0.85rem;
  background: var(--color-bg-soft);
  border: 1px solid var(--kcert-border);
  border-radius: var(--kcert-radius-sm);
}

.kcert-card__file-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  color: var(--color-primary);
  background: rgba(0, 151, 167, 0.1);
  border-radius: 8px;
}

.kcert-card__file-meta {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}

.kcert-card__file-name {
  font-family: var(--font-head);
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--kcert-ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kcert-card__file-info {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--kcert-muted);
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.kcert-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.7rem 1rem;
  font-family: var(--font-head);
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none;
  color: #fff;
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: var(--kcert-radius-sm);
  box-shadow: 0 10px 24px -16px rgba(0, 151, 167, 0.6);
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.kcert-card__cta:hover,
.kcert-card__cta:focus-visible {
  background: #007e8c;
  border-color: #007e8c;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 14px 28px -16px rgba(0, 151, 167, 0.75);
}

.kcert-card__cta:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.kcert-card__cta svg {
  transition: transform 0.2s ease;
}

.kcert-card__cta:hover svg,
.kcert-card__cta:focus-visible svg {
  transform: translateY(2px);
}

@media (max-width: 640px) {
  .kcert {
    padding: clamp(1.5rem, 4vw, 2rem) 0 clamp(1.75rem, 4vw, 2.25rem);
  }

  .kcert__title {
    font-size: clamp(1.2rem, 5vw, 1.5rem);
  }

  .kcert-card__logo {
    height: 72px;
  }

  .kcert-card__file-name {
    white-space: normal;
    word-break: break-word;
  }
}

/* ── Ana Sayfa: Kalite ve Belgeler kartları bağlantılıysa tıklanabilir ──
   Kartlar artık <a> (link); eski 3D bindirme + pointer-events:none tıklamayı
   engelliyordu. Bağlantılı kartlarda bindirmeyi kaldırıp tıklamayı açıyoruz. */
a.quality-card { text-decoration: none; color: inherit; cursor: pointer; }
.quality-cards a.quality-card,
.quality-cards a.quality-card > * { pointer-events: auto; }
.quality-cards a.quality-card .quality-watermark,
.quality-cards a.quality-card::before { pointer-events: none; }
/* Yan kartların ortadakinin arkasında kalıp tıklanamamasını önle:
   yatay çekmeyi sıfırla, 3D dönüş/derinlik görünümü korunur, kartlar
   üst üste binmez; her kart kendi alanında tam tıklanabilir. */
.quality-cards a.quality-card:nth-child(1) { --card-transform: rotateY(16deg) scale(0.96); }
.quality-cards a.quality-card:nth-child(2) { --card-transform: scale(1.03); pointer-events: auto; }
.quality-cards a.quality-card:nth-child(3) { --card-transform: rotateY(-16deg) scale(0.96); }
.quality-cards:has(a.quality-card) { gap: 1.5rem; perspective: 1400px; }