[hidden]{display:none!important}
img{max-width:100%}
/*
  Plan
  Layout: keskin kose panellerden olusan sayfa. Ustte beyaz menu seridi, altinda ayri giris bolumu ve
  ikiye bolunmus baslik. Arkasinda saha cizgisi gibi beyaz cizgiler (tarti cetvelinin cizgileri).
  Renk: siyah ana renk, beyaz, acik gri ton, notr murekkep.
  Yazi: Space Grotesk baslik, Inter metin (musteri istegi).
*/
:root {
  --bg: #FFFFFF;
  --soft: #F6F6F6;
  --surface: #FFFFFF;
  --ink: #111111;
  --muted: #555555;
  --line: #E2E2E2;
  --navy: #111111;
  --navy-ink: #FFFFFF;
  --accent-text: #111111;
  --tint: #F3F3F3;
  --pill-ink: #111111;

  /* Her iki temada ayni kalan paneller */
  --deep: #000000;
  --deep-ink: #FFFFFF;
  --deep-muted: #DADADA;
  --deep-line: rgba(255, 255, 255, 0.24);
  --bar-bg: #FFFFFF;
  --bar-ink: #111111;

  /* Gosterge cihazi */
  --bezel: #1F1F1F;
  --bezel-edge: #3A3A3A;
  --lcd-bg: #C6D2A0;
  --lcd-on: #1D2814;
  --lcd-off: rgba(29, 40, 20, 0.09);

  --font-display: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color-scheme: light;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font-family: var(--font-body); font-size: 1rem; line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
h1, h2, h3 { font-family: var(--font-display); font-weight: 600; margin: 0; text-wrap: balance; letter-spacing: -0.02em; }
h1 { font-size: clamp(2.3rem, 6.2vw, 4.75rem); line-height: 1.02; letter-spacing: -0.035em; }
h2 { font-size: clamp(1.9rem, 4vw, 3rem); line-height: 1.08; }
h3 { font-size: 1.35rem; line-height: 1.2; letter-spacing: -0.01em; }
p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
.wrap { width: 100%; max-width: 1240px; margin-inline: auto; padding-inline: clamp(12px, 3vw, 28px); }
.section { padding-block: clamp(0.6rem, 1.4vw, 1rem); }
.measure { max-width: 60ch; }
.muted { color: var(--muted); }
:focus-visible { outline: 3px solid var(--navy); outline-offset: 3px; border-radius: 0; }

.pill {
  display: inline-flex; align-items: center; width: fit-content;
  padding: 0.3rem 0.9rem; border-radius: 0; background: var(--tint); color: var(--pill-ink);
  font-weight: 600; font-size: 0.85rem; line-height: 1.4;
}
.pill.on-deep { background: rgba(255, 255, 255, 0.16); color: var(--deep-ink); }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
  padding: 0.8rem 1.4rem; border-radius: 0; border: 2px solid transparent;
  font: inherit; font-weight: 600; text-decoration: none; cursor: pointer; line-height: 1.2;
}
.btn-red { background: var(--navy); color: var(--navy-ink); }
.btn-red:hover { filter: brightness(1.08); }
.btn-white { background: #fff; color: var(--navy); }
.btn-white:hover { filter: brightness(0.96); }
.btn-outline { border-color: rgba(255, 255, 255, 0.7); color: #fff; background: transparent; }
.btn-outline:hover { background: rgba(255, 255, 255, 0.12); }
.btn-sm { padding: 0.6rem 1.1rem; }

/* Hero */
.hero { padding-top: clamp(0.6rem, 1.4vw, 1rem); }
.hero-panel {
  position: relative; overflow: hidden; background: var(--navy); color: #fff;
  border-radius: 0; padding: clamp(0.75rem, 2vw, 1.1rem) clamp(0.75rem, 2.5vw, 1.1rem) clamp(1.75rem, 4vw, 3rem);
}
.hero-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.hero-panel > :not(.hero-lines) { position: relative; }
.navbar {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  background: var(--bar-bg); color: var(--bar-ink); border-radius: 0; padding: 0.5rem 0.55rem 0.5rem 1.4rem;
}
.brand { display: flex; align-items: baseline; gap: 0.55rem; text-decoration: none; min-width: 0; }
.brand-name { font-family: var(--font-display); font-weight: 700; font-size: 1.5rem; letter-spacing: -0.03em; color: var(--navy); }
.brand-sub { font-size: 0.85rem; color: #555555; }
.nav { display: none; gap: 1.5rem; }
.nav a { text-decoration: none; font-weight: 500; font-size: 0.95rem; padding-block: 0.3rem; border-bottom: 2px solid transparent; }
.nav a:hover { border-bottom-color: var(--navy); }
@media (min-width: 900px) { .nav { display: flex; } }
@media (max-width: 520px) { .brand-sub { display: none; } }
.hero-inner { padding-inline: clamp(0.5rem, 2vw, 1.5rem); }
.hero-head { margin-top: clamp(2.5rem, 8vw, 6rem); display: grid; gap: 0.6rem; }
h1 .a { display: block; max-width: 19ch; }
h1 .b { display: block; }
@media (min-width: 760px) { h1 .b { text-align: right; margin-top: clamp(1rem, 3vw, 2.5rem); } }
.hero-foot { margin-top: clamp(2rem, 5vw, 3.5rem); display: flex; flex-wrap: wrap; gap: 1.6rem 3rem; align-items: flex-end; justify-content: space-between; }
.hero-text { display: grid; gap: 1.3rem; max-width: 46ch; }
.lead { font-size: 1.15rem; color: rgba(255, 255, 255, 0.92); }
.lead strong { color: #fff; font-weight: 600; }
.cta-row { display: flex; flex-wrap: wrap; gap: 0.7rem; }
.hero-paths { display: grid; gap: 0.7rem; flex: 0 1 34rem; min-width: 0; width: 100%; }
.hero-path { display: grid; gap: 0.6rem; align-content: start; background: rgba(255, 255, 255, 0.14); border-radius: 0; padding: 1rem 1.1rem; color: #fff; text-decoration: none; min-width: 0; }
.hero-path:hover { background: rgba(255, 255, 255, 0.24); }
.hero-path strong { font-family: var(--font-display); font-weight: 600; font-size: 1.2rem; letter-spacing: -0.01em; }

/* Hakkimizda */
.about-text { max-width: 44rem; margin-inline: auto; display: grid; gap: 1.15rem; justify-items: start; padding-block: clamp(2.5rem, 7vw, 5rem); }
.about-text h2 { max-width: 20ch; }
.about-text p { color: var(--muted); font-size: 1.1rem; line-height: 1.7; max-width: 62ch; }
.about-text .about-lead { color: var(--ink); font-size: 1.25rem; line-height: 1.6; }
.about-text .about-close { color: var(--ink); font-weight: 500; padding-top: 0.6rem; border-top: 1px solid var(--line); width: 100%; max-width: none; }
.about-text a { color: var(--accent-text); font-weight: 600; }

/* Paneller */
.panel { border-radius: 0; padding: clamp(1.25rem, 4vw, 3.25rem); }
.panel-tint { background: var(--tint); }
.panel-surface { background: var(--surface); border: 1px solid var(--line); }
.panel-deep { background: var(--soft); color: var(--ink); }
.panel-deep .muted { color: var(--muted); }
.section-head { display: grid; gap: 1rem; justify-items: start; margin-bottom: clamp(1.5rem, 4vw, 2.5rem); }
.head-center { justify-items: center; text-align: center; }

/* Tartim gostergesi */
.feature-grid { display: grid; gap: clamp(1.5rem, 4vw, 3rem); align-items: center; }
@media (min-width: 900px) { .feature-grid { grid-template-columns: 1fr 1fr; } }
.feature-grid > * { min-width: 0; }
.feature-copy { display: grid; gap: 1.2rem; justify-items: start; }
.loads { display: grid; gap: 0.5rem; width: 100%; grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr)); }
.load-btn {
  font: inherit; font-weight: 500; cursor: pointer; text-align: left;
  background: var(--surface); color: var(--ink); border: 2px solid transparent;
  border-radius: 0; padding: 0.7rem 1rem; line-height: 1.25;
}
.load-btn small { display: block; color: var(--muted); font-size: 0.82rem; font-variant-numeric: tabular-nums; }
.load-btn:hover { border-color: var(--navy); }
.load-btn[aria-pressed="true"] { background: var(--navy); color: var(--navy-ink); }
.load-btn[aria-pressed="true"] small { color: inherit; opacity: 0.9; }
.result { border-left: 4px solid var(--navy); padding: 0.1rem 0 0.1rem 1rem; display: grid; gap: 0.15rem; }
.result-title { font-weight: 600; font-size: 1.1rem; }
.result-brands { font-size: 0.9rem; color: var(--muted); }

.stage { background: var(--navy); border-radius: 0; padding: clamp(1rem, 3vw, 2rem); position: relative; overflow: hidden; }
.stage-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.device { margin: 0; position: relative; }
.bezel { background: var(--bezel); border: 1px solid var(--bezel-edge); border-radius: 0; padding: 1.1rem 1.1rem 0.8rem; box-shadow: 0 10px 0 -2px rgba(0, 0, 0, 0.25); }
.lcd { background: var(--lcd-bg); border-radius: 0; padding: 0.7rem 1rem 0.9rem; box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.28); color: var(--lcd-on); }
.lamps { display: flex; gap: 1rem; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.04em; min-height: 1.2rem; }
.lamps span { opacity: 0.14; }
.lamps span.on { opacity: 1; }
.readout { display: flex; align-items: flex-end; gap: 0.6rem; }
.digits { flex: 1; min-width: 0; height: auto; display: block; }
.seg { fill: var(--lcd-off); }
.seg.on { fill: var(--lcd-on); }
.unit { font-family: var(--font-display); font-weight: 700; font-size: 1.9rem; line-height: 1; padding-bottom: 0.2rem; }
.model { color: #A8A8A8; font-size: 0.8rem; padding: 0.7rem 0.2rem 0; }

/* Markalar */
.brand-stack { display: grid; gap: 1rem; }
.brand-card { display: grid; gap: 1.5rem; background: var(--tint); border-radius: 0; padding: clamp(1.1rem, 3vw, 2rem); }
@media (min-width: 860px) { .brand-card { grid-template-columns: 1.1fr 0.9fr; } }
.brand-card > * { min-width: 0; }
@media (min-width: 860px) { .brand-card.brand-card-solo { grid-template-columns: 1fr; } }
.brand-card .cta-row { margin-top: 0.3rem; }
.brand-text { display: grid; gap: 1rem; align-content: start; padding: clamp(0rem, 1vw, 0.5rem); }
.brand-title { font-size: clamp(2.2rem, 5.5vw, 3.4rem); font-weight: 700; letter-spacing: -0.04em; line-height: 1; }
.brand-who { color: var(--muted); }
.brand-products { display: grid; gap: 0.45rem; }
.brand-products li { position: relative; padding-left: 1.4rem; }
.brand-products li::before { content: ''; position: absolute; left: 0; top: 0.62em; width: 0.6rem; height: 0.6rem; border-radius: 0; background: var(--navy); }
.brand-fact { background: var(--surface); border-radius: 0; padding: 0.9rem 1.1rem; font-size: 0.97rem; }
.brand-fact strong { display: block; font-family: var(--font-display); font-size: 1.35rem; font-weight: 600; letter-spacing: -0.02em; }
.art { background: var(--navy); border-radius: 0; display: grid; place-items: center; padding: 1.5rem; min-height: 220px; }
.art svg { width: min(100%, 320px); height: auto; stroke: var(--deep-ink); fill: rgba(255, 255, 255, 0.12); stroke-width: 3; stroke-linejoin: miter; stroke-linecap: butt; }
.art .scr { fill: #fff; stroke: none; }
.art .ln { fill: none; }
.fine { font-size: 0.85rem; color: var(--muted); margin-top: 1.2rem; }

/* Sektorler */
.sector-list { display: grid; gap: 0.6rem; }
.sector { background: var(--surface); border: 1px solid var(--line); border-radius: 0; overflow: hidden; }
.sector.open { background: var(--tint); border-color: transparent; }
.sector h3 { margin: 0; }
.sector-btn {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; text-align: left;
  background: none; border: 0; color: inherit; cursor: pointer;
  font: inherit; font-family: var(--font-display); font-weight: 600; font-size: clamp(1.3rem, 3vw, 1.9rem);
  letter-spacing: -0.02em; padding: 1.1rem 1.4rem;
}
.sector-btn::after { content: '+'; font-size: 1.8rem; line-height: 1; color: var(--navy); font-weight: 500; }
.sector.open .sector-btn::after { content: '\2212'; }
.sector-body { padding: 0 1.4rem 1.4rem; display: grid; gap: 1rem; justify-items: start; }
.chips { display: flex; flex-wrap: wrap; gap: 0.4rem; }

/* Laboratuvar */
.lab-grid { display: grid; gap: 2rem; }
@media (min-width: 900px) { .lab-grid { grid-template-columns: 0.95fr 1.05fr; align-items: start; } }
.lab-grid > * { min-width: 0; }
.lab-copy { display: grid; gap: 1.1rem; justify-items: start; }
.lab-list { margin: 0; border-top: 1px solid var(--line); }
.lab-list > div { display: grid; gap: 0.2rem 1.5rem; padding-block: 1rem; border-bottom: 1px solid var(--line); }
@media (min-width: 560px) { .lab-list > div { grid-template-columns: 11rem 1fr; align-items: baseline; } }
.lab-list dt { font-family: var(--font-display); font-weight: 600; font-size: 1.25rem; line-height: 1.15; }
.lab-list dd { margin: 0; color: var(--muted); }
.lab-list dd strong { color: var(--ink); font-weight: 600; }

/* Hizmetler */
.service-list { border-top: 1px solid var(--line); }
.service { display: grid; gap: 0.5rem 2rem; padding-block: 1.4rem; border-bottom: 1px solid var(--line); }
@media (min-width: 820px) { .service { grid-template-columns: 0.8fr 1.6fr; align-items: baseline; } }
.service > * { min-width: 0; }
.service p { color: var(--muted); }
.tag { justify-self: start; font-size: 0.85rem; font-weight: 600; padding: 0.25rem 0.8rem; border-radius: 0; background: var(--tint); color: var(--pill-ink); }
.tag.partner { background: transparent; border: 1.5px solid var(--muted); color: var(--muted); }
@media (min-width: 820px) { .tag { justify-self: end; } }

/* Takvim */
.ruler { position: relative; height: 68px; margin: 1.5rem 0 0.5rem; }
.ruler-track { position: absolute; left: 0; right: 0; top: 34px; height: 4px; border-radius: 0; background: rgba(17, 17, 17, 0.28); }
.ruler-ticks { position: absolute; left: 0; right: 0; top: 24px; height: 24px; background: repeating-linear-gradient(to right, var(--muted) 0 1px, transparent 1px 12.5%); border-right: 1px solid var(--muted); }
.ruler-label { position: absolute; top: 0; font-weight: 600; font-variant-numeric: tabular-nums; font-size: 0.95rem; transform: translateX(-50%); white-space: nowrap; }
.ruler-label:first-of-type { transform: none; }
.ruler-label.last { transform: translateX(-100%); }
.pin { position: absolute; top: 28px; width: 16px; height: 16px; border-radius: 0; border: 3px solid var(--soft); }
.pin.start { left: 0; background: var(--navy); }
.pin.end { right: 0; background: var(--ink); }
.cal-steps { display: grid; gap: 1.5rem 2rem; margin-top: 2rem; }
@media (min-width: 820px) { .cal-steps { grid-template-columns: repeat(3, 1fr); } }
.cal-step { border-top: 3px solid var(--line); padding-top: 0.9rem; display: grid; gap: 0.3rem; align-content: start; }
.cal-step.a { border-top-color: var(--navy); }
.cal-step.w { border-top-color: var(--ink); }
.cal-step .when { font-family: var(--font-display); font-weight: 600; font-size: 1.4rem; }
.cal-note { margin-top: 2rem; font-size: 0.92rem; }
.cal-note a { color: var(--accent-text); font-weight: 600; }

/* Bolge */
.region-grid { display: grid; gap: 2rem; }
@media (min-width: 900px) { .region-grid { grid-template-columns: 1fr 1fr; align-items: center; } }
.region-grid > * { min-width: 0; }
.region-copy { display: grid; gap: 1.1rem; justify-items: start; }
.districts li { font-family: var(--font-display); font-weight: 600; font-size: clamp(2rem, 5.5vw, 3.2rem); letter-spacing: -0.03em; line-height: 1.15; border-bottom: 1px solid var(--line); display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.districts li.home { color: var(--accent-text); }
.districts .where { font-family: var(--font-body); font-size: 0.95rem; font-weight: 600; letter-spacing: 0; }
.districts li.more { font-size: 1.1rem; font-family: var(--font-body); font-weight: 500; letter-spacing: 0; color: var(--muted); padding-block: 0.8rem; border-bottom: 0; }

/* Sik sorulanlar */
.faq { display: grid; gap: 0.6rem; }
.faq details { background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: 0; }
.faq summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 1.05rem 1.3rem; font-family: var(--font-display); font-weight: 600; font-size: 1.2rem; letter-spacing: -0.01em;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: '+'; color: var(--navy); font-size: 1.7rem; font-weight: 500; line-height: 1; }
.faq details[open] summary::after { content: '\2212'; }
.faq .answer { padding: 0 1.3rem 1.2rem; color: var(--muted); max-width: 70ch; }
.faq .answer a { color: var(--accent-text); font-weight: 600; }

/* Iletisim */
.contact-grid { display: grid; gap: 2rem; }
@media (min-width: 900px) { .contact-grid { grid-template-columns: 0.9fr 1.1fr; align-items: start; } }
.contact-grid > * { min-width: 0; }
.info { display: grid; gap: 1.3rem; margin-top: 1.6rem; }
.info dt { color: var(--muted); font-size: 0.9rem; }
.info dd { margin: 0.15rem 0 0; font-size: 1.15rem; }
.todo { font-style: italic; color: var(--muted); }
.maplink { color: var(--accent-text); font-weight: 600; }
.builder { background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: 0; padding: clamp(1.1rem, 3vw, 2rem); display: grid; gap: 1.1rem; }
.builder h3 { font-size: 1.7rem; }
.field { display: grid; gap: 0.35rem; }
.field label, .field legend { font-weight: 600; font-size: 0.95rem; padding: 0; }
.field input[type="text"], .field input[type="number"], .field input[type="tel"], .field input[type="email"], .field select, .field textarea {
  font: inherit; color: var(--ink); background: var(--soft); border: 1.5px solid var(--line);
  border-radius: 0; padding: 0.7rem 0.9rem; width: 100%; min-width: 0;
}
.field textarea { resize: vertical; min-height: 7.5rem; line-height: 1.5; }
fieldset.field { border: 0; margin: 0; padding: 0; min-width: 0; }
.checks { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.checks label { display: inline-flex; align-items: center; gap: 0.45rem; font-weight: 500; border: 1.5px solid var(--line); border-radius: 0; padding: 0.4rem 0.9rem; cursor: pointer; }
.checks input { accent-color: var(--navy); width: 1.05rem; height: 1.05rem; }
.two { display: grid; gap: 1.1rem; }
@media (min-width: 560px) { .two { grid-template-columns: 1fr 9rem; } }
.copy-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem; }
.copy-status { font-size: 0.92rem; color: var(--muted); }

.footer { padding-block: 2rem 2.5rem; font-size: 0.9rem; color: var(--muted); }
.footer-row { display: flex; flex-wrap: wrap; gap: 0.6rem 2rem; justify-content: space-between; }

/* Menu ve acilir marka listesi */
.nav { align-items: center; }
.nav-item { position: relative; }
.caret { display: inline-block; width: 0.42rem; height: 0.42rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); margin-left: 0.2rem; }
.submenu { position: absolute; top: 100%; left: -1rem; padding-top: 0.9rem; display: none; z-index: 5; min-width: 11rem; }
.nav-item:hover .submenu, .nav-item:focus-within .submenu { display: block; }
.submenu ul { background: var(--bar-bg); color: var(--bar-ink); border-radius: 0; padding: 0.5rem; box-shadow: 0 8px 0 -2px rgba(0, 0, 0, 0.12); display: grid; gap: 0.1rem; }
.nav .submenu a { display: block; padding: 0.55rem 0.9rem; border-radius: 0; border-bottom: 0; font-weight: 600; }
.nav .submenu a:hover { background: #F3F3F3; color: #111111; }
.nav-actions { display: flex; align-items: center; gap: 0.5rem; }
.menu-btn { font: inherit; font-weight: 600; background: transparent; border: 2px solid #E2E2E2; color: var(--bar-ink); border-radius: 0; padding: 0.5rem 1rem; cursor: pointer; }
.mobile-menu { margin-top: 0.5rem; background: var(--bar-bg); color: var(--bar-ink); border-radius: 0; padding: 0.6rem; display: grid; }
.mobile-menu a { padding: 0.8rem 1rem; border-radius: 0; font-weight: 600; text-decoration: none; }
.mobile-menu a:hover { background: #F3F3F3; }
.mobile-menu .sub { display: grid; padding-left: 1rem; }
.mobile-menu .sub a { font-weight: 500; color: #555555; }
@media (min-width: 900px) { .menu-btn, .mobile-menu { display: none !important; } }

/* Blog */
.blog-grid { display: grid; gap: 1rem; }
@media (min-width: 900px) { .blog-grid { grid-template-columns: repeat(3, 1fr); align-items: start; } }
.post { background: var(--tint); border-radius: 0; padding: 1.4rem; display: grid; gap: 0.8rem; align-content: start; min-width: 0; }
.post h3 { font-size: 1.45rem; }
.post p { color: var(--muted); }
.post summary { cursor: pointer; font-weight: 600; color: var(--accent-text); list-style: none; display: inline-flex; }
.post summary::-webkit-details-marker { display: none; }
.post summary::after { content: '+'; margin-left: 0.5rem; }
.post details[open] summary::after { content: '\2212'; }
.post .body { display: grid; gap: 0.8rem; margin-top: 0.8rem; }
.post .body a { color: var(--accent-text); font-weight: 600; }

/* Neden Akcan ve urunler */
.product-grid { display: grid; gap: 1rem; }
@media (min-width: 640px) { .product-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .product-grid { grid-template-columns: repeat(4, 1fr); } }
.product { background: var(--surface); border: 1px solid var(--line); border-radius: 0; padding: 1.4rem; display: grid; gap: 0.8rem; align-content: start; min-width: 0; }
.product p { color: var(--muted); }
.product .more { color: var(--accent-text); font-weight: 600; text-decoration: none; }
.product .more:hover { text-decoration: underline; }

/* Iki alan: tartim ve yazarkasa */
.submenu li.group { padding: 0.5rem 0.9rem 0.2rem; font-size: 0.8rem; font-weight: 600; color: #555555; }
.submenu li.group:not(:first-child) { border-top: 1px solid #E2E2E2; margin-top: 0.3rem; padding-top: 0.7rem; }
.mobile-menu .sub .g { padding: 0.5rem 1rem 0; font-size: 0.8rem; font-weight: 600; color: #555555; }
.btn-line { border-color: var(--line); color: var(--ink); background: transparent; }
.btn-line:hover { border-color: var(--navy); }
.paths { display: grid; gap: 1rem; }
@media (min-width: 860px) { .paths { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.path { border-radius: 0; padding: clamp(1.2rem, 3vw, 2rem); display: grid; gap: 1rem; align-content: start; min-width: 0; }
.path-tartim { background: var(--tint); }
.path-kasa { background: var(--surface); border: 1px solid var(--line); }
.path h3 { font-size: clamp(1.6rem, 3.5vw, 2.2rem); }
.path p { color: var(--muted); }
.path-list { border-top: 1px solid rgba(17, 17, 17, 0.18); }
.path-list li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.2rem 1rem; padding-block: 0.65rem; border-bottom: 1px solid rgba(17, 17, 17, 0.18); }
.path-list span { color: var(--muted); }
.panel-kasa { background: var(--surface); border: 1px solid var(--line); }
.kasa-grid { display: grid; gap: 2rem; }
@media (min-width: 960px) { .kasa-grid { grid-template-columns: 0.95fr 1.05fr; align-items: start; } }
.kasa-grid > * { min-width: 0; }
.kasa-copy { display: grid; gap: 1.1rem; justify-items: start; }
.kasa-facts { display: grid; gap: 0.8rem; }
.kasa-fact { border-left: 4px solid var(--navy); padding-left: 1rem; color: var(--muted); }
.kasa-fact strong { display: block; color: var(--ink); font-family: var(--font-display); font-size: 1.15rem; font-weight: 600; letter-spacing: -0.01em; }
.kasa-products { display: grid; gap: 1rem; }
@media (min-width: 640px) { .kasa-products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.kasa-card { background: var(--tint); border-radius: 0; padding: 1rem; display: grid; gap: 0.8rem; align-content: start; min-width: 0; }
.kasa-card p { color: var(--muted); }
.kasa-card .art { min-height: 150px; padding: 1rem; }
.kasa-card { grid-template-rows: auto auto 1fr; }
.kasa-card .art-logo { height: 17rem; min-height: 0; padding: 0.5rem; }
.kasa-card .kasa-photo { width: auto; height: auto; max-width: 100%; max-height: 15.5rem; object-fit: contain; }

/* Logolar: ayni cerceve, ayni oran */
.logo { display: block; width: 8rem; max-width: 100%; height: auto; aspect-ratio: 5 / 2; background: #fff; }
.logo-row { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.logo-brand { width: 11rem; border: 1px solid var(--line); }
.hero-paths { flex: 0 1 auto; width: auto; max-width: 100%; display: flex; flex-wrap: wrap; }
.hero-path { flex: 0 0 auto; max-width: 100%; }

/* Marka logosu: siyah kutunun ortasinda */
.art-logo { padding: 1.5rem; }
.logo-big { width: min(100%, 17rem); height: auto; border: 0; }
/* Sadece logo: cerceve ve kutu yok, beyaz zemin kartin rengiyle birlesir */
.art.art-logo { background: transparent; }
.kasa-photo { display: block; width: auto; max-width: 100%; max-height: 16rem; height: auto; mix-blend-mode: multiply; }
.logo-densi { width: min(100%, 11rem); aspect-ratio: auto; }
.art-logo .logo, .logo-big { background: transparent; mix-blend-mode: multiply; }

/* Marka karti ici kucuk slider */
.mini-slider { position: relative; padding: 0; overflow: hidden; min-height: 24rem; display: block; }
.mini-slides { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; height: 100%; min-height: inherit; }
.mini-slide { grid-area: 1 / 1; margin: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0s linear 0.4s; }
.mini-slide.is-active { opacity: 1; visibility: visible; transition: opacity 0.4s ease; }
.mini-slide.photo { background: #fff; padding: 1rem 1rem 3.4rem; }
.mini-slide.photo img { width: 100%; height: 100%; min-height: 0; max-height: 22rem; object-fit: contain; display: block; }
.mini-slide.mark { padding: 1.5rem 1.5rem 3.4rem; }
.mini-ui { position: absolute; left: 50%; bottom: 0.7rem; transform: translateX(-50%); display: flex; align-items: center; gap: 0.3rem; padding: 0.25rem; background: rgba(17, 17, 17, 0.66); }
.mini-btn { width: 2.2rem; height: 2.2rem; display: grid; place-items: center; padding: 0; background: transparent; color: #fff; border: 2px solid rgba(255, 255, 255, 0.6); border-radius: 0; font: inherit; font-weight: 700; line-height: 1; cursor: pointer; }
.mini-btn:hover { background: rgba(255, 255, 255, 0.16); }
.mini-dots { display: flex; gap: 0.1rem; margin-inline: 0.2rem; }
.mini-dot { width: 1.6rem; height: 2.2rem; padding: 0; background: none; border: 0; cursor: pointer; display: grid; place-items: center; }
.mini-dot::before { content: ''; width: 1.1rem; height: 3px; background: #fff; opacity: 0.5; transition: width 0.25s ease, opacity 0.25s ease; }
.mini-dot[aria-current="true"]::before { width: 1.8rem; opacity: 1; }
.mini-slider :focus-visible { outline-color: #fff; outline-offset: -3px; }
@media (prefers-reduced-motion: reduce) { .mini-slide, .mini-slide.is-active, .mini-dot::before { transition: none; } }
.kasa-brand { grid-column: 1 / -1; min-height: 190px; }

/* Hero gorsel slider */
.hero-panel { padding: 0; background: #fff; color: var(--ink); overflow: hidden; border-bottom: 1px solid var(--line); }
.hero-lines { display: none; }
.hero-panel .navbar { background: transparent; color: var(--ink); border: 0; padding: clamp(0.8rem, 2vw, 1.3rem) 0; }
.brand-logo { display: block; height: clamp(2.6rem, 6vw, 3.6rem); width: auto; }
@media (max-width: 520px) { .brand-logo { height: 2.1rem; } .hero-panel .menu-btn, .hero-panel .nav-cta { padding: 0.45rem 0.8rem; } .nav-actions { gap: 0.35rem; } }
.hero-panel .nav a { color: var(--ink); }
.hero-panel .nav a:hover { border-bottom-color: var(--ink); }
.hero-panel .menu-btn { color: var(--ink); border-color: var(--line); }
.hero-panel .nav-cta { background: var(--navy); color: #fff; }
.hero-panel .mobile-menu { margin: 0 0 0.8rem; border: 1px solid var(--line); }
.nav { margin-left: auto; margin-right: 0.5rem; gap: 2rem; }
.nav-cta { display: inline-flex; }
@media (min-width: 900px) { .nav-cta { display: none; } .nav { margin-right: 0; } }

/* Hero altindaki giris bolumu: ayri acik panel, her slaytta sol metin, sag gorsel */
.hero-stage, .hero-stage.slider { position: relative; margin: 0; background: linear-gradient(135deg, #FFFFFF 0%, #F3F3F3 100%); overflow: hidden; }
.hero-stage .slide { position: relative; display: grid; align-content: start; }
.hero-copy { position: relative; z-index: 2; display: grid; gap: 1.4rem; align-content: center; justify-items: start; padding: clamp(1.5rem, 5vw, 4.5rem); }
.hero-copy h1, .hero-copy .hero-title { font-family: var(--font-display); font-weight: 600; margin: 0; font-size: clamp(2rem, 3.8vw, 3.2rem); line-height: 1.1; letter-spacing: -0.03em; max-width: 17ch; color: var(--ink); text-wrap: balance; }
.hero-copy p { color: var(--ink); max-width: 42ch; font-size: 1.05rem; }
.hero-copy p.hero-title { max-width: 17ch; font-size: clamp(2rem, 3.8vw, 3.2rem); }
.btn-discover { background: var(--navy); color: #fff; padding: 0.55rem 0.6rem 0.55rem 1.6rem; gap: 1.1rem; font-size: 1.02rem; }
.btn-discover:hover { filter: brightness(1.08); }
.btn-discover .ic { width: 2.1rem; height: 2.1rem; border: 1.5px solid rgba(255, 255, 255, 0.8); display: grid; place-items: center; }
.hero-stage .slide-media { position: relative; width: 100%; height: clamp(15rem, 62vw, 26rem); aspect-ratio: auto; max-height: none;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 22%); mask-image: linear-gradient(to bottom, transparent 0, #000 22%); }
.slide-lab { object-position: 38% 50%; }
.hero-stage .slider-ui { left: 50%; transform: translateX(-50%); bottom: 0.8rem; }
.hero-stage .slider-ui :focus-visible { outline-color: #fff; }
.hero-stage :focus-visible { outline-color: var(--navy); }
@media (min-width: 860px) {
  .hero-stage .slide { min-height: 33rem; }
  .hero-copy { width: 46%; }
  .hero-stage .slide-media { position: absolute; top: 0; right: 0; bottom: 0; width: 64%; height: auto;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 34%); mask-image: linear-gradient(to right, transparent 0, #000 34%); }
}
.dot::before { height: 3px; width: 1.4rem; }
.dot[aria-current="true"]::before { width: 2.2rem; }
.hero-panel > .sr-only { position: absolute; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.slider { position: relative; margin-top: clamp(0.6rem, 1.5vw, 0.9rem); background: #E9DCC9; overflow: hidden; }
.slides { display: grid; }
.slide { grid-area: 1 / 1; margin: 0; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0s linear 0.5s; }
.slide.is-active { opacity: 1; visibility: visible; transition: opacity 0.5s ease; }
.slide-media { position: relative; overflow: hidden; aspect-ratio: 4 / 4.6; max-height: 82vh; width: 100%; }
@media (min-width: 860px) { .slide-media { aspect-ratio: 16 / 7; } }
picture { display: contents; }
.slide-fg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; display: block; }
.slider-ui { position: absolute; left: clamp(0.6rem, 1.5vw, 1rem); bottom: clamp(0.6rem, 1.5vw, 1rem); display: flex; align-items: center; gap: 0.3rem; padding: 0.3rem; background: rgba(17, 17, 17, 0.66); }
.slider-btn { min-width: 2.4rem; height: 2.4rem; display: grid; place-items: center; padding: 0; background: transparent; color: #fff; border: 2px solid rgba(255, 255, 255, 0.6); border-radius: 0; font: inherit; font-weight: 700; line-height: 1; cursor: pointer; }
.slider-btn:hover { background: rgba(255, 255, 255, 0.16); }
.slider-btn.text { padding: 0 0.85rem; font-size: 0.88rem; }
.dots { display: flex; gap: 0.1rem; margin-inline: 0.2rem; }
.dot { width: 1.8rem; height: 2.4rem; padding: 0; background: none; border: 0; cursor: pointer; display: grid; place-items: center; }
.dot::before { content: ''; width: 0.65rem; height: 0.65rem; background: #fff; opacity: 0.5; transition: width 0.25s ease, opacity 0.25s ease; }
.dot[aria-current="true"]::before { width: 1.4rem; opacity: 1; }
.slider :focus-visible { outline-color: #fff; outline-offset: -3px; }
@media (prefers-reduced-motion: reduce) { .slide, .slide.is-active, .dot::before { transition: none; } }

/* Kayan slider: buton yok, surukle ve kaydir */
.hero-stage { touch-action: pan-y; cursor: grab; user-select: none; -webkit-user-select: none; }
.hero-stage.is-dragging { cursor: grabbing; }
.hero-stage .slides { display: flex; transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); will-change: transform; }
.hero-stage.is-dragging .slides { transition: none; }
.hero-stage .slide, .hero-stage .slide.is-active { flex: 0 0 100%; min-width: 0; opacity: 1; visibility: visible; transition: none; }
.hero-stage img { -webkit-user-drag: none; user-select: none; }
.slider-marks { position: absolute; left: 50%; bottom: 0.9rem; transform: translateX(-50%); display: flex; gap: 0.4rem; z-index: 3; pointer-events: none; }
.slider-marks span { width: 1.6rem; height: 3px; background: var(--navy); opacity: 0.25; transition: opacity 0.3s ease, width 0.3s ease; }
.slider-marks span.on { opacity: 1; width: 2.4rem; }
.hero-stage .slide-media-product { display: flex; align-items: center; justify-content: center; aspect-ratio: auto; max-height: none; padding: 0.5rem clamp(1rem, 4vw, 2.5rem) 2.6rem; height: clamp(18rem, 88vw, 26rem); -webkit-mask-image: none; mask-image: none; overflow: visible; }
.slide-product { position: static; display: block; height: auto; width: auto; max-height: 100%; max-width: 100%; object-fit: contain; inset: auto; filter: drop-shadow(0 16px 20px rgba(17, 17, 17, 0.14)); }
@media (min-width: 860px) {
  .hero-stage .slide-media-product { height: auto; padding: 2rem 3rem 2.6rem; }
  .hero-stage .slide-media-product { -webkit-mask-image: none; mask-image: none; }
  .slide-product { max-height: 100%; }
}
.hero-stage, .hero-stage.slider { background: #FFFFFF; border: 1px solid var(--line); }
/* Yuvarlak, yumusak gecisli kart gorunumu */
.hero-stage, .hero-stage.slider { border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%); }
.hero-copy { gap: 1.2rem; }
.hero-copy h1, .hero-copy .hero-title, .hero-copy p.hero-title { font-size: clamp(1.85rem, 3.1vw, 2.7rem); line-height: 1.12; max-width: 18ch; }
.hero-copy p { font-size: 0.98rem; line-height: 1.55; max-width: 40ch; }
.btn-discover { background: var(--ink); border-radius: 999px; padding: 0.5rem 0.55rem 0.5rem 1.5rem; gap: 0.9rem; font-size: 0.95rem; }
.btn-discover .ic { width: 1.8rem; height: 1.8rem; border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, 0.75); }
.slider-marks span { height: 2px; width: 1.6rem; background: var(--ink); opacity: 0.22; }
.slider-marks span.on { width: 1.6rem; opacity: 1; }
.hero-stage .slide-media-logo { display: flex; align-items: center; justify-content: center; aspect-ratio: auto; max-height: none; height: clamp(15rem, 62vw, 26rem); padding: 1rem clamp(1rem, 4vw, 2.5rem) 2.6rem; -webkit-mask-image: none; mask-image: none; overflow: visible; }
.slide-logo { position: static; width: min(100%, 22rem); height: auto; background: #fff; border-radius: 18px; padding: 0.6rem; box-shadow: 0 16px 20px rgba(17, 17, 17, 0.10); display: block; }
@media (min-width: 860px) { .hero-stage .slide-media-logo { height: auto; padding: 2rem 3rem 2.6rem; } .slide-logo { width: min(100%, 26rem); } }
@media (prefers-reduced-motion: reduce) { .hero-stage .slides, .slider-marks span { transition: none; } }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Ortalanmis duzen */
.about-text { justify-items: center; text-align: center; }
.about-text h2 { max-width: 22ch; }
.section-head { justify-items: center; text-align: center; }
.section-head .measure, .measure { margin-inline: auto; }
.feature-copy, .lab-copy, .kasa-copy, .region-copy { justify-items: center; text-align: center; }
.feature-copy .loads, .feature-copy .result, .kasa-facts, .lab-copy .btn { text-align: left; }
.kasa-facts { max-width: 34rem; }
.contact-grid > div:first-child { text-align: center; }
.contact-grid .info { max-width: 24rem; margin-inline: auto; text-align: left; }
.contact-grid .measure { margin-inline: auto; }

/* Slider duzeni: ayni olcu, ayni oran, ayni hiza */
.hero-stage { border-radius: 24px; }
.hero-stage .slide { min-height: 34rem; }
.hero-copy { gap: 1.1rem; padding: clamp(2rem, 5vw, 4rem) clamp(1.5rem, 4vw, 3.5rem) clamp(3rem, 5vw, 4rem); }
.hero-copy .hero-title, .hero-copy p.hero-title { font-size: clamp(1.8rem, 2.6vw, 2.45rem); line-height: 1.15; letter-spacing: -0.025em; max-width: 15ch; }
.hero-copy p { font-size: 1rem; line-height: 1.65; max-width: 36ch; color: var(--muted); }
.hero-copy .btn-discover { margin-top: 0.4rem; }
.hero-stage .slide-media-product { padding: 1.5rem clamp(1.5rem, 5vw, 3rem) 3rem; height: clamp(17rem, 80vw, 24rem); }
.slide-product { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; }
@media (max-width: 859px) {
  .hero-copy { justify-items: center; text-align: center; padding-bottom: 1rem; }
  .hero-copy .hero-title, .hero-copy p.hero-title, .hero-copy p { max-width: 24rem; }
}
@media (min-width: 860px) {
  .hero-copy { width: 44%; }
  .hero-stage .slide-media-product { position: absolute; top: 0; right: 0; bottom: 0; width: 56%; height: auto; padding: 2.5rem 3rem 3.5rem 1rem; }
}

/* Son duzenleme: hizalama ve ritim */
.nav > a, .nav-item > a { display: inline-flex; align-items: center; line-height: 1.2; }
.nav-item { display: flex; align-items: center; }
.caret { margin-left: 0.45rem; transform: rotate(45deg) translateY(-1px); }
.about-text { padding-block: clamp(1.6rem, 4vw, 3rem); }
.panel-tint .pill, .brand-card .pill, .contact .pill, #teklif .pill { background: #fff; }
@media (min-width: 900px) { .blog-grid { align-items: stretch; } }
.post { grid-template-rows: auto 1fr auto; }
.contact-grid .info { text-align: center; justify-items: center; }
.districts { max-width: 34rem; width: 100%; margin-inline: auto; }

/* Hizmetler: senaryolar, surec, cagri */
.service p strong { color: var(--ink); font-weight: 600; }
.sub-head { display: grid; gap: 0.4rem; justify-items: center; text-align: center; margin-top: clamp(2rem, 5vw, 3.2rem); margin-bottom: 1.2rem; }
.sub-head h3 { font-size: clamp(1.5rem, 3.2vw, 2rem); }
.scenarios { border-top: 1px solid var(--line); }
.scenarios li { display: grid; gap: 0.3rem 2rem; padding-block: 1rem; border-bottom: 1px solid var(--line); }
@media (min-width: 720px) { .scenarios li { grid-template-columns: 1fr 1.3fr; align-items: baseline; } }
.sc-q { font-family: var(--font-display); font-weight: 600; font-size: 1.15rem; }
.sc-a { color: var(--muted); }
.steps { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; }
@media (min-width: 720px) { .steps { grid-template-columns: repeat(4, 1fr); } }
.steps li { background: var(--tint); padding: 1.2rem; display: grid; gap: 0.7rem; align-content: start; text-align: center; justify-items: center; }
.step-n { width: 2.2rem; height: 2.2rem; display: grid; place-items: center; background: var(--navy); color: #fff; font-family: var(--font-display); font-weight: 700; }
.steps p { color: var(--ink); }
.svc-cta { margin-top: clamp(2rem, 5vw, 3rem); display: grid; gap: 1rem; justify-items: center; text-align: center; }
.svc-cta .cta-row { justify-content: center; }

/* ===== Cok sayfali yapi: ortak bilesenler ===== */
.nav a[aria-current="page"] { border-bottom-color: var(--ink); }
.page-head { padding-block: clamp(0.6rem, 1.4vw, 1rem); }
.ph-panel { background: var(--tint); padding: clamp(1.5rem, 4vw, 3rem); display: grid; gap: 1.5rem; align-items: center; justify-items: center; text-align: center; }
.ph-copy { display: grid; gap: 1.1rem; justify-items: center; max-width: 46rem; }
.ph-copy h1 { font-size: clamp(2rem, 5vw, 3.4rem); letter-spacing: -0.03em; line-height: 1.08; max-width: 22ch; }
.ph-copy .lead { color: var(--muted); font-size: 1.12rem; line-height: 1.7; max-width: 62ch; }
.ph-copy .pill { background: #fff; }
.ph-media { width: 100%; max-width: 30rem; display: grid; place-items: center; }
.ph-media img { width: 100%; height: auto; max-height: 20rem; object-fit: contain; mix-blend-mode: multiply; }
@media (min-width: 900px) {
  .ph-panel.has-media { grid-template-columns: 1.1fr 0.9fr; text-align: left; justify-items: start; }
  .ph-panel.has-media .ph-copy { justify-items: start; max-width: none; }
  .ph-panel.has-media .ph-media { justify-self: center; }
}
.crumbs { font-size: 0.88rem; color: var(--muted); display: flex; gap: 0.4rem; flex-wrap: wrap; justify-content: center; }
.crumbs a { text-decoration: underline; text-underline-offset: 3px; }
.ph-panel.has-media .crumbs { justify-content: flex-start; }

.block { background: var(--surface); border: 1px solid var(--line); padding: clamp(1.25rem, 4vw, 3rem); display: grid; gap: 1.2rem; }
.block.tint { background: var(--tint); border-color: transparent; }
.block h2 { font-size: clamp(1.7rem, 4vw, 2.5rem); text-align: center; letter-spacing: -0.025em; line-height: 1.12; max-width: 26ch; margin-inline: auto; }
.block > p { max-width: 68ch; margin-inline: auto; color: var(--muted); font-size: 1.05rem; line-height: 1.75; text-align: center; }
.block > p.lead { color: var(--ink); }
.block h3 { font-size: 1.3rem; letter-spacing: -0.015em; }
.block > h3 { text-align: center; margin-top: 0.8rem; }
.block a:not(.btn):not(.card):not(.card-link) { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; font-weight: 600; color: var(--ink); }
.block a:not(.btn):not(.card):hover { text-decoration-thickness: 2px; }
.cards { display: grid; gap: 1rem; }
@media (min-width: 640px) { .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .cards.c3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .cards.c4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.card { background: var(--tint); padding: 1.3rem; display: grid; gap: 0.6rem; align-content: start; min-width: 0; }
.block.tint .card { background: #fff; }
.card h3 { font-size: 1.2rem; }
.card p { color: var(--muted); }
.card-link { margin-top: 0.3rem; font-weight: 600; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
a.card { color: inherit; }
a.card:hover { outline: 2px solid var(--ink); }
.check-list { display: grid; gap: 0.55rem; max-width: 46rem; margin-inline: auto; width: 100%; }
.check-list li { position: relative; padding-left: 1.5rem; }
.check-list li::before { content: ''; position: absolute; left: 0; top: 0.62em; width: 0.6rem; height: 0.6rem; background: var(--ink); }
.check-list li strong { font-weight: 600; }
.table-wrap { overflow-x: auto; max-width: 100%; }
.data-table { width: 100%; border-collapse: collapse; min-width: 34rem; font-size: 0.98rem; }
.data-table th, .data-table td { text-align: left; padding: 0.85rem 1rem; border-bottom: 1px solid var(--line); vertical-align: top; }
.data-table thead th { font-family: var(--font-display); font-weight: 600; background: var(--tint); border-bottom: 2px solid var(--ink); }
.data-table td:first-child { font-weight: 600; }
.data-table td { color: var(--muted); }
.data-table td:first-child { color: var(--ink); }
.related { display: grid; gap: 0.7rem; justify-items: center; text-align: center; }
.related h2 { font-size: 1.1rem; font-family: var(--font-body); font-weight: 600; color: var(--muted); letter-spacing: 0; }
.chips { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; }
.chips a { padding: 0.45rem 0.9rem; background: var(--tint); font-weight: 600; font-size: 0.93rem; }
.chips a:hover { background: var(--ink); color: #fff; }
.cta-band { background: #000; color: #fff; padding: clamp(1.8rem, 5vw, 3.5rem); display: grid; gap: 1rem; justify-items: center; text-align: center; }
.cta-band h2 { font-size: clamp(1.7rem, 4vw, 2.5rem); color: #fff; max-width: 24ch; }
.cta-band p { color: #DADADA; max-width: 56ch; }
.cta-band .cta-row { justify-content: center; }
.cta-band .btn-red { background: #fff; color: #000; }
.cta-band .btn-line { border-color: rgba(255,255,255,0.6); color: #fff; }
.logo-wall { display: flex; flex-wrap: wrap; gap: 1.5rem 2.5rem; justify-content: center; align-items: center; }
.logo-wall a { display: block; }
.logo-wall img { height: 3.2rem; width: auto; aspect-ratio: auto; mix-blend-mode: multiply; background: transparent; }
.logo-wall img.tall { height: 4.2rem; }
.footer-grid { display: grid; gap: 2rem; }
@media (min-width: 800px) { .footer-grid { grid-template-columns: 1.3fr 1fr 1fr 1fr; } }
.footer-grid h2 { font-size: 0.95rem; font-family: var(--font-body); font-weight: 600; color: var(--ink); letter-spacing: 0; margin-bottom: 0.6rem; }
.footer-grid ul { display: grid; gap: 0.4rem; }
.footer-grid a { text-decoration: none; }
.footer-grid a:hover { text-decoration: underline; }
.footer-brand img { height: 2.2rem; width: auto; margin-bottom: 0.8rem; }
.footer-note { border-top: 1px solid var(--line); margin-top: 1.8rem; padding-top: 1.2rem; display: flex; flex-wrap: wrap; gap: 0.5rem 2rem; justify-content: space-between; }
.faq-list { display: grid; gap: 0.6rem; max-width: 52rem; margin-inline: auto; width: 100%; }
.faq-list details { background: var(--surface); border: 1px solid var(--line); }
.faq-list summary { cursor: pointer; list-style: none; padding: 1.1rem 1.3rem; font-weight: 600; display: flex; justify-content: space-between; gap: 1rem; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: '+'; font-size: 1.6rem; line-height: 1; font-weight: 500; }
.faq-list details[open] summary::after { content: '\2212'; }
.faq-list details p { padding: 0 1.3rem 1.2rem; color: var(--muted); line-height: 1.7; }
.brand-card .brand-who { line-height: 1.7; }
.about-grid { display: grid; gap: 1rem; }
.form-note { font-size: 0.92rem; color: var(--muted); }
.builder .two3 { display: grid; gap: 1rem; }
@media (min-width: 560px) { .builder .two3 { grid-template-columns: 1fr 1fr; } }
.field textarea.msg { min-height: 7rem; resize: vertical; }
.copy-row .btn-line { border: 2px solid var(--ink); }
.mobile-menu .g-label { padding: 0.8rem 1rem 0; font-size: 0.8rem; font-weight: 600; color: #555555; }
.mobile-menu .sub { padding-left: 0.4rem; }
.mobile-menu a[aria-current="page"] { background: #F3F3F3; }

.chips a { text-decoration: none; }
.brand-title { font-size: clamp(1.7rem, 4vw, 2.5rem); letter-spacing: -0.025em; line-height: 1.12; }
.hero-panel { overflow: visible; position: relative; z-index: 20; }
.submenu li.group { list-style: none; }
.nav-item .submenu { left: auto; right: -1rem; min-width: 12rem; }
.nav .submenu a { white-space: nowrap; }
.nav .submenu ul { border: 1px solid var(--line); box-shadow: 0 12px 28px -8px rgba(0,0,0,0.18); }

/* Markalar: aralıksız kayan şerit */
.logo-marquee { overflow: hidden; width: 100%; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%); }
.marquee-track { display: flex; width: max-content; animation: marquee 26s linear infinite; will-change: transform; }
.marquee-set { display: flex; align-items: center; flex: 0 0 auto; }
.marquee-set a { display: grid; place-items: center; flex: 0 0 auto; width: clamp(9rem, 22vw, 13rem); height: 5.2rem; }
.marquee-set img { height: 3.2rem; width: auto; max-width: 80%; mix-blend-mode: multiply; background: transparent; }
.marquee-set img.tall { height: 4.4rem; }
@keyframes marquee { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@media (hover: hover) { .logo-marquee:hover .marquee-track { animation-play-state: paused; } }
.logo-marquee:focus-within .marquee-track { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .marquee-track { animation: none; width: auto; justify-content: center; flex-wrap: wrap; }
  .logo-marquee { -webkit-mask-image: none; mask-image: none; }
  .marquee-set[aria-hidden="true"] { display: none; }
}
.logo-marquee, .marquee-track { background: var(--tint); }

/* TEM urun sayfasi */
.spec-grid { display: grid; gap: 1rem; }
@media (min-width: 640px) { .spec-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .spec-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.spec-card { background: var(--tint); padding: 1.3rem; display: grid; gap: 0.8rem; align-content: start; min-width: 0; text-align: left; }
.block.tint .spec-card { background: #fff; }
.spec-card h3 { font-size: 1.2rem; letter-spacing: -0.015em; }
.spec-card dl { display: grid; gap: 0.55rem; }
.spec-card dt { font-size: 0.8rem; font-weight: 600; color: var(--muted); letter-spacing: 0.02em; }
.spec-card dd { margin: 0; line-height: 1.45; overflow-wrap: anywhere; }
.spec-img { background: #fff; display: grid; place-items: center; padding: 0.5rem; }
.spec-img img { width: 100%; max-width: 15rem; height: auto; mix-blend-mode: multiply; }
.tags { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; }
.tags li { padding: 0.45rem 0.9rem; background: var(--tint); font-weight: 600; font-size: 0.93rem; }
.block.tint .tags li { background: #fff; }
.sub-group { display: grid; gap: 0.8rem; justify-items: center; text-align: center; }
.sub-group h3 { font-size: 1.1rem; font-weight: 600; }
.sub-group p { color: var(--muted); max-width: 52ch; }
.sub-group + .sub-group { margin-top: 0.8rem; }
.brand-more { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* Iletisim: bilgi kartlari, saatler, Google */
.info-grid { display: grid; gap: 1rem; }
@media (min-width: 640px) { .info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .info-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.info-card { background: var(--tint); padding: 1.3rem; display: grid; gap: 0.6rem; align-content: start; justify-items: center; text-align: center; min-width: 0; }
.info-card h3 { font-size: 0.85rem; font-weight: 600; color: var(--muted); letter-spacing: 0.04em; text-transform: uppercase; font-family: var(--font-body); }
.info-card p { color: var(--ink); line-height: 1.55; }
.info-big { font-family: var(--font-display); font-size: clamp(1.4rem, 2.4vw, 1.7rem); font-weight: 600; letter-spacing: -0.02em; }
.info-mid { font-weight: 600; overflow-wrap: anywhere; }
.info-sub { color: var(--muted) !important; font-size: 0.9rem; }
.info-card a { text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
.info-links { display: flex; flex-wrap: wrap; gap: 0.4rem 1rem; justify-content: center; }
.hours { display: grid; gap: 0.5rem; width: 100%; }
.hours > div { display: flex; justify-content: space-between; gap: 1rem; text-align: left; border-bottom: 1px solid var(--line); padding-bottom: 0.45rem; }
.hours > div:last-child { border-bottom: 0; padding-bottom: 0; }
.hours dt { color: var(--muted); }
.hours dd { margin: 0; font-weight: 600; white-space: nowrap; }
.google-row { justify-content: center; }
.cta-hours { font-size: 0.9rem; color: #BEBEBE !important; }
.region-hours a { text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
.update-note { text-align: center; color: var(--muted); font-size: 0.9rem; }
.footer-brand p { line-height: 1.6; margin-bottom: 0.6rem; }
.footer-brand a { text-decoration: underline; text-underline-offset: 3px; }
.hours > div { display: grid; justify-items: center; gap: 0.1rem; text-align: center; }
.hours dd { font-size: 1.05rem; }
.hours dt { font-size: 0.9rem; }
.hours > div { display: block; text-align: center; }
.hours dt, .hours dd { display: block; margin: 0; }

/* Hakkımızda: büyük ifade metinleri */
.statements { display: grid; gap: 1.4rem; max-width: 46rem; margin: 0 auto; text-align: center; padding: 0.5rem 0; }
.statements p { font-size: clamp(1.35rem, 2.6vw, 1.95rem); font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; color: var(--ink); text-wrap: balance; }
.block .cta-row { margin-top: 0.4rem; display: flex; justify-content: center; }

/* Sık aranan ürünler */
.chips-lg { gap: 0.6rem; max-width: 56rem; margin: 0 auto; }
.chips-lg a { padding: 0.6rem 1.1rem; font-size: 1rem; }

/* Mobil sabit arama çubuğu (reklam ve yerel aramalar için) */
.call-bar { display: none; }
@media (max-width: 899px) {
  .call-bar { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; padding-bottom: env(safe-area-inset-bottom); background: #000; }
  .call-bar a { flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; min-height: 3.2rem; padding: 0.6rem 0.4rem; color: #fff; font-weight: 600; font-size: 0.95rem; white-space: nowrap; }
  .call-bar a + a { border-left: 1px solid #333; }
  body { padding-bottom: 3.6rem; }
}

/* Bağlantılı kartlarda yalnızca "İnceleyin" altı çizili */
a.card { text-decoration: none; color: inherit; transition: background 0.15s ease; }
a.card:hover { background: #e9e9e9; }
.block.tint a.card:hover { background: #f4f4f4; }
a.card .card-link { text-decoration: underline; text-underline-offset: 3px; font-weight: 600; color: var(--ink); }
.chips a { text-decoration: none; }
.call-bar a { text-decoration: none; }

/* Ana sayfa: Hakkimizda, Hugin, Hizmetler, iletisim */
.about-panel { display: grid; justify-items: center; text-align: center; gap: 1.1rem; padding-block: clamp(2.2rem, 6vw, 4.5rem); }
.about-year { font-size: clamp(4.5rem, 14vw, 9rem); font-weight: 700; letter-spacing: -0.06em; line-height: 0.9; color: #d6d6d6; font-family: 'Space Grotesk', 'Inter', sans-serif; }
.about-kicker { font-family: 'Inter', sans-serif; font-size: clamp(0.85rem, 2.2vw, 1rem); font-weight: 600; letter-spacing: 0.12em; line-height: 1.5; text-transform: uppercase; color: var(--ink); margin: 0; max-width: 40ch; }
.about-panel h2.about-title { font-size: clamp(2rem, 5vw, 3.3rem); letter-spacing: -0.03em; line-height: 1.1; max-width: 22ch; }
.about-panel p { max-width: 64ch; font-size: 1.08rem; line-height: 1.75; color: var(--muted); margin: 0; }
.about-panel .cta-row { margin-top: 0.8rem; }
.hugin-feature { display: grid; gap: clamp(1.4rem, 4vw, 3rem); align-items: center; background: var(--tint); border: 1px solid var(--ink); padding: clamp(1.4rem, 4vw, 3.5rem); }
@media (min-width: 900px) { .hugin-feature { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.hf-copy { display: grid; gap: 1.1rem; justify-items: center; text-align: center; min-width: 0; }
.hf-copy h2 { font-size: clamp(1.8rem, 4vw, 2.6rem); letter-spacing: -0.025em; line-height: 1.12; max-width: 18ch; }
.hf-copy p { color: var(--muted); font-size: 1.05rem; line-height: 1.75; max-width: 52ch; margin: 0; }
.hf-models { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin: 0; padding: 0; list-style: none; }
.hf-models li { background: #fff; border: 1px solid var(--line); padding: 0.4rem 0.9rem; font-weight: 600; font-size: 0.95rem; }
.hf-copy .cta-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.7rem; margin-top: 0.3rem; }
.hf-media { display: grid; place-items: center; min-width: 0; }
.hf-media img { width: 100%; max-width: 520px; height: auto; }
.cards.svc3 .card { padding: 1.5rem; }
.cta-phone { font-family: 'Space Grotesk', 'Inter', sans-serif; font-size: clamp(1.8rem, 5vw, 2.6rem); font-weight: 700; letter-spacing: -0.02em; color: #fff; text-decoration: none; }
.cta-phone:hover { text-decoration: underline; text-underline-offset: 4px; }

.hero-copy p.hero-title.wide { max-width: 24ch; }

/* Slider gecisleri: yumusak kayma, kademeli icerik girisi, ilerleme cubugu */
.hero-stage .slides { transition: transform 0.9s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.38s ease; }
.hero-stage.is-dragging .slides, .hero-stage.no-anim .slides { transition: none; }
.hero-stage.is-wrapping .slides { opacity: 0; }
.hero-stage.js-anim .slide .hero-copy > *,
.hero-stage.js-anim .slide .slide-media img { transition: opacity 0.6s ease, transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1); }
.hero-stage.js-anim:not(.is-dragging) .slide:not(.is-current) .hero-copy > * { opacity: 0; transform: translateY(16px); }
.hero-stage.js-anim:not(.is-dragging) .slide:not(.is-current) .slide-media img { opacity: 0; transform: translateY(18px) scale(0.97); }
@media (min-width: 860px) {
  .hero-stage.js-anim:not(.is-dragging) .slide:not(.is-current) .slide-media img { transform: translateX(40px) scale(0.97); }
}
.hero-stage.js-anim .slide.is-current .hero-copy > :nth-child(1) { transition-delay: 0.25s; }
.hero-stage.js-anim .slide.is-current .hero-copy > :nth-child(2) { transition-delay: 0.38s; }
.hero-stage.js-anim .slide.is-current .hero-copy > :nth-child(3) { transition-delay: 0.5s; }
.hero-stage.js-anim .slide.is-current .hero-copy > :nth-child(4) { transition-delay: 0.6s; }
.hero-stage.js-anim .slide.is-current .slide-media img { transition-delay: 0.2s; }
.slider-marks { gap: 0.2rem; }
.slider-marks .mk { pointer-events: auto; position: relative; width: 2.4rem; height: 1.6rem; padding: 0; border: 0; background: transparent; cursor: pointer; }
.slider-marks .mk::before, .slider-marks .mk::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; }
.slider-marks .mk::before { background: rgba(17, 17, 17, 0.2); }
.slider-marks .mk::after { background: var(--ink); transform: scaleX(0); transform-origin: left center; }
.slider-marks .mk.on::after { animation: mkfill var(--iv, 5500ms) linear forwards; }
.hero-stage.is-paused .mk.on::after { animation-play-state: paused; }
.slider-marks .mk:focus-visible { outline: 2px solid var(--ink); outline-offset: -2px; }
@keyframes mkfill { to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) {
  .hero-stage .slides { transition: none; }
  .hero-stage.js-anim .slide .hero-copy > *, .hero-stage.js-anim .slide .slide-media img { transition: none; transition-delay: 0s; }
  .hero-stage.js-anim:not(.is-dragging) .slide:not(.is-current) .hero-copy > *, .hero-stage.js-anim:not(.is-dragging) .slide:not(.is-current) .slide-media img { opacity: 1; transform: none; }
  .slider-marks .mk.on::after { animation: none; transform: scaleX(1); }
}

/* TEM katalog */
.block.catalog { padding: clamp(0.9rem, 3vw, 3rem); }
.block.catalog h2 { margin-bottom: 0.2rem; }
.c-grid { display: grid; gap: clamp(0.6rem, 1.6vw, 1rem); grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 640px) { .c-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .c-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 359px) { .c-grid { grid-template-columns: minmax(0, 1fr); } }
.c-card { display: grid; grid-template-rows: auto auto 1fr auto; gap: 0.55rem; padding: 0.7rem 0.7rem 1rem; background: #fff; border: 1px solid var(--line); color: inherit; text-decoration: none; min-width: 0; text-align: center; }
.c-card:hover { border-color: var(--ink); }
.c-card h3 { font-size: clamp(0.98rem, 1.5vw, 1.15rem); line-height: 1.25; letter-spacing: -0.01em; padding-inline: 0.3rem; }
.c-card p { color: var(--muted); font-size: 0.9rem; line-height: 1.5; padding-inline: 0.3rem; }
.c-card .card-link { font-weight: 600; font-size: 0.9rem; text-decoration: underline; text-underline-offset: 3px; }
.c-img { aspect-ratio: 4 / 3; background: var(--tint); display: grid; place-items: center; overflow: hidden; }
.c-img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; padding: 0.4rem; }
.c-img-empty img { width: 55%; height: auto; padding: 0; opacity: 0.9; }
.p-grid { display: grid; gap: clamp(0.6rem, 1.6vw, 1rem); grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
@media (min-width: 1000px) { .p-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 359px) { .p-grid { grid-template-columns: minmax(0, 1fr); } }
.p-card { display: grid; grid-template-rows: auto 1fr auto; background: var(--tint); min-width: 0; text-align: left; }
.block.tint .p-card, .block.tint .p-tile { background: #fff; }
.p-img { aspect-ratio: 4 / 3; background: #fff; display: grid; place-items: center; overflow: hidden; border-bottom: 1px solid var(--line); }
.p-img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.p-img-empty { background: #fafafa; }
.p-img-empty img { width: 42%; height: auto; opacity: 0.85; }
.p-body { display: grid; gap: 0.35rem; align-content: start; padding: 0.8rem 0.8rem 0.4rem; }
.p-brand { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.14em; color: var(--muted); margin: 0; }
.p-body h3, .p-tile h3 { font-size: clamp(1rem, 1.6vw, 1.15rem); line-height: 1.25; letter-spacing: -0.01em; overflow-wrap: anywhere; }
.p-type { font-size: 0.85rem; color: var(--muted); margin: 0; }
.p-body dl { display: grid; gap: 0.4rem; margin: 0.3rem 0 0; }
.p-body dt { font-size: 0.74rem; font-weight: 600; color: var(--muted); }
.p-body dd { margin: 0; font-size: 0.9rem; line-height: 1.4; overflow-wrap: anywhere; }
.p-more { margin-top: 0.4rem; border-top: 1px solid var(--line); padding-top: 0.5rem; }
.p-more summary { cursor: pointer; font-weight: 600; font-size: 0.9rem; text-decoration: underline; text-underline-offset: 3px; list-style: none; min-height: 2rem; display: flex; align-items: center; }
.p-more summary::-webkit-details-marker { display: none; }
.p-more summary::after { content: '+'; margin-left: 0.4rem; text-decoration: none; }
.p-more[open] summary::after { content: '\2212'; }
.p-more dl { margin-top: 0.4rem; }
.p-actions { padding: 0.4rem 0.8rem 0.9rem; display: grid; }
.p-actions .btn { width: 100%; justify-content: center; text-align: center; font-size: 0.88rem; padding-inline: 0.5rem; min-height: 2.6rem; }
.t-grid { display: grid; gap: clamp(0.5rem, 1.4vw, 0.8rem); grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 640px) { .t-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .t-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 359px) { .t-grid { grid-template-columns: minmax(0, 1fr); } }
.p-tile { background: var(--tint); padding: 0.8rem; display: grid; gap: 0.3rem; align-content: start; min-width: 0; text-align: left; }
.p-tel { margin-top: 0.4rem; font-weight: 600; font-size: 0.9rem; min-height: 2rem; display: flex; align-items: center; }
.block .p-tel, .block .p-more summary { color: var(--ink); }
.to-top { text-align: center; margin: 0.4rem 0 0 !important; font-size: 0.9rem !important; }
.block.catalog .tags { justify-content: center; }
html { scroll-padding-top: 5rem; }
.block a.c-card { text-decoration: none; font-weight: 400; color: inherit; }
.block a.c-card .card-link { text-decoration: underline; font-weight: 600; }
.block a.c-card h3 { font-weight: 600; }
.block a.p-tel, .block .p-actions a { font-weight: 600; }
.block .p-actions a.btn { text-decoration: none; color: #fff; }
.block a.p-tel { text-decoration: underline; text-underline-offset: 3px; }
.block .to-top { margin: 0.4rem auto 0 !important; }
.p-img-empty { aspect-ratio: 16 / 7; }
.block a.c-card:not(.btn):not(.card):not(.card-link) { text-decoration: none; font-weight: 400; color: inherit; }
.block a.c-card:not(.btn):not(.card) .card-link { text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }

/* ---- TEM model kartlari: tum kart tiklanabilir */
a.p-card, a.p-tile { color: inherit; text-decoration: none; cursor: pointer; border: 1px solid transparent; transition: border-color .15s ease; }
a.p-card:hover, a.p-tile:hover, a.p-card:focus-visible, a.p-tile:focus-visible { border-color: var(--ink); }
.block a.p-card:not(.btn):not(.card), .block a.p-tile:not(.btn):not(.card) { text-decoration: none; font-weight: 400; color: inherit; }
.p-go { font-weight: 600; font-size: 0.9rem; text-decoration: underline; text-underline-offset: 3px; padding: 0.4rem 0.8rem 0.9rem; min-height: 2.2rem; }
.p-tile .p-go { padding: 0.4rem 0 0; }
.p-tile { grid-template-rows: auto auto auto 1fr; }
.related .to-top { margin-top: 1rem !important; }
.table-wrap.spec .data-table { min-width: 0; }
.table-wrap.spec .data-table th:first-child, .table-wrap.spec .data-table td:first-child { width: 38%; }
.table-wrap.spec .data-table td, .table-wrap.spec .data-table th { overflow-wrap: anywhere; }
@media (max-width: 480px) { .table-wrap.spec .data-table th, .table-wrap.spec .data-table td { padding: 0.7rem 0.6rem; font-size: 0.94rem; } }

/* ---- TEM sayfasi: kategori dugmeleri + kisa aciklama paneli (v86) */
.k-grid { --g: clamp(0.6rem, 1.6vw, 1rem); display: flex; flex-wrap: wrap; justify-content: center; gap: var(--g); margin-top: 1.4rem; }
.k-btn { flex: 0 0 calc((100% - var(--g)) / 2); min-width: 0; display: grid; grid-template-rows: auto 1fr; text-align: center; padding: 0; background: #fff; border: 1px solid var(--line); color: var(--ink); font-weight: 600; font-size: clamp(0.95rem, 1.5vw, 1.08rem); line-height: 1.3; overflow-wrap: anywhere; transition: border-color .15s ease, background-color .15s ease; }
@media (min-width: 1000px) { .k-btn { flex-basis: calc((100% - 3 * var(--g)) / 4); } }
@media (max-width: 299px) { .k-btn { flex-basis: 100%; } }
.k-btn:hover, .k-btn:focus-visible { border-color: var(--ink); background: var(--tint); }
.k-btn[aria-current="true"] { background: var(--ink); border-color: var(--ink); color: #fff; }
.block a.k-btn:not(.btn):not(.card):not(.card-link) { text-decoration: none; font-weight: 600; color: var(--ink); }
.block a.k-btn[aria-current="true"]:not(.btn):not(.card):not(.card-link) { color: #fff; }
.k-panels { margin-top: 1.2rem; display: grid; gap: 1rem; }
.k-panel { border: 1px solid var(--ink); background: #fff; padding: clamp(1.1rem, 3vw, 1.8rem); display: grid; gap: 0.7rem; justify-items: center; text-align: center; scroll-margin-top: 5rem; }
.k-panel:focus { outline: none; }
.k-panel h3 { font-size: clamp(1.15rem, 2.2vw, 1.4rem); }
.k-panel p { max-width: 56ch; margin: 0; }
.block .k-panel a.btn { color: #fff; text-decoration: none; }
.k-hint { text-align: center; color: var(--muted); margin: 0; font-size: 0.92rem; }
.k-js .k-panel[hidden] { display: none; }
.btn-xl { font-size: clamp(1.05rem, 2.5vw, 1.25rem); padding: 1.05rem 2.2rem; min-height: 3.6rem; }
.cta-band .btn-xl { text-decoration: none; }
.k-img { display: grid; place-items: center; aspect-ratio: 4 / 3; background: #fff; border-bottom: 1px solid var(--line); overflow: hidden; }
.k-img img { width: 100%; height: 100%; object-fit: contain; }
.k-img-empty img { width: 40%; height: auto; opacity: 0.85; }
.k-img-empty { background: #fafafa; }
.k-label { display: grid; place-items: center; padding: 0.75rem 0.6rem; min-height: 3.6rem; }
.k-btn[aria-current="true"] .k-img { border-bottom-color: var(--ink); }
.page-head .lead strong { color: var(--ink); font-weight: 700; }
.num-list { display: grid; gap: 0.55rem; max-width: 46rem; margin-inline: auto; width: 100%; list-style: none; counter-reset: n; padding: 0; }
.num-list li { position: relative; padding-left: 2.1rem; counter-increment: n; }
.num-list li::before { content: counter(n); position: absolute; left: 0; top: 0.1em; width: 1.4rem; height: 1.4rem; display: grid; place-items: center; background: var(--ink); color: #fff; font-size: 0.78rem; font-weight: 700; }
.num-list li strong { font-weight: 600; }

/* Siyah iletisim bantlarinda sabit hat + GSM */
.cta-phones { display: flex; flex-direction: column; align-items: center; gap: 0.9rem 3rem; margin: 0.2rem 0; }
@media (min-width: 760px) { .cta-phones { flex-direction: row; justify-content: center; } }
.cta-phones .cta-phone { display: grid; justify-items: center; gap: 0.15rem; line-height: 1.1; }
.cta-lbl { font-family: 'Inter', sans-serif; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #bdbdbd; }
.info-card .info-big + .info-big { margin-top: 0; }
.info-card .info-label { font-size: 0.8rem; color: var(--muted); font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
@media (min-width: 1000px) {
  .info-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .info-grid .info-card { grid-column: span 2; }
  .info-grid .info-card:nth-child(n+4) { grid-column: span 3; }
}

/* ====================================================== HUGIN (yazarkasa-pos + urun sayfalari) */
.hg-intro { padding-block: clamp(1.2rem, 3vw, 2.2rem) clamp(0.2rem, 1vw, 0.6rem); text-align: center; }
.hg-intro .crumbs { justify-content: center; }
.hg-intro h1 { font-size: clamp(2rem, 4.6vw, 3.2rem); letter-spacing: -0.03em; line-height: 1.08; max-width: 22ch; margin: 0.7rem auto 1rem; }
.hg-lead { max-width: 58rem; margin: 0 auto !important; font-size: clamp(1.05rem, 2vw, 1.2rem); line-height: 1.65; color: var(--ink); }
.hg-more { display: grid; gap: 0.7rem 2.4rem; max-width: 58rem; margin: 0.9rem auto 0; color: var(--muted); font-size: 1.02rem; line-height: 1.65; }
@media (min-width: 760px) { .hg-more { grid-template-columns: 1fr 1fr; } }
.hg-more p { margin: 0; }
.hg-more { margin-top: 0.9rem; }

.hg-sec { padding-block: clamp(1.6rem, 4.5vw, 3.4rem); }
.hg-sec.soft { background: var(--soft); }
.hg-sec.hg-first { padding-top: clamp(1rem, 2.5vw, 1.8rem); }
.hg-h2 { font-size: clamp(1.55rem, 3.6vw, 2.3rem); letter-spacing: -0.025em; line-height: 1.14; text-align: center; max-width: 28ch; margin: 0 auto clamp(1.1rem, 2.6vw, 1.8rem); }
.hg-h2.left { text-align: left; margin: 0; max-width: 18ch; }
.hg-sub { max-width: 52rem; margin: -0.6rem auto 1.4rem; text-align: center; color: var(--muted); line-height: 1.7; }
.hg-note { max-width: 52rem; margin: 1rem auto 0; text-align: center; color: var(--muted); font-size: 0.95rem; line-height: 1.65; }
.hg-note a { text-decoration: underline; text-underline-offset: 3px; font-weight: 600; color: var(--ink); }

/* urun kartlari */
.hg-products { display: grid; gap: 1.1rem; grid-template-columns: 1fr; }
@media (min-width: 860px) { .hg-products { grid-template-columns: 1fr 1fr; gap: 1.4rem; } }
.hg-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); min-width: 0; }
.hg-media { background: var(--soft); height: clamp(280px, 62vw, 440px); display: grid; place-items: center; padding: clamp(0.9rem, 3vw, 1.6rem); overflow: hidden; }
.hg-media { box-sizing: border-box; grid-template: minmax(0, 1fr) / minmax(0, 1fr); }
.hg-media img { width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: contain; mix-blend-mode: multiply; }
.hg-ph { grid-template: none; align-content: center; justify-items: center; gap: 1rem; text-align: center; }
.hg-ph img { width: min(60%, 220px); height: auto; min-height: auto; mix-blend-mode: multiply; }
.hg-ph span { font-family: var(--font-display); font-weight: 600; font-size: 1.05rem; color: var(--muted); }
.hg-body { display: flex; flex-direction: column; gap: 0.75rem; padding: clamp(1.1rem, 3vw, 1.8rem); flex: 1; }
.hg-kicker { font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.hg-card h3 { font-size: clamp(1.35rem, 2.6vw, 1.7rem); letter-spacing: -0.02em; line-height: 1.15; }
.hg-card .hg-body > p { margin: 0; color: var(--muted); line-height: 1.65; }
.hg-feats { list-style: none; margin: 0.3rem 0 0.6rem; padding: 0; border-top: 1px solid var(--line); }
.hg-feats li { padding: 0.6rem 0 0.6rem 1.4rem; border-bottom: 1px solid var(--line); position: relative; line-height: 1.5; }
.hg-feats li::before { content: ''; position: absolute; left: 0; top: 1.05em; width: 0.55rem; height: 0.55rem; background: var(--ink); }
.hg-card .btn { margin-top: auto; width: 100%; justify-content: center; text-align: center; min-height: 3.1rem; text-decoration: none; }

/* karsilastirma */
.hg-compare { max-width: 62rem; margin-inline: auto; background: #fff; border: 1px solid var(--line); }
.hg-table { width: 100%; border-collapse: collapse; font-size: 1rem; }
.hg-table th, .hg-table td { text-align: left; padding: 0.95rem 1.2rem; border-bottom: 1px solid var(--line); vertical-align: top; line-height: 1.55; }
.hg-table thead th { font-family: var(--font-display); font-weight: 600; border-bottom: 2px solid var(--ink); background: #fff; }
.hg-table tbody th { font-weight: 600; width: 24%; background: #fff; }
.hg-table td { color: var(--muted); width: 38%; }
.hg-table tbody tr:last-child > * { border-bottom: 0; }
.hg-table td a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 719px) {
  .hg-table, .hg-table tbody, .hg-table tr, .hg-table th, .hg-table td { display: block; width: 100%; }
  .hg-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .hg-table tbody tr { border-bottom: 1px solid var(--line); padding: 0.4rem 0; }
  .hg-table tbody tr:last-child { border-bottom: 0; }
  .hg-table tbody th { width: 100%; padding: 0.8rem 1rem 0.2rem; border: 0; font-family: var(--font-display); font-size: 1.05rem; }
  .hg-table td { width: 100%; padding: 0.35rem 1rem; border: 0; }
  .hg-table td::before { content: attr(data-label); display: block; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink); opacity: 0.6; }
}
.hg-ask { max-width: 44rem; margin: clamp(1.4rem, 3vw, 2.2rem) auto 0; text-align: center; display: grid; gap: 1rem; justify-items: center; }
.hg-ask p { margin: 0; color: var(--ink); font-size: 1.08rem; line-height: 1.65; }
.hg-ask .btn { text-decoration: none; }
.hg-tel { margin: 0; display: flex; flex-wrap: wrap; gap: 0.3rem 0.8rem; justify-content: center; color: var(--muted); font-size: 1rem; }
.hg-tel a { font-weight: 600; color: var(--ink); text-decoration: none; }
.hg-tel a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* isletme secimi */
.hg-sectors { display: grid; gap: 1.6rem 2.4rem; grid-template-columns: 1fr; max-width: 72rem; margin-inline: auto; }
@media (min-width: 720px) { .hg-sectors { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1040px) { .hg-sectors { grid-template-columns: 1fr 1fr 1fr; } }
.hg-sectors > div { border-top: 2px solid var(--ink); padding-top: 0.9rem; }
.hg-sectors h3 { font-size: 1.2rem; letter-spacing: -0.015em; margin-bottom: 0.45rem; }
.hg-sectors p { margin: 0; color: var(--muted); line-height: 1.65; }
.hg-sectors a, .hg-text a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* sol baslik / sag metin */
.hg-split { display: grid; gap: 1.1rem; grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 900px) { .hg-split { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 3rem; } }
.hg-text { display: grid; gap: 0.9rem; max-width: 46rem; }
.hg-text p { margin: 0; color: var(--muted); font-size: 1.04rem; line-height: 1.75; }
.hg-text .check-list, .hg-text .num-list { margin-inline: 0; max-width: none; color: var(--muted); }
.hg-text .check-list li, .hg-text .num-list li { line-height: 1.65; }
.hg-text .check-list li strong, .hg-text .num-list li strong { color: var(--ink); }
.hg-sec.alt { background: var(--soft); }
@media (max-width: 899px) { .hg-split .hg-h2.left { max-width: none; } }

/* urun sayfasi ust bolum */
.hg-prod { padding-bottom: clamp(1rem, 3vw, 2rem); text-align: left; }
.hg-prod-grid { display: grid; gap: 1.4rem; grid-template-columns: minmax(0, 1fr); align-items: center; }
@media (min-width: 900px) { .hg-prod-grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 3rem; } }
.hg-prod .crumbs { justify-content: flex-start; }
.hg-prod h1 { margin-inline: 0; max-width: 18ch; }
.hg-prod .hg-lead { margin: 0 !important; max-width: 40rem; color: var(--muted); }
.hg-actions { display: flex; flex-wrap: wrap; gap: 0.7rem; margin: 1.2rem 0 0.9rem; }
.hg-actions .btn { text-decoration: none; }
.hg-prod .hg-tel { justify-content: flex-start; }
.hg-prod .hg-media { height: clamp(300px, 70vw, 480px); border: 1px solid var(--line); }
@media (max-width: 899px) { .hg-prod-grid .hg-media { order: -1; } .hg-prod { text-align: left; } }

/* teknik tablo */
.hg-spec { max-width: 52rem; margin-inline: auto; background: #fff; border: 1px solid var(--line); }
.hg-spec .data-table { min-width: 0; }
.hg-spec th[scope="row"] { width: 34%; font-weight: 600; text-align: left; padding: 0.8rem 1rem; border-bottom: 1px solid var(--line); vertical-align: top; background: #fff; }
.hg-spec td { padding: 0.8rem 1rem; }
.hg-spec tr:last-child > * { border-bottom: 0; }
@media (max-width: 520px) { .hg-spec th[scope="row"], .hg-spec td { padding: 0.65rem 0.7rem; font-size: 0.95rem; } .hg-spec th[scope="row"] { width: 38%; } }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.hg-sec .faq-list { margin-inline: auto; }
.hg-sec .faq-list a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.hg-sec .cta-band p { max-width: 52rem; }

/* ===== footer: harita + sade baglanti sutunlari */
.footer-map { display: grid; gap: 0.7rem; padding: clamp(1.2rem, 3.5vw, 2.2rem); margin-bottom: clamp(1.6rem, 4vw, 2.6rem); background: var(--soft); }
.fm-label { font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.footer-map h2 { font-size: clamp(1.6rem, 3.6vw, 2.2rem); letter-spacing: -0.025em; color: var(--ink); font-family: var(--font-display); font-weight: 600; margin: 0; }
.footer-map > p { margin: 0; max-width: 46rem; color: var(--muted); font-size: 1rem; line-height: 1.6; }
.fm-frame { border: 1px solid var(--line); background: #fff; height: clamp(240px, 42vw, 380px); margin-top: 0.4rem; }
.fm-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.fm-actions { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-top: 0.3rem; }
.fm-actions .btn { text-decoration: none; }
.footer-grid h2 { font-family: var(--font-display); font-weight: 600; font-size: 0.95rem; color: var(--ink); margin-bottom: 1rem; }
.footer-grid ul { gap: 0.85rem; }
.footer-grid ul a { color: var(--muted); font-size: 0.95rem; }
.footer-grid ul a:hover { color: var(--ink); }

/* footer: en altta konum satiri (harita yok) */
.footer-loc { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1.2rem; margin-top: 1.8rem; padding: 1rem 1.2rem; background: var(--soft); }
.fl-label { font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink); }
.footer-loc address { font-style: normal; color: var(--ink); font-weight: 500; }
.fl-links { display: flex; gap: 1.2rem; margin-left: auto; }
.fl-links a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 640px) { .fl-links { margin-left: 0; } }
.footer-loc + .footer-note { margin-top: 1rem; }

/* sayfa gecisi */
@keyframes pg-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
  main, .footer { animation: pg-in 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) both; }
  main, .footer { transition: opacity 0.2s ease, transform 0.2s ease; }
  html.leaving main, html.leaving .footer { opacity: 0; transform: translateY(-6px); }
  @view-transition { navigation: auto; }
}

/* tek kelime artigi kalmasin */
.block > p, .cta-band p, .lead, .hg-lead, .hg-sub, .hg-note, .hg-ask p { text-wrap: balance; }
.footer-note { justify-content: flex-start; }

/* ===== Markalar acilir menusu */
.nav-item .submenu { display: block; right: -0.7rem; left: auto; min-width: 14rem; padding-top: 0.8rem; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s; }
.nav-item:hover .submenu, .nav-item:focus-within .submenu { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.nav-item .submenu ul { position: relative; padding: 0.4rem; gap: 0; border: 1px solid var(--line); background: #fff; box-shadow: 0 20px 40px -18px rgba(0, 0, 0, 0.3); }
.nav-item .submenu ul::before { content: ''; position: absolute; top: -0.42rem; right: 1.7rem; width: 0.75rem; height: 0.75rem; background: #fff; border-left: 1px solid var(--line); border-top: 1px solid var(--line); transform: rotate(45deg); }
.nav .submenu a { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 0.7rem 0.9rem; font-weight: 500; font-size: 0.97rem; border-left: 2px solid transparent; border-bottom: 0; color: var(--ink); }
.nav .submenu a::after { content: '\2192'; opacity: 0; transform: translateX(-4px); transition: opacity 0.15s ease, transform 0.15s ease; font-size: 0.95rem; }
.nav .submenu a:hover, .nav .submenu a:focus-visible, .nav .submenu a[aria-current="page"] { background: var(--soft); border-left-color: var(--ink); }
.nav .submenu a:hover::after, .nav .submenu a:focus-visible::after { opacity: 1; transform: none; }
.nav .submenu a[aria-current="page"] { font-weight: 600; }
.nav .submenu li:last-child { margin-top: 0.3rem; padding-top: 0.3rem; border-top: 1px solid var(--line); }
.nav .submenu li:last-child a { color: var(--muted); }
@media (prefers-reduced-motion: reduce) { .nav-item .submenu, .nav .submenu a::after { transition: none; } }

/* ====================================================== BLOG */
.bl-head { padding-block: clamp(1.2rem, 3vw, 2.2rem) clamp(0.6rem, 1.6vw, 1.2rem); text-align: center; }
.bl-head .crumbs { justify-content: center; }
.bl-head h1 { font-size: clamp(1.9rem, 4.4vw, 3rem); letter-spacing: -0.03em; line-height: 1.1; max-width: 24ch; margin: 0.8rem auto 0; text-wrap: balance; }
.bl-cover { margin: clamp(0.6rem, 2vw, 1.2rem) auto 0; max-width: 1240px; padding-inline: clamp(12px, 3vw, 28px); }
.bl-cover img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; background: var(--soft); }
.bl-sec { padding-block: clamp(1.4rem, 4vw, 3rem); }

/* yazi govdesi */
.bl-cols { display: grid; gap: 1.6rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1000px) { .bl-cols { grid-template-columns: 16rem minmax(0, 46rem); justify-content: center; gap: 3.5rem; align-items: start; } .bl-toc { position: sticky; top: 1.5rem; } }
.bl-toc { border-top: 2px solid var(--ink); padding-top: 0.9rem; }
.bl-toc h2 { font-size: 0.8rem; letter-spacing: 0.08em; text-transform: uppercase; font-family: var(--font-body); font-weight: 600; margin-bottom: 0.7rem; color: var(--muted); }
.bl-toc ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; counter-reset: t; }
.bl-toc li { counter-increment: t; display: grid; grid-template-columns: 1.4rem 1fr; font-size: 0.93rem; line-height: 1.4; }
.bl-toc li::before { content: counter(t) '.'; color: var(--muted); }
.bl-toc a { color: var(--ink); text-decoration: none; }
.bl-toc a:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 999px) { .bl-toc { background: var(--soft); border-top: 0; padding: 1rem 1.1rem; } }

.bl-article { font-size: 1.06rem; line-height: 1.8; color: #2a2a2a; min-width: 0; }
.bl-article h2 { font-size: clamp(1.45rem, 3vw, 1.9rem); letter-spacing: -0.02em; line-height: 1.2; margin-top: 2.6rem; scroll-margin-top: 1.2rem; text-wrap: balance; }
.bl-article h3 { font-size: 1.22rem; letter-spacing: -0.012em; margin-top: 1.8rem; }
.bl-article > * { margin-block: 0; }
.bl-article > * + * { margin-top: 1rem; }
.bl-article strong { color: var(--ink); font-weight: 600; }
.bl-article a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.bl-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; }
.bl-list li { position: relative; padding-left: 1.5rem; }
.bl-list li::before { content: ''; position: absolute; left: 0; top: 0.72em; width: 0.55rem; height: 0.55rem; background: var(--ink); }
.bl-ol { counter-reset: n; }
.bl-ol li { counter-increment: n; }
.bl-ol li::before { content: counter(n); width: 1.3rem; height: 1.3rem; top: 0.4em; display: grid; place-items: center; color: #fff; font-size: 0.75rem; font-weight: 700; line-height: 1; }
.bl-table { border: 1px solid var(--line); margin-block: 1.4rem; }
.bl-table .data-table { min-width: 36rem; font-size: 0.95rem; }
.bl-table td:first-child { color: var(--ink); }
.bl-back { text-align: center; margin: 0; }
.bl-back a { font-weight: 600; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }

/* liste */
.bl-grid { display: grid; gap: 1.1rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .bl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1040px) { .bl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bl-card { display: flex; flex-direction: column; gap: 0.7rem; background: #fff; border: 1px solid var(--line); border-top: 2px solid var(--ink); padding: clamp(1.1rem, 2.4vw, 1.6rem); }
.bl-card h2 { font-size: 1.22rem; line-height: 1.25; letter-spacing: -0.015em; }
.bl-card h2 a { color: var(--ink); text-decoration: none; }
.bl-card h2 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.bl-card p { margin: 0; color: var(--muted); line-height: 1.65; font-size: 0.98rem; }
.bl-more { margin-top: auto; padding-top: 0.4rem; font-weight: 600; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }

.bl-thumb { display: block; margin: calc(-1 * clamp(1.1rem, 2.4vw, 1.6rem)) calc(-1 * clamp(1.1rem, 2.4vw, 1.6rem)) 0.3rem; background: var(--soft); }
.bl-thumb img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.bl-relh { text-align: center; font-size: clamp(1.4rem, 3vw, 1.9rem); letter-spacing: -0.02em; margin-bottom: 1.4rem; }
.bl-article .bl-list a[href^="http"] { font-weight: 500; }

.bl-toc-raw li { grid-template-columns: 1fr; }
.bl-toc-raw li::before { content: none; }

.bl-topic { max-width: 860px; margin: 0 auto; padding: 1.4rem 1.5rem; border: 1px solid #d8d8d8; background: #f6f6f6; }
.bl-topic h2 { font-size: 1.2rem; margin: 0 0 .8rem; letter-spacing: -0.01em; }
.bl-topic ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.bl-topic li { margin: 0; padding-left: 1.1rem; position: relative; line-height: 1.45; }
.bl-topic li::before { content: ""; position: absolute; left: 0; top: .6em; width: .45rem; height: .45rem; background: #111; }
.bl-topic a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.bl-topic a:hover { text-decoration-thickness: 2px; }

/* mobil iyilestirmeleri */
.bl-det > summary { list-style: none; cursor: default; font-size: 0.8rem; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; color: var(--muted); margin-bottom: 0.7rem; }
.bl-det > summary::-webkit-details-marker { display: none; }
.bl-det > summary span { text-transform: none; letter-spacing: 0; font-weight: 400; }
.bl-toc a { display: block; padding: 0.22rem 0; }
@media (max-width: 999px) {
  .bl-det > summary { cursor: pointer; min-height: 2.75rem; display: flex; align-items: center; justify-content: space-between; margin: 0; font-size: 0.85rem; }
  .bl-det > summary::after { content: "+"; font-size: 1.4rem; font-weight: 400; line-height: 1; }
  .bl-det[open] > summary::after { content: "\2212"; }
  .bl-det[open] > summary { margin-bottom: 0.5rem; }
  .bl-toc a { padding: 0.45rem 0; }
}
@media (min-width: 1000px) { .bl-det > summary { pointer-events: none; } }
@media (max-width: 640px) {
  .crumbs a { display: inline-block; padding: 0.7rem 0.2rem; }
  .crumbs { gap: 0.1rem 0.3rem; }
  .block > p, .info-card p, .sub-group p, .about-text p, .k-panel p { text-align: left; }
  .nav-actions .menu-btn, .nav-actions .nav-cta { min-height: 2.75rem; }
}
.crumbs { align-items: center; }
.mobile-menu a { min-height: 2.75rem; display: flex; align-items: center; }