/* ROTASEC Sıfır — kurumsal, simetrik, müşteri odaklı */
:root {
  --green: #5EB119;
  --green-deep: #4A8F14;
  --green-soft: #E8F6D8;
  --ink: #1A1F1C;
  --ink-soft: #3D4740;
  --muted: #6B756E;
  --line: #D8E0D4;
  --paper: #F4F7F2;
  --white: #FFFFFF;
  --shadow: 0 18px 40px rgba(26, 31, 28, 0.08);
  --radius: 18px;
  --wrap: 1120px;
  --font: "Manrope", system-ui, sans-serif;
  --display: "Sora", "Manrope", system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--font);
  color: var(--ink);
  background:
    radial-gradient(1200px 600px at 85% -10%, rgba(94, 177, 25, 0.12), transparent 60%),
    radial-gradient(900px 500px at -10% 20%, rgba(94, 177, 25, 0.08), transparent 55%),
    linear-gradient(180deg, #FBFCF9 0%, var(--paper) 45%, #EEF3EB 100%);
  min-height: 100vh;
  line-height: 1.6;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4 {
  font-family: var(--display);
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0 0 0.6rem;
}
p { margin: 0 0 1rem; color: var(--ink-soft); }
ul { margin: 0; padding-left: 1.2rem; }

.wrap {
  width: min(var(--wrap), calc(100% - 2.5rem));
  margin-inline: auto;
}

.skip-link {
  position: absolute;
  left: -999px;
  top: 0;
  background: var(--ink);
  color: #fff;
  padding: .6rem 1rem;
  z-index: 100;
}
.skip-link:focus { left: 1rem; top: 1rem; }

/* Top strip */
.top-strip {
  background: var(--ink);
  color: rgba(255,255,255,.82);
  font-size: .82rem;
}
.top-strip__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 38px;
  flex-wrap: wrap;
}
.top-strip a:hover { color: #fff; }
.top-strip__left, .top-strip__right {
  display: flex;
  align-items: center;
  gap: .75rem;
  flex-wrap: wrap;
}
.dot {
  width: 4px; height: 4px; border-radius: 50%;
  background: var(--green); display: inline-block;
}
.top-wa {
  color: var(--green) !important;
  font-weight: 700;
}

/* Header — single row: logo | nav | CTA */
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(14px);
  background: rgba(251, 252, 249, 0.88);
  border-bottom: 1px solid rgba(216, 224, 212, 0.7);
  transition: box-shadow .25s ease;
}
.site-header.is-scrolled { box-shadow: 0 8px 24px rgba(26,31,28,.06); }
.header-bar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  column-gap: 1.1rem;
  min-height: 100px;
  padding-block: .5rem;
}
.brand {
  display: block;
  flex: 0 0 auto;
  min-width: 0;
  position: relative;
  isolation: isolate;
  line-height: 0;
}
.brand--header {
  grid-column: 1;
  justify-self: start;
}
.brand--header img {
  width: 270px;
  max-width: 270px;
  max-height: 92px;
  height: auto;
  object-fit: contain;
  display: block;
}
.brand--footer img {
  width: 160px;
  max-width: 160px;
  max-height: 56px;
  height: auto;
  object-fit: contain;
  display: block;
}

/* Logo animation — tasteful institutional shine + soft glow */
@keyframes brand-logo-enter {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
    filter: drop-shadow(0 0 0 rgba(94, 177, 25, 0));
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: drop-shadow(0 2px 8px rgba(94, 177, 25, 0.18));
  }
}
@keyframes brand-logo-glow {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: drop-shadow(0 2px 6px rgba(94, 177, 25, 0.12));
  }
  50% {
    transform: translateY(-2px) scale(1.015);
    filter: drop-shadow(0 4px 14px rgba(94, 177, 25, 0.32));
  }
}
@keyframes brand-logo-glow-soft {
  0%, 100% {
    transform: translateY(0);
    filter: drop-shadow(0 1px 4px rgba(94, 177, 25, 0.1));
  }
  50% {
    transform: translateY(-1px);
    filter: drop-shadow(0 3px 10px rgba(94, 177, 25, 0.22));
  }
}
@keyframes brand-logo-shine {
  0%, 62% {
    transform: translateX(-120%) skewX(-16deg);
    opacity: 0;
  }
  68% { opacity: 0.4; }
  82% {
    transform: translateX(120%) skewX(-16deg);
    opacity: 0;
  }
  100% {
    transform: translateX(120%) skewX(-16deg);
    opacity: 0;
  }
}
.brand--header::after,
.brand--footer::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg,
    transparent 40%,
    rgba(255, 255, 255, 0.45) 50%,
    transparent 60%
  );
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: soft-light;
  animation: brand-logo-shine 6s ease-in-out 1.2s infinite;
  border-radius: 4px;
}
.brand--footer::after {
  animation-duration: 7s;
  animation-delay: 1.6s;
}
.brand--header img {
  animation:
    brand-logo-enter 0.75s ease-out both,
    brand-logo-glow 5.5s ease-in-out 0.75s infinite;
  will-change: transform, filter, opacity;
}
.brand--footer img {
  animation:
    brand-logo-enter 0.7s ease-out both,
    brand-logo-glow-soft 6.5s ease-in-out 0.7s infinite;
  will-change: transform, filter, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .brand--header img,
  .brand--footer img {
    animation: none;
    filter: none;
    will-change: auto;
    transform: none;
  }
  .brand--header::after,
  .brand--footer::after {
    display: none;
  }
}
.main-nav {
  grid-column: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  justify-self: center;
}
.main-nav a {
  padding: .4rem .65rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: .875rem;
  white-space: nowrap;
  color: var(--ink-soft);
  transition: background .2s, color .2s;
  flex-shrink: 0;
}
.main-nav a:hover,
.main-nav a.is-active {
  background: var(--green-soft);
  color: var(--green-deep);
}
.header-actions {
  grid-column: 3;
  display: flex;
  gap: .45rem;
  flex-wrap: nowrap;
  align-items: center;
  justify-self: end;
}
.header-actions .btn {
  min-height: 40px;
  padding: 0 0.95rem;
  font-size: .86rem;
}
.nav-toggle {
  display: none;
  width: 42px; height: 42px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  grid-column: 3;
  justify-self: end;
}
.nav-toggle span {
  display: block;
  width: 18px; height: 2px;
  margin: 5px auto;
  background: var(--ink);
}

/* Buttons */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  min-height: 46px;
  padding: 0 1.2rem;
  border-radius: 12px;
  font-weight: 700;
  font-size: .92rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn--primary {
  background: var(--green);
  color: #fff;
  box-shadow: 0 10px 22px rgba(94,177,25,.28);
}
.btn--primary:hover { background: var(--green-deep); }
.btn--ghost {
  background: transparent;
  border-color: var(--line);
  color: var(--ink);
}
.btn--ghost:hover { border-color: var(--green); color: var(--green-deep); }
.btn--light {
  background: #fff;
  color: var(--ink);
}
.btn--ghost-light {
  background: transparent;
  border-color: rgba(255,255,255,.35);
  color: #fff;
}
.btn--block { width: 100%; }

/* Hero — yan yana metin + medya (taşma asla grid’i bozmasın) */
.hero {
  position: relative;
  overflow: hidden;
  padding: clamp(2.5rem, 6vw, 4.5rem) 0 clamp(3rem, 7vw, 5rem);
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(105deg, rgba(244,247,242,.96) 0%, rgba(244,247,242,.72) 48%, rgba(94,177,25,.18) 100%),
    repeating-linear-gradient(90deg, transparent, transparent 48px, rgba(94,177,25,.04) 48px, rgba(94,177,25,.04) 49px),
    repeating-linear-gradient(0deg, transparent, transparent 48px, rgba(26,31,28,.03) 48px, rgba(26,31,28,.03) 49px);
  z-index: -1;
}
.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
}
.hero-copy {
  min-width: 0;
  max-width: 36rem;
}
.eyebrow {
  display: inline-block;
  margin: 0 0 .85rem;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--green-deep);
}
.hero h1 {
  font-size: clamp(2rem, 4.2vw, 3.1rem);
  max-width: 18ch;
  margin-bottom: 1rem;
  line-height: 1.15;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: manual;
}
.hero-lead {
  font-size: 1.05rem;
  max-width: 42ch;
  margin-bottom: 1.5rem;
}
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin-bottom: 1.5rem;
}
.trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}
.trust-row span {
  font-size: .8rem;
  font-weight: 700;
  color: var(--muted);
  background: rgba(255,255,255,.7);
  border: 1px solid var(--line);
  padding: .35rem .7rem;
  border-radius: 999px;
  white-space: nowrap;
}
.hero-visual {
  position: relative;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  min-height: 340px;
  height: auto;
  display: grid;
  place-items: center;
  border-radius: 28px;
  background:
    radial-gradient(ellipse 55% 45% at 28% 35%, rgba(56,189,248,.16), transparent 60%),
    radial-gradient(ellipse 50% 40% at 78% 62%, rgba(251,113,133,.14), transparent 58%),
    radial-gradient(ellipse 70% 50% at 50% 50%, rgba(167,139,250,.1), transparent 65%),
    linear-gradient(160deg, #161B22 0%, #1F2A32 48%, #243028 100%);
  overflow: hidden;
  box-shadow: var(--shadow);
  animation: rise .8s ease both;
  padding: 1.75rem 1rem 1.6rem;
}

/* Fleet — HER ZAMAN üst üste overlay (asla dikey sütun değil) */
.fleet-strip {
  display: block;
  width: 100%;
  max-width: 100%;
}
.fleet-strip__viewport {
  position: relative;
  width: 100%;
  height: 17rem;
  min-height: 17rem;
  max-height: 17rem;
  overflow: hidden;
  display: block;
}
.fleet-strip__stage {
  position: relative;
  width: min(16.5rem, 88%);
  height: 16rem;
  margin: 0 auto;
  overflow: hidden;
  isolation: isolate;
  display: block;
}
.fleet-strip__item {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(1.6rem) scale(.97);
  transition:
    opacity .55s cubic-bezier(.22, 1, .36, 1),
    transform .55s cubic-bezier(.22, 1, .36, 1),
    visibility 0s linear .55s;
  z-index: 0;
}
.fleet-strip__item.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0) scale(1);
  transition:
    opacity .55s cubic-bezier(.22, 1, .36, 1),
    transform .55s cubic-bezier(.22, 1, .36, 1),
    visibility 0s linear 0s;
  z-index: 1;
}
.fleet-strip__item.is-leaving {
  opacity: 0;
  visibility: visible;
  transform: translateX(-1.6rem) scale(.97);
  z-index: 2;
}
.fleet-strip__frame {
  margin: 0;
  width: min(13.5rem, 100%);
  height: 13.5rem;
  max-height: 13.5rem;
  border-radius: 1.35rem;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow:
    0 16px 36px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.1);
  background: #0f172a;
  flex-shrink: 0;
}
.fleet-strip__photo {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}
.fleet-strip__label {
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.88);
  text-shadow: 0 1px 8px rgba(0,0,0,.35);
}
.fleet-strip__caption {
  display: block;
  margin: 1.05rem 0 0;
  padding: 0 1.25rem;
  color: rgba(255,255,255,.8);
  font-family: var(--display);
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-align: center;
}

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

/* Reduced-motion: geçişleri kapat — ASLA dikey yığın; overlay kalır */
@media (prefers-reduced-motion: reduce) {
  .hero-visual { animation: none; }
  .fleet-strip__item {
    transition: none !important;
    transform: none !important;
    position: absolute !important;
  }
  .fleet-strip__item:not(.is-active) {
    opacity: 0 !important;
    visibility: hidden !important;
  }
  .fleet-strip__item.is-leaving {
    display: none !important;
  }
  .fleet-strip__stage,
  .fleet-strip__viewport {
    display: block !important;
  }
}

/* Sections */
.section { padding: clamp(3rem, 6vw, 5rem) 0; }
.section-head {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 2.2rem;
}
.section-head h2 { font-size: clamp(1.55rem, 3vw, 2.15rem); }
.page-hero {
  padding: clamp(2.2rem, 5vw, 3.5rem) 0 1.5rem;
  text-align: center;
}
.page-hero h1 {
  font-size: clamp(1.7rem, 3.5vw, 2.5rem);
  max-width: 18ch;
  margin-inline: auto;
}
.page-hero--wide h1 { max-width: 28ch; }
.page-hero p {
  max-width: 54ch;
  margin-inline: auto;
}

/* Blog */
.page-hero--blog {
  text-align: left;
  max-width: 46rem;
  margin-inline: auto;
  padding-bottom: 2rem;
}
.page-hero--blog .eyebrow {
  margin-bottom: .65rem;
}
.blog-hero__title {
  font-family: var(--display);
  font-size: clamp(1.85rem, 3.8vw, 2.75rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.18;
  color: var(--ink);
  max-width: 22ch !important;
  margin: 0 0 .85rem !important;
  margin-inline: 0 !important;
}
.blog-hero__rule {
  display: block;
  width: 3.25rem;
  height: 3px;
  margin: 0 0 1.1rem;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--green) 0%, var(--green-deep) 100%);
}
.page-hero--blog > p:not(.eyebrow):not(.blog-detail__meta) {
  max-width: 46ch;
  margin-inline: 0;
  font-size: 1.05rem;
}
.blog-detail__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem .65rem;
  justify-content: flex-start !important;
  font-size: .88rem;
  color: var(--muted) !important;
  margin: 0 0 1rem !important;
}
.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.15rem;
}
.blog-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: calc(var(--radius) + 4px);
  overflow: hidden;
  transition: border-color .2s ease, transform .25s ease, box-shadow .25s ease;
}
.blog-card:hover {
  border-color: rgba(94, 177, 25, .55);
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(26, 31, 28, .07);
}
.blog-card__media {
  display: block;
  aspect-ratio: 16 / 10;
  background:
    linear-gradient(145deg, rgba(94, 177, 25, .18), transparent 55%),
    linear-gradient(180deg, #E8F0E4 0%, #D5E3CE 100%);
  overflow: hidden;
}
.blog-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-card__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-family: var(--display);
  font-weight: 600;
  font-size: .95rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--green-deep);
}
.blog-card__placeholder--lg {
  min-height: 180px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background:
    linear-gradient(145deg, rgba(94, 177, 25, .16), transparent 55%),
    linear-gradient(180deg, #EEF5EA 0%, #DCE8D6 100%);
}
.blog-card__body {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  padding: 1.15rem 1.2rem 1.25rem;
  flex: 1;
}
.blog-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem .75rem;
  font-size: .8rem;
  color: var(--muted);
}
.blog-card__cat {
  display: inline-block;
  padding: .2rem .55rem;
  border-radius: 4px;
  background: var(--green-soft);
  color: var(--green-deep);
  font-weight: 700;
  font-size: .7rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.blog-card__title {
  font-family: var(--display);
  font-size: 1.18rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.3;
  margin: 0;
  color: var(--ink);
}
.blog-card__title a {
  color: inherit;
  background-image: linear-gradient(var(--green), var(--green));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 2px;
  transition: background-size .25s ease, color .2s ease;
}
.blog-card__title a:hover {
  color: var(--green-deep);
  background-size: 100% 2px;
  text-decoration: none;
}
.blog-card__body p {
  margin: 0;
  flex: 1;
  font-size: .95rem;
}
.blog-card__more {
  font-weight: 700;
  color: var(--green-deep);
  font-size: .92rem;
  letter-spacing: .01em;
}
.blog-card__more:hover { text-decoration: underline; }
.blog-detail {
  max-width: 760px;
}
.blog-detail__cover {
  margin-bottom: 1.5rem;
}
.blog-detail__cover img {
  width: 100%;
  border-radius: var(--radius);
  border: 1px solid var(--line);
}
.prose h2 {
  margin-top: 1.85rem;
  margin-bottom: .65rem;
  font-family: var(--display);
  font-size: clamp(1.2rem, 2.2vw, 1.45rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
  padding-bottom: .45rem;
  border-bottom: 2px solid rgba(94, 177, 25, .35);
}
.prose h3 {
  margin-top: 1.4rem;
  font-family: var(--display);
  font-size: 1.1rem;
  color: var(--green-deep);
}
.prose p, .prose li { color: var(--ink-soft); }
.prose a {
  color: var(--green-deep);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.prose ul, .prose ol { margin: 0 0 1rem; padding-left: 1.2rem; }
.blog-detail__nav {
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--line);
  display: flex;
  flex-wrap: wrap;
  gap: .5rem .75rem;
  font-weight: 600;
}
.blog-detail__nav a { color: var(--green-deep); }

/* Quick features */
.feature-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-top: -1.5rem;
  position: relative;
  z-index: 2;
}
.feature {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.25rem;
  box-shadow: var(--shadow);
  transition: transform .2s ease, border-color .2s;
}
.feature:hover {
  transform: translateY(-4px);
  border-color: rgba(94,177,25,.45);
}
.feature__mark {
  width: 42px; height: 42px;
  display: grid; place-items: center;
  border-radius: 12px;
  background: var(--green-soft);
  color: var(--green-deep);
  font-weight: 800;
  margin-bottom: .85rem;
}
.feature h3,
.feature h2 { font-size: 1.05rem; }
.feature p { font-size: .92rem; margin: 0; }

/* Service grid */
.service-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.1rem;
}
.service-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: calc(var(--radius) + 4px);
  padding: 1.5rem;
  display: grid;
  gap: .75rem;
  transition: transform .2s, box-shadow .2s;
}
.service-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow);
}
.service-card h3 { font-size: 1.2rem; }
.tag-row { display: flex; flex-wrap: wrap; gap: .35rem; }
.tag-row span {
  font-size: .72rem;
  font-weight: 700;
  color: var(--green-deep);
  background: var(--green-soft);
  padding: .25rem .55rem;
  border-radius: 999px;
}
.service-card ul {
  color: var(--ink-soft);
  font-size: .92rem;
}
.service-card li + li { margin-top: .25rem; }

/* Why */
.why-block {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 1.5rem;
  align-items: stretch;
}
.panel {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: calc(var(--radius) + 6px);
  padding: 1.6rem;
}
.why-list p { margin-bottom: .9rem; }
.stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .85rem;
}
.stat {
  background: linear-gradient(160deg, #1A1F1C, #2C3A2E);
  color: #fff;
  border-radius: var(--radius);
  padding: 1.2rem;
  text-align: center;
}
.stat b {
  display: block;
  font-family: var(--display);
  font-size: 1.7rem;
  color: #9AD65A;
  margin-bottom: .2rem;
}
.stat span { font-size: .85rem; color: rgba(255,255,255,.75); }

/* Solutions */
.sol-grid,
.solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.sol-item,
.solution-card {
  padding: 1.25rem;
  border-radius: var(--radius);
  background: rgba(255,255,255,.72);
  border: 1px solid var(--line);
}
.sol-item h3,
.solution-card h3 { font-size: 1.05rem; color: var(--green-deep); }

/* Dual CTA */
.dual-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.dual-card {
  border-radius: calc(var(--radius) + 6px);
  padding: 1.8rem;
  background: #fff;
  border: 1px solid var(--line);
}
.dual-card--dark {
  background: linear-gradient(145deg, #1A1F1C, #2F4028);
  color: #fff;
  border: none;
}
.dual-card--dark p { color: rgba(255,255,255,.78); }
.dual-card--dark .eyebrow { color: #9AD65A; }

/* Forms / booking */
.form-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  align-items: stretch;
}
.booking-layout {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.form-card, .info-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: calc(var(--radius) + 6px);
  padding: 1.5rem;
  box-shadow: var(--shadow);
}
.booking-panel,
.booking-form,
.service-panel,
.service-form {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  position: relative;
  border: 2px solid #C5D2BE;
  border-radius: calc(var(--radius) + 6px);
  box-shadow:
    0 0 0 1px rgba(94, 177, 25, 0.08),
    var(--shadow);
  overflow: hidden;
}
.booking-panel::before,
.booking-form::before,
.service-panel::before,
.service-form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--green) 0%, var(--green-deep) 100%);
}
.service-layout {
  grid-template-columns: minmax(260px, 0.85fr) minmax(0, 1.15fr);
}
.service-panel__head,
.service-form__head {
  margin-bottom: 1rem;
  padding-top: .15rem;
}
.service-panel__head h2,
.service-form__head h2 {
  margin-bottom: .35rem;
}
.service-panel__list {
  display: grid;
  gap: .85rem;
  margin: 0;
}
.service-panel__list div {
  padding-bottom: .75rem;
  border-bottom: 1px solid var(--line);
}
.service-panel__list div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.service-panel__list strong {
  display: block;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin-bottom: .2rem;
}
.service-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: auto;
  padding-top: 1.1rem;
  border-top: 1px solid var(--line);
}
.maps-embed {
  border: 2px solid #C5D2BE;
  border-radius: calc(var(--radius) + 6px);
  overflow: hidden;
  box-shadow: var(--shadow);
  position: relative;
}
.maps-embed::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--green) 0%, var(--green-deep) 100%);
  z-index: 1;
}
.maps-embed iframe {
  display: block;
  width: 100%;
  height: min(420px, 55vw);
  border: 0;
}
.faq-list {
  display: grid;
  gap: .75rem;
  max-width: 820px;
}
.faq-item {
  background: #fff;
  border: 1.5px solid #C5D2BE;
  border-radius: 14px;
  padding: .85rem 1.1rem;
}
.faq-item summary {
  cursor: pointer;
  font-weight: 700;
  font-family: var(--font-display, inherit);
}
.faq-item p {
  margin: .65rem 0 0;
  color: var(--ink-soft);
}
.footer-keywords {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255,255,255,.12);
}
.footer-keywords p {
  margin: 0;
  font-size: .78rem;
  line-height: 1.55;
  opacity: .72;
}
.site-footer h3 {
  font-size: .95rem;
  margin: 0 0 .65rem;
}
.booking-panel__head,
.booking-form__head {
  margin-bottom: 1rem;
  padding-top: .15rem;
}
.booking-panel__head h2,
.booking-form__head h2 {
  margin-bottom: .35rem;
}
.booking-panel__head p:last-child,
.booking-summary {
  margin-bottom: 0;
  font-size: .92rem;
}
.booking-summary {
  color: var(--green-deep);
  font-weight: 700;
  min-height: 1.4em;
}
.booking-panel__phone {
  margin-top: auto;
  padding-top: 1.1rem;
  font-size: .9rem;
  border-top: 1px solid var(--line);
}

/* Google Calendar–style month grid */
.cal {
  border: 1.5px solid #C5D2BE;
  border-radius: 16px;
  background: #FBFCF9;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
}
.cal__toolbar {
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: .5rem;
  padding: .65rem .7rem;
  border-bottom: 1px solid var(--line);
  background: #fff;
}
.cal__title {
  margin: 0;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  color: var(--ink);
  text-transform: capitalize;
}
.cal__nav {
  width: 36px;
  height: 36px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background .15s, border-color .15s;
}
.cal__nav:hover:not(:disabled) {
  background: var(--green-soft);
  border-color: var(--green);
}
.cal__nav:disabled {
  opacity: .35;
  cursor: not-allowed;
}
.cal__weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  padding: .45rem .5rem 0;
  text-align: center;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--muted);
}
.cal__weekdays span {
  padding: .35rem 0;
}
.cal__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  padding: .35rem .5rem .65rem;
}
.cal__day {
  aspect-ratio: 1;
  width: 100%;
  min-height: 0;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-weight: 700;
  font-size: .9rem;
  cursor: pointer;
  display: grid;
  place-items: center;
  position: relative;
  transition: background .15s, color .15s;
}
.cal__day:hover:not(:disabled):not(.is-selected) {
  background: rgba(94, 177, 25, .12);
}
.cal__day.is-outside {
  color: #B0B8B2;
  font-weight: 600;
}
.cal__day.is-today:not(.is-selected)::after {
  content: "";
  position: absolute;
  bottom: 5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--green);
}
.cal__day.is-selected {
  background: var(--green);
  color: #fff;
  box-shadow: 0 6px 14px rgba(94, 177, 25, .28);
}
.cal__day.is-disabled,
.cal__day:disabled {
  color: #C5CBC6;
  background: transparent;
  cursor: not-allowed;
  text-decoration: line-through;
  text-decoration-color: rgba(107, 117, 110, .35);
}
.cal__day.is-full:disabled,
.cal__day.is-full.is-disabled {
  color: #A8B0AA;
  background: rgba(107, 117, 110, .08);
  text-decoration: none;
  padding-bottom: .7rem;
}
.cal__day.is-full:disabled::after {
  content: "Dolu";
  position: absolute;
  left: 50%;
  bottom: 3px;
  transform: translateX(-50%);
  font-size: .52rem;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #8A948C;
  line-height: 1;
  pointer-events: none;
}
.cal__day.is-sunday:disabled {
  color: #D2D7D3;
  text-decoration: none;
}
.cal__day.is-sunday:disabled::after {
  content: none;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .9rem;
}
.form-grid label {
  display: grid;
  gap: .35rem;
  font-size: .85rem;
  font-weight: 700;
  color: var(--ink);
}
.form-grid label.full { grid-column: 1 / -1; }
.form-grid input,
.form-grid select,
.form-grid textarea {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: .65rem .85rem;
  font: inherit;
  background: #FBFCF9;
  color: var(--ink);
}
.form-grid textarea { min-height: 110px; resize: vertical; }
.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus {
  outline: 2px solid rgba(94,177,25,.35);
  border-color: var(--green);
}
.check {
  display: flex;
  gap: .55rem;
  align-items: flex-start;
  font-size: .88rem;
  margin: 1rem 0;
  color: var(--ink-soft);
}
.slot-panel {
  margin-top: 1rem;
  padding: 1rem;
  border: 1.5px solid #C5D2BE;
  border-radius: 14px;
  background: #FBFCF9;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.slot-panel__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  flex-wrap: wrap;
  margin-bottom: .75rem;
}
.slot-panel__head h3 {
  font-size: 1rem;
  margin: 0;
}
.slot-panel__hint {
  margin: 0;
  font-size: .82rem;
  color: var(--muted);
  font-weight: 600;
}
.slot-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .5rem;
}
.slot-grid.is-empty {
  display: block;
  padding: .85rem .4rem;
  text-align: center;
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
}
.slot {
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  font-weight: 700;
  font-size: .9rem;
  cursor: pointer;
  transition: background .15s, border-color .15s, color .15s;
}
.slot:hover:not(.is-selected):not(.is-booked):not(:disabled) {
  border-color: var(--green);
  background: var(--green-soft);
}
.slot.is-selected {
  background: var(--green);
  color: #fff;
  border-color: var(--green);
}
.slot.is-booked,
.slot:disabled {
  cursor: not-allowed;
  color: #9AA39C;
  background: #EEF1EE;
  border-color: #D5DBD5;
  display: grid;
  place-items: center;
  gap: .05rem;
  line-height: 1.1;
  opacity: .85;
}
.slot.is-booked small {
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #8A948C;
}
.slot-grid__note {
  grid-column: 1 / -1;
  margin: .35rem 0 0;
  text-align: center;
  color: var(--muted);
  font-size: .85rem;
  font-weight: 600;
}

.info-list {
  display: grid;
  gap: .85rem;
  margin: 1.2rem 0;
}
.info-list div {
  display: grid;
  gap: .15rem;
}
.info-list strong { font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.info-list span { font-weight: 700; color: var(--ink); }

.contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

/* About */
.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.1rem;
}
.check-list {
  list-style: none;
  padding: 0;
}
.check-list li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: .55rem;
  color: var(--ink-soft);
}
.check-list li::before {
  content: "";
  position: absolute;
  left: 0; top: .45rem;
  width: .7rem; height: .7rem;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 4px var(--green-soft);
}

/* Alerts */
.alert {
  margin: 1rem auto 0;
  padding: .9rem 1rem;
  border-radius: 12px;
  font-weight: 600;
}
.alert--success { background: #E8F6D8; color: #2F6B0E; }
.alert--error { background: #FDECEC; color: #8B1E1E; }

.track-banner {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.4rem;
  border: 1px solid var(--line, #d7e2d9);
  border-radius: 18px;
  background: linear-gradient(160deg, #f4faf0, #fff);
  box-shadow: 0 10px 28px rgba(18, 32, 24, .06);
}
.track-banner__code {
  margin: 0;
  font-family: Sora, Manrope, sans-serif;
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--green-deep, #2F6B0E);
  word-break: break-all;
}
.track-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.track-result {
  margin-top: 1.35rem;
  padding: 1.1rem 1.2rem;
  border: 1px solid var(--line, #d7e2d9);
  border-radius: 16px;
  background: #fafcfa;
}
.track-result h3 {
  margin: .15rem 0 1rem;
  font-size: 1.2rem;
}
.track-result__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .85rem 1.25rem;
  margin: 0;
}
.track-result__grid dt {
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--muted, #5a6b60);
  margin: 0 0 .2rem;
}
.track-result__grid dd {
  margin: 0;
  font-weight: 600;
}
.track-status {
  display: inline-block;
  padding: .25rem .7rem;
  border-radius: 999px;
  background: var(--green-soft, #e8f6d8);
  color: var(--green-deep, #2F6B0E);
  font-size: .92rem;
}
.track-result__note {
  margin: 1.1rem 0 0;
  font-size: .9rem;
  color: var(--muted, #5a6b60);
}
@media (max-width: 640px) {
  .track-result__grid { grid-template-columns: 1fr; }
}

/* CTA band + footer */
.band-cta {
  margin-top: 2rem;
  background: linear-gradient(120deg, #1A1F1C 0%, #243028 50%, #2F4028 100%);
  color: #fff;
  padding: 2.5rem 0;
}
.band-cta__inner {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: center;
  flex-wrap: wrap;
}
.band-cta h2 { color: #fff; max-width: 18ch; }
.band-cta p { color: rgba(255,255,255,.75); max-width: 46ch; margin: 0; }
.band-cta .eyebrow { color: #9AD65A; }
.band-cta__actions { display: flex; flex-wrap: wrap; gap: .55rem; }

.site-footer {
  background: #121612;
  color: rgba(255,255,255,.78);
  padding: 3rem 0 1.5rem;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.1fr;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
.footer-brand p { color: rgba(255,255,255,.65); }
.footer-slogan {
  color: var(--green) !important;
  font-weight: 700;
  font-family: var(--display);
}
.site-footer h4 {
  color: #fff;
  font-size: .95rem;
  margin-bottom: .9rem;
}
.site-footer a {
  display: block;
  margin-bottom: .4rem;
  color: rgba(255,255,255,.68);
}
.site-footer a:hover { color: #fff; }
.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(255,255,255,.08);
  font-size: .85rem;
}
.footer-bottom div,
.footer-legal { display: flex; gap: 1rem; flex-wrap: wrap; }
.footer-legal a {
  display: inline;
  margin: 0;
}

/* Legal pages */
.legal-doc h2 {
  font-size: 1.15rem;
  margin-top: 1.6rem;
  margin-bottom: .55rem;
  color: var(--ink);
}
.legal-doc h2:first-of-type { margin-top: 1rem; }
.legal-doc ul {
  margin: 0 0 1rem;
  padding-left: 1.25rem;
  color: var(--ink-soft);
}
.legal-doc li { margin-bottom: .35rem; }
.legal-doc a {
  color: var(--green-deep);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.legal-doc a:hover { color: var(--green); }
.legal-doc__meta {
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: .88rem;
  color: var(--muted);
}
.check a {
  color: var(--green-deep);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.check a:hover { color: var(--green); }

/* Cookie consent banner */
.cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 70;
  padding: 0.85rem 0 calc(0.85rem + env(safe-area-inset-bottom, 0));
  background: rgba(26, 31, 28, 0.96);
  color: rgba(255, 255, 255, 0.88);
  border-top: 3px solid var(--green);
  box-shadow: 0 -12px 32px rgba(26, 31, 28, 0.18);
  transform: translateY(110%);
  transition: transform .35s ease;
}
.cookie-banner.is-visible { transform: translateY(0); }
.cookie-banner__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.cookie-banner__text {
  flex: 1 1 18rem;
  min-width: 0;
}
.cookie-banner__title {
  margin: 0 0 .25rem;
  font-family: var(--display);
  font-size: .95rem;
  font-weight: 700;
  color: #fff;
}
.cookie-banner__text p:last-child {
  margin: 0;
  font-size: .86rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.78);
}
.cookie-banner a {
  color: #9AD65A;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cookie-banner a:hover { color: #fff; }
.cookie-banner .btn--primary {
  flex: 0 0 auto;
  white-space: nowrap;
}
body.has-cookie-banner .float-wa {
  bottom: calc(5.5rem + env(safe-area-inset-bottom, 0));
}
@media (max-width: 640px) {
  .cookie-banner__inner { align-items: stretch; }
  .cookie-banner .btn--primary { width: 100%; }
  body.has-cookie-banner .float-wa {
    bottom: calc(8.5rem + env(safe-area-inset-bottom, 0));
  }
}

.float-wa {
  position: fixed;
  right: 1.1rem;
  bottom: 1.1rem;
  width: 52px; height: 52px;
  border-radius: 50%;
  display: grid; place-items: center;
  background: #25D366;
  color: #fff;
  font-weight: 800;
  box-shadow: 0 12px 28px rgba(37,211,102,.35);
  z-index: 40;
}

/* Reveal */
.reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .55s ease, transform .55s ease;
}
.reveal.is-in { opacity: 1; transform: none; }

/* Admin — login + panel shell */
.admin-body {
  min-height: 100vh;
  background:
    radial-gradient(900px 480px at 90% -5%, rgba(94, 177, 25, 0.14), transparent 55%),
    radial-gradient(700px 420px at -8% 30%, rgba(94, 177, 25, 0.08), transparent 50%),
    linear-gradient(180deg, #FBFCF9 0%, var(--paper) 50%, #E8EFE4 100%);
}
.admin-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 2rem 1.25rem;
}
.admin-login {
  width: min(440px, 100%);
  background: #fff;
  border: 2px solid #C5D2BE;
  border-radius: 22px;
  padding: 2rem 1.75rem 1.75rem;
  box-shadow:
    0 0 0 1px rgba(94, 177, 25, 0.06),
    var(--shadow);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.admin-login::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--green), var(--green-deep));
}
.admin-login__logo {
  width: 188px;
  height: auto;
  margin: 0 auto 1.1rem;
  display: block;
}
.admin-login__eyebrow {
  margin: 0 0 .35rem;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .12em;
  color: var(--green-deep);
}
.admin-login h1 {
  font-size: 1.45rem;
  margin-bottom: .4rem;
}
.admin-login__lead {
  margin: 0 0 1.25rem;
  font-size: .92rem;
  color: var(--muted);
}
.admin-login .form-grid {
  text-align: left;
  margin: 0 0 1rem;
}
.admin-login__foot {
  margin: 1.15rem 0 0;
  font-size: .85rem;
  color: var(--muted);
}
.admin-login__foot a {
  color: var(--green-deep);
  font-weight: 700;
}
.admin-login__foot a:hover { text-decoration: underline; }

.admin-top {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(251, 252, 249, 0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
}
.admin-top__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 72px;
}
.admin-top__brand {
  display: flex;
  align-items: center;
  gap: .85rem;
}
.admin-top__brand img { width: 152px; height: auto; }
.admin-top__label {
  display: grid;
  gap: .1rem;
  text-align: left;
  border-left: 2px solid var(--line);
  padding-left: .85rem;
}
.admin-top__label strong {
  font-family: var(--display);
  font-size: .95rem;
  color: var(--ink);
}
.admin-top__label span {
  font-size: .75rem;
  font-weight: 600;
  color: var(--muted);
  letter-spacing: .04em;
  text-transform: uppercase;
}
.admin-top__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.admin-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 1.25rem;
  padding: 1.5rem 0 2.5rem;
  align-items: start;
}
.admin-nav {
  position: sticky;
  top: 88px;
  background: #fff;
  border: 2px solid #C5D2BE;
  border-radius: 18px;
  padding: 1rem .85rem;
  box-shadow: var(--shadow);
}
.admin-nav__title {
  margin: 0 .4rem .65rem;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
}
.admin-nav a {
  display: block;
  padding: .65rem .75rem;
  border-radius: 12px;
  font-weight: 700;
  font-size: .9rem;
  color: var(--ink-soft);
  margin-bottom: .2rem;
  transition: background .15s, color .15s;
}
.admin-nav a:hover,
.admin-nav a.is-active {
  background: var(--green-soft);
  color: var(--green-deep);
}
.admin-main { min-width: 0; }
.admin-hero {
  background: #fff;
  border: 2px solid #C5D2BE;
  border-radius: 18px;
  padding: 1.35rem 1.4rem;
  margin-bottom: 1.15rem;
  box-shadow: var(--shadow);
  position: relative;
  overflow: hidden;
}
.admin-hero::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--green);
}
.admin-hero h1 {
  font-size: 1.55rem;
  margin-bottom: .35rem;
}
.admin-hero p {
  margin: 0;
  max-width: 58ch;
}
.admin-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .9rem;
  margin-bottom: 1.15rem;
}
.admin-stat {
  background: #fff;
  border: 2px solid #C5D2BE;
  border-radius: 16px;
  padding: 1.1rem 1.15rem;
  box-shadow: var(--shadow);
  display: grid;
  gap: .25rem;
}
.admin-stat b {
  font-family: var(--display);
  font-size: 1.85rem;
  color: var(--ink);
  line-height: 1;
}
.admin-stat span {
  font-size: .82rem;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .04em;
}
.admin-panel {
  background: #fff;
  border: 2px solid #C5D2BE;
  border-radius: 18px;
  padding: 1.15rem 1.2rem 1.25rem;
  box-shadow: var(--shadow);
  margin-bottom: 1.15rem;
}
.admin-panel__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .9rem;
  flex-wrap: wrap;
}
.admin-panel__head h2 {
  margin: 0;
  font-size: 1.1rem;
}
.admin-panel__head span {
  font-size: .82rem;
  font-weight: 700;
  color: var(--muted);
}
.admin-table-wrap {
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
}
.admin-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}
.admin-table th, .admin-table td {
  text-align: left;
  padding: .75rem .9rem;
  border-bottom: 1px solid var(--line);
  font-size: .9rem;
  white-space: nowrap;
}
.admin-table tr:last-child td { border-bottom: none; }
.admin-table th {
  background: var(--green-soft);
  color: var(--green-deep);
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.admin-empty {
  color: var(--muted);
  font-weight: 600;
}
.admin-status-cell {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .45rem;
  white-space: normal;
  min-width: 9.5rem;
}
.admin-status {
  display: inline-block;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .02em;
  padding: .2rem .55rem;
  border-radius: 6px;
  background: var(--green-soft);
  color: var(--green-deep);
}
.admin-status--onaylandi {
  background: #d8f0c8;
  color: #1f5a0a;
}
.admin-status--reddedildi {
  background: #f8d4d4;
  color: #8a1f1f;
}
.admin-decide {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin: 0;
}
.btn-decide {
  appearance: none;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: .35rem .7rem;
  font: inherit;
  font-size: .78rem;
  font-weight: 700;
  cursor: pointer;
  line-height: 1.2;
}
.btn-decide:disabled {
  opacity: .45;
  cursor: default;
}
.btn-decide--ok {
  background: #5EB119;
  color: #fff;
}
.btn-decide--ok:hover:not(:disabled) {
  background: #4a9610;
}
.btn-decide--no {
  background: #fff;
  color: #8a1f1f;
  border-color: #d9a0a0;
}
.btn-decide--no:hover:not(:disabled) {
  background: #f8e8e8;
}

.admin-nav__oto {
  background: var(--green-soft) !important;
  color: var(--green-deep) !important;
  font-weight: 700 !important;
}
.admin-nav__oto:hover,
.admin-nav__oto.is-active {
  background: var(--green) !important;
  color: #fff !important;
}

/* Otomasyon modülü */
.oto-modgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .9rem;
  margin-top: .25rem;
}
.oto-modcard {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  padding: 1.15rem 1.2rem;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: var(--white);
  box-shadow: var(--shadow);
  transition: transform .2s ease, border-color .2s ease;
  min-height: 110px;
}
.oto-modcard:hover {
  transform: translateY(-2px);
  border-color: var(--green);
}
.oto-modcard__title {
  font-family: var(--display);
  font-weight: 700;
  font-size: 1.05rem;
}
.oto-modcard__sub {
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.4;
}
.oto-modcard.tone-g { border-top: 3px solid var(--green); }
.oto-modcard.tone-b { border-top: 3px solid #3B82A0; }
.oto-modcard.tone-p { border-top: 3px solid #6B5B95; }
.oto-modcard.tone-y { border-top: 3px solid #C4A035; }
.oto-modcard.tone-o { border-top: 3px solid #C46A2F; }

.oto-split {
  display: grid;
  grid-template-columns: minmax(280px, 360px) 1fr;
  gap: 1.1rem;
  align-items: start;
}
.oto-form {
  display: grid;
  gap: .75rem;
  padding: 0 1.1rem 1.1rem;
}
.oto-form label,
.oto-offer-form label {
  display: grid;
  gap: .35rem;
  font-size: .88rem;
  font-weight: 600;
  color: var(--ink-soft);
}
.oto-form input,
.oto-form select,
.oto-form textarea,
.oto-offer-form input,
.oto-offer-form select,
.oto-offer-form textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: .65rem .8rem;
  font: inherit;
  background: #fff;
}
.oto-form--3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .85rem;
  padding: 1.1rem;
}
.oto-check {
  display: flex !important;
  align-items: center;
  gap: .5rem;
  flex-direction: row !important;
}
.oto-check input { width: auto; }
.oto-badge {
  display: inline-block;
  padding: .2rem .55rem;
  border-radius: 999px;
  background: var(--green-soft);
  color: var(--green-deep);
  font-size: .78rem;
  font-weight: 700;
}
.oto-totals {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: 1rem;
  padding: .9rem 1.1rem;
  background: var(--green-soft);
  border-radius: 14px;
  font-size: .95rem;
}
.oto-offer-form .admin-table input,
.oto-offer-form .admin-table select {
  padding: .4rem .5rem;
  border-radius: 8px;
  min-width: 0;
}

@media (max-width: 960px) {
  .oto-modgrid { grid-template-columns: 1fr 1fr; }
  .oto-split { grid-template-columns: 1fr; }
  .oto-form--3 { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .oto-modgrid { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
  .admin-layout {
    grid-template-columns: 1fr;
  }
  .admin-nav {
    position: static;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    padding: .75rem;
  }
  .admin-nav__title { width: 100%; margin: 0 0 .25rem .35rem; }
  .admin-nav a { margin: 0; }
  .admin-stats { grid-template-columns: 1fr; }
  .admin-top__label { display: none; }
}

/* Responsive */
@media (max-width: 960px) {
  .header-bar {
    grid-template-columns: 1fr auto;
    min-height: 80px;
    row-gap: .5rem;
  }
  .brand--header img {
    width: 220px;
    max-width: 220px;
    max-height: 76px;
  }
  .nav-toggle {
    display: block;
    grid-column: 2;
  }
  .main-nav, .header-actions {
    display: none;
    grid-column: 1 / -1;
    justify-self: stretch;
  }
  .header-bar.is-open .main-nav,
  .main-nav.is-open,
  .header-bar.is-open .header-actions,
  .header-actions.is-open {
    display: flex;
  }
  .main-nav.is-open {
    flex-direction: column;
    align-items: stretch;
    flex-wrap: wrap;
    padding-bottom: .15rem;
  }
  .header-actions.is-open {
    flex-wrap: wrap;
    justify-content: stretch;
    padding-bottom: .35rem;
  }
  .header-actions.is-open .btn {
    flex: 1 1 auto;
  }
  .hero-grid,
  .why-block,
  .form-layout,
  .booking-layout,
  .service-layout,
  .split,
  .dual-cta,
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .hero-copy {
    max-width: none;
  }
  .hero-visual {
    min-height: 300px;
    max-width: 28rem;
    margin-inline: auto;
    width: 100%;
  }
  .fleet-strip__viewport {
    height: 15.5rem;
    min-height: 15.5rem;
    max-height: 15.5rem;
  }
  .fleet-strip__stage {
    height: 14.5rem;
  }
  .fleet-strip__frame {
    width: 12rem;
    height: 12rem;
    max-height: 12rem;
  }
  .page-hero--blog {
    text-align: center;
  }
  .blog-hero__title {
    max-width: none !important;
    margin-inline: auto !important;
  }
  .blog-hero__rule {
    margin-inline: auto;
  }
  .page-hero--blog > p:not(.eyebrow):not(.blog-detail__meta) {
    margin-inline: auto;
  }
  .blog-detail__meta {
    justify-content: center !important;
  }
  .slot-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .feature-strip,
  .service-grid,
  .sol-grid,
  .solution-grid,
  .blog-grid {
    grid-template-columns: 1fr 1fr;
  }
  .hero h1 { max-width: none; }
}
@media (max-width: 640px) {
  .feature-strip,
  .service-grid,
  .sol-grid,
  .form-grid,
  .stats,
  .blog-grid {
    grid-template-columns: 1fr;
  }
  .slot-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .cal__day {
    font-size: .82rem;
    border-radius: 8px;
  }
  .top-strip__right span:first-child { display: none; }
  .header-bar {
    min-height: 72px;
    padding-block: .45rem;
  }
  .brand--header img {
    width: 195px;
    max-width: 195px;
    max-height: 68px;
  }
  .brand--footer img {
    width: 120px;
    max-width: 120px;
    max-height: 44px;
  }
}