:root {
  --red: #b80f2f;
  --red-dark: #8f0d25;
  --dark: #242424;
  --text: #191919;
  --soft: #5f6368;
  --line: #dddddd;
  --muted: #f5f5f5;
  --white: #ffffff;
}


* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--text);
  background: var(--white);
  font-family: Arial, Helvetica, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

p,
h1,
h2,
h3 {
  margin: 0;
}

.container {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
}

.topbar {
  background: var(--red);
  color: var(--white);
  font-size: 14px;
}

.topbar__inner {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: var(--white);
  border-bottom: 1px solid var(--line);
}

.nav {
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.brand {
  min-width: 260px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.brand__logo {
  width: 82px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 6px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #ececec;
}

.brand__logo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.brand strong {
  display: block;
  font-size: 20px;
  line-height: 1.1;
}

.brand small {
  display: block;
  color: var(--soft);
  font-size: 13px;
  margin-top: 4px;
}

.nav__links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.nav__links a:hover,
.nav__links a:focus-visible {
  color: var(--red);
}

.menu-button {
  display: none;
  border: 1px solid var(--line);
  background: var(--white);
  padding: 11px 16px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border-radius: 4px;
  background: var(--red);
  color: var(--white);
  border: 1px solid var(--red);
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}

.button:hover,
.button:focus-visible {
  background: var(--red-dark);
  border-color: var(--red-dark);
}

.button--light {
  background: var(--white);
  color: var(--dark);
  border-color: #cfcfcf;
}

.button--light:hover,
.button--light:focus-visible {
  background: #f2f2f2;
  border-color: #cfcfcf;
}

.button--outline {
  background: transparent;
  color: var(--red);
}
.button--outline:hover, .button--outline:focus-visible { color: var(--white); }

.hero {
  position: relative;
  min-height: 680px;
  overflow: hidden;
  color: var(--white);
  background: #1f1f1f;
}

.hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background:
    linear-gradient(90deg, rgba(25, 25, 25, 0.9), rgba(25, 25, 25, 0.55)),
    repeating-linear-gradient(135deg, #333333 0 12px, #2a2a2a 12px 24px);
}

.hero__shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.48) 48%, rgba(0, 0, 0, 0.35) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.05) 55%);
}

.hero__content {
  position: relative;
  z-index: 1;
  min-height: 680px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 36px;
  align-items: center;
  padding: 72px 0;
}

.hero__copy {
  max-width: 720px;
}

.eyebrow {
  margin-bottom: 14px;
  color: var(--red);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.hero .eyebrow {
  color: var(--white);
}

.hero h1 {
  max-width: 760px;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.08;
}

.hero p:not(.eyebrow) {
  max-width: 650px;
  margin-top: 22px;
  color: #eeeeee;
  font-size: 18px;
  line-height: 1.7;
}

.hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.hero__panel {
  display: grid;
  gap: 7px;
  padding: 18px 22px;
  background: #ffffff;
  color: var(--text);
  border-left: 5px solid var(--red);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}

.hero__panel span {
  color: var(--red);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.hero__panel strong {
  color: #111111;
  font-size: 26px;
  line-height: 1.05;
  white-space: nowrap;
}

.hero .hero__panel p {
  max-width: none;
  margin-top: 4px;
  color: #222222;
  font-size: 14px;
  line-height: 1.5;
}

.hero__panel a {
  color: var(--red);
  font-weight: 800;
}

.quick-strip {
  border-bottom: 1px solid var(--line);
  background: var(--white);
}

.quick-strip__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.quick-strip__grid div {
  min-height: 118px;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 24px;
  border-right: 1px solid var(--line);
}

.quick-strip__grid div:last-child {
  border-right: 0;
}

.quick-strip strong {
  font-size: 28px;
}

.quick-strip span {
  color: var(--soft);
}

.section {
  padding: 88px 0;
}

.section--muted {
  background: var(--muted);
}

.split {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 58px;
  align-items: start;
}

.split--map {
  grid-template-columns: 0.75fr 1.25fr;
  align-items: center;
}

h2 {
  color: #1e1e1e;
  font-size: clamp(30px, 3.2vw, 42px);
  line-height: 1.18;
}

.section-heading {
  max-width: 720px;
  margin-bottom: 38px;
}

.section-heading p:not(.eyebrow),
.split p,
.text-block p,
.appointment p {
  color: var(--soft);
  font-size: 16px;
  line-height: 1.8;
}

.section-heading p:not(.eyebrow),
.appointment p,
.map-section p {
  margin-top: 14px;
}

.text-block {
  display: grid;
  gap: 16px;
}

.breadcrumb {
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
  background: #ffffff;
  color: var(--soft);
  font-size: 14px;
}

.breadcrumb a {
  color: var(--red);
  font-weight: 700;
}

.page-hero {
  padding: 86px 0;
  background: #252525;
  color: var(--white);
}

.page-hero .eyebrow,
.page-hero h1 {
  color: var(--white);
}

.page-hero h1 {
  max-width: 840px;
  font-size: clamp(38px, 4.4vw, 62px);
  line-height: 1.06;
}

.page-hero p {
  max-width: 760px;
  margin-top: 20px;
  color: #eeeeee;
  font-size: 18px;
  line-height: 1.75;
}

.seo-summary strong {
  color: #222222;
}

.local-link-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.local-link {
  min-height: 180px;
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 24px;
  background: #ffffff;
  border: 1px solid var(--line);
  border-top: 4px solid var(--red);
  border-radius: 6px;
}

.local-link strong {
  font-size: 19px;
  line-height: 1.3;
}

.local-link span {
  color: var(--soft);
  line-height: 1.65;
}

.faq-list {
  display: grid;
  gap: 14px;
}

.faq-item {
  padding: 24px;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 6px;
}

.faq-item h3 {
  margin-bottom: 10px;
  font-size: 19px;
  line-height: 1.35;
}

.faq-item p {
  color: var(--soft);
  line-height: 1.75;
}

.content-list {
  display: grid;
  gap: 12px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.content-list li {
  padding-left: 18px;
  border-left: 3px solid var(--red);
  color: var(--soft);
  line-height: 1.7;
}

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

.service-card,
.process-card {
  min-height: 226px;
  padding: 24px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 6px;
}

.service-card {
  min-height: 172px;
}

.service-card h3,
.process-card h3 {
  margin-bottom: 12px;
  font-size: 19px;
  line-height: 1.3;
}

.service-card p,
.process-card p {
  color: var(--soft);
  font-size: 15px;
  line-height: 1.65;
}

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

.process-card {
  min-height: 210px;
  border-top: 4px solid var(--red);
}

.process-card span {
  display: block;
  margin-bottom: 22px;
  color: var(--red);
  font-size: 28px;
  font-weight: 800;
}

.reason-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.reason-card {
  min-height: 190px;
  padding: 24px;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 6px;
}

.reason-card h3 {
  margin-bottom: 12px;
  font-size: 19px;
  line-height: 1.35;
}

.reason-card p {
  color: var(--soft);
  line-height: 1.7;
}

.review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.review-card {
  min-height: 240px;
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 24px;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 6px;
}

.review-stars {
  color: #f6b300;
  font-size: 18px;
  letter-spacing: 1px;
}

.review-card blockquote {
  margin: 0;
  color: #222222;
  font-size: 17px;
  line-height: 1.65;
}

.review-card p {
  color: var(--soft);
  font-size: 14px;
  line-height: 1.5;
}

.reviews-link {
  margin-top: 24px;
}

.reviews-link .button {
  width: max-content;
}

.appointment {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 40px;
  align-items: center;
  padding: 44px;
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
}

.appointment .eyebrow {
  color: var(--red);
}

.appointment h2 {
  color: var(--text);
}

.appointment .button--light {
  background: #f5f5f5;
  color: var(--dark);
  border-color: #d6d6d6;
}

.appointment .button--outline {
  background: #ffffff;
  color: var(--red);
  border-color: var(--red);
}

.appointment__actions {
  display: grid;
  gap: 12px;
}

.map-button {
  margin-top: 24px;
}

.map-frame {
  min-height: 410px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: #eeeeee;
}

.map-frame iframe {
  width: 100%;
  height: 410px;
  display: block;
  border: 0;
}

.kvkk-section {
  border-top: 1px solid var(--line);
}

.kvkk-box {
  max-width: 920px;
  padding: 34px;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 6px;
}

.kvkk-box h2 {
  font-size: clamp(26px, 2.5vw, 36px);
}

.kvkk-box p:not(.eyebrow) {
  margin-top: 14px;
  color: var(--soft);
  line-height: 1.8;
}

.footer {
  padding: 52px 0;
  background: var(--dark);
  color: var(--white);
}

.footer__grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr 0.8fr;
  gap: 38px;
  align-items: start;
}

.footer h2 {
  margin-bottom: 10px;
  color: var(--white);
  font-size: 28px;
}

.footer p,
.footer address,
.footer__links a {
  color: #dcdcdc;
  font-style: normal;
  line-height: 1.8;
}

.footer__links {
  display: grid;
  gap: 8px;
}

.floating-call {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 30;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 4px;
  background: var(--red);
  color: var(--white);
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

.reveal {
  opacity: 1;
  transform: none;
}

.reveal.is-visible {
  animation: oska-enter 400ms cubic-bezier(.16,1,.3,1) both;
}
@keyframes oska-enter { from { opacity: .7; transform: translateY(10px); } to { opacity: 1; transform: none; } }

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

  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
    animation: none !important;
  }
}

@media (max-width: 980px) {
  .topbar__inner,
  .nav {
    align-items: flex-start;
    flex-direction: column;
  }

  .topbar__inner {
    padding: 12px 0;
    gap: 8px;
  }

  .nav {
    padding: 18px 0;
  }

  .menu-button {
    display: inline-flex;
  }

  .nav__links {
    display: none;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    padding: 6px 0;
  }

  .nav__links.is-open {
    display: flex;
  }

  .hero,
  .hero__content {
    min-height: auto;
  }

  .hero__content,
  .split,
  .split--map,
  .appointment,
  .footer__grid {
    grid-template-columns: 1fr;
  }

  .hero__content {
    padding: 92px 0;
  }

  .quick-strip__grid,
  .service-grid,
  .process-grid,
  .local-link-grid,
  .reason-grid,
  .review-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quick-strip__grid div:nth-child(2) {
    border-right: 0;
  }
}

@media (max-width: 560px) {
  .container {
    width: min(100% - 24px, 1120px);
  }

  .brand {
    min-width: 0;
  }

  .topbar a,
  .topbar span {
    white-space: normal;
  }

  .nav__cta,
  .button {
    width: 100%;
  }

  .hero h1 {
    font-size: 32px;
  }

  .hero p:not(.eyebrow) {
    font-size: 16px;
  }

  .hero__panel,
  .appointment {
    padding: 24px;
  }

  .section {
    padding: 64px 0;
  }

  .quick-strip__grid,
  .service-grid,
  .process-grid,
  .local-link-grid,
  .reason-grid,
  .review-grid {
    grid-template-columns: 1fr;
  }

  .reviews-link .button {
    width: 100%;
  }

  .quick-strip__grid div {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .service-card,
  .process-card {
    min-height: auto;
  }

  .floating-call {
    right: 12px;
    bottom: 12px;
  }
}

/* Oska appointment/contact and KVKK only. */
.contact-section, #contact-title, #servis-randevu-formu, .kvkk-section, .kvkk-details { scroll-margin-top: var(--contact-scroll-offset, 120px); }
.contact-heading { margin-bottom: 30px; max-width: 72ch; }
.contact-heading h2 { font-size: clamp(28px, 3vw, 38px); line-height: 1.2; letter-spacing: -.025em; text-wrap: balance; }
#contact-title:focus { outline: none; }
.contact-heading p { color: var(--soft); line-height: 1.65; margin-top: 12px; }
.contact-layout { display: grid; grid-template-columns: minmax(230px, .85fr) minmax(150px, .65fr) minmax(0, 1.7fr); background: var(--white); border: 1px solid var(--line); }
.contact-form-wrap { grid-column: 3; grid-row: 1; min-width: 0; padding: 34px 32px; }
.contact-form-wrap h3, .contact-info h3 { font-size: 22px; line-height: 1.25; margin: 0; }
.contact-photo-wrap { grid-column: 2; grid-row: 1; min-width: 0; overflow: hidden; }
.contact-photo { display: block; width: 100%; height: 100%; min-height: 100%; object-fit: cover; object-position: 51% center; }
.contact-info { grid-column: 1; grid-row: 1; min-width: 0; padding: 34px 26px; background: var(--red); color: var(--white); }
.contact-info-subtitle { font-size: 14px; color: var(--white); margin-top: 8px; line-height: 1.6; }
.contact-info-group { margin-top: 26px; font-size: 14px; line-height: 1.65; }
.contact-info-group h4 { font-size: 13px; color: var(--white); margin: 0 0 6px; font-weight: 400; }
.contact-info address { font-style: normal; }
.contact-info a { overflow-wrap: anywhere; }
.contact-info a:hover { text-decoration: underline; text-underline-offset: 4px; }
.contact-phone { font-size: 20px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.contact-hours dl { margin: 0; }
.contact-hours dl div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 10px; margin-top: 6px; }
.contact-hours dd { margin: 0; white-space: nowrap; font-variant-numeric: tabular-nums; }
.contact-directions { display: inline-block; padding: 12px 0; margin-top: 20px; color: var(--red-dark); text-decoration: underline; text-underline-offset: 4px; }
.contact-required { color: var(--soft); font-size: 12px; margin: 9px 0 24px; line-height: 1.5; }
.contact-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 22px; row-gap: 22px; }
.contact-fields label { display: block; min-width: 0; color: var(--text); font-size: 14px; line-height: 1.5; }
.contact-optional { color: var(--soft); font-size: 12px; font-weight: 400; }
.contact-fields input, .contact-fields select, .contact-fields textarea { display: block; min-width: 0; width: 100%; margin-top: 8px; padding: 10px 0; font: inherit; font-size: 16px; color: var(--text); background: var(--white); border: 0; border-bottom: 1px solid #888; border-radius: 0; caret-color: var(--red); }
.contact-fields input, .contact-fields select { min-height: 44px; }
.contact-fields textarea { resize: vertical; min-height: 98px; }
.contact-fields textarea::placeholder { color: #666; opacity: 1; }
.contact-message { grid-column: 1 / -1; }
.contact-help { display: block; font-size: 11px; color: var(--soft); margin-top: 5px; }
.contact-fields [aria-invalid="true"] { border-bottom: 2px solid var(--red-dark); }
.contact-section :focus-visible, .kvkk-section :focus-visible { outline: 2px solid var(--red-dark); outline-offset: 4px; }
.contact-info :focus-visible { outline-color: var(--white); }
.contact-section ::selection, .kvkk-section ::selection { color: var(--white); background: var(--red-dark); }
.contact-privacy { margin: 24px 0 14px; color: #505050; font-size: 12px; line-height: 1.7; }
.contact-privacy a, .contact-acknowledgement a, .contact-status a { color: var(--red-dark); text-decoration: underline; text-underline-offset: 3px; }
.contact-acknowledgement { display: flex; align-items: flex-start; gap: 9px; min-height: 44px; margin-bottom: 14px; color: #505050; font-size: 12px; line-height: 1.65; cursor: pointer; }
.contact-acknowledgement input { flex: 0 0 auto; width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--red); }
.contact-section button { cursor: pointer; font: inherit; font-size: 14px; min-height: 48px; padding: 12px 21px; }
.contact-section button:disabled { opacity: .7; cursor: wait; }
.contact-confirmation { color: var(--soft); font-size: 12px; margin-top: 12px; line-height: 1.6; }
.contact-status { margin-top: 18px; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.contact-status:empty { display: none; }
.contact-status[data-state="error"] { color: var(--red-dark); }
.contact-status[data-state="success"] { color: #235337; }
.contact-trap { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.kvkk-details { border-bottom: 1px solid #c9c9c9; margin-top: 24px; }
.kvkk-details summary { padding: 18px 4px; font-size: 16px; font-weight: 700; cursor: pointer; color: var(--red-dark); line-height: 1.5; }
.kvkk-details summary:hover { color: var(--red); }
.kvkk-full-text { max-width: 75ch; padding: 8px 4px 26px; font-size: 15px; line-height: 1.85; overflow-wrap: anywhere; }
.kvkk-full-text h3 { font-size: 20px; line-height: 1.4; margin: 16px 0; }
.kvkk-full-text h4 { font-size: 15px; line-height: 1.5; margin: 28px 0 10px; }
.kvkk-full-text p + p { margin-top: 14px; }
@media (max-width: 1000px) {
  .contact-layout { grid-template-columns: minmax(210px, .8fr) minmax(0, 1.7fr); }
  .contact-form-wrap { grid-column: 2; }
  .contact-photo-wrap { display: none; }
}
@media (max-width: 700px) {
  .contact-layout { display: flex; flex-direction: column; }
  .contact-form-wrap { padding: 28px 22px; }
  .contact-info { padding: 28px 22px; }
  .contact-photo-wrap { display: block; order: 2; height: 180px; }
  .contact-info { order: 3; }
  .contact-photo { min-height: 0; object-position: center 54%; }
  .contact-info-group { max-width: 34ch; }
  .contact-section, #contact-title, #servis-randevu-formu, .kvkk-section, .kvkk-details { scroll-margin-top: var(--contact-scroll-offset, 150px); }
}
@media (max-width: 420px) {
  .contact-fields { grid-template-columns: minmax(0, 1fr); row-gap: 20px; }
  .contact-form-wrap { padding: 25px 18px; }
  .contact-section button { width: 100%; }
}

/* Final usability review: existing identity and page structure retained. */
main [id], footer[id] { scroll-margin-top: var(--contact-scroll-offset, 112px); }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--red-dark); outline-offset: 4px; }
.button:focus-visible, .floating-call:focus-visible { outline-color: currentColor; outline-offset: -5px; }
.hero__panel .hero-panel-phone { color: #111; }
.floating-call[hidden] { display: none; }
.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 48px; cursor: pointer; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; color: var(--red-dark); font-size: 24px; flex-shrink: 0; }
.faq-item[open] summary::after { content: '−'; }
.faq-item summary h3 { margin: 0; }
.faq-item > p { margin-top: 14px; max-width: 75ch; }
.contact-form-wrap h3 { margin-bottom: 24px; }
@media (max-width: 980px) {
  .nav { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 0; }
  .brand { min-width: 0; gap: 10px; }
  .brand__logo { width: 64px; height: 46px; padding: 5px; }
  .brand strong { font-size: 18px; }
  .brand small { font-size: 12px; }
  .menu-button { grid-column: 2; grid-row: 1; min-height: 44px; padding: 9px 13px; }
  .nav__cta { grid-column: 1 / -1; grid-row: 2; width: 100%; min-height: 44px; }
  .nav__links { grid-column: 1 / -1; grid-row: 3; gap: 0; max-height: 45vh; overflow-y: auto; padding: 0; }
  .nav__links a { display: flex; align-items: center; min-height: 44px; width: 100%; padding: 8px 0; }
  .site-header:not([data-menu-ready]) .nav__links { display: flex; }
  .site-header:not([data-menu-ready]) .menu-button { display: none; }
  .site-header:not([data-menu-ready]) { position: static; }
}
@media (max-width: 560px) {
  .topbar__inner { display: grid; grid-template-columns: 1fr; gap: 6px; font-size: 13px; }
  .hero__content { padding: 56px 0 84px; }
  .kvkk-box { padding: 24px 18px; }
}