/*
 * Toroslar Su Arıtma Theme v0.1.14
 * Velora Core >= 1.22.33
 * Marka renkleri ve fontlar Core tasarım tokenlarından gelir.
 */

/* Genel yüzey ve tipografi */
.ourcms-public {
  background: var(--oc-surface);
  color: var(--oc-text);
  font-family: var(--oc-font);
}

.ourcms-public :is(h1,h2,h3,h4,h5,h6) {
  font-family: var(--oc-heading-font, var(--oc-font));
}

/*
 * H1-H5 ölçü, kalınlık ve satır yüksekliği Core tipografi tokenlarından gelir.
 * Burada tekrar tanımlamıyoruz; böylece Ayarlar > Tipografi değişiklikleri doğrudan uygulanır.
 * H1: --oc-h1 / --oc-h1-mobile / --oc-h1-weight / --oc-h1-lh
 * H2: --oc-h2 / --oc-h2-mobile / --oc-h2-weight / --oc-h2-lh
 * H3: --oc-h3 / --oc-h3-mobile / --oc-h3-weight / --oc-h3-lh
 * H4: --oc-h4 / --oc-h4-mobile / --oc-h4-weight / --oc-h4-lh
 * H5: --oc-h5 / --oc-h5-mobile / --oc-h5-weight / --oc-h5-lh
 */

/* Header */
.oc-header {
  background: var(--oc-surface);
  border-bottom: 1px solid var(--oc-border);
}

.oc-header .oc-global-row {
  border-bottom-color: color-mix(in srgb, var(--oc-border) 78%, transparent);
}

.oc-header .oc-global-row--main .oc-header-grid {
  min-height: 82px;
}

.oc-header .oc-site-logo img {
  max-height: 54px;
  max-width: 210px;
}

.oc-header .oc-nav > ul {
  gap: clamp(16px, 2vw, 28px);
}

.oc-header .oc-nav a {
  color: var(--oc-secondary);
  font-weight: 700;
}

.oc-header .oc-nav a:hover {
  color: var(--oc-primary);
}

.oc-header .oc-header-button {
  min-height: 42px;
  padding-inline: 18px;
  border-radius: 999px;
  background: var(--oc-primary);
  box-shadow: 0 10px 26px color-mix(in srgb, var(--oc-primary) 22%, transparent);
}

/* Gelişmiş hero bileşenlerinde yazı okunurluğu için soldan sağa açık overlay */
.oc-hero:not(.toros-categories-hero),
.toros-categories-hero.oc-hero,
.oc-hero-slider:not(.toros-home-hero) .oc-hero-slide {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.oc-hero:not(.toros-categories-hero)::before,
.toros-categories-hero.oc-hero::before,
.oc-hero-slider:not(.toros-home-hero) .oc-hero-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg,
    #f6fafd 0%,
    color-mix(in srgb, #f6fafd 96%, transparent) 24%,
    color-mix(in srgb, #f6fafd 84%, transparent) 42%,
    color-mix(in srgb, #f6fafd 52%, transparent) 58%,
    color-mix(in srgb, #f6fafd 20%, transparent) 72%,
    transparent 84%);
}

.oc-hero:not(.toros-categories-hero) .oc-container,
.oc-hero:not(.toros-categories-hero) .oc-hero__content,
.toros-categories-hero.oc-hero .oc-container,
.toros-categories-hero.oc-hero .oc-hero__content,
.oc-hero-slider:not(.toros-home-hero) .oc-container,
.oc-hero-slider:not(.toros-home-hero) .oc-hero-pro__grid,
.oc-hero-slider:not(.toros-home-hero) .oc-hero-pro__copy,
.oc-hero-slider:not(.toros-home-hero) .oc-actions {
  position: relative;
  z-index: 2;
}

/* Hero */
.toros-home-hero {
  background: var(--oc-surface-soft);
}

.toros-home-hero .oc-hero-slide {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: var(--oc-surface-soft);
}

/* Core içindeki varsayılan overlay arka plan görselini boğmasın */
.toros-home-hero .oc-hero-pro__overlay {
  background: transparent !important;
  opacity: 0 !important;
}

/* Ana sayfa hero: özel koyu okuma overlay'i */
.toros-home-hero .oc-hero-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 82% 30%, color-mix(in srgb, var(--oc-accent) 14%, transparent), transparent 30%),
    linear-gradient(90deg,
      color-mix(in srgb, var(--oc-secondary) 82%, transparent) 0%,
      color-mix(in srgb, var(--oc-secondary) 62%, transparent) 22%,
      color-mix(in srgb, var(--oc-secondary) 36%, transparent) 42%,
      color-mix(in srgb, var(--oc-secondary) 12%, transparent) 58%,
      transparent 76%);
}

.toros-home-hero .oc-hero-pro__glow {
  opacity: 0;
}

.toros-home-hero .oc-container,
.toros-home-hero .oc-hero-pro__grid,
.toros-home-hero .oc-hero-pro__copy,
.toros-home-hero .oc-actions {
  position: relative;
  z-index: 2;
}

.toros-home-hero .oc-hero-pro__grid {
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
  gap: clamp(40px, 6vw, 86px);
}

.toros-home-hero .oc-hero-pro__copy {
  max-width: 620px;
}

.toros-home-hero .oc-hero-slide h1 {
  letter-spacing: -0.045em;
  color: #ffffff !important;
}

.toros-home-hero .oc-hero-slide .oc-eyebrow {
  color: var(--oc-primary) !important;
}

.toros-home-hero .oc-hero-slide .oc-lead {
  color: color-mix(in srgb, #ffffff 84%, transparent) !important;
}

.toros-home-hero .oc-hero-slide .oc-eyebrow {
  color: color-mix(in srgb, var(--oc-primary) 88%, #ffffff) !important;
}


.toros-home-hero .oc-hero-pro__visual img {
  width: 100%;
  max-height: 520px;
  object-fit: contain;
  filter: drop-shadow(0 28px 46px color-mix(in srgb, var(--oc-secondary) 20%, transparent));
}

.toros-home-hero .oc-button {
  border-radius: 999px;
  padding-inline: 24px;
}

.toros-home-hero .oc-button--ghost {
  color: #ffffff;
  border-color: color-mix(in srgb, #ffffff 34%, transparent);
  background: color-mix(in srgb, #ffffff 8%, transparent);
  backdrop-filter: blur(4px);
}


/* Hero altındaki üç ana alan */
.toros-home-pillars {
  padding-top: clamp(30px, 4vw, 52px);
  padding-bottom: clamp(52px, 7vw, 84px);
  background: var(--oc-surface);
}

.toros-home-pillars .oc-solution-grid {
  gap: clamp(16px, 2vw, 24px);
}

.toros-home-pillars .oc-solution {
  border: 1px solid var(--oc-border);
  border-radius: var(--oc-radius);
  background: var(--oc-surface);
  box-shadow: 0 16px 44px color-mix(in srgb, var(--oc-secondary) 8%, transparent);
}

.toros-home-pillars .oc-solution:hover {
  border-color: color-mix(in srgb, var(--oc-primary) 28%, var(--oc-border));
  box-shadow: 0 24px 58px color-mix(in srgb, var(--oc-secondary) 12%, transparent);
}

.toros-home-pillars .oc-solution figure img,
.toros-home-pillars .oc-solution__placeholder {
  aspect-ratio: 16 / 9;
}

.toros-home-pillars .oc-solution__placeholder {
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--oc-accent) 10%, var(--oc-surface-soft)),
      var(--oc-surface-soft));
}

.toros-home-pillars .oc-solution__placeholder::after {
  border-color: color-mix(in srgb, var(--oc-accent) 24%, var(--oc-border));
  box-shadow: 0 12px 32px color-mix(in srgb, var(--oc-secondary) 8%, transparent);
}

.toros-home-pillars .oc-solution__body {
  padding: 24px;
}

.toros-home-pillars .oc-mini-badge,
.toros-home-pillars .oc-solution a {
  color: var(--oc-primary);
}

.toros-home-pillars .oc-solution h3 {
  color: var(--oc-secondary);
  font-family: var(--oc-heading-font, var(--oc-font));
}

/* Deneyim / kurumsal bölüm */
.toros-home-about {
  background: var(--oc-surface-soft);
}

.toros-home-about .oc-split {
  gap: clamp(44px, 7vw, 96px);
}

.toros-home-about .oc-split__copy h2 {
  margin-top: 0;
  color: var(--oc-secondary);
}

.toros-home-about .oc-split__media img {
  border: 1px solid var(--oc-border);
  box-shadow: 0 24px 64px color-mix(in srgb, var(--oc-secondary) 12%, transparent);
}

.toros-home-about .oc-split-highlights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.toros-home-about .oc-split-highlight {
  align-items: flex-start;
  padding: 14px;
  border: 1px solid var(--oc-border);
  border-radius: calc(var(--oc-radius) * 0.7);
  background: var(--oc-surface);
}

.toros-home-about .oc-split-highlight i {
  color: var(--oc-primary);
}

/* Neden Toroslar */
.toros-home-benefits {
  background: var(--oc-surface);
}

.toros-home-benefits .oc-section-head {
  max-width: 720px;
  margin-bottom: clamp(28px, 4vw, 42px);
}

.toros-home-benefits .oc-section-head h2 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  color: var(--oc-primary);
  font-family: var(--oc-heading-font, var(--oc-font));
  font-size: 11px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.toros-home-benefits .oc-feature-grid {
  position: relative;
  column-gap: 28px;
  row-gap: 18px;
}

.toros-home-benefits .oc-feature {
  position: relative;
  text-align: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 10px 18px 0;
}

.toros-home-benefits .oc-feature:hover {
  transform: none;
  border-color: transparent;
  box-shadow: none;
}

.toros-home-benefits .oc-feature:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 14px;
  right: -14px;
  width: 1px;
  height: 120px;
  background: color-mix(in srgb, var(--oc-border) 88%, transparent);
}

.toros-home-benefits .oc-feature__icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  margin: 0 auto 18px;
  border-radius: 0;
  background: transparent;
  border: 0;
  color: var(--oc-primary);
  font-size: 64px;
}

.toros-home-benefits .oc-feature__icon img {
  width: 64px;
  height: 64px;
  max-width: 64px;
  max-height: 64px;
  object-fit: contain;
}

.toros-home-benefits .oc-feature h3 {
  margin: 0 0 12px;
  color: var(--oc-secondary);
  font-family: var(--oc-heading-font, var(--oc-font));
  font-size: clamp(var(--oc-h3-mobile, 21px), 2vw, var(--oc-h3, 24px));
  font-weight: var(--oc-h3-weight, 700);
  line-height: var(--oc-h3-lh, 1.2);
}

.toros-home-benefits .oc-feature p {
  max-width: 270px;
  margin: 0 auto;
  color: var(--oc-muted);
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.62;
}

/* Servis / Destek bandı
 * Kullanım: ana layout section CSS class = servis
 */
.servis {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: min(var(--oc-container, 1280px), calc(100% - 40px));
  min-height: 300px;
  margin: clamp(36px, 5vw, 64px) auto;
  padding: clamp(34px, 3.5vw, 48px);
  border-radius: 10px;
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Referanstaki gibi metin tarafını açıp görseli sağda koruyan geçiş. */
.servis::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--oc-surface) 100%, transparent) 0%,
    color-mix(in srgb, var(--oc-surface) 98%, transparent) 30%,
    color-mix(in srgb, var(--oc-surface) 88%, transparent) 44%,
    color-mix(in srgb, var(--oc-surface) 42%, transparent) 58%,
    transparent 72%
  );
}

.servis > .oc-layout-shell {
  position: relative;
  z-index: 1;
  width: 100%;
}

.servis .oc-layout-grid {
  min-height: 210px;
}

.servis .oc-layout-column:first-child {
  max-width: 560px;
  justify-content: center;
  gap: 22px;
}

.servis .oc-layout-column:first-child .oc-layout-item:first-child,
.servis .oc-layout-column:first-child .oc-layout-item:first-child > .oc-section,
.servis .oc-layout-column:first-child .oc-layout-item:first-child .oc-container {
  width: 100%;
}

.servis h2 {
  max-width: 470px;
  margin: 0;
  color: var(--oc-secondary);
  font-family: var(--oc-heading-font, var(--oc-font));
  font-size: clamp(var(--oc-h2-mobile, 32px), 3.7vw, var(--oc-h2, 48px));
  font-weight: var(--oc-h2-weight, 750);
  line-height: var(--oc-h2-lh, 1.1);
  letter-spacing: -.03em;
}

.servis .oc-prose {
  max-width: 500px;
  margin-top: 16px;
}

.servis .oc-prose p {
  margin: 0;
  color: var(--oc-muted);
  font-size: clamp(15px, 1.15vw, 17px);
  line-height: 1.65;
}

.servis .oc-layout-button .oc-button {
  min-height: 46px;
  padding-inline: 24px;
  border: 1px solid var(--oc-accent);
  border-radius: 999px;
  background: var(--oc-accent);
  box-shadow: none;
  color: var(--oc-text-inverse, #fff) !important;
  font-weight: 750;
}

.servis .oc-layout-button .oc-button::after {
  content: "→";
  margin-left: 9px;
  line-height: 1;
}

.servis .oc-layout-button .oc-button:hover {
  filter: brightness(.96);
}

@media (max-width: 1024px) {
  .servis {
    min-height: 280px;
    background-position: 66% center;
  }

  .servis::before {
    background: linear-gradient(
      90deg,
      color-mix(in srgb, var(--oc-surface) 100%, transparent) 0%,
      color-mix(in srgb, var(--oc-surface) 97%, transparent) 38%,
      color-mix(in srgb, var(--oc-surface) 76%, transparent) 58%,
      transparent 84%
    );
  }
}

@media (max-width: 700px) {
  .servis {
    width: min(var(--oc-container, 1280px), calc(100% - 32px));
    min-height: 460px;
    padding: 30px 24px;
    background-position: 70% center;
  }

  .servis::before {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--oc-surface) 100%, transparent) 0%,
      color-mix(in srgb, var(--oc-surface) 96%, transparent) 48%,
      color-mix(in srgb, var(--oc-surface) 64%, transparent) 70%,
      transparent 100%
    );
  }

  .servis .oc-layout-grid {
    min-height: 400px;
  }

  .servis .oc-layout-column:first-child {
    max-width: none;
  }
}

/* Alt CTA */
.toros-home-cta .oc-cta {
  background: linear-gradient(135deg,
    var(--oc-surface-dark),
    color-mix(in srgb, var(--oc-surface-dark) 82%, var(--oc-accent)));
  color: var(--oc-text-inverse);
  border-radius: calc(var(--oc-radius) * 1.2);
  box-shadow: 0 28px 72px color-mix(in srgb, var(--oc-secondary) 18%, transparent);
}

.toros-home-cta .oc-cta::after {
  background: radial-gradient(circle,
    color-mix(in srgb, var(--oc-primary) 30%, transparent),
    transparent 68%);
}

.toros-home-cta .oc-cta__icon {
  color: var(--oc-primary);
  border-color: color-mix(in srgb, var(--oc-primary) 44%, transparent);
}

/* Endüstriyel Çözümler — proje teklifi banner'ı
   Arka plan görseli mevcut CTA bölümündeki Section Arka Plan Görseli alanından gelir. */
.endustriyel-cta.oc-section {
  position: relative;
  isolation: isolate;
  width: min(var(--oc-container, 1280px), calc(100% - 48px));
  max-width: 100%;
  min-height: 310px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  border-radius: 10px;
  background-color: #f6fafd;
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Yalnızca sol tarafta yoğun; görselin sağında tamamen saydam. */
.endustriyel-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg,
    #f6fafd 0%,
    color-mix(in srgb, #f6fafd 98%, transparent) 23%,
    color-mix(in srgb, #f6fafd 88%, transparent) 41%,
    color-mix(in srgb, #f6fafd 48%, transparent) 58%,
    transparent 78%);
}

.endustriyel-cta > .oc-container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* Çekirdeğin koyu ve yatay CTA tasarımını yalnızca bu bölümde sıfırla. */
.endustriyel-cta .oc-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 21px;
  width: min(55%, 625px);
  min-height: 310px;
  margin: 0;
  padding: clamp(28px, 3vw, 44px) clamp(24px, 3.2vw, 48px);
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--oc-secondary);
}

.endustriyel-cta .oc-cta::after,
.endustriyel-cta .oc-cta__icon {
  display: none;
}

.endustriyel-cta .oc-cta__copy {
  width: 100%;
  max-width: 500px;
}

.endustriyel-cta .oc-cta h2 {
  max-width: 460px;
  margin: 0 0 12px;
  color: var(--oc-secondary);
  font-family: var(--oc-heading-font, var(--oc-font));
  font-size: clamp(var(--oc-h2-mobile, 26px), 2.4vw, var(--oc-h2, 38px));
  font-weight: var(--oc-h2-weight, 750);
  line-height: var(--oc-h2-lh, 1.16);
}

.endustriyel-cta .oc-cta p {
  max-width: 460px;
  margin: 0;
  color: var(--oc-muted);
  font-size: 15px;
  line-height: 1.65;
}

.endustriyel-cta .oc-button {
  min-height: 49px;
  padding: 0 26px;
  border-radius: 999px;
  background: var(--oc-accent);
  box-shadow: 0 10px 22px color-mix(in srgb, var(--oc-accent) 21%, transparent);
  color: #fff;
}

.endustriyel-cta .oc-button:hover {
  background: color-mix(in srgb, var(--oc-accent) 90%, #000);
  box-shadow: 0 12px 25px color-mix(in srgb, var(--oc-accent) 26%, transparent);
}

.endustriyel-cta .oc-button span {
  margin-left: 8px;
}

@media (max-width: 900px) {
  .endustriyel-cta .oc-cta {
    width: min(64%, 560px);
  }
}

@media (max-width: 700px) {
  .endustriyel-cta.oc-section {
    width: calc(100% - 32px);
    min-height: 415px;
    background-position: 67% center;
  }

  .endustriyel-cta::before {
    background: linear-gradient(180deg,
      #f6fafd 0%,
      color-mix(in srgb, #f6fafd 95%, transparent) 40%,
      color-mix(in srgb, #f6fafd 58%, transparent) 70%,
      transparent 100%);
  }

  .endustriyel-cta .oc-cta {
    width: 100%;
    min-height: 415px;
    justify-content: flex-start;
    padding: 30px 22px;
    gap: 20px;
  }

  .endustriyel-cta .oc-cta__copy,
  .endustriyel-cta .oc-cta h2,
  .endustriyel-cta .oc-cta p {
    max-width: 420px;
  }
}

/* Footer — Toroslar kurumsal, açık zeminli yatay düzen */
.oc-footer {
  background: var(--oc-surface);
  color: var(--oc-secondary);
}
.oc-footer .oc-global-row,
.oc-footer .oc-global-row.is-light {
  background: var(--oc-surface);
  color: var(--oc-secondary);
  border-color: var(--oc-border);
}
.oc-footer .oc-global-row--main .oc-footer-grid {
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.45fr) minmax(0, 1.15fr);
  gap: 0;
  padding-block: 32px 20px;
}
.oc-footer .oc-global-row--main .oc-footer-col {
  padding: 4px clamp(14px, 2vw, 30px);
  gap: 10px;
}
.oc-footer .oc-global-row--main .oc-footer-col:first-child {
  padding-left: 0;
}
.oc-footer .oc-global-row--main .oc-footer-col + .oc-footer-col {
  border-left: 1px solid var(--oc-border);
}
.oc-footer .oc-footer-heading {
  display: none;
}
.oc-footer .oc-footer-col--1 .oc-site-logo img {
  max-height: 76px;
  max-width: 150px;
  width: auto;
  object-fit: contain;
}
.oc-footer .oc-global-row--main .oc-footer-col--1 {
  display: grid;
  grid-template-columns: minmax(90px, 125px) minmax(0, 1fr);
  align-content: start;
  align-items: start;
  column-gap: 14px;
}
.oc-footer .oc-footer-col--1 > p {
  margin: 10px 0 0;
  color: var(--oc-primary);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.5;
}
.oc-footer .oc-nav > ul,
.oc-footer .oc-footer-col .oc-nav > ul {
  gap: 8px;
}
.oc-footer .oc-global-row--main :is(a, p) {
  color: var(--oc-secondary);
  font-size: 13px;
  line-height: 1.6;
  text-decoration: none;
}
.oc-footer .oc-global-row--main .oc-footer-col--1 > p {
  color: var(--oc-primary);
}
.oc-footer a:hover {
  color: var(--oc-primary);
}
.oc-footer .oc-global-row--bottom {
  border-top: 0;
}
.oc-footer .oc-global-row--bottom .oc-footer-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  padding-block: 8px 18px;
}
.oc-footer .oc-copyright {
  color: var(--oc-muted);
  font-size: 12px;
}
.oc-footer .oc-global-row--bottom .oc-footer-col--2::after {
  content: "DAHA TEMİZ YARINLAR İÇİN";
  align-self: flex-end;
  color: var(--oc-muted);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .23em;
}
@media (max-width: 1100px) {
  .oc-footer .oc-global-row--main .oc-footer-grid {
    grid-template-columns: 1.4fr 1fr 1fr;
    row-gap: 22px;
  }
  .oc-footer .oc-global-row--main .oc-footer-col:nth-child(4) {
    border-left: 0;
    padding-left: 0;
  }
}
@media (max-width: 700px) {
  .oc-footer .oc-global-row--main .oc-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 0;
    padding-block: 30px 16px;
  }
  .oc-footer .oc-global-row--main .oc-footer-col {
    padding: 0 12px;
  }
  .oc-footer .oc-global-row--main .oc-footer-col--1 {
    grid-column: 1 / -1;
    padding-left: 0;
  }
  .oc-footer .oc-global-row--main .oc-footer-col:nth-child(2),
  .oc-footer .oc-global-row--main .oc-footer-col:nth-child(4) {
    padding-left: 0;
    border-left: 0;
  }
  .oc-footer .oc-global-row--bottom .oc-footer-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .oc-footer .oc-global-row--bottom .oc-footer-col--2::after {
    align-self: flex-start;
  }
}

/* Responsive */
@media (max-width: 1100px) {
  .toros-home-benefits .oc-feature:not(:last-child)::after {
    display: none;
  }

  .toros-home-hero .oc-hero-pro__grid {
    grid-template-columns: 1fr;
  }

  .toros-home-hero .oc-hero-pro__visual {
    max-width: 720px;
    margin-inline: auto;
  }

  .toros-home-about .oc-split-highlights {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .oc-header .oc-global-row--main .oc-header-grid {
    min-height: 70px;
  }

  .oc-header .oc-site-logo img {
    max-height: 46px;
    max-width: 170px;
  }

  .toros-home-hero .oc-hero-pro__grid {
    padding-top: 54px;
    padding-bottom: 48px;
  }

  .toros-home-hero .oc-hero-slide h1 {
    font-size: var(--oc-h1-mobile);
  }

  .toros-home-hero .oc-actions {
    gap: 10px;
  }

  .toros-home-hero .oc-actions .oc-button {
    width: 100%;
  }

  .toros-home-pillars {
    padding-top: 24px;
  }

  .toros-home-pillars .oc-solution__body {
    padding: 20px;
  }

  .toros-home-about .oc-split-highlights {
    grid-template-columns: 1fr;
  }

  .toros-home-benefits .oc-feature-grid {
    row-gap: 28px;
  }

  .toros-home-benefits .oc-feature {
    padding-inline: 6px;
  }

  .toros-home-benefits .oc-feature:not(:last-child)::after {
    display: none;
  }
}


/* ---------------------------------------------------------
 * Üst menü: 30px vurgu, aktif accent, aşağı ok ve kesintisiz alt menü
 * Yalnızca tema header'ına uygulanır; footer menüsünü etkilemez.
 * --------------------------------------------------------- */
.oc-header .oc-nav--primary > ul > li > a {
  position: relative;
  padding-block: 10px;
}

/* Varsayılan 30px çizgi: sağ kenara dayalı ve daima görünür.
 * Hover/focus ve aktif durumda sağdan sola 100% genişler. */
.oc-header .oc-nav--primary > ul > li > a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 1px;
  width: 30px;
  height: 3px;
  border-radius: 999px;
  background: var(--oc-primary);
  transition: width 260ms ease;
  pointer-events: none;
}

.oc-header .oc-nav--primary > ul > li:is(:hover, :focus-within) > a::after,
.oc-header .oc-nav--primary > ul > li > a:is(.is-current, .is-current-parent, [aria-current])::after {
  width: 100%;
}

/* Active link rengi turuncu (accent); hover rengi primary kalır. */
.oc-header .oc-nav--primary > ul > li > a:is(.is-current, .is-current-parent, [aria-current]) {
  color: var(--oc-accent);
}

/* Yalnızca alt menüsü olan başlıkların yanına ince chevron ekle. */
.oc-header .oc-nav--primary li.toros-has-submenu > a {
  position: relative;
  padding-right: 21px;
}
.oc-header .oc-nav--primary li.toros-has-submenu > a::before {
  content: "";
  position: absolute;
  top: 46%;
  right: 3px;
  width: 7px;
  height: 7px;
  border-right: 1.7px solid currentColor;
  border-bottom: 1.7px solid currentColor;
  transform: translateY(-65%) rotate(45deg);
  transition: transform 200ms ease;
  pointer-events: none;
}

@media (min-width: 861px) {
  /* Core'daki top: calc(100% + 14px) fareyi boşluğa düşürüyordu. */
  .oc-header .oc-nav--primary li > ul {
    top: calc(100% - 1px);
    left: -14px;
    min-width: 235px;
    padding: 12px;
    border: 1px solid var(--oc-border);
    border-radius: 14px;
    background: var(--oc-surface);
    box-shadow: 0 18px 42px color-mix(in srgb, var(--oc-secondary) 13%, transparent);
    z-index: 110;
  }
  .oc-header .oc-nav--primary li:is(:hover, :focus-within) > ul {
    display: grid;
    gap: 3px;
  }
  .oc-header .oc-nav--primary li > ul a {
    display: block;
    padding: 11px 12px;
    border-radius: 9px;
    color: var(--oc-secondary);
    transition: color 180ms ease, background-color 180ms ease;
  }
  .oc-header .oc-nav--primary li > ul a:is(:hover, :focus-visible) {
    color: var(--oc-primary);
    background: var(--oc-surface-soft);
  }
  .oc-header .oc-nav--primary li > ul a[aria-current],
  .oc-header .oc-nav--primary li > ul a.is-current {
    color: var(--oc-accent);
  }
  .oc-header .oc-nav--primary li.toros-has-submenu:is(:hover, :focus-within) > a::before {
    transform: translateY(-25%) rotate(225deg);
  }
}

/* ---------------------------------------------------------
 * Home / Çözümlerimiz heading
 * The Core heading field safely accepts <span class="...">.
 * --------------------------------------------------------- */
.toros-home-pillars .oc-section-head--center {
  max-width: 860px;
  margin-inline: 0;
  margin-bottom: clamp(28px, 4vw, 42px);
  text-align: left;
}

.toros-home-pillars .oc-section-head h2 {
  margin: 0;
  color: var(--oc-secondary);
  font-family: var(--oc-heading-font, var(--oc-font));
  font-size: clamp(var(--oc-h2-mobile, 32px), 3.7vw, var(--oc-h2, 48px));
  font-weight: var(--oc-h2-weight, 750);
  line-height: var(--oc-h2-lh, 1.1);
  letter-spacing: -0.035em;
}

.toros-home-pillars .toros-section-kicker {
  display: block;
  margin-bottom: 10px;
  color: var(--oc-secondary);
  font-family: var(--oc-font);
  font-size: 11px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.toros-home-pillars .toros-text-primary {
  color: var(--oc-primary);
}

@media (max-width: 860px) {
  .oc-header .oc-nav--primary > ul > li > a::after {
    display: none;
  }

}

/* ==========================================================
   Hakkımızda giriş bandı
   Ana container: .hakkimizda-giris
   30 yıl bileşeni: .otuz-yil
   ========================================================== */
.hakkimizda-giris {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 390px;
}

/* Sol tarafta görseli beyaza yedir; sağa doğru beyaz katman kaybolur. */
.hakkimizda-giris::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--oc-surface) 100%, transparent) 0%,
    color-mix(in srgb, var(--oc-surface) 99%, transparent) 30%,
    color-mix(in srgb, var(--oc-surface) 94%, transparent) 42%,
    color-mix(in srgb, var(--oc-surface) 72%, transparent) 54%,
    color-mix(in srgb, var(--oc-surface) 34%, transparent) 66%,
    transparent 80%
  );
}

.hakkimizda-giris > .oc-layout-shell {
  position: relative;
  z-index: 1;
}

.hakkimizda-giris .oc-layout-grid {
  min-height: 294px;
  align-items: center;
}

.hakkimizda-giris .oc-layout-column:first-child {
  max-width: 570px;
  justify-content: center;
  gap: 26px;
}

.hakkimizda-giris .oc-layout-column:first-child .oc-layout-item:first-child,
.hakkimizda-giris .oc-layout-column:first-child .oc-layout-item:first-child > .oc-section,
.hakkimizda-giris .oc-layout-column:first-child .oc-layout-item:first-child .oc-container {
  width: 100%;
}

.hakkimizda-giris .oc-layout-title__eyebrow {
  display: block;
  margin: 0 0 12px;
  color: var(--oc-secondary);
  font-family: var(--oc-heading-font, var(--oc-font));
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.hakkimizda-giris h2 {
  max-width: 510px;
  margin: 0;
  color: var(--oc-secondary);
  font-family: var(--oc-heading-font, var(--oc-font));
  font-size: clamp(var(--oc-h2-mobile, 32px), 3.7vw, var(--oc-h2, 48px));
  font-weight: var(--oc-h2-weight, 750);
  line-height: var(--oc-h2-lh, 1.1);
  letter-spacing: -.035em;
}

.hakkimizda-giris .oc-prose {
  max-width: 530px;
  margin-top: 20px;
}

.hakkimizda-giris .oc-prose p {
  margin: 0;
  color: var(--oc-muted);
  font-size: clamp(15px, 1.25vw, 17px);
  line-height: 1.65;
}

.hakkimizda-giris .oc-layout-button {
  margin-top: -2px;
}

.hakkimizda-giris .oc-layout-button .oc-button {
  min-width: 188px;
  min-height: 48px;
  padding: 0 26px;
  border: 1.5px solid var(--oc-primary);
  border-radius: 999px;
  background: color-mix(in srgb, var(--oc-surface) 76%, transparent);
  box-shadow: none;
  color: var(--oc-primary) !important;
  font-weight: 750;
  backdrop-filter: blur(3px);
}

.hakkimizda-giris .oc-layout-button .oc-button::after {
  content: "→";
  margin-left: 9px;
  font-size: 1.08em;
  line-height: 1;
  transition: transform .2s ease;
}

.hakkimizda-giris .oc-layout-button .oc-button:hover {
  background: var(--oc-primary);
  color: var(--oc-text-inverse, #fff) !important;
}

.hakkimizda-giris .oc-layout-button .oc-button:hover::after {
  transform: translateX(3px);
}

/* 30 Yıllık Tecrübe: küçük, sola dayalı ve sağa doğru kaybolan cam panel. */
.hakkimizda-giris .oc-layout-column:nth-child(2) {
  align-items: flex-start;
  justify-content: center;
}

.hakkimizda-giris .otuz-yil {
  position: relative;
  isolation: isolate;
  width: clamp(168px, 14vw, 188px);
  margin: 0;
  padding: 24px 18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.hakkimizda-giris .otuz-yil::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-top: 1px solid color-mix(in srgb, var(--oc-border) 72%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--oc-border) 72%, transparent);
  border-left: 1px solid color-mix(in srgb, var(--oc-border) 72%, transparent);
  border-radius: 22px 0 0 22px;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--oc-surface) 42%, transparent) 0%,
    color-mix(in srgb, var(--oc-surface) 24%, transparent) 52%,
    transparent 100%
  );
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.hakkimizda-giris .otuz-yil .oc-layout-iconbox {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
}

.hakkimizda-giris .otuz-yil .oc-layout-iconbox__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
}

.hakkimizda-giris .otuz-yil .oc-layout-iconbox h3 {
  margin: 0 0 10px;
  color: var(--oc-primary);
  font-family: var(--oc-heading-font, var(--oc-font));
  font-size: clamp(62px, 5.6vw, 76px);
  font-weight: 500;
  line-height: .86;
  letter-spacing: -.055em;
}

.hakkimizda-giris .otuz-yil .oc-layout-iconbox p {
  width: 128px;
  max-width: 128px;
  margin: 0;
  color: var(--oc-primary);
  font-family: var(--oc-heading-font, var(--oc-font));
  font-size: clamp(16px, 1.45vw, 20px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: .035em;
  text-align: left;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  .hakkimizda-giris::before {
    background: linear-gradient(
      90deg,
      color-mix(in srgb, var(--oc-surface) 100%, transparent) 0%,
      color-mix(in srgb, var(--oc-surface) 97%, transparent) 38%,
      color-mix(in srgb, var(--oc-surface) 74%, transparent) 56%,
      color-mix(in srgb, var(--oc-surface) 30%, transparent) 72%,
      transparent 88%
    );
  }

.hakkimizda-giris .otuz-yil {
    width: 160px;
    min-height: 198px;
    padding: 22px 16px;
  }

 .hakkimizda-giris .otuz-yil .oc-layout-iconbox h3 {
    font-size: 60px;
  }

 .hakkimizda-giris .otuz-yil .oc-layout-iconbox p {
    width: 118px;
    max-width: 118px;
    font-size: 16px;
  }
}

@media (max-width: 700px) {
  .hakkimizda-giris {
    min-height: 560px;
  }

  .hakkimizda-giris::before {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--oc-surface) 100%, transparent) 0%,
      color-mix(in srgb, var(--oc-surface) 96%, transparent) 52%,
      color-mix(in srgb, var(--oc-surface) 72%, transparent) 70%,
      transparent 100%
    );
  }

  .hakkimizda-giris .oc-layout-grid {
    gap: 24px;
    align-items: start;
  }

  .hakkimizda-giris .oc-layout-column:first-child {
    max-width: none;
  }


.hakkimizda-giris .otuz-yil {
    width: 150px;
    min-height: 185px;
    padding: 20px 15px;
  }

 .hakkimizda-giris .otuz-yil .oc-layout-iconbox h3 {
    font-size: 56px;
  }

 .hakkimizda-giris .otuz-yil .oc-layout-iconbox p {
    width: 110px;
    max-width: 110px;
    font-size: 15px;
  }

  .hakkimizda-giris .oc-layout-button .oc-button {
    min-width: 170px;
  }
}

/* Mobil header: telefon ve menü aynı ölçüde, sağda */
@media (max-width: 860px) {
  .oc-header .oc-header-grid {
    padding-right: 112px;
  }
  .oc-header .oc-mobile-toggle,
  .oc-header .toros-mobile-phone {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1.5px solid var(--oc-secondary);
    border-radius: 12px;
    background: var(--oc-surface);
    color: var(--oc-secondary);
    text-decoration: none;
    box-shadow: none;
  }
  .oc-header .oc-mobile-toggle {
    right: 0;
    font-size: 0;
    line-height: 1;
  }
  .oc-header .oc-mobile-toggle span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    line-height: 1;
  }
  .oc-header .toros-mobile-phone {
    position: absolute;
    top: 50%;
    right: 58px;
    transform: translateY(-50%);
    z-index: 4;
  }
  .oc-header .toros-mobile-phone svg { width: 22px; height: 22px; }
  .oc-header .toros-mobile-phone:hover,
  .oc-header .oc-mobile-toggle:hover { color: var(--oc-primary); border-color: var(--oc-primary); }
}
@media (min-width: 861px) {
  .oc-header .toros-mobile-phone { display: none; }
}

/* === Dinamik çözüm kategorileri (v0.1.17) ===
   Kaynak: native İçerik Tipleri + Global Bileşenler.
   Renk ve tipografi Velora tasarım tokenlarından gelir. */
.toros-categories-hero.oc-hero {
  min-height: 290px;
  padding: clamp(42px, 6vw, 78px) 0;
  background: var(--oc-surface-soft);
}
.toros-categories-hero .oc-hero__content {
  max-width: 740px;
}
.toros-categories-hero h1 {
  color: var(--oc-secondary);
  font-family: var(--oc-heading-font, var(--oc-font));
}
/* Arşiv hero altı breadcrumb ve başlık */
.toros-category-intro {
  padding: clamp(28px, 3.5vw, 44px) 0 clamp(8px, 1.5vw, 20px);
  background: var(--oc-surface);
}
.toros-category-intro__breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--oc-muted);
  font-size: 13px;
  line-height: 1.5;
}
.toros-category-intro__breadcrumb a {
  color: var(--oc-muted);
  text-decoration: none;
}
.toros-category-intro__breadcrumb a:hover { color: var(--oc-primary); }
.toros-category-intro__separator { color: var(--oc-muted); opacity: .7; }
.toros-category-intro h2 {
  max-width: 900px;
  margin: 0;
  color: var(--oc-secondary);
  font-family: var(--oc-heading-font, var(--oc-font));
  font-size: var(--oc-h2, 42px);
  font-weight: var(--oc-h2-weight, 750);
  line-height: var(--oc-h2-lh, 1.1);
}
.toros-category-intro h2 span { color: var(--oc-primary); }

.toros-category-section {
  padding-top: 22px;
  padding-bottom: clamp(40px, 5vw, 65px);
  background: var(--oc-surface);
}
.toros-category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 28px);
}
.toros-category-card {
  overflow: hidden;
  border: 1px solid var(--oc-border);
  border-radius: 10px;
  background: var(--oc-surface);
  box-shadow: 0 12px 35px color-mix(in srgb, var(--oc-secondary) 5%, transparent);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.toros-category-card:hover {
  border-color: color-mix(in srgb, var(--oc-primary) 36%, var(--oc-border));
  box-shadow: 0 16px 40px color-mix(in srgb, var(--oc-secondary) 10%, transparent);
}
.toros-category-card__media {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--oc-surface-soft);
}
.toros-category-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}
.toros-category-card:hover .toros-category-card__media img {
  transform: scale(1.035);
}
.toros-category-card__empty {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg,var(--oc-surface-soft),color-mix(in srgb,var(--oc-primary) 9%,var(--oc-surface)));
}
.toros-category-card__body {
  padding: clamp(18px, 2vw, 26px);
}
.toros-category-card h3 {
  margin: 0 0 9px;
  color: var(--oc-secondary);
  font-family: var(--oc-heading-font, var(--oc-font));
  font-size: var(--oc-h3, 24px);
  font-weight: var(--oc-h3-weight, 750);
  line-height: var(--oc-h3-lh, 1.2);
}
.toros-category-card p {
  max-width: 52ch;
  margin: 0 0 18px;
  color: var(--oc-muted);
  line-height: 1.62;
}
.toros-category-card__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--oc-primary);
  font-weight: 700;
  text-decoration: none;
}
.toros-category-card__link:hover,
.toros-category-link:hover {
  color: var(--oc-primary);
}
.toros-category-section--links {
  padding-top: 0;
  padding-bottom: clamp(40px, 5vw, 66px);
}
.toros-category-section--links > .oc-container {
  padding: clamp(22px, 2.7vw, 36px);
  border-radius: 10px;
  background: linear-gradient(125deg,
    var(--oc-surface-soft) 0%,
    color-mix(in srgb, var(--oc-primary) 6%, var(--oc-surface-soft)) 100%);
}
.toros-category-section__head { margin-bottom: 20px; }
.toros-category-section__head h2 {
  margin: 0 0 9px;
  color: var(--oc-secondary);
  font-family: var(--oc-heading-font, var(--oc-font));
  font-size: var(--oc-h3, 24px);
  font-weight: var(--oc-h3-weight, 750);
  line-height: var(--oc-h3-lh, 1.2);
}
.toros-category-section__head p {
  max-width: 630px;
  margin: 0;
  color: var(--oc-muted);
  font-size: 15px;
  line-height: 1.6;
}
.toros-category-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.toros-category-link {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  min-height: 84px;
  padding: 16px 20px;
  border: 1px solid color-mix(in srgb, var(--oc-border) 55%, transparent);
  border-radius: 8px;
  background: var(--oc-surface);
  color: var(--oc-secondary);
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 5px 18px color-mix(in srgb, var(--oc-secondary) 5%, transparent);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.toros-category-link:hover {
  border-color: var(--oc-primary);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--oc-secondary) 9%, transparent);
}
.toros-category-link__icon {
  flex: 0 0 43px;
  width: 43px;
  height: 43px;
  color: var(--oc-primary);
}
.toros-category-link__label {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 8px;
  color: var(--oc-secondary);
  line-height: 1.4;
}
.toros-category-link__arrow {
  color: var(--oc-primary);
  font-size: 20px;
  line-height: 1;
}
.toros-category-detail {
  padding-block: clamp(42px, 6vw, 80px);
}
.toros-category-detail__crumb {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 30px;
  color: var(--oc-muted);
  font-size: 14px;
}
.toros-category-detail__crumb a {
  color: var(--oc-primary);
}
.toros-category-detail__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(30px, 6vw, 80px);
  align-items: center;
}
.toros-category-detail h1 {
  color: var(--oc-secondary);
  font-family: var(--oc-heading-font, var(--oc-font));
}
.toros-category-detail__layout p {
  margin: 18px 0 28px;
  color: var(--oc-muted);
  line-height: 1.75;
}
.toros-category-detail figure {
  margin: 0;
  overflow: hidden;
  border-radius: 10px;
  background: var(--oc-surface-soft);
}
.toros-category-detail img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 700px) {
  .toros-category-grid,
  .toros-category-links,
  .toros-category-detail__layout {
    grid-template-columns: 1fr;
  }
  .toros-category-card h3 {
    font-size: var(--oc-h3-mobile, 22px);
  }
  .toros-category-intro h2 {
    font-size: var(--oc-h2-mobile, 32px);
  }
  .toros-category-section--links > .oc-container { padding: 20px; }
  .toros-category-link { min-height: 76px; }
}


/* ============================================================
   Hakkımızda sayfası (v0.1.24) — yalnızca ilgili sınıflar
   ============================================================ */
.toros-about-hero .oc-hero-slide.oc-bg-mode-color {
  background-image: url("images/toros-about-office.webp");
  background-position: right center;
  background-size: cover;
}
.toros-about-hero .oc-hero-slide::before {
  background: linear-gradient(90deg,
    #f6fafd 0%,
    color-mix(in srgb,#f6fafd 99%,transparent) 26%,
    color-mix(in srgb,#f6fafd 93%,transparent) 38%,
    color-mix(in srgb,#f6fafd 58%,transparent) 51%,
    color-mix(in srgb,#f6fafd 15%,transparent) 65%,
    transparent 80%);
}
.toros-about-hero .oc-hero-pro__glow { display:none; }
.toros-about-hero .oc-hero-pro__copy { max-width:610px; }
.toros-about-hero .oc-hero-pro__grid { padding-left:0; }
.toros-about-hero .oc-hero-slide h1 {
  max-width:580px;
  color:var(--oc-secondary) !important; /* Core sets hero h1 color !important */
  font-family:var(--oc-heading-font,var(--oc-font));
  font-size:clamp(var(--oc-h1-mobile,36px),4.2vw,var(--oc-h1,64px));
  font-weight:var(--oc-h1-weight,700);
  line-height:var(--oc-h1-lh,1.12);
  letter-spacing:-.035em;
}
.toros-about-hero .oc-hero-slide .oc-eyebrow {
  color:var(--oc-secondary) !important; /* Core's fixed important color */
  font-size:12px;
  font-weight:750;
  letter-spacing:.2em;
}
.toros-about-hero .oc-hero-slide .oc-lead {
  max-width:510px;
  color:var(--oc-text) !important; /* Core's fixed important color */
  line-height:1.7;
}
:is(.toros-about-breadcrumb,.toros-service-breadcrumb) {
  padding:28px 0 18px;
  background:var(--oc-surface);
  font-size:13px;
  color:var(--oc-muted);
}
:is(.toros-about-breadcrumb,.toros-service-breadcrumb) .oc-container { display:flex;align-items:center;gap:12px; }
:is(.toros-about-breadcrumb,.toros-service-breadcrumb) a { color:var(--oc-muted);text-decoration:none; }
:is(.toros-about-breadcrumb,.toros-service-breadcrumb) a:hover { color:var(--oc-primary); }
/* Hakkımızda — kompakt hikâye ve deneyim kartı (v0.1.34) */
.toros-about-story {
  background:var(--oc-surface);
  padding-block:clamp(18px,3vw,34px);
}
.toros-about-story > .oc-layout-shell {
  width:min(100%, 1280px);
  margin-inline:auto;
  padding:clamp(26px,4vw,54px) clamp(24px,4.5vw,62px);
  border-radius:12px;
  background:color-mix(in srgb,var(--oc-surface-soft) 58%,var(--oc-surface));
}
.toros-about-story .oc-layout-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,270px);
  align-items:start;
  gap:clamp(28px,5vw,80px);
}
.toros-about-story .oc-layout-column:first-child {max-width:none;min-width:0}
.toros-about-story .oc-layout-column:first-child .oc-layout-item > .oc-section {padding:0}
.toros-about-story .oc-layout-column:first-child .oc-layout-item > .oc-section > .oc-container {
  width:100%;max-width:none;padding:0;
}
.toros-about-story .oc-layout-column:first-child h2 {
  max-width:730px;
  margin:0 0 22px;
  color:var(--oc-secondary);
  font-family:var(--oc-heading-font,var(--oc-font));
  font-size:clamp(var(--oc-h2-mobile,28px),2.6vw,var(--oc-h2,42px));
  font-weight:var(--oc-h2-weight,700);
  line-height:var(--oc-h2-lh,1.2);
  letter-spacing:-.025em;
}
.toros-about-story .oc-prose {max-width:70ch;color:var(--oc-muted);font-size:15px;line-height:1.72}
.toros-about-story .oc-prose p {
  max-width:70ch;
  margin:0 0 16px;
  color:var(--oc-muted);
  font-size:inherit;
  line-height:inherit;
}
.toros-about-story .oc-prose > p:first-child {
  color:var(--oc-text);
  font-size:16px;
  line-height:1.7;
  font-weight:500;
}
.toros-about-story .toros-about-story__more {margin-top:2px}
.toros-about-story .toros-about-story__more[hidden] {display:none}
.toros-about-story .toros-about-story__more p:last-child {margin-bottom:0}
.toros-about-story .toros-about-story__toggle {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:4px;
  padding:9px 0;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--oc-primary) 55%,transparent);
  border-radius:0;
  color:var(--oc-primary);
  background:transparent;
  font:600 14px/1.4 var(--oc-font);
  cursor:pointer;
}
.toros-about-story .toros-about-story__toggle::after {
  content:"";
  width:7px;height:7px;
  border-right:1.6px solid currentColor;
  border-bottom:1.6px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .2s ease;
}
.toros-about-story .toros-about-story__toggle[aria-expanded="true"]::after {
  transform:rotate(225deg) translateY(-1px);
}
.toros-about-story .toros-about-story__toggle:hover {color:var(--oc-accent)}
.toros-about-story .toros-about-stat {
  display:block;
  align-self:start;
  margin:2px 0 0;
}
.toros-about-story .toros-about-stat .oc-layout-iconbox {
  display:block;
  width:100%;
  max-width:none;
  min-height:0;
  margin:0;
  padding:clamp(24px,3vw,34px);
  border:1px solid color-mix(in srgb,var(--oc-primary) 13%,var(--oc-border));
  border-radius:12px;
  background:color-mix(in srgb,var(--oc-primary) 5%,var(--oc-surface));
  box-shadow:none;
}
.toros-about-story .toros-about-stat .oc-layout-iconbox__copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:100%;
  min-width:0;
  text-align:left;
}
.toros-about-story .toros-about-stat h3 {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  max-width:100%;
  margin:0 0 20px;
  color:var(--oc-primary);
  font-family:var(--oc-heading-font,var(--oc-font));
  font-size:clamp(28px,3.2vw,40px);
  font-weight:550;
  line-height:1.12;
  letter-spacing:-.035em;
  overflow-wrap:anywhere;
}
.toros-about-story .toros-about-stat h3 .toros-about-stat__year {
  display:block;
  font-size:clamp(54px,5.6vw,76px);
  line-height:1;
  font-weight:500;
  letter-spacing:-.055em;
}
.toros-about-story .toros-about-stat h3 .toros-about-stat__since {
  display:block;
  margin-top:9px;
  font-size:14px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.toros-about-story .toros-about-stat p {
  max-width:18ch;
  margin:0;
  padding-top:16px;
  border-top:1px solid color-mix(in srgb,var(--oc-primary) 17%,var(--oc-border));
  color:var(--oc-secondary);
  font-size:14px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:.015em;
  text-align:left;
  text-transform:none;
}
.toros-about-values { padding-top:48px;padding-bottom:70px; background:var(--oc-surface); }
.toros-about-values .oc-feature-grid { gap:0; }
.toros-about-values .oc-feature {
  display:flex;flex-direction:column;align-items:center;
  padding:22px 20px;
  border:0;border-radius:0;background:transparent;box-shadow:none;
  text-align:center;
}
.toros-about-values .oc-feature:not(:last-child) { border-right:1px solid var(--oc-border); }
.toros-about-values .oc-feature:hover { transform:none;box-shadow:none;border-color:var(--oc-border); }
.toros-about-values .oc-feature__icon {
  width:54px;height:54px;margin:0 auto 17px;
  background-color:var(--oc-primary);
  border:0;border-radius:0;
  mask-size:contain;mask-repeat:no-repeat;mask-position:center;
  -webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;
}
.toros-about-values .oc-feature:nth-child(1) .oc-feature__icon {
  mask-image:url("icons/shield-check.svg");-webkit-mask-image:url("icons/shield-check.svg");
}
.toros-about-values .oc-feature:nth-child(2) .oc-feature__icon {
  mask-image:url("icons/users.svg");-webkit-mask-image:url("icons/users.svg");
}
.toros-about-values .oc-feature:nth-child(3) .oc-feature__icon {
  mask-image:url("icons/gear.svg");-webkit-mask-image:url("icons/gear.svg");
}
.toros-about-values .oc-feature__icon span { opacity:0; }
.toros-about-values .oc-feature h3 {
  margin:0 0 12px;
  color:var(--oc-secondary);
  font-family:var(--oc-heading-font,var(--oc-font));
  font-size:var(--oc-h3,22px);
  font-weight:var(--oc-h3-weight,700);
  line-height:var(--oc-h3-lh,1.25);
}
.toros-about-values .oc-feature p {
  max-width:240px;margin:0 auto;
  font-size:15px;line-height:1.7;color:var(--oc-muted);
}
@media(max-width:900px) {
  .toros-about-story .oc-layout-grid { grid-template-columns:minmax(0,1fr) minmax(200px,230px);gap:28px; }
  .toros-about-hero .oc-hero-slide h1 { font-size:var(--oc-h1-mobile,44px); }
}
@media(max-width:700px) {
  .toros-about-hero .oc-hero-pro__grid { min-height:470px; }
  .toros-about-hero .oc-hero-slide::before {
    background:linear-gradient(90deg,#f6fafd 2%,rgba(246,250,253,.96) 35%,rgba(246,250,253,.52) 72%,transparent 100%);
  }
  .toros-about-hero .oc-hero-slide h1 { font-size:var(--oc-h1-mobile,36px); }
  .toros-about-story .oc-layout-grid { grid-template-columns:1fr;gap:26px; }
  .toros-about-story > .oc-layout-shell { padding:28px 22px; }
  .toros-about-story .oc-layout-column:first-child h2 { font-size:var(--oc-h2-mobile,30px); }
  .toros-about-story .toros-about-stat { max-width:300px;margin-top:0; }
  .toros-about-values { padding-block:32px; }
  .toros-about-values .oc-feature { padding:22px 12px; }
  .toros-about-values .oc-feature:not(:last-child) { border-right:0;border-bottom:1px solid var(--oc-border); }
}

/* Ortalı görsel yazısı — container CSS class: baslik-orta */
.baslik-orta .oc-layout-image {
  position: relative;
  overflow: hidden;
}

.baslik-orta .oc-layout-image figcaption {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 24px;
  color: #021f65;
  font-family: var(--oc-heading-font, var(--oc-font));
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
}


/* ============================================================
   Servis ve Destek — gelişmiş hero + dört hizmet kartı
   ============================================================ */
.toros-service-hero .oc-hero-slide.oc-bg-mode-color {
  /* Geçici önizleme. Media'dan bir fotoğraf seçilirse native görsel kullanılır. */
  background-image:url("images/toros-service-reference-preview.webp");
  background-position:right center;
  background-size:cover;
}
.oc-hero-slider.toros-service-hero .oc-hero-slide::before {
  background:linear-gradient(90deg,
    #f6fafd 0%,
    color-mix(in srgb,#f6fafd 99%,transparent) 28%,
    color-mix(in srgb,#f6fafd 90%,transparent) 41%,
    color-mix(in srgb,#f6fafd 48%,transparent) 57%,
    transparent 77%);
}
.toros-service-hero .oc-hero-pro__glow { display:none; }
.toros-service-hero .oc-hero-pro__overlay { display:none; }
.toros-service-hero .oc-hero-pro__copy { max-width:600px; }
.toros-service-hero .oc-hero-slide h1 {
  max-width:560px;
  color:var(--oc-secondary)!important; /* Core hero override requires this */
  font-family:var(--oc-heading-font,var(--oc-font));
  font-size:clamp(var(--oc-h1-mobile,36px),4.2vw,var(--oc-h1,64px));
  font-weight:var(--oc-h1-weight,700);
  line-height:var(--oc-h1-lh,1.12);
  letter-spacing:-.035em;
}
.toros-service-hero .oc-hero-slide .oc-eyebrow {
  color:var(--oc-secondary)!important;
  font-size:12px;
  font-weight:750;
  letter-spacing:.2em;
}
.toros-service-hero .oc-hero-slide .oc-lead {
  max-width:510px;
  color:var(--oc-text)!important;
  line-height:1.7;
}
.toros-service-cards {
  padding-block:0 clamp(48px,6vw,80px);
  background:var(--oc-surface);
}
.toros-service-cards .oc-section-head { max-width:850px;margin-bottom:27px; }
.toros-service-cards .oc-section-head h2 {
  max-width:800px;
  margin:0;
  font-family:var(--oc-heading-font,var(--oc-font));
  font-size:var(--oc-h2,42px);
  font-weight:var(--oc-h2-weight,700);
  line-height:var(--oc-h2-lh,1.15);
  color:var(--oc-secondary);
}
.toros-service-cards .oc-feature-grid { gap:12px; }
.toros-service-cards .oc-feature {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:24px 18px 26px;
  background:var(--oc-surface);
  border:1px solid color-mix(in srgb,var(--oc-border) 55%,transparent);
  border-radius:8px;
  box-shadow:none;
  text-align:center;
}
.toros-service-cards .oc-feature:hover {
  transform:none;
  box-shadow:none;
  border-color:var(--oc-border);
}
.toros-service-cards .oc-feature__icon {
  width:62px;
  height:62px;
  margin:0 auto 18px;
  border:0;
  border-radius:0;
  background-color:var(--oc-primary);
  mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:center;
  -webkit-mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
}
.toros-service-cards .oc-feature:nth-child(1) .oc-feature__icon {
  mask-image:url("icons/gear.svg");-webkit-mask-image:url("icons/gear.svg");
}
.toros-service-cards .oc-feature:nth-child(2) .oc-feature__icon {
  mask-image:url("icons/filter-cartridge.svg");-webkit-mask-image:url("icons/filter-cartridge.svg");
}
.toros-service-cards .oc-feature:nth-child(3) .oc-feature__icon {
  mask-image:url("icons/wrench.svg");-webkit-mask-image:url("icons/wrench.svg");
}
.toros-service-cards .oc-feature:nth-child(4) .oc-feature__icon {
  mask-image:url("icons/check-shield.svg");-webkit-mask-image:url("icons/check-shield.svg");
}
.toros-service-cards .oc-feature__icon span { opacity:0; }
.toros-service-cards .oc-feature h3 {
  margin:0 0 10px;
  color:var(--oc-secondary);
  font-family:var(--oc-heading-font,var(--oc-font));
  font-size:var(--oc-h3,20px);
  font-weight:var(--oc-h3-weight,700);
  line-height:var(--oc-h3-lh,1.3);
}
.toros-service-cards .oc-feature p {
  max-width:240px;
  margin:0 auto;
  color:var(--oc-muted);
  font-size:15px;
  line-height:1.65;
}
@media(max-width:900px) {
  .toros-service-cards .oc-feature-grid { gap:12px; }
}
@media(max-width:700px) {
  .toros-service-hero .oc-hero-pro__grid { min-height:440px; }
  .oc-hero-slider.toros-service-hero .oc-hero-slide::before {
    background:linear-gradient(90deg,#f6fafd 0%,rgba(246,250,253,.98) 34%,rgba(246,250,253,.74) 72%,transparent 100%);
  }
  .toros-service-hero .oc-hero-slide h1 { font-size:var(--oc-h1-mobile,36px); }
  .toros-service-cards .oc-section-head h2 { font-size:var(--oc-h2-mobile,32px); }
  .toros-service-cards .oc-feature h3 { font-size:var(--oc-h3-mobile,20px); }
  .toros-service-cards .oc-feature { padding:22px 18px; }
}

/* İletişim sayfası — Velora native hero, layout, form ve harita */
.toros-contact-hero .oc-hero-slide.oc-bg-mode-color {
  background-image:url("images/toros-about-office.webp");
  background-position:right center;
  background-size:cover;
}
.oc-hero-slider.toros-contact-hero .oc-hero-slide::before {
  background:linear-gradient(90deg,#f6fafd 0%,rgba(246,250,253,.98) 30%,rgba(246,250,253,.82) 50%,rgba(246,250,253,.2) 78%,transparent 100%);
}
.toros-contact-hero .oc-hero-pro__glow { display:none; }
.toros-contact-hero .oc-hero-pro__copy { max-width:590px; }
.toros-contact-hero .oc-hero-slide h1 {
  color:var(--oc-secondary);
  font-family:var(--oc-heading-font,var(--oc-font));
  font-size:var(--oc-h1,58px);
  font-weight:var(--oc-h1-weight,700);
  line-height:var(--oc-h1-lh,1.08);
}
.toros-contact-hero .oc-hero-slide .oc-eyebrow { color:var(--oc-primary); }
.toros-contact-hero .oc-hero-slide .oc-lead { color:var(--oc-muted); }
.toros-contact-hero .oc-actions .oc-button { border-radius:999px; }
.toros-contact-breadcrumb {
  padding:20px 0 4px;
  background:var(--oc-surface);
  color:var(--oc-muted);
  font-size:13px;
}
.toros-contact-breadcrumb .oc-container { display:flex;align-items:center;gap:12px; }
.toros-contact-breadcrumb a { color:var(--oc-muted);text-decoration:none; }
.toros-contact-breadcrumb a:hover { color:var(--oc-primary); }

.toros-contact-main { background:var(--oc-surface); }
.toros-contact-main .oc-layout-grid { align-items:start; }
.toros-contact-main .oc-layout-column:first-child { gap:8px; }
.toros-contact-main .oc-layout-column:last-child {
  padding:clamp(22px,3vw,36px);
  border:1px solid var(--oc-border);
  border-radius:12px;
  background:color-mix(in srgb,var(--oc-surface-soft) 48%,var(--oc-surface));
}
.toros-contact-main .oc-layout-item > .oc-section,
.toros-contact-main .oc-layout-item .oc-form-section { padding:0; }
.toros-contact-main .oc-layout-item > .oc-section > .oc-container,
.toros-contact-main .oc-layout-item .oc-form-section > .oc-container {
  width:100%;max-width:none;margin:0;padding:0;
}
.toros-contact-main .oc-layout-title h2 {
  margin:0;
  font-family:var(--oc-heading-font,var(--oc-font));
  font-size:var(--oc-h2,38px);
  font-weight:var(--oc-h2-weight,700);
  line-height:var(--oc-h2-lh,1.12);
  color:var(--oc-secondary);
}
.toros-contact-main .oc-layout-column:first-child .oc-prose p {
  margin:0 0 18px;
  color:var(--oc-muted);
  line-height:1.7;
}
.toros-contact-main .oc-layout-column:first-child .oc-layout-iconbox--left {
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:12px 0 0;
}
.toros-contact-main .oc-layout-iconbox__icon {
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:10px;
  background:color-mix(in srgb,var(--oc-primary) 10%,var(--oc-surface));
  color:var(--oc-primary);
  font-size:22px;
}
.toros-contact-main .oc-layout-iconbox__copy h3 {
  color:var(--oc-secondary);
  font-size:16px;
  margin:2px 0 5px;
}
.toros-contact-main .oc-layout-iconbox__copy p {
  color:var(--oc-muted);
  font-size:14px;
  line-height:1.65;
  overflow-wrap:anywhere;
}
.toros-contact-main .oc-layout-column:first-child .oc-layout-button {
  padding-left:53px;
  margin-bottom:7px;
}
.toros-contact-main .oc-text-link { color:var(--oc-primary); }
.toros-contact-main .oc-form-wrap {
  width:100%;max-width:none;
  border:0;background:transparent;box-shadow:none;padding:0;
}
.toros-contact-main .oc-form--quarter-grid { column-gap:14px;row-gap:17px; }
.toros-contact-main .oc-form-field > span { font-size:13px; }
.toros-contact-main .oc-form-field input:not([type=checkbox]),
.toros-contact-main .oc-form-field textarea,
.toros-contact-main .oc-form-field select {
  border-radius:8px;
  background:var(--oc-surface);
}
.toros-contact-main .oc-form-submit .oc-button {
  display:inline-flex;justify-content:center;
  min-width:165px;
  min-height:47px;
  border-radius:999px;
  background:var(--oc-primary);
  color:var(--oc-text-inverse,#fff);
}
.toros-contact-main .oc-form-submit .oc-button:hover {
  background:var(--oc-accent);
}
.toros-contact-map { padding-top:16px;padding-bottom:70px; }
.toros-contact-map .oc-section-head { max-width:750px; }
.toros-contact-map .oc-map { border-radius:10px;border:1px solid var(--oc-border); }

@media (max-width:900px) {
  .toros-contact-main .oc-layout-grid { grid-template-columns:minmax(0,1fr);gap:30px; }
}
@media (max-width:700px) {
  .toros-contact-hero .oc-hero-slide h1 { font-size:var(--oc-h1-mobile,38px); }
  .oc-hero-slider.toros-contact-hero .oc-hero-slide::before {
    background:linear-gradient(90deg,#f6fafd 0%,rgba(246,250,253,.95) 55%,rgba(246,250,253,.3) 100%);
  }
  .toros-contact-main { padding-top:28px;padding-bottom:25px; }
  .toros-contact-main .oc-layout-column:last-child { padding:20px 16px; }
  .toros-contact-main .oc-layout-title h2 { font-size:var(--oc-h2-mobile,30px); }
  .toros-contact-map { padding-bottom:42px; }
  .toros-contact-map .oc-map { height:290px; }
}

/* =========================================================
   v0.1.29 — Ürün kataloğu & teklif sistemi
   Yerleşim ve renkler mevcut Core tasarım tokenlarından.
   ========================================================= */
.toros-product-archive,
.toros-product-detail { background:var(--oc-surface); }
.toros-product-crumb {
  display:flex; flex-wrap:wrap; align-items:center; gap:10px;
  margin-bottom:clamp(20px,3vw,34px);color:var(--oc-muted);
  font-size:13px;
}
.toros-product-crumb a { color:var(--oc-primary);text-decoration:none; }
.toros-product-crumb a:hover { text-decoration:underline; }
.toros-product-list { padding-top:clamp(32px,5vw,68px); }
.toros-product-list__head { margin-bottom:clamp(22px,3vw,36px); }
.toros-product-list__head :is(h1,h2) { margin:0 0 12px;color:var(--oc-secondary); }
.toros-product-list__head p { max-width:680px;margin:0;color:var(--oc-muted);line-height:1.7; }
.toros-product-filters { display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px; }
.toros-product-filters a {
  display:inline-flex;align-items:center;min-height:39px;padding:7px 16px;
  border:1px solid var(--oc-border);border-radius:999px;
  color:var(--oc-secondary);text-decoration:none;font-size:13px;
}
.toros-product-filters a[aria-current="page"] { background:var(--oc-primary);color:var(--oc-surface);border-color:var(--oc-primary); }
.toros-product-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px); }
.toros-product-card {
  overflow:hidden;border:1px solid var(--oc-border);border-radius:var(--oc-radius,10px);
  background:var(--oc-surface);transition:border-color .2s ease,box-shadow .2s ease;
}
.toros-product-card:hover {
  border-color:color-mix(in srgb,var(--oc-primary) 30%,var(--oc-border));
  box-shadow:0 12px 32px color-mix(in srgb,var(--oc-secondary) 8%,transparent);
}
.toros-product-card__image {
  display:block;aspect-ratio:4/3;overflow:hidden;background:var(--oc-surface-soft);
}
.toros-product-card__image img { width:100%;height:100%;object-fit:cover;transition:transform .3s ease; }
.toros-product-card:hover .toros-product-card__image img { transform:scale(1.03); }
.toros-product-card__placeholder { display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--oc-surface-soft),var(--oc-surface)); }
.toros-product-card__copy { padding:clamp(16px,2vw,24px); }
.toros-product-card__eyebrow { color:var(--oc-primary);font-size:11px;letter-spacing:.08em;font-weight:650; }
.toros-product-card h3 { margin:8px 0 10px;font-family:var(--oc-heading-font,var(--oc-font));color:var(--oc-secondary); }
.toros-product-card h3 a { color:inherit;text-decoration:none; }
.toros-product-card p { font-size:14px;line-height:1.65;color:var(--oc-muted);margin:0 0 18px; }
.toros-product-card__link { display:inline-flex;gap:9px;color:var(--oc-primary);font-weight:700;font-size:13px;text-decoration:none; }
.toros-product-empty { padding:28px;border:1px solid var(--oc-border);border-radius:10px;color:var(--oc-muted); }
@media(max-width:1000px) {
  .toros-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  .toros-product-grid { grid-template-columns:1fr; }
}


/* ---------------------------------------------------------
 * Ürün detay v0.1.33 — sade başlık, kısa özet, teklif ve sekmeler
 * --------------------------------------------------------- */
.toros-product-detail { background: var(--oc-surface); }
.toros-product-detail .oc-section > .oc-container { padding-top: clamp(28px, 4vw, 54px); padding-bottom: clamp(56px, 7vw, 90px); }
.toros-product-detail__grid { display:grid; grid-template-columns:minmax(0, 1.12fr) minmax(320px, .88fr); gap:clamp(30px, 5vw, 58px); align-items:start; }
.toros-product-gallery__layout { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; align-items:start; }
.toros-product-gallery__layout.has-thumbs { grid-template-columns:96px minmax(0,1fr); }
.toros-product-gallery__main { margin:0; border:1px solid var(--oc-border); border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 18px 40px color-mix(in srgb, var(--oc-secondary) 6%, transparent); }
.toros-product-gallery__main img { display:block; width:100%; height:auto; aspect-ratio: 1 / 1; object-fit:contain; background:#fff; }
.toros-product-gallery__thumbnails { display:flex; flex-direction:column; gap:12px; margin:0; }
.toros-product-gallery__thumb { display:block; width:96px; padding:0; border:1px solid var(--oc-border); border-radius:12px; overflow:hidden; cursor:pointer; background:#fff; transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.toros-product-gallery__thumb:hover { transform:translateY(-1px); box-shadow:0 10px 22px color-mix(in srgb, var(--oc-secondary) 8%, transparent); }
.toros-product-gallery__thumb[aria-pressed="true"] { border-color:var(--oc-primary); box-shadow:0 0 0 3px color-mix(in srgb, var(--oc-primary) 14%, transparent); }
.toros-product-gallery__thumb img { display:block; width:100%; aspect-ratio: 1 / 1; object-fit:cover; background:#fff; }
.toros-product-gallery__placeholder { min-height:380px; background:#fff; border:1px solid var(--oc-border); border-radius:14px; }
.toros-product-crumb--summary { margin:0 0 14px; font-size:12px; color:var(--oc-muted); }
.toros-product-crumb--summary span[aria-current="page"] { color:var(--oc-muted); }
.toros-product-detail__category { margin:0 0 8px; font-size:15px; font-weight:600; color:var(--oc-secondary); }
.toros-product-detail .toros-product-detail__summary h1 { margin:0 0 18px; color:var(--oc-secondary); font-size:24px; line-height:1.4; letter-spacing:-0.015em; font-family:var(--oc-heading-font, var(--oc-font)); }
.toros-product-detail__lead { margin:0 0 22px; color:var(--oc-muted); line-height:1.7; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.toros-product-detail__meta { display:grid; gap:10px; margin:0 0 26px; padding-top:2px; }
.toros-product-detail__meta-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; color:var(--oc-secondary); font-size:15px; }
.toros-product-detail__meta-row span { min-width:88px; color:var(--oc-secondary); font-weight:700; }
.toros-product-detail__meta-row a { color:var(--oc-muted); text-decoration:none; }
.toros-product-detail__meta-row a:hover { color:var(--oc-primary); }
.toros-product-detail__meta-row strong { font-weight:700; color:var(--oc-muted); }
.toros-product-detail__meta-row--catalog { align-items:center; }
.toros-product-catalog-link { display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid var(--oc-border); border-radius:12px; background:#fff; color:var(--oc-secondary); font-weight:700; text-decoration:none; }
.toros-product-catalog-link:hover { border-color:var(--oc-primary); color:var(--oc-primary); }
.toros-product-catalog-link svg { width:18px; height:18px; flex:none; }
/* Teklif butonu: accent zemin, gölgesiz ve çerçevesiz. */
.toros-product-detail .oc-button.toros-product-quote-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:14px;
  padding:13px 22px;
  min-height:48px;
  border:0;
  border-radius:10px;
  background:var(--oc-accent);
  color:var(--oc-text-inverse, #fff);
  box-shadow:none;
  filter:none;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .18s ease;
}
.toros-product-detail .oc-button.toros-product-quote-button:hover {
  border:0;
  background:color-mix(in srgb, var(--oc-accent) 88%, var(--oc-secondary));
  color:var(--oc-text-inverse, #fff);
  box-shadow:none;
  filter:none;
}
.toros-product-detail .oc-button.toros-product-quote-button:focus-visible {
  outline:2px solid var(--oc-accent);
  outline-offset:3px;
}
/* Açıklama / Özellikler: hafif zeminli, temiz sekme tasarımı. */
.toros-product-tabs {
  margin-top:clamp(40px, 5vw, 64px);
  border:1px solid var(--oc-border);
  border-radius:14px;
  overflow:hidden;
  background:var(--oc-surface);
}
.toros-product-tabs__nav {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:stretch;
  padding:8px 12px 0;
  border-bottom:1px solid var(--oc-border);
  background:var(--oc-surface-soft);
}
.toros-product-tabs__tab {
  appearance:none;
  position:relative;
  border:0;
  border-bottom:3px solid transparent;
  border-radius:9px 9px 0 0;
  background:transparent;
  color:var(--oc-muted);
  padding:14px 23px 13px;
  font-family:var(--oc-heading-font, var(--oc-font));
  font-size:15px;
  font-weight:650;
  cursor:pointer;
  transition:background-color .18s ease, color .18s ease;
}
.toros-product-tabs__tab:hover { color:var(--oc-secondary); background:color-mix(in srgb, var(--oc-surface) 70%, transparent); }
.toros-product-tabs__tab.is-active { color:var(--oc-secondary); border-bottom-color:var(--oc-accent); background:var(--oc-surface); }
.toros-product-tabs__tab:focus-visible { outline:2px solid var(--oc-primary); outline-offset:-2px; }
.toros-product-tabs__panel { display:none; padding:clamp(22px, 3vw, 36px); }
.toros-product-tabs__panel.is-active { display:block; }
.toros-product-tabs__panel .oc-prose { max-width:980px; color:var(--oc-muted); }
.toros-product-spec-table { display:grid; gap:0; margin:0; max-width:980px; border-top:1px solid var(--oc-border); }
.toros-product-spec-table > div { display:grid; grid-template-columns:minmax(180px, .9fr) minmax(0, 2fr); gap:16px; padding:14px 0; border-bottom:1px solid var(--oc-border); }
.toros-product-spec-table dt { font-weight:700; color:var(--oc-secondary); }
.toros-product-spec-table dd { margin:0; color:var(--oc-muted); }
.toros-product-feature-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 26px; max-width:980px; list-style:none; margin:20px 0 0; padding:0; }
.toros-product-feature-list li { position:relative; padding-left:22px; line-height:1.65; color:var(--oc-muted); }
.toros-product-feature-list li::before { content:"✓"; position:absolute; left:0; top:0; color:var(--oc-primary); font-weight:700; }
.toros-modal { position:fixed; inset:0; z-index:2000; display:none; }
.toros-modal.is-open { display:block; }
.toros-modal__backdrop { position:absolute; inset:0; background:rgba(6, 24, 43, .55); backdrop-filter: blur(2px); }
.toros-modal__dialog { position:relative; width:min(92vw, 840px); max-height:min(86vh, 980px); overflow:auto; margin:6vh auto; background:#fff; border-radius:18px; box-shadow:0 28px 70px rgba(7,22,38,.2); padding:28px 28px 30px; }
.toros-modal__close { position:absolute; top:14px; right:14px; width:38px; height:38px; border:1px solid var(--oc-border); border-radius:999px; background:#fff; color:var(--oc-secondary); font-size:24px; line-height:1; cursor:pointer; }
.toros-modal__close:hover { border-color:var(--oc-primary); color:var(--oc-primary); }
.toros-modal__header p { margin:0 0 8px; color:var(--oc-muted); }
.toros-modal__header h2 { margin:0 0 8px; color:var(--oc-secondary); }
.toros-modal__content .oc-form-section { padding:4px 0 0; background:transparent; }
.toros-modal__content .oc-form-section > .oc-container { width:100%; max-width:none; padding:0; }
.toros-modal__content .oc-form-wrap { margin-inline:0; max-width:none; }
.toros-modal__content input[name="urun"][readonly] { background:var(--oc-surface-soft); }
body.toros-modal-open { overflow:hidden; }
@media (max-width: 980px) {
  .toros-product-detail__grid { grid-template-columns:1fr; }
  .toros-product-gallery__layout.has-thumbs { grid-template-columns:1fr; }
  .toros-product-gallery__thumbnails { flex-direction:row; flex-wrap:wrap; order:2; }
  .toros-product-gallery__thumb { width:82px; }
  .toros-product-detail .toros-product-detail__summary h1 { font-size:24px; line-height:1.4; }
}
@media (max-width: 700px) {
  .toros-product-detail .oc-section > .oc-container { padding-top:24px; }
  .toros-product-tabs__nav { padding:6px 8px 0; }
  .toros-product-tabs__tab { padding:12px 16px 11px; font-size:14px; }
  .toros-product-tabs__panel { padding:20px 18px; }
  .toros-product-spec-table > div, .toros-product-feature-list { grid-template-columns:1fr; }
  .toros-modal__dialog { width:min(94vw, 840px); margin:4vh auto; padding:22px 18px 24px; }
}

/* ==========================================================
   Toroslar Referanslar — kurumsal carousel ve iki kolonlu sayfa
   ========================================================== */
.toros-ref-carousel {background:var(--oc-surface-soft);padding-block:clamp(36px,5vw,70px)}
.toros-ref-carousel__head {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
/* H2, anasayfa üst başlıklarının tipografisiyle eşdeğer (12px, uppercase). */
.toros-ref-carousel .toros-ref-carousel__head h2 {
  display:block;
  margin:0 0 12px;
  color:var(--oc-secondary);
  font-family:var(--oc-heading-font,var(--oc-font));
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.toros-ref-carousel__controls {display:flex;gap:9px;flex:none}
.toros-ref-carousel__arrow {width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--oc-border);border-radius:50%;background:var(--oc-surface);color:var(--oc-secondary);cursor:pointer;transition:border-color .2s,color .2s}
.toros-ref-carousel__arrow:hover {border-color:var(--oc-primary);color:var(--oc-primary)}
.toros-ref-carousel__viewport {overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;outline-offset:4px}
.toros-ref-carousel__viewport::-webkit-scrollbar {display:none}
.toros-ref-carousel__track {display:flex;gap:18px;align-items:stretch}
.toros-ref-carousel__item {flex:0 0 calc((100% - 90px) / 6);min-width:0;height:122px;border:1px solid var(--oc-border);border-radius:12px;background:var(--oc-surface);scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:18px;transition:border-color .2s}
.toros-ref-carousel__item:hover {border-color:color-mix(in srgb,var(--oc-primary) 40%,var(--oc-border))}
.toros-ref-carousel__item img {width:100%;height:100%;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .28s ease,opacity .28s ease}
.toros-ref-carousel__item:hover img,.toros-ref-carousel__item:focus-within img {filter:none;opacity:1}
.toros-ref-carousel__all {display:inline-flex;gap:10px;margin-top:20px;color:var(--oc-primary);font-weight:700;font-size:13px;text-decoration:none}
.toros-ref-carousel__all:hover {text-decoration:underline}
.toros-ref-page {background:var(--oc-surface)}
.toros-ref-page__head {background:var(--oc-surface-soft);padding-block:clamp(45px,6vw,80px)}
.toros-ref-page__crumb {display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 30px;color:var(--oc-muted);font-size:13px}
.toros-ref-page__crumb a {color:var(--oc-primary);text-decoration:none}
.toros-ref-page__head h1 {margin:0 0 12px;color:var(--oc-secondary);font-family:var(--oc-heading-font,var(--oc-font));font-size:var(--oc-h1,48px);line-height:var(--oc-h1-lh,1.1)}
.toros-ref-page__head p {max-width:640px;color:var(--oc-muted);line-height:1.65;margin:0}
.toros-ref-page__body {padding-block:clamp(36px,5vw,68px)}
.toros-ref-page__columns {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:clamp(18px,3vw,42px);align-items:start}
.toros-ref-page__section {padding:24px;border:1px solid var(--oc-border);border-radius:14px;background:var(--oc-surface);min-width:0}
.toros-ref-page__section-head {display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;border-bottom:1px solid var(--oc-border);padding-bottom:16px}
.toros-ref-page__section-head h2 {font-size:clamp(19px,2vw,24px);color:var(--oc-secondary);margin:0;line-height:1.25}
.toros-ref-page__section-head>span {color:var(--oc-muted);font-size:12px;white-space:nowrap}
.toros-ref-page__logos {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.toros-ref-page__logo {height:132px;display:flex;align-items:center;justify-content:center;padding:17px;border:1px solid var(--oc-border);border-radius:10px;background:var(--oc-surface)}
.toros-ref-page__logo img {display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1);opacity:.72;transition:filter .28s,opacity .28s}
.toros-ref-page__logo:hover img {filter:none;opacity:1}
.toros-ref-page__people {display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0;list-style:none}
.toros-ref-page__people li {display:flex;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid var(--oc-border);color:var(--oc-secondary);font-size:15px;font-weight:550}
.toros-ref-page__people li:first-child {padding-top:0}
.toros-ref-page__person-icon {display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--oc-surface-soft);color:var(--oc-primary);font-size:13px}
.toros-ref-page__empty {color:var(--oc-muted);font-size:14px}
@media (max-width:980px) {
  .toros-ref-carousel__item {flex-basis:calc((100% - 36px)/3)}
  .toros-ref-page__columns {grid-template-columns:1fr}
  .toros-ref-page__logos {grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:650px) {
  .toros-ref-carousel__item {flex-basis:calc((100% - 16px)/2);height:112px;padding:14px}
  .toros-ref-carousel__track {gap:16px}
  .toros-ref-page__logos {grid-template-columns:repeat(2,minmax(0,1fr))}
  .toros-ref-page__section {padding:18px}
  .toros-ref-page__logo {height:118px}
}
@media (prefers-reduced-motion:reduce) {
  .toros-ref-carousel__item img,.toros-ref-page__logo img {transition:none}
}

/* Referanslar / alt mesaj — v0.1.37 */
.toros-ref-page__closing {
  background: var(--oc-surface-dark);
  color: #fff;
  padding-block: clamp(36px, 5vw, 68px);
}
.toros-ref-page__closing h2 {
  margin: 0 0 14px;
  max-width: 1000px;
  color: #fff;
  font-family: var(--oc-heading-font, var(--oc-font));
  font-size: clamp(25px, 3.1vw, 40px);
  font-weight: 750;
  line-height: 1.22;
  letter-spacing: -.025em;
}
.toros-ref-page__closing p {
  margin: 0;
  max-width: 890px;
  color: rgba(255,255,255,.79);
  font-size: clamp(15px, 1.6vw, 19px);
  line-height: 1.6;
}