/* Product detail page styles (index ortak stilleri aşağıda önceliklidir) */
* {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: auto;
      scrollbar-gutter: stable;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    html.lenis,
    html.lenis body {
      height: auto;
    }

    .lenis.lenis-smooth {
      scroll-behavior: auto !important;
    }

    .lenis.lenis-stopped {
      overflow: hidden;
    }

body {
      margin: 0;
      background: var(--color-white);
      color: var(--color-black);
      font-family: var(--font-primary);
      font-size: var(--fs-body);
      font-weight: 400;
      line-height: var(--lh-body);
      letter-spacing: var(--ls-body);
    }

    body.mega-menu-open {
      overflow: hidden;
    }

    img,
    picture,
    video,
    canvas,
    svg {
      display: block;
      max-width: 100%;
    }

    button,
    input,
    textarea,
    select {
      font: inherit;
    }

    a {
      color: inherit;
      font-size: var(--fs-body);
      font-weight: 400;
      line-height: var(--lh-body);
      letter-spacing: var(--ls-body);
      text-decoration: none;
    }

    a:hover {
      color: var(--color-brand);
    }

    nav a {
      font-size: var(--fs-nav);
      font-weight: 500;
      line-height: 1;
      letter-spacing: var(--ls-nav);
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
      margin: 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: inherit;
      font-weight: 600;
      line-height: var(--lh-heading);
    }

    h1,
    h2 {
      letter-spacing: var(--ls-h1-h2);
    }

    h3,
    h4,
    h5,
    h6 {
      letter-spacing: var(--ls-h3-h6);
    }

    h1 {
      font-size: var(--fs-h1);
    }

    h2 {
      font-size: var(--fs-h2);
    }

    h3 {
      font-size: var(--fs-h3);
    }

    h4 {
      font-size: var(--fs-h4);
    }

    h5 {
      font-size: var(--fs-h5);
    }

    h6 {
      font-size: var(--fs-h6);
    }

    p {
      color: var(--color-gray);
      font-size: var(--fs-body);
      font-weight: 400;
      line-height: var(--lh-body);
      letter-spacing: var(--ls-body);
    }

    .container {
      width: min(100%, var(--container-main));
      margin-inline: auto;
      padding-inline: var(--page-padding);
    }

    .container--narrow {
      width: min(100%, var(--container-narrow));
      margin-inline: auto;
      padding-inline: var(--page-padding);
    }

    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 0 22px;
      border: 1px solid transparent;
      border-radius: var(--radius-pill);
      background: var(--color-anthracite);
      color: var(--color-white);
      font-size: var(--fs-nav);
      font-weight: 700;
      line-height: 1;
      letter-spacing: var(--ls-nav);
      text-decoration: none;
    }

    .button:hover {
      background: var(--color-brand);
      color: var(--color-white);
    }

    .section-subline {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      color: var(--section-subline-color, var(--color-anthracite));
      font-size: 14px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: 0;
    }

    .section-subline::before {
      width: 2px;
      height: 22px;
      background: var(--color-brand);
      content: "";
    }

    .section-subline.section-subline--light {
      --section-subline-color: var(--color-white);
      color: var(--section-subline-color);
    }

    .headline-muted {
      color: var(--color-gray);
    }

    .btn-link {
      --btn-link-color: var(--color-anthracite);
      --btn-link-hover-color: var(--color-brand);
      --btn-link-arrow: url("../../media/arrow-black.svg");
      --btn-link-arrow-hover: url("../../media/arrow-brand.svg");
      --btn-link-arrow-opacity: 1;
      --btn-link-arrow-hover-opacity: 1;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      width: fit-content;
      border: 0;
      background: transparent;
      color: var(--btn-link-color);
      font-size: 15px;
      font-weight: 500;
      line-height: 1;
      letter-spacing: 0;
      text-decoration: none;
      transition: color 0.25s ease;
      cursor: pointer;
    }

    .btn-link--light {
      --btn-link-color: var(--color-white);
      --btn-link-hover-color: var(--color-brand);
      --btn-link-arrow: url("../../media/arrow-white.svg");
      --btn-link-arrow-hover: url("../../media/arrow-brand.svg");
    }

    .btn-link--text-secondary {
      --btn-link-color: var(--color-brand);
      --btn-link-hover-color: var(--color-black);
      --btn-link-arrow: url("../../media/arrow-brand.svg");
      --btn-link-arrow-hover: url("../../media/arrow-black.svg");
    }

    .btn-link--light-secondary {
      --btn-link-color: rgb(255 255 255 / 50%);
      --btn-link-hover-color: var(--color-white);
      --btn-link-arrow: url("../../media/arrow-white.svg");
      --btn-link-arrow-hover: url("../../media/arrow-white.svg");
      --btn-link-arrow-opacity: 0.5;
      --btn-link-arrow-hover-opacity: 1;
    }

    .btn-link-text {
      position: relative;
      display: inline-grid;
      min-width: var(--btn-link-text-width, auto);
      overflow: hidden;
      line-height: 1.1;
    }

    .btn-link-text::after {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 1px;
      background: currentColor;
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
      content: "";
    }

    .btn-link-words {
      display: inline-flex;
      flex-wrap: wrap;
      gap: 0.28em;
      align-items: baseline;
      padding-bottom: 3px;
    }

    .btn-link-word {
      position: relative;
      display: inline-block;
      overflow: hidden;
      line-height: 1.1;
    }

    .btn-link-word-original,
    .btn-link-word-hover {
      display: block;
      transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
      transition-delay: var(--btn-link-word-delay, 0s);
    }

    .btn-link-word-hover {
      position: absolute;
      top: 0;
      left: 0;
      color: var(--btn-link-hover-color);
      transform: translateY(110%);
    }

    .btn-link::after {
      content: "";
      flex: 0 0 8px;
      width: 8px;
      height: 8px;
      background: var(--btn-link-arrow) center / contain no-repeat;
      opacity: var(--btn-link-arrow-opacity);
      transform: none;
      transform-origin: center;
      transition: opacity 0.25s ease, background-image 0.25s ease;
    }

    .btn-link:hover,
    .btn-link:focus-visible {
      color: var(--btn-link-hover-color);
    }

    .btn-link:hover::after,
    .btn-link:focus-visible::after {
      background-image: var(--btn-link-arrow-hover);
      opacity: var(--btn-link-arrow-hover-opacity);
      transform: none;
    }

    .btn-link:hover .btn-link-text::after,
    .btn-link:focus-visible .btn-link-text::after {
      transform: scaleX(1);
    }

    .btn-link:hover .btn-link-word-original,
    .btn-link:focus-visible .btn-link-word-original {
      transform: translateY(-110%);
    }

    .btn-link:hover .btn-link-word-hover,
    .btn-link:focus-visible .btn-link-word-hover {
      transform: translateY(0);
    }

    /* ---------- Header (anasayfa ile birebir aynı) ---------- */

    .site-header {
      position: relative;
      top: 0;
      z-index: 10;
      background: transparent;
      background-size: 34px 34px, auto;
    }

    .site-header.is-mega-menu-open {
      position: relative;
      top: 0;
      z-index: 40;
      background: var(--color-white);
    }

    .site-header.is-mega-menu-open .site-header__inner {
      background: var(--color-white);
      padding-right: var(--page-padding);
    }

    .site-header.is-mega-menu-open .site-header__rail {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    }

    .site-header.is-mega-menu-open + .mega-menu .mega-menu__panel {
      background: var(--color-white);
      box-shadow: none;
    }

    .site-header__inner {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      min-height: var(--site-header-height);
      background: var(--color-soft-bg);
      gap: clamp(30px, 4vw, 72px);
      padding-left: var(--page-padding);
      padding-right: calc(clamp(270px, 13.5vw, 300px) + var(--page-padding));
    }

    .site-header__logo {
      display: inline-flex;
      align-items: center;
    }

    .site-header__logo img {
      width: 150px;
      height: auto;
    }

    .site-header__nav {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 40px;
      padding-top: 10px;
    }

    .site-header__nav a,
    .site-header__nav-button {
      color: var(--color-black);
    }

    .site-header__nav a:hover,
    .site-header__nav-button:hover {
      color: var(--color-brand);
    }

    .site-header__nav-button {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 0;
      border: 0;
      background: transparent;
      cursor: pointer;
      font-size: var(--fs-nav);
      font-weight: 500;
      line-height: 1;
      letter-spacing: var(--ls-nav);
    }

    .site-header__nav-button-icon {
      width: 14px;
      height: 14px;
      transition: transform 0.25s ease;
    }

    .site-header__nav-button[aria-expanded="true"] {
      color: var(--color-brand);
    }

    .site-header__nav-button[aria-expanded="true"] .site-header__nav-button-icon {
      transform: rotate(180deg);
    }

    .mega-menu {
      position: absolute;
      top: var(--site-header-height);
      right: 0;
      left: 0;
      z-index: 30;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 0.25s ease, visibility 0.25s ease;
    }

    .mega-menu.is-open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    .mega-menu__backdrop {
      position: absolute;
      inset: 0;
      background: rgb(13 13 13 / 16%);
      backdrop-filter: blur(8px);
    }

    .mega-menu__panel {
      position: relative;
      max-height: calc(100vh - var(--site-header-height));
      max-height: calc(100dvh - var(--site-header-height));
      overflow: auto;
      background: var(--color-white);
      color: var(--color-black);
      box-shadow: none;
    }

    .mega-menu__inner {
      width: min(100%, var(--container-main));
      margin-inline: auto;
      padding: 15px var(--page-padding) 50px;
      display: grid;
      grid-template-rows: auto 1fr;
      gap: 30px;
      border-top: 1px solid rgb(0 0 0 / 5%);
    }

    .mega-menu__header {
      display: grid;
      justify-content: end;
    }

    .mega-menu__body {
      display: grid;
      grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr) minmax(0, 5fr);
      gap: 60px;
      align-content: start;
    }

    .mega-menu__content {
      display: contents;
    }

    .mega-menu__column {
      display: grid;
      align-content: start;
      gap: 22px;
      padding-top: 0;
    }

    .mega-menu__section {
      display: grid;
      gap: 18px;
    }

    .mega-menu__section-title {
      display: inline-flex;
      align-items: flex-start;
      gap: 12px;
      margin: 0;
      color: var(--color-black);
      font-size: 18px;
      font-weight: 500;
      line-height: 1.2;
      max-width: 260px;
      letter-spacing: -0.5px;
    }

    .mega-menu__section-list {
      display: grid;
      gap: 15px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .mega-menu__section-list a {
      display: inline-block;
      max-width: 100%;
      color: var(--color-black);
      font-size: 15px;
      font-weight: 300;
      line-height: 1.4;
      letter-spacing: 0;
      transition: color 0.2s ease;
    }

    .mega-menu__section-list a:hover,
    .mega-menu__section-list a:focus-visible,
    .mega-menu__section-list a.is-active {
      color: var(--color-brand);
    }

    .mega-menu__feature {
      display: grid;
      align-content: start;
      gap: 22px;
    }

    .mega-menu__feature-close {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border: 1px solid rgb(0 0 0 / 10%);
      border-radius: 10px;
      background: rgb(255 255 255 / 92%);
      color: var(--color-black);
      cursor: pointer;
      transition: all 0.25s ease;
      padding: 10px;
    }

    .mega-menu__feature-close:hover {
      border-color: var(--color-brand);
      background: var(--color-brand);
      color: var(--color-white);
    }

    .mega-menu__feature-card {
      display: grid;
      gap: 20px;
      padding: 0;
    }

    .mega-menu__feature-media {
      overflow: hidden;
      border-radius: 24px;
      background: #f9f9f9;
      height: clamp(240px, 16vw, 300px);
      max-height: 300px;
    }

    .mega-menu__feature-media img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      padding: 0;
      transition: opacity 0.2s ease, transform 0.3s ease;
    }

    .mega-menu__feature-copy {
      display: grid;
      gap: 10px;
      padding: 20px;
      padding-top: 0;
      max-width: 400px;
    }

    .mega-menu__feature-title {
      margin: 0;
      color: var(--color-black);
      font-size: 20px;
      font-weight: 500;
      line-height: 1.4;
      letter-spacing: -0.5px;
    }

    .mega-menu__feature-text {
      color: var(--color-gray);
      font-size: 14px;
      font-weight: 300;
      line-height: 1.4;
      letter-spacing: 0;
    }

    .site-header__search {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 48px;
      height: 48px;
      border: 0;
      border-radius: 50%;
      background: transparent;
      color: var(--color-black);
      cursor: pointer;
    }

    .site-header__search:hover {
      color: var(--color-brand);
    }

    .site-header__search svg {
      width: 22px;
      height: 22px;
    }

    .site-header__rail {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 20;
      width: 300px;
      transition: opacity 0.2s ease, visibility 0.2s ease;
    }

    .site-header__cta {
      position: sticky;
      top: 0;
      z-index: 2;
      display: flex;
      overflow: hidden;
      align-items: flex-end;
      width: 100%;
      min-height: 200px;
      padding: 30px;
      background: var(--color-brand);
      color: var(--color-white);
      font-size: 24px;
      font-weight: 600;
      line-height: 1.1;
      letter-spacing: 0;
      transition: color 0.3s ease;
    }

    .site-header__cta:hover {
      background: #b3003e;
      color: #ffffff;
    }

    .site-header__cta-particle-canvas {
      position: absolute;
      inset: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      pointer-events: none;
      transition: opacity 240ms ease;
    }

    .site-header__cta:hover .site-header__cta-particle-canvas,
    .site-header__cta:focus-visible .site-header__cta-particle-canvas {
      opacity: 1;
    }

    .site-header__cta-text {
      position: relative;
      z-index: 1;
      display: inline-block;
    }

    .site-header__cta-arrow {
      position: absolute;
      top: 30px;
      right: 30px;
      width: 32px;
      height: 32px;
      color: inherit;
      transition: transform 0.3s ease;
      z-index: 1;
    }

    .site-header__cta:hover .site-header__cta-arrow {
      transform: scale(1.05);
    }

    .site-header__stats {
      position: relative;
      display: grid;
      min-height: 350px;
      overflow: hidden;
      align-content: space-between;
      padding: 34px 32px;
      background: var(--color-bg-black);
      color: var(--color-white);
    }

    .site-header__stats::before {
      position: absolute;
      inset: 0;
      background:
        repeating-linear-gradient(0deg, rgb(255 255 255 / 16%) 0 1px, transparent 1px 3px),
        repeating-linear-gradient(90deg, rgb(255 255 255 / 10%) 0 1px, transparent 1px 3px);
      background-size: 4px 4px;
      mix-blend-mode: overlay;
      opacity: 0.18;
      image-rendering: pixelated;
      animation: tv-noise 520ms steps(2, end) infinite;
      content: "";
    }

    .site-header__stats-list,
    .site-header__stats-copy {
      position: relative;
      z-index: 1;
    }

    .site-header__stats-list {
      display: grid;
      gap: 32px;
    }

    .site-header__stat {
      display: grid;
      grid-template-columns: 26px 1fr;
      gap: 10px;
      align-items: start;
    }

    .site-header__stat-icon {
      width: 26px;
      height: 26px;
      margin-top: 0;
      color: var(--color-brand);
    }

    .site-header__stat strong {
      display: block;
      color: var(--color-white);
      font-size: 18px;
      font-weight: 700;
      line-height: 1;
    }

    .site-header__stat span,
    .site-header__stats-copy {
      color: rgb(255 255 255 / 55%);
      font-size: 16px;
      font-weight: 400;
      line-height: 1.6;
    }

    @keyframes tv-noise {
      0% {
        transform: translate3d(0, 0, 0);
      }

      100% {
        transform: translate3d(-3px, 2px, 0);
      }
    }

    /* ---------- Ürün Başlık Hero (line-field) ---------- */

    .line-field-section {
      position: relative;
      height: 450px;
      overflow: hidden;
      background: var(--color-soft-bg);
      isolation: isolate;
    }

    .line-field-section__inner {
      position: relative;
      z-index: 1;
      display: flex;
      justify-content: space-between;
      height: 100%;
      align-items: flex-end;
      padding: 0 var(--page-padding) 30px;
    }

    .line-field-section__content {
      display: grid;
      gap: 30px;
    }

    .line-field-section h1 {
      max-width: 500px;
    }

    .line-field-section h1 .headline-muted {
      color: var(--color-gray);
    }

    .scroll-down-indicator {
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      gap: 16px;
      text-decoration: none;
      color: var(--color-anthracite);
      margin-right: 23px;
      margin-bottom: 0;
      transition: opacity 0.3s ease;
    }

    .scroll-down-indicator:hover {
      opacity: 1;
    }

    .scroll-down-indicator__text {
      writing-mode: vertical-rl;
      text-orientation: mixed;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 2px;
      color: #808080;
      opacity: 0.5;
      transition: color 0.3s ease;
    }

    .scroll-down-indicator:hover .scroll-down-indicator__text {
      color: var(--color-brand);
      opacity: 1;
    }

    .scroll-down-indicator__line {
      position: relative;
      width: 2px;
      height: 60px;
      background: rgb(47 56 72 / 15%);
      overflow: hidden;
    }

    .scroll-down-indicator__line::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: var(--color-brand);
      transform: translateY(-100%);
      animation: scroll-line-loop 1.8s cubic-bezier(0.64, 0.04, 0.35, 1) infinite;
    }

    @keyframes scroll-line-loop {
      0% {
        transform: translateY(-100%);
      }
      50% {
        transform: translateY(0);
      }
      100% {
        transform: translateY(100%);
      }
    }

    /* ---------- Breadcrumb ---------- */

    .breadcrumb-nav {
      display: flex;
      align-items: center;
      gap: 10px;
      width: min(100%, var(--container-main));
      margin-inline: auto;
      padding-right: calc(clamp(250px, 13.5vw, 300px) + var(--page-padding));
      overflow-x: auto;
      white-space: nowrap;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }

    .breadcrumb-nav.line-field-section__breadcrumb {
      width: auto;
      max-width: 100%;
      margin: 0;
      padding: 0;
    }

    .breadcrumb-nav::-webkit-scrollbar {
      display: none;
    }

    .breadcrumb-link {
      flex: 0 0 auto;
      color: var(--color-gray);
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0;
      transition: color 0.2s ease;
    }

    .breadcrumb-link:hover {
      color: var(--color-brand);
    }

    .breadcrumb-current {
      flex: 0 0 auto;
      color: var(--color-black);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0;
    }

    .breadcrumb-separator {
      flex: 0 0 auto;
      color: var(--color-gray);
      opacity: 0.5;
      font-size: 12px;
    }

    /* ---------- Ürün Hero + Temel Özellikler geçişi (anasayfa "Projenizi Birlikte Planlayalım" mantığı) ---------- */

    .hero-transition {
      position: relative;
      isolation: isolate;
      min-height: 160vh;
      background: var(--color-white);
    }

    .hero-transition--no-spec {
      min-height: auto;
    }

    .hero-transition--no-spec .product-hero {
      position: relative;
      top: auto;
    }

    .product-hero {
      position: sticky;
      top: 0;
      z-index: 1;
      background: var(--color-white);
      color: var(--color-black);
      padding: 60px var(--page-padding) 60px;
    }

    .product-hero__inner {
      position: relative;
      z-index: 2;
      width: min(100%, var(--container-main));
      margin-inline: auto;
      display: grid;
      grid-template-columns: minmax(0, 0.48fr) minmax(0, 0.52fr);
      gap: clamp(40px, 5vw, 90px);
      align-items: center;
    }

    .product-hero__media {
      position: relative;
      display: grid;
      place-items: center;
      min-height: 600px;
      height: min(600px, 42vw);
      border-radius: var(--radius-xlarge);
      background: #f9f9f9;
      overflow: hidden;
      isolation: isolate;
      border: 1px solid rgb(0 0 0 / 1%);
    }

    .product-hero__media img {
      position: relative;
      z-index: 1;
      width: min(60%, 350px);
      height: auto;
      mix-blend-mode: darken;
      transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
      will-change: transform;
    }

    .product-hero__media:not(:has(img))::before {
      content: "";
      width: min(46%, 220px);
      height: 120px;
      background: url("../../media/fav-icon.png") center / contain no-repeat;
    }

    .product-hero__media:hover img {
      transform: scale(1.055);
    }

    .product-hero__content {
      display: grid;
      gap: 26px;
      align-self: stretch;
      align-content: center;
    }

    .product-hero__content h4 {
      max-width: 680px;
    }

    .product-hero__desc {
      display: grid;
      gap: 20px;
      max-width: 720px;
    }

    .product-hero__desc p {
      color: var(--color-gray);
      font-size: 17px;
      font-weight: 300;
      line-height: 1.6;
    }

    .product-hero__desc strong {
      color: var(--color-black);
      font-weight: 400;
    }

    .product-hero__feature-list ul {
      display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .product-hero__feature-list li {
      position: relative;
      padding-left: 20px;
      color: var(--color-gray);
      font-size: 17px;
      font-weight: 300;
      line-height: 1.6;
    }

    .product-hero__feature-list li::before {
      content: "";
      position: absolute;
      top: 0.7em;
      left: 0;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--color-brand);
    }

    .product-hero__catalog-button {
      justify-self: start;
      margin-top: 4px;
    }

    .product-hero__actions {
      display: flex;
      align-items: center;
      gap: 30px;
      padding-top: 6px;
    }

    .product-hero__anchor:hover::after,
    .product-hero__anchor:focus-visible::after {
      transform: none;
    }

    /* ---------- Teknik Özellikler (sticky) ---------- */

    .spec-section {
      --spec-head-gap: 30px;
      --spec-subline-height: 22px;
      position: relative;
      z-index: 2;
      display: flex;
      align-items: flex-start;
      height: auto;
      min-height: 100vh;
      background: var(--color-bg-black);
      color: var(--color-white);
      border-radius: var(--radius-xlarge) var(--radius-xlarge) 0 0;
      overflow: visible;
      transform: translate3d(0, var(--spec-rise, 0px), 0);
      will-change: transform;
      padding: 90px var(--page-padding) 90px;
    }

    .spec-section__inner {
      width: min(100%, var(--container-main));
      margin-inline: auto;
      display: grid;
      grid-template-columns: 45% 45%;
      grid-template-columns: minmax(0, 0.48fr) minmax(0, 0.52fr);
      gap: clamp(40px, 5vw, 90px);
      align-items: start;
    }

    .spec-section__sticky {
      position: sticky;
      top: calc(var(--site-header-height) + 40px);
      align-self: start;
      display: grid;
      align-content: start;
    }

    .spec-section__head {
      display: grid;
      align-content: start;
      gap: var(--spec-head-gap);
      max-width: 620px;
    }

    .spec-section__head h3 {
      font-size: var(--fs-h3);
      line-height: var(--lh-heading);
      letter-spacing: var(--ls-h3-h6);
      max-width: 680px;
    }

    .spec-section__head .headline-muted {
      color: rgb(255 255 255 / 50%);
    }

    .spec-section__head .section-subline {
      color: #fff;
    }

    .spec-section__intro {
      max-width: 420px;
      color: rgb(255 255 255 / 75%);
      font-size: 16px;
      font-weight: 300;
      line-height: 1.4;
      font-style: normal;
      letter-spacing: 0;
    }

    .spec-section__downloads-trigger {
      width: fit-content;
    }

    .spec-list {
      display: grid;
      margin-top: calc(var(--spec-subline-height) + var(--spec-head-gap));
    }

    .spec-item {
      display: grid;
      grid-template-columns: 36px 1fr;
      gap: 15px;
      align-items: start;
      padding: 30px 0;
      border-bottom: 1px solid var(--color-dark-line);
      opacity: 0;
      transform: translateY(18px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }

    .spec-item:not(:has(.spec-item__title)) {
      align-items: center;
    }

    .spec-item.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    .spec-item:first-child {
      padding-top: 0;
    }

    .spec-item:last-child {
      border-bottom: 0;
      padding-bottom: 0;
    }

    .spec-item__number {
      display: grid;
      place-items: center;
      width: 36px;
      height: 36px;
      background: var(--color-brand);
      border-radius: 8px;
      color: var(--color-white);
      font-size: 14px;
      font-weight: 600;
    }

    .spec-item__text {
      font-size: 16px;
      font-weight: 300;
      line-height: 1.4;
      color: rgb(255 255 255 / 75%);
    }

    .spec-item__content {
      display: grid;
      min-width: 0;
      gap: 5px;
    }

    .spec-item__title {
      color: #fff;
      font-size: 18px;
      font-weight: 400;
      line-height: 1.35;
    }

    /* ---------- Nasıl Çalışır? (OXY-A-DRY referanslı, marka renkleriyle) ---------- */

    .how-it-works-section {
      position: relative;
      z-index: 1;
      overflow: hidden;
      border-radius: var(--radius-xlarge) var(--radius-xlarge) 0 0;
      background: var(--color-white);
      color: var(--color-black);
    }

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

    .how-it-works-section__inner {
      width: min(100%, var(--container-main));
      margin-inline: auto;
      padding: 150px var(--page-padding) 150px;
      display: grid;
      gap: 60px;
    }

    .how-it-works-section__headline {
      display: grid;
      gap: 30px;
      max-width: 620px;
    }

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

    .application-card {
      position: relative;
      aspect-ratio: 3 / 2.4;
      height: auto;
      min-height: 0;
      align-self: flex-start;
      overflow: hidden;
      border-radius: 40px;
      background: var(--color-bg-black);
      cursor: pointer;
      transition: border-color 0.45s ease, box-shadow 0.45s ease;
    }

    .application-card__image {
      position: absolute;
      inset: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
      will-change: transform;
    }

    .application-card:hover .application-card__image {
      transform: scale(1.025);
    }

    .application-card__overlay {
      position: absolute;
      inset: 0;
      z-index: 1;
      background: linear-gradient(
        180deg,
        rgb(0 0 0 / 12%) 0%,
        rgb(0 0 0 / 18%) 32%,
        rgb(0 0 0 / 72%) 72%,
        rgb(0 0 0 / 85%) 100%
      );
      pointer-events: none;
    }

    .application-card__badge {
      position: absolute;
      top: 24px;
      left: 24px;
      z-index: 2;
      display: grid;
      place-items: center;
      width: 50px;
      height: 50px;
      border-radius: 12px;
      background: var(--color-brand);
      color: var(--color-white);
      font-size: 18px;
      font-weight: 600;
    }

    .application-card__content {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2;
      display: grid;
      gap: 10px;
      padding: 0 34px 34px;
    }

    .application-card__title {
      color: var(--color-white);
      font-size: 28px;
      font-weight: 600;
      line-height: 1.2;
      letter-spacing: var(--ls-h3-h6);
      transition: color 0.25s ease;
    }

    .application-card:hover .application-card__title,
    .application-card:focus-within .application-card__title {
      color: var(--color-brand);
      cursor: pointer;
    }

    .application-card__desc {
      max-width: 80%;
      color: rgb(255 255 255 / 75%);
      font-size: 16px;
      font-weight: 300;
      line-height: 1.6;
    }


    /* ---------- Aynı Kategorideki Diğer Ürünler ---------- */

    .related-products-section {
      position: relative;
      background: var(--color-black);
      color: var(--color-white);
      border-radius: 0 0 var(--radius-xlarge) var(--radius-xlarge);
      overflow: hidden;
    }

    .related-products-section__inner {
      width: min(100%, var(--container-main));
      margin-inline: auto;
      display: grid;
      gap: 60px;
      padding: 120px var(--page-padding);
    }

    .related-products-section__head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 30px;
      align-items: end;
    }

    .related-products-section__headline {
      display: grid;
      gap: 30px;
      max-width: 640px;
    }

    .related-products-section__headline .headline-muted {
      color: rgb(255 255 255 / 50%);
    }

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

    .product-card {
      position: relative;
      display: grid;
      gap: 0;
      min-height: 100%;
      padding: 0;
      border-radius: 26px;
      background: var(--color-bg-black);
      text-decoration: none;
      transition: box-shadow 420ms ease;
      cursor: default;
    }

    .product-card:hover,
    .product-card:focus-within {
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%), 0 0 0 1px rgb(0 0 0 / 18%);
    }

    .product-section__grid > a.product-card {
      color: inherit;
      cursor: pointer;
    }

    .product-card__cta:hover {
      color: var(--color-brand);
    }

    .product-card__cta:hover::after {
      background-image: url("../../media/arrow-brand.svg");
      opacity: 1;
      transform: none;
    }

    .product-card__media {
      display: flex;
      position: relative;
      align-items: center;
      justify-content: center;
      padding: 30px;
      overflow: hidden;
    }

    .product-card__media img {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      max-height: 300px;
      object-fit: contain;
      mix-blend-mode: darken;
      user-select: none;
      pointer-events: none;
      transform-origin: center center;
      transition: transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
      will-change: transform;
      border-radius: 40px;
    }

    .home-page .product-card__media img {
      mix-blend-mode: normal;
    }

    .product-card:hover .product-card__media img,
    .product-card:focus-within .product-card__media img {
      transform: scale(1.06);
    }

    .product-card__media--compact img {
      max-height: 320px;
    }

    .product-card__content {
      display: grid;
      gap: 20px;
      align-content: start;
      margin-top: auto;
      padding: 30px 30px 40px 30px;
      padding-top: 0;
    }

    .product-card__title {
      width: fit-content;
      max-width: 100%;
      font-size: 24px;
      font-weight: 500;
      line-height: 1.2;
      letter-spacing: -0.5px;
      color: var(--color-white);
      transition: color 0.25s ease;
      cursor: pointer;
    }

    .product-card__title:hover {
      color: var(--color-brand);
    }

    .product-card__desc {
      color: rgb(255 255 255 / 75%);
      font-size: 16px;
      font-weight: 300;
      line-height: 1.6;
      max-width: 500px;
      letter-spacing: 0;
    }

    .product-card__cta {
      color: var(--color-white);
    }

    /* ---------- Anahtar Kelimeler (accordion) ---------- */

    .keywords-section {
      --keywords-head-gap: 20px;
      --keywords-subline-height: 22px;
      position: relative;
      background: var(--color-white);
      color: var(--color-black);
      border-radius: var(--radius-xlarge) var(--radius-xlarge) 0 0;
      overflow: hidden;
    }

    .keywords-section__inner {
      width: min(100%, var(--container-main));
      margin-inline: auto;
      display: grid;
      grid-template-columns: 1fr;
      align-items: start;
      gap: 0;
      padding: 90px var(--page-padding);
    }

    .keywords-list {
      display: grid;
      gap: 0;
      max-width: 100%;
      margin-top: 0;
    }

    .keyword-item__code-group {
      padding: 0;
      border-radius: var(--radius-medium);
      background: #ffffff;
      break-inside: avoid;
      margin: 0 0 20px;
    }

    .keyword-item__code-group-title {
      margin-bottom: 20px;
      color: var(--color-black);
      font-size: 14px;
      font-weight: 500;
    }

    .keyword-item__codes {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
    }

    .keyword-item__code-row {
      display: flex;
      align-items: baseline;
      gap: 10px;
      padding-bottom: 8px;
      border-bottom: 1px solid var(--color-line);
      font-size: 12px;
      line-height: 1.4;
    }

    .keyword-item__code {
      flex: 0 0 auto;
      color: var(--color-black);
      font-weight: 600;
      letter-spacing: 0.01em;
      white-space: nowrap;
    }

    .keyword-item__code-name {
      color: var(--color-gray);
      font-weight: 300;
    }

    .keyword-item {
      border-bottom: 1px solid var(--color-line);
      border-radius: 0;
      background: transparent;
      overflow: hidden;
      transition: border-color 0.25s ease;
    }

    .keyword-item.is-open {
      border-color: rgb(0 0 0 / 15%);
    }

    .keyword-item__trigger {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
        width: 100%;
        padding: 20px 0;
        border: 0;
        background: transparent;
        font-family: inherit;
        font-size: 18px;
        font-weight: 500;
        color: var(--color-black);
        text-align: left;
        cursor: pointer;
        letter-spacing: var(--ls-h3-h6);
        transition: color 0.25s ease;
    }

    .keyword-item__trigger::before {
      flex: 0 0 2px;
      width: 2px;
      height: 22px;
      background: var(--color-brand);
      content: "";
    }

    .keyword-item__trigger:hover,
    .keyword-item__trigger:focus-visible,
    .keyword-item.is-open .keyword-item__trigger {
      color: var(--color-brand);
    }

    .keyword-item__icon {
      position: relative;
      margin-left: auto;
      display: grid;
      place-items: center;
      width: 35px;
      height: 35px;
      flex: 0 0 auto;
      transition: background-color 0.3s ease, border-color 0.3s ease;
    }

    .keyword-item__icon::before,
    .keyword-item__icon::after {
      position: absolute;
      background: var(--color-black);
      content: "";
      transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
    }

    .keyword-item__icon::before {
      width: 10px;
      height: 2px;
    }

    .keyword-item__icon::after {
      width: 2px;
      height: 10px;
    }

    .keyword-item.is-open .keyword-item__icon::before,
    .keyword-item.is-open .keyword-item__icon::after {
      background: var(--color-brand);
    }

    .keyword-item.is-open .keyword-item__icon::after {
      opacity: 0;
      transform: rotate(90deg);
    }

    .keyword-item__panel {
      display: grid;
      grid-template-rows: 0fr;
      transition: grid-template-rows 0.35s ease;
    }

    .keyword-item.is-open .keyword-item__panel {
      grid-template-rows: 1fr;
    }

    .keyword-item__panel-inner {
      overflow: hidden;
      min-height: 0;
    }

    .keyword-item__codes-grid {
      display: block;
      width: 100%;
      column-count: 2;
      column-gap: 20px;
      padding: 0 0 30px 0;
    }

    .keyword-item__desc {
      max-width: 760px;
      padding: 0 26px 24px;
      color: var(--color-gray);
      font-size: 15px;
      font-weight: 300;
      line-height: 1.6;
    }

    /* ---------- Sabit Alt CTA (Teklif Talep Formu) ---------- */

    .floating-cta {
      position: fixed;
      left: 50%;
      bottom: 22px;
      z-index: 10;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 6px;
      border-radius: var(--radius-medium);
      background: var(--color-white);
      box-shadow: 0 16px 36px rgb(0 0 0 / 18%), 0 2px 8px rgb(0 0 0 / 10%);
      transform: translateX(-50%);
      transition: box-shadow 0.25s ease;
    }

    .floating-cta:hover {
      box-shadow: 0 20px 44px rgb(0 0 0 / 22%), 0 3px 10px rgb(0 0 0 / 12%);
    }

    .floating-cta__label {
      padding: 0 6px;
      border: 0;
      background: transparent;
      color: var(--color-black);
      font-family: inherit;
      font-size: 13px;
      font-weight: 500;
      white-space: nowrap;
      cursor: default;
    }

    .floating-cta__label:hover {
      color: var(--color-black);
    }

    .floating-cta__button {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 40px;
      padding: 0 18px;
      border: 0;
      border-radius: var(--radius-medium);
      background: var(--color-black);
      color: var(--color-white);
      font-family: inherit;
      font-size: 13px;
      font-weight: 600;
      white-space: nowrap;
      cursor: pointer;
      transition: background-color 0.25s ease;
    }

    .floating-cta__button:hover {
      background: var(--color-brand);
      color: var(--color-white);
    }

    .floating-cta__button:hover .floating-cta__dot {
      background: var(--color-white);
    }

    .floating-cta__dot {
      width: 7px;
      height: 7px;
      flex: 0 0 auto;
      border-radius: 2px;
      background: var(--color-brand);
      transition: background-color 0.25s ease;
      animation: floating-cta-pulse 1.8s ease-in-out infinite;
    }

    @keyframes floating-cta-pulse {
      0%, 100% {
        opacity: 1;
        transform: scale(1);
      }
      50% {
        opacity: 0.35;
        transform: scale(0.7);
      }
    }

    /* ---------- Modal (Teklif Talep Formu / Broşürler ve Data Sheetler) ---------- */

    .modal-overlay {
      position: fixed;
      inset: 0;
      z-index: 100;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 24px;
      background: rgb(13 13 13 / 55%);
      backdrop-filter: blur(6px);
    }

    .modal-overlay.is-open {
      display: flex;
    }

    .modal-card {
      position: relative;
      width: min(100%, 500px);
      max-height: 86vh;
      overflow-y: auto;
      padding: 30px;
      border-radius: var(--radius-large);
      background: var(--color-white);
      color: var(--color-black);
      box-shadow: var(--shadow-dark);
    }

    .modal-card__close {
      position: absolute;
      top: 20px;
      right: 20px;
      display: grid;
      place-items: center;
      width: 36px;
      height: 36px;
      border: 1px solid rgb(0 0 0 / 10%);
      border-radius: 10px;
      background: transparent;
      color: var(--color-black);
      cursor: pointer;
      transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    }

    .modal-card__close:hover {
      border-color: var(--color-brand);
      background: var(--color-brand);
      color: var(--color-white);
    }

    .modal-card__title {
      margin-bottom: 10px;
      padding-right: 30px;
      font-size: 18px;
      font-weight: 600;
      color: var(--color-black);
    }

    .modal-card__subtitle {
      max-width: 450px;
      margin-bottom: 28px;
      color: var(--color-gray);
      font-size: 15px;
      font-weight: 300;
      line-height: 1.5;
    }

    .modal-form {
      display: grid;
      gap: 20px;
    }

    .modal-form__row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }

    .modal-form input[type="text"],
    .modal-form input[type="email"],
    .modal-form textarea {
      width: 100%;
      border: 1px solid rgb(0 0 0 / 12%);
      border-radius: var(--radius-small);
      background: var(--color-white);
      color: var(--color-black);
      font-family: inherit;
      font-size: 15px;
    }

    .modal-form input[type="text"],
    .modal-form input[type="email"] {
      height: 50px;
      padding: 0 18px;
    }

    .modal-form textarea {
      min-height: 120px;
      padding: 14px 18px;
      line-height: 1.5;
      resize: vertical;
    }

    .modal-form input::placeholder,
    .modal-form textarea::placeholder {
      color: var(--color-gray);
    }

    .modal-form input:focus,
    .modal-form textarea:focus {
      border-color: var(--color-soft-bg);
      outline: none;
    }

    .modal-form__checkbox {
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--color-gray);
      font-size: 14px;
      line-height: 1.45;
    }

    .modal-form__checkbox input {
      width: 16px;
      height: 16px;
      margin-top: -2px;
      accent-color: var(--color-brand);
      flex: 0 0 auto;
      cursor: pointer;
    }

    .modal-form__checkbox a {
      color: var(--color-black);
      font-weight: 500;
      font-size: 14px;
      line-height: 1.4;
    }

    .modal-form__checkbox a:hover {
      color: var(--color-brand);
      font-size: 14px;
      line-height: 1.4;
    }

    .modal-form__submit {
      width: 100%;
      min-height: 52px;
      margin-top: 8px;
      border: 0;
      border-radius: var(--radius-medium);
      background: var(--color-black);
      color: var(--color-white);
      font-size: 15px;
      font-weight: 600;
      cursor: pointer;
      transition: background-color 0.25s ease;
    }

    .modal-form__submit:hover {
      background: var(--color-brand);
    }

    .modal-downloads-list {
      display: grid;
      gap: 4px;
    }

    .modal-downloads-list .download-link {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 14px 4px;
      border-bottom: 1px solid rgb(0 0 0 / 8%);
      color: var(--color-black);
      font-size: 15px;
      font-weight: 500;
      transition: color 0.2s ease;
    }

    .modal-downloads-list .download-link::before {
      width: 18px;
      height: 18px;
      background: var(--color-brand);
      content: "";
      flex: 0 0 auto;
      -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h8l4 4v16H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm7 2H6v16h10V7h-3V4Zm-4 8h4v2H9v-2Zm0 4h6v2H9v-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
      mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h8l4 4v16H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm7 2H6v16h10V7h-3V4Zm-4 8h4v2H9v-2Zm0 4h6v2H9v-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .modal-downloads-list .download-link:last-child {
      border-bottom: 0;
    }

    .modal-downloads-list .download-link:hover {
      color: var(--color-brand);
    }

    .modal-downloads-list .download-link__icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 18px;
      height: 18px;
      color: var(--color-brand);
      flex: 0 0 auto;
    }

    .modal-downloads-list .download-link__name {
      flex: 1 1 auto;
    }

    /* Bricks canvas: keep the downloads modal visible and editable without opening it on the frontend. */
    .brx-body.iframe .downloads-modal--builder-editable {
      position: relative !important;
      inset: auto !important;
      z-index: 1 !important;
      display: flex !important;
      min-height: 520px;
      margin-block: 60px;
      padding: 80px var(--page-padding) 50px;
      border-block: 2px dashed rgb(230 0 67 / 28%);
      background: linear-gradient(135deg, rgb(230 0 67 / 5%), rgb(13 13 13 / 4%));
      backdrop-filter: none;
    }

    .brx-body.iframe .downloads-modal--builder-editable::before {
      position: absolute;
      top: 24px;
      left: var(--page-padding);
      color: var(--color-brand);
      content: "BRICKS ÖNİZLEME — Broşür ve Data Sheet Modalı";
      font-size: 13px;
      font-weight: 600;
      letter-spacing: .04em;
    }

    /* ---------- Footer (anasayfa ile birebir aynı) ---------- */

    .footer-shell {
      position: relative;
      overflow: hidden;
      isolation: isolate;
      min-height: auto;
      color: var(--color-white);
      background: linear-gradient(180deg, #000000 0%, #0D0D0D clamp(360px, 38vw, 540px));
      border-top-left-radius: 40px;
      border-top-right-radius: 40px;
      z-index: 999;
    }

    .footer-shell--black {
      background: linear-gradient(180deg, #000000 0%, #0D0D0D clamp(360px, 38vw, 540px));
    }

    .footer-shell__cta {
      position: relative;
      z-index: 2;
      display: grid;
      justify-items: center;
      gap: 20px;
      width: min(100%, var(--container-main));
      max-width: 800px;
      margin-inline: auto;
      padding: clamp(92px, 8vw, 150px) var(--page-padding) 0;
      text-align: center;
    }

    .footer-shell__cta .section-subline {
      color: var(--color-white);
    }

    .footer-shell__cta[data-reveal-ready="true"] > * {
      opacity: 0;
      filter: blur(8px);
      transform: translate3d(0, 18px, 0) scale(0.985);
      transition:
        opacity 0.58s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.58s ease,
        transform 0.58s cubic-bezier(0.22, 1, 0.36, 1);
      transition-delay: var(--footer-cta-delay, 0ms);
      will-change: opacity, filter, transform;
    }

    .footer-shell__cta > :nth-child(1) {
      --footer-cta-delay: 60ms;
    }

    .footer-shell__cta > :nth-child(2) {
      --footer-cta-delay: 120ms;
    }

    .footer-shell__cta > :nth-child(3) {
      --footer-cta-delay: 180ms;
    }

    .footer-shell__cta > :nth-child(4) {
      --footer-cta-delay: 240ms;
    }

    .footer-shell__cta.is-visible > * {
      opacity: 1;
      filter: blur(0);
      transform: translate3d(0, 0, 0) scale(1);
    }

    @media (prefers-reduced-motion: reduce) {
      .footer-shell__cta[data-reveal-ready="true"] > * {
        opacity: 1;
        filter: none;
        transform: none;
        transition: none;
      }
    }

    .footer-shell__cta h3 {
      max-width: 800px;
      color: var(--color-white);
    }

    .footer-shell__cta-muted {
      color: rgb(255 255 255 / 50%);
    }

    .footer-shell__cta-desc {
      max-width: 560px;
      color: rgb(255 255 255 / 50%);
      font-size: clamp(16px, 0.95vw, 18px);
      font-weight: 300;
      line-height: 1.5;
      letter-spacing: 0;
    }

    .cta-button {
      --btn-link-hover-color: currentColor;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      height: 45px;
      padding: 0 16px 0 20px;
      border: 1px solid var(--color-brand);
      border-radius: var(--radius-small);
      background: var(--color-brand);
      color: var(--color-white);
      font-size: 15px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: 0;
      text-decoration: none;
      transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
    }

    .cta-button__text {
      position: relative;
      display: inline-grid;
      min-width: var(--btn-link-text-width, auto);
      overflow: hidden;
      line-height: 1.1;
    }

    .cta-button .btn-link-words {
      padding-bottom: 0;
    }

    .cta-button svg {
      width: 12px;
      height: 12px;
      flex: 0 0 12px;
    }

    .cta-button:hover,
    .cta-button:focus-visible {
      border-color: var(--color-white);
      background: var(--color-white);
      color: var(--color-brand);
    }

    .cta-button:hover .btn-link-word-original,
    .cta-button:focus-visible .btn-link-word-original {
      transform: translateY(-110%);
    }

    .cta-button:hover .btn-link-word-hover,
    .cta-button:focus-visible .btn-link-word-hover {
      transform: translateY(0);
    }

    .footer-shell__wordmark {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      min-height: auto;
      margin-inline: auto;
      padding: 90px var(--page-padding) 0;
      overflow: hidden;
      user-select: none;
      pointer-events: none;
    }

    .footer-shell--black .footer-shell__wordmark::after {
      position: absolute;
      inset-inline: 0;
      bottom: -1px;
      z-index: 2;
      height: clamp(90px, 12vw, 210px);
      background: linear-gradient(
        180deg,
        rgb(13 13 13 / 0%) 0%,
        rgb(13 13 13 / 22%) 42%,
        rgb(13 13 13 / 68%) 76%,
        rgb(13 13 13 / 92%) 100%
      );
      content: "";
    }

    .footer-shell__wordmark img {
      position: relative;
      z-index: 1;
      display: block;
      width: min(82vw, 1548px);
      max-width: 100%;
      height: auto;
      opacity: 0.07;
    }

    .footer-shell--black .footer-shell__wordmark img {
      opacity: 0.09;
    }

    .footer-shell__panel {
      --footer-panel-overlap: clamp(-146px, -7.7vw, -40px);
      --footer-panel-progress: 0;
      position: relative;
      z-index: 2;
      margin-top: calc(var(--footer-panel-overlap) * var(--footer-panel-progress));
      padding: 52px var(--page-padding) 18px;
      background: #0D0D0D;
    }

    .footer-shell__panel-inner {
      display: grid;
      grid-template-columns: minmax(260px, 1fr) minmax(180px, auto) minmax(220px, 1fr);
      gap: clamp(40px, 7vw, 130px);
      align-items: start;
      width: min(100%, var(--container-main));
      margin-inline: auto;
    }

    .footer-shell__navigation {
      display: grid;
      grid-template-columns: repeat(2, minmax(120px, 1fr));
      gap: clamp(42px, 6vw, 120px);
      align-items: start;
    }

    .footer-shell__column,
    .footer-shell__legal {
      display: grid;
      gap: 10px;
    }

    .footer-shell__label {
      color: rgb(255 255 255 / 100%);
      font-size: 13px;
      font-weight: 400;
      line-height: 1;
      letter-spacing: 0;
      text-transform: uppercase;
      margin-bottom: 5px;
    }

    .footer-shell__column a {
      color: rgb(255 255 255 / 50%);
      font-size: 14px;
      font-weight: 200;
      line-height: 1.5;
      letter-spacing: 0;
      transition: color 0.2s ease;
    }

    .footer-shell__legal a,
    .footer-shell__bottom p {
      color: rgb(255 255 255 / 40%);
      font-size: 12px;
      font-weight: 200;
      line-height: 1.5;
      letter-spacing: 0;
    }

    .footer-shell__legal a {
      transition: color 0.2s ease;
    }

    .footer-shell__column a:hover,
    .footer-shell__legal a:hover {
      color: var(--color-brand);
    }

    .footer-shell__logo {
      display: inline-flex;
      justify-self: center;
      align-items: center;
      width: 170px;
    }

    .footer-shell__logo img {
      width: 100%;
      height: auto;
    }

    .footer-shell__aside {
      display: flex;
      justify-content: flex-end;
      align-items: stretch;
      align-self: stretch;
    }

    .footer-shell__contact-stack {
      display: flex;
      min-height: 100%;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-end;
      gap: 28px;
    }

    .footer-shell__contact-mail {
      display: flex;
      justify-content: flex-end;
      width: 100%;
    }

    .footer-shell__contacts {
      color: rgb(255 255 255 / 50%);
      font-size: 20px;
      font-weight: 500;
      line-height: 1;
      letter-spacing: 0;
      transition: color 0.2s ease;
    }

    .footer-shell__contacts:hover {
      color: var(--color-brand);
    }

    .footer-shell__social {
      display: flex;
      align-items: center;
      gap: 18px;
    }

    .footer-shell__social a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      border: 1px solid rgb(255 255 255 / 14%);
      border-radius: 12px;
      background: rgb(255 255 255 / 4%);
      transition: border-color 0.2s ease, background-color 0.2s ease;
    }

    .footer-shell__social a:hover {
      border-color: var(--color-brand);
      background: var(--color-brand);
    }

    .footer-shell__social img {
      width: 16px;
      height: 16px;
      object-fit: contain;
      opacity: 0.7;
      transition: opacity 0.2s ease;
    }

    .footer-shell__social a:hover img {
      opacity: 1;
    }

    .footer-shell__bottom {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
      align-items: center;
      width: min(100%, var(--container-main));
      margin: 60px auto 0;
      gap: 20px;
      padding-top: 20px;
      border-top: 1px solid rgb(255 255 255 / 2%);
    }

    .footer-shell__legal {
      display: flex;
      gap: 18px;
      justify-self: center;
    }

    .footer-shell__bottom-visual {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      min-height: 34px;
      width: min(220px, 100%);
      justify-self: end;
    }

    .footer-shell__bottom-visual a {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      width: min(110px, 100%);
    }

    .footer-shell__bottom-visual img {
      display: block;
      width: 100%;
      height: auto;
      opacity: 0.7;
      transition: opacity 0.2s ease;
    }

    .footer-shell__bottom-visual:hover img {
      opacity: 1;
    }

    :focus-visible {
      outline: 2px solid var(--color-brand);
      outline-offset: 4px;
    }

    /* ---------- Responsive ---------- */

    @media (max-width: 980px) {
      .site-header__inner {
        min-height: 112px;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        padding-right: var(--page-padding);
      }

      .site-header__logo,
      .site-header__nav,
      .site-header__search {
        padding-top: 0;
        margin-top: 0;
      }

      .site-header__nav {
        display: none;
      }

      .mega-menu {
        display: none;
      }

      .site-header__rail {
        position: static;
        width: auto;
      }

      .site-header__cta {
        position: static;
        min-width: auto;
        min-height: 48px;
        align-items: center;
        border-radius: var(--radius-pill);
        padding: 0 20px;
        font-size: var(--fs-nav);
      }

      .site-header__stats {
        display: none;
      }

      .line-field-section__inner {
        padding-right: var(--page-padding);
      }

      .breadcrumb-nav {
        padding-right: 0;
      }

      .hero-transition {
        min-height: 0;
      }

      .product-hero {
        position: relative;
        top: auto;
        padding-top: 70px;
      }

      .product-hero__inner {
        grid-template-columns: 1fr;
      }

      .product-hero__media {
        height: 420px;
        min-height: 360px;
      }

      .spec-section {
        display: block;
        height: auto;
        margin-top: -30px;
        border-radius: 30px 30px 0 0;
        transform: none;
      }

      .application-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .spec-section__inner {
        grid-template-columns: 1fr;
        padding-block: 0;
      }

      .spec-section__sticky {
        position: static;
        gap: 34px;
      }

      .spec-list {
        margin-top: 0;
      }

      .related-products-section__inner {
        padding-block: 80px;
      }

      .related-products-section__head {
        grid-template-columns: 1fr;
        gap: 22px;
        align-items: start;
      }

      .related-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .product-card__media {
        min-height: 340px;
      }

      .product-card__title {
        font-size: 24px;
      }

      .product-card__desc {
        font-size: 16px;
      }

      .footer-shell__panel-inner {
        grid-template-columns: 1fr;
        gap: 34px;
      }

      .footer-shell__navigation {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 34px;
      }

      .footer-shell__logo {
        justify-self: start;
        width: 152px;
      }

      .footer-shell__aside,
      .footer-shell__contact-stack {
        justify-content: flex-start;
      }

      .footer-shell__contact-stack {
        min-height: auto;
        align-items: flex-start;
      }

      .footer-shell__contact-mail {
        justify-content: flex-start;
      }

      .footer-shell__aside,
      .footer-shell__contact-stack {
        gap: 28px;
      }

      .footer-shell__bottom {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: stretch;
      }

      .footer-shell__legal,
      .footer-shell__bottom-visual {
        justify-self: start;
      }

      .footer-shell__bottom-visual {
        justify-content: flex-start;
      }

      .keyword-item__codes-grid {
        column-count: 2;
      }

      .keywords-section__inner {
        grid-template-columns: 1fr;
      }

      .keywords-list {
        margin-top: 0;
      }
    }

    @media (max-width: 760px) {
.line-field-section {
        height: 420px;
      }

      .line-field-section__inner {
        padding-bottom: 42px;
      }

      .how-it-works-section__inner {
        padding: 70px var(--page-padding) 60px;
        gap: 36px;
      }

      .application-cards {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .application-card__badge {
        top: 16px;
        left: 16px;
        width: 28px;
        height: 28px;
        font-size: 11px;
      }

      .application-card__content {
        padding: 0 22px 24px;
      }

      .application-card__title {
        font-size: 24px;
      }

      .application-card__desc {
        max-width: 90%;
        font-size: 16px;
      }

      .product-hero {
        padding: 30px 30px 90px;
      }

      .spec-item__text {
        font-size: 16px;
      }

      .keywords-section__inner {
        padding: 70px var(--page-padding);
        gap: 34px;
      }

      .keyword-item__trigger {
        padding: 18px 20px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: var(--ls-body);
      }

      .keyword-item__desc {
        padding: 0 20px 20px;
      }

      .keyword-item__codes-grid {
        column-count: 1;
        padding: 18px;
      }

      .keyword-item__code-group {
        padding: 0;
      }

      .keyword-item__codes {
        grid-template-columns: 1fr;
      }

      .modal-card {
        padding: 32px 26px;
      }

      .modal-form__row {
        grid-template-columns: 1fr;
      }

      .floating-cta {
        bottom: 16px;
        padding: 5px;
      }

      .floating-cta__button {
        min-height: 38px;
        padding: 0 16px;
        font-size: 12px;
      }

      .related-products-grid {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .product-card {
        padding: 0;
      }

      .product-card__media {
        min-height: 280px;
      }

      .product-card__title {
        font-size: 22px;
      }

      .product-card__desc {
        font-size: 16px;
      }

      .related-products-section {
        margin-bottom: 40px;
      }

      .footer-shell__wordmark {
        justify-content: flex-start;
        min-height: auto;
        padding-top: 90px;
      }

      .footer-shell__cta {
        gap: 18px;
        justify-items: start;
        padding: 70px var(--page-padding) 0;
        text-align: left;
      }

      .footer-shell__cta h3 {
        max-width: 100%;
        font-size: clamp(32px, 8.6vw, 42px);
      }

      .footer-shell__cta-desc {
        max-width: 360px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: var(--ls-body);
      }

      .footer-shell__wordmark img {
        width: min(132vw, 700px);
      }

      .footer-shell__panel {
        padding: 36px var(--page-padding) 18px;
      }

      .footer-shell__navigation {
        grid-template-columns: 1fr;
        gap: 30px;
      }

      .footer-shell__bottom {
        margin-top: 36px;
      }

      .footer-shell__legal {
        flex-wrap: wrap;
      }
    }

/* Main shared styles — source of truth: index.php */
:root {
      --color-black: #000000;
      --color-bg-black: #0D0D0D;
      --color-gray: #808080;
      --color-anthracite: #2B2B2B;
      --color-dark-paragraph: rgb(255 255 255 / 50%);
      --color-brand: #D9004B;
      --color-white: #FFFFFF;
      --color-soft-bg: #f9f9f9;
      --color-line: rgb(0 0 0 / 10%);
      --color-dark-line: rgb(255 255 255 / 14%);

      --font-primary: "Outfit", "Outfit Placeholder", sans-serif;

      --container-main: 2560px;
      --container-narrow: 1440px;
      --page-padding: clamp(30px, 4vw, 60px);
      --site-header-height: 100px;
      --news-band-height: 110px;

      --radius-none: 0;
      --radius-small: 8px;
      --radius-medium: 16px;
      --radius-large: 24px;
      --radius-xlarge: 40px;
      --radius-pill: 999px;

      --shadow-soft: 0 28px 80px rgb(0 0 0 / 10%);
      --shadow-dark: 0 30px 90px rgb(0 0 0 / 34%);

      --fs-h1: clamp(54px, 3.9vw, 72px);
      --fs-h2: clamp(48px, 3.35vw, 64px);
      --fs-h3: clamp(44px, 2.8vw, 54px);
      --fs-h4: clamp(40px, 2.5vw, 48px);
      --fs-h5: clamp(34px, 1.95vw, 38px);
      --fs-h6: clamp(30px, 1.85vw, 34px);
      --fs-body: clamp(15px, calc(0.25vw + 12px), 16px);
      --fs-nav: 14px;

      --lh-heading: 1.1;
      --lh-body: 1.6;

      --ls-h1-h2: -0.025em;
      --ls-h3-h6: -0.015em;
      --ls-body: -0.01em;
      --ls-nav: -0.01em;
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: auto;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    html.lenis,
    html.lenis body {
      height: auto;
    }

    .lenis.lenis-smooth {
      scroll-behavior: auto !important;
    }

    .lenis.lenis-stopped {
      overflow: hidden;
    }

    body {
      margin: 0;
      background: var(--color-white);
      color: var(--color-black);
      font-family: var(--font-primary);
      font-size: var(--fs-body);
      line-height: var(--lh-body);
      letter-spacing: var(--ls-body);
    }

    body.mega-menu-open {
      overflow: hidden;
    }

    body.mobile-menu-open {
      overflow: hidden;
    }

    img,
    picture,
    video,
    canvas,
    svg {
      display: block;
      max-width: 100%;
    }

    button,
    input,
    textarea,
    select {
      font: inherit;
    }

    a {
      color: inherit;
      font-size: var(--fs-body);
      line-height: var(--lh-body);
      letter-spacing: var(--ls-body);
      text-decoration: none;
    }

    a:hover {
      color: var(--color-brand);
    }

    nav a {
      font-size: var(--fs-nav);
      font-weight: 500;
      line-height: 1;
      letter-spacing: var(--ls-nav);
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
      margin: 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: inherit;
      font-weight: 600;
      line-height: var(--lh-heading);
    }

    h1,
    h2 {
      letter-spacing: var(--ls-h1-h2);
    }

    h3,
    h4,
    h5,
    h6 {
      letter-spacing: var(--ls-h3-h6);
    }

    h1 {
      font-size: var(--fs-h1);
    }

    h2 {
      font-size: var(--fs-h2);
    }

    h3 {
      font-size: var(--fs-h3);
    }

    h4 {
      font-size: var(--fs-h4);
    }

    h5 {
      font-size: var(--fs-h5);
    }

    h6 {
      font-size: var(--fs-h6);
    }

    p {
      color: var(--color-gray);
      font-size: var(--fs-body);
      line-height: var(--lh-body);
      letter-spacing: var(--ls-body);
    }

    .container {
      width: min(100%, var(--container-main));
      margin-inline: auto;
      padding-inline: var(--page-padding);
    }

    .container--narrow {
      width: min(100%, var(--container-narrow));
      margin-inline: auto;
      padding-inline: var(--page-padding);
    }

    .gap-xs {
      gap: 20px;
    }

    .gap-l {
      gap: 40px;
    }

    .gap-xl {
      gap: 60px;
    }

    .gap-xxl {
      gap: 80px;
    }

    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 0 22px;
      border: 1px solid transparent;
      border-radius: var(--radius-pill);
      background: var(--color-anthracite);
      color: var(--color-white);
      font-size: var(--fs-nav);
      font-weight: 700;
      line-height: 1;
      letter-spacing: var(--ls-nav);
      text-decoration: none;
    }

    .button:hover {
      background: var(--color-brand);
      color: var(--color-white);
    }

    .site-header {
      position: relative;
      top: 0;
      z-index: 10;
      background: transparent;
      background-size: 34px 34px, auto;
    }

    .site-header.is-mega-menu-open {
      position: relative;
      top: 0;
      z-index: 40;
      background: var(--color-white);
    }

    .site-header.is-mega-menu-open .site-header__inner {
      background: var(--color-white);
      padding-right: var(--page-padding);
    }

    .site-header.is-mega-menu-open .site-header__rail {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    }

    .site-header.is-mega-menu-open + .mega-menu .mega-menu__panel {
      background: var(--color-white);
      box-shadow: none;
    }

    .site-header__inner {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      min-height: var(--site-header-height);
      background: var(--color-soft-bg);
      gap: clamp(30px, 4vw, 72px);
      padding-left: var(--page-padding);
      padding-right: calc(clamp(270px, 13.5vw, 300px) + var(--page-padding));
    }

    .site-header__logo {
      display: inline-flex;
      align-items: center;
    }

    .site-header__logo img {
      width: 150px;
      height: auto;
    }

    .site-header__nav {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding-top: 10px;
    }

    .site-header__nav a,
    .site-header__nav-button {
      color: var(--color-black);
    }

    .site-header__nav a:hover,
    .site-header__nav-button:hover {
      color: var(--color-brand);
    }

    .site-header__nav-button {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 0;
      border: 0;
      background: transparent;
      cursor: pointer;
      font-size: var(--fs-nav);
      font-weight: 500;
      line-height: 1;
      letter-spacing: var(--ls-nav);
    }

    .site-header__nav-button-icon {
      width: 14px;
      height: 14px;
      transition: transform 0.25s ease;
    }

    .site-header__nav-button[aria-expanded="true"] {
      color: var(--color-brand);
    }

    .site-header__nav-button[aria-expanded="true"] .site-header__nav-button-icon {
      transform: rotate(180deg);
    }

    .mega-menu {
      position: absolute;
      top: var(--site-header-height);
      right: 0;
      left: 0;
      z-index: 30;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 0.25s ease, visibility 0.25s ease;
    }

    .mega-menu.is-open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    .mega-menu__backdrop {
      position: absolute;
      inset: 0;
      background: rgb(13 13 13 / 16%);
      backdrop-filter: blur(8px);
    }

    .mega-menu__panel {
      position: relative;
      height: 100%;
      max-height: calc(100vh - var(--site-header-height));
      max-height: calc(100dvh - var(--site-header-height));
      overflow: hidden;
      background: var(--color-white);
      color: var(--color-black);
      box-shadow: none;
    }

    .mega-menu__inner {
      width: min(100%, var(--container-main));
      height: 100%;
      margin-inline: auto;
      padding: 0 var(--page-padding) 0;
      display: grid;
      grid-template-rows: 58px auto auto minmax(0, 1fr);
      gap: 0;
      border-top: 1px solid rgb(0 0 0 / 5%);
    }

    .mega-menu__body {
    display: grid;
    grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr) minmax(0, 5fr);
    gap: 60px;
    align-content: start;
    } 

    .mega-menu__content {
      display: contents;
    }

    .mega-menu__column {
      display: grid;
      align-content: start;
      gap: 22px;
      padding-top: 0;
    }

    .mega-menu__section {
      display: grid;
      gap: 18px;
    }

    .mega-menu__section-title {
      display: inline-flex;
      align-items: flex-start;
      gap: 12px;
      margin: 0;
      color: var(--color-black);
      font-size: 18px;
      font-weight: 500;
      line-height: 1.2;
      max-width: 260px;
      letter-spacing: -0.5px;
    }

    .mega-menu__section-list {
      display: grid;
      gap: 15px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .mega-menu__section-list a {
      display: inline-block;
      max-width: 100%;
      color: var(--color-black);
      font-size: 15px;
      font-weight: 300;
      line-height: 1.4;
      letter-spacing: 0;
      transition: color 0.2s ease;
    }

    .mega-menu__section-list a:hover,
    .mega-menu__section-list a:focus-visible,
    .mega-menu__section-list a.is-active {
      color: var(--color-brand);
    }

    .mega-menu__feature {
      display: grid;
      align-content: start;
      gap: 22px;
    }

    .mega-menu__feature-close {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border: 1px solid rgb(0 0 0 / 5%);
      border-radius: 10px;
      background: rgb(255 255 255 / 92%);
      color: var(--color-black);
      cursor: pointer;
      transition: border-color 0.25s ease, background-color 0.25s ease, color 0.25s ease;
      padding: 10px;
    }

    .mega-menu__feature-close:hover {
      background: var(--color-brand);
      color: var(--color-white);
    }

    .mega-menu__feature-card {
      display: grid;
      gap: 20px;
      padding: 0;
    }

    .mega-menu__feature-media {
      overflow: hidden;
      border-radius: 24px;
      background: #f9f9f9;
      height: clamp(240px, 16vw, 300px);
      max-height: 300px;
    }

    .mega-menu__feature-media img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      padding: 0;
      transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1), transform 0.3s ease;
    }

    .mega-menu__primary-tabs {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      align-items: stretch;
      min-height: 64px;
      border-bottom: 1px solid rgb(0 0 0 / 5%);
    }

    .mega-menu__primary-tab {
      position: relative;
      display: flex;
      align-items: center;
      gap: 12px;
      height: 100%;
      border: 0;
      border-right: 1px solid rgb(0 0 0 / 5%);
      padding: 14px 22px 14px 30px;
      background: transparent;
      color: var(--color-gray);
      font-family: inherit;
      font-size: clamp(13px, 1vw, 16px);
      letter-spacing: var(--ls-h3-h6);
      font-weight: 500;
      line-height: 1.25;
      text-align: left;
      cursor: pointer;
      transition: color 220ms ease;
    }

    .mega-menu__primary-tab:last-child {
      border-right: 0;
    }

    .mega-menu__primary-tab:first-child {
      padding-left: 0;
    }

    .mega-menu__primary-tab::after {
      position: absolute;
      right: 0;
      bottom: -1px;
      left: 0;
      height: 1px;
      background: var(--color-black);
      opacity: 0;
      transform: scaleX(0.35);
      transition: opacity 220ms ease, transform 220ms ease;
      content: "";
    }

    .mega-menu__primary-tab:hover,
    .mega-menu__primary-tab.is-active {
      background: transparent;
      color: var(--color-black);
    }

    .mega-menu__primary-tab.is-active::after {
      opacity: 1;
      transform: scaleX(1);
    }

    .mega-menu__secondary-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      min-height: 58px;
      border-bottom: 1px solid rgb(0 0 0 / 5%);
    }

    .mega-menu__secondary-tabs {
      display: flex;
      align-items: center;
      gap: 0;
      min-width: 0;
      min-height: 58px;
      overflow-x: auto;
      padding: 8px 0;
      scrollbar-width: thin;
    }

    .mega-menu__secondary-tab {
      flex: 0 0 auto;
      position: relative;
      min-height: 30px;
      border: 0;
      border-radius: 0;
      padding: 0 14px;
      background: transparent;
      color: var(--color-gray);
      font-family: inherit;
      font-size: 13px;
      font-weight: 500;
      white-space: nowrap;
      cursor: pointer;
      transition: color 220ms ease;
    }

    .mega-menu__secondary-tab:first-child {
      padding-left: 0;
    }

    .mega-menu__secondary-tab + .mega-menu__secondary-tab::before {
      position: absolute;
      top: 50%;
      left: 0;
      color: rgb(0 0 0 / 22%);
      transform: translateY(-52%);
      content: "|";
    }

    .mega-menu__secondary-tab:hover,
    .mega-menu__secondary-tab.is-active {
      background: transparent;
      color: var(--color-brand);
    }

    .product-mega-menu .mega-menu__inner {
      grid-template-rows: 58px minmax(0, 1fr);
    }

    .mega-menu__body--hierarchy {
      display: grid;
      grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.9fr) minmax(0, 1.1fr) minmax(300px, 1.25fr);
      gap: 0;
      min-height: 0;
      overflow: hidden;
    }

    .mega-menu__level {
      min-width: 0;
      overflow: hidden;
      padding: 16px clamp(18px, 1.65vw, 30px) 16px 0;
    }

    .mega-menu__level--primary,
    .mega-menu__level--secondary,
    .mega-menu__level--tertiary {
      border-right: 1px solid rgb(0 0 0 / 5%);
    }

    .product-mega-menu .mega-menu__level--secondary,
    .product-mega-menu .mega-menu__level--tertiary {
      padding-left: clamp(18px, 1.65vw, 30px);
    }

    .product-mega-menu .mega-menu__primary-tabs,
    .product-mega-menu .mega-menu__secondary-tabs {
      display: grid;
      grid-template-columns: 1fr;
      align-content: start;
      align-items: initial;
      gap: 0;
      min-width: 0;
      min-height: 0;
      height: auto;
      overflow: visible;
      border: 0;
      padding: 0;
    }

    .product-mega-menu .mega-menu__primary-tab,
    .product-mega-menu .mega-menu__secondary-tab {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 8px;
      align-items: center;
      gap: 10px;
      width: 100%;
      min-height: 42px;
      height: auto;
      border: 0;
      padding: 6px 0;
      background: transparent;
      color: #808080;
      font-family: inherit;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.25;
      letter-spacing: normal;
      white-space: normal;
      text-align: left;
      cursor: pointer;
      transition: color 200ms ease;
    }

    .product-mega-menu .mega-menu__primary-tab {
      grid-template-columns: 26px minmax(0, 1fr) 8px;
    }

    .product-mega-menu .mega-menu__secondary-tab {
      grid-template-columns: 26px minmax(0, 1fr) 8px;
    }

    .product-mega-menu .mega-menu__primary-tab:first-child,
    .product-mega-menu .mega-menu__secondary-tab:first-child {
      padding-left: 0;
    }

    .product-mega-menu .mega-menu__primary-tab::after,
    .product-mega-menu .mega-menu__secondary-tab + .mega-menu__secondary-tab::before {
      display: none;
    }

    .product-mega-menu .mega-menu__primary-tab.is-active,
    .product-mega-menu .mega-menu__secondary-tab.is-active {
      background: transparent;
      color: #808080;
    }

    .product-mega-menu .mega-menu__primary-tab:hover,
    .product-mega-menu .mega-menu__primary-tab:focus-visible,
    .product-mega-menu .mega-menu__secondary-tab:hover,
    .product-mega-menu .mega-menu__secondary-tab:focus-visible {
      color: var(--color-brand);
    }

    .product-mega-menu .mega-menu__primary-number {
      color: rgb(128 128 128 / 40%);
      font-size: 11px;
      font-variant-numeric: tabular-nums;
      transition: color 200ms ease;
    }

    .product-mega-menu .mega-menu__primary-tab:hover .mega-menu__primary-number,
    .product-mega-menu .mega-menu__primary-tab:focus-visible .mega-menu__primary-number,
    .product-mega-menu .mega-menu__secondary-tab:hover .mega-menu__primary-number,
    .product-mega-menu .mega-menu__secondary-tab:focus-visible .mega-menu__primary-number {
      color: var(--color-brand);
    }

    .mega-menu__level-list {
      display: grid;
      align-content: start;
      gap: 0;
    }

    .mega-menu__tertiary-button {
      display: grid;
      grid-template-columns: 26px minmax(0, 1fr) 8px;
      align-items: center;
      gap: 8px;
      width: 100%;
      min-height: 35px;
      border: 0;
      border-radius: var(--radius-small);
      padding: 4px 0;
      background: transparent;
      color: #808080;
      font-family: inherit;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.25;
      text-align: left;
      cursor: pointer;
      transition: color 200ms ease;
    }

    .product-mega-menu .mega-menu__tertiary-button {
      grid-template-columns: 26px minmax(0, 1fr) 8px;
    }

    .mega-menu__tertiary-number {
      color: #808080;
      font-size: 11px;
      font-variant-numeric: tabular-nums;
      transition: color 200ms ease;
    }

    .mega-menu__tertiary-button:hover .mega-menu__tertiary-number,
    .mega-menu__tertiary-button:focus-visible .mega-menu__tertiary-number {
      color: var(--color-brand);
    }

    .mega-menu__tertiary-button:hover,
    .mega-menu__tertiary-button:focus-visible {
      background: transparent;
      color: var(--color-brand);
    }

    .mega-menu__item-arrow {
      width: 8px;
      height: 8px;
      background: url("../../media/arrow-black.svg") center / contain no-repeat;
      opacity: 0.45;
      transition: background-image 200ms ease, opacity 200ms ease, transform 200ms ease;
    }

    .mega-menu__tertiary-button:hover .mega-menu__item-arrow,
    .mega-menu__tertiary-button:focus-visible .mega-menu__item-arrow,
    .mega-menu__primary-tab:hover .mega-menu__item-arrow,
    .mega-menu__primary-tab:focus-visible .mega-menu__item-arrow,
    .mega-menu__secondary-tab:hover .mega-menu__item-arrow,
    .mega-menu__secondary-tab:focus-visible .mega-menu__item-arrow {
      background-image: url("../../media/arrow-brand.svg");
      opacity: 1;
      transform: translate(2px, -2px);
    }

    .mega-menu__item-text {
      display: grid;
      min-width: 0;
      overflow: hidden;
    }

    .mega-menu__item-text > span {
      grid-area: 1 / 1;
      color: var(--color-black);
      transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    .mega-menu__item-text > span:last-child {
      color: var(--color-brand);
      transform: translateY(115%);
    }

    .mega-menu__tertiary-button:hover .mega-menu__item-text > span:first-child,
    .mega-menu__tertiary-button:focus-visible .mega-menu__item-text > span:first-child,
    .mega-menu__tertiary-button.is-active .mega-menu__item-text > span:first-child,
    .mega-menu__primary-tab:hover .mega-menu__item-text > span:first-child,
    .mega-menu__primary-tab:focus-visible .mega-menu__item-text > span:first-child,
    .mega-menu__primary-tab.is-active .mega-menu__item-text > span:first-child,
    .mega-menu__secondary-tab:hover .mega-menu__item-text > span:first-child,
    .mega-menu__secondary-tab:focus-visible .mega-menu__item-text > span:first-child,
    .mega-menu__secondary-tab.is-active .mega-menu__item-text > span:first-child {
      transform: translateY(-115%);
    }

    .mega-menu__tertiary-button:hover .mega-menu__item-text > span:last-child,
    .mega-menu__tertiary-button:focus-visible .mega-menu__item-text > span:last-child,
    .mega-menu__tertiary-button.is-active .mega-menu__item-text > span:last-child,
    .mega-menu__primary-tab:hover .mega-menu__item-text > span:last-child,
    .mega-menu__primary-tab:focus-visible .mega-menu__item-text > span:last-child,
    .mega-menu__primary-tab.is-active .mega-menu__item-text > span:last-child,
    .mega-menu__secondary-tab:hover .mega-menu__item-text > span:last-child,
    .mega-menu__secondary-tab:focus-visible .mega-menu__item-text > span:last-child,
    .mega-menu__secondary-tab.is-active .mega-menu__item-text > span:last-child {
      transform: translateY(0);
    }

    .mega-menu__primary-tab.is-active .mega-menu__primary-number,
    .mega-menu__secondary-tab.is-active .mega-menu__primary-number,
    .mega-menu__tertiary-button.is-active .mega-menu__tertiary-number {
      color: var(--color-black);
    }

    .mega-menu__primary-tab.is-active .mega-menu__item-arrow,
    .mega-menu__secondary-tab.is-active .mega-menu__item-arrow,
    .mega-menu__tertiary-button.is-active .mega-menu__item-arrow {
      background-image: url("../../media/arrow-black.svg");
      opacity: 1;
      transform: translate(2px, -2px);
    }

    .mega-menu__body--hierarchy .mega-menu__feature {
      min-width: 0;
      overflow: hidden;
      padding: 16px 0 16px 16px;
    }

    .mega-menu__body--hierarchy .mega-menu__feature-card {
      position: relative;
      display: block;
      height: 100%;
      min-height: 0;
      overflow: hidden;
      border-radius: var(--radius-large);
      background: var(--color-soft-bg);
      cursor: pointer;
    }

    .mega-menu__body--hierarchy .mega-menu__feature-media {
      position: relative;
      display: grid;
      place-items: center;
      height: 100%;
      max-height: none;
      border-radius: 0;
      background: linear-gradient(150deg, #f5f7fa, var(--color-soft-bg));
    }

    .mega-menu__body--hierarchy .mega-menu__feature-media img {
      width: 82%;
      height: 82%;
      margin: auto;
      object-fit: contain;
      padding: 0;
      transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1), transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .mega-menu__body--hierarchy .mega-menu__feature-card:hover img {
      transform: scale(1.035);
    }

    .sector-mega-menu .mega-menu__inner {
      grid-template-rows: 58px minmax(0, 1fr);
    }

    .product-mega-menu .mega-menu__panel,
    .sector-mega-menu .mega-menu__panel,
    .corporate-mega-menu .mega-menu__panel {
      height: 500px;
    }

    .sector-mega-menu__toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid rgb(0 0 0 / 5%);
    }

    .sector-mega-menu__title {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      margin: 0;
      color: var(--color-black);
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .sector-mega-menu__title::before {
      width: 2px;
      height: 22px;
      background: var(--color-brand);
      content: "";
    }

    .sector-mega-menu__body {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(340px, 1.15fr);
      min-height: 0;
      overflow: hidden;
    }

    .sector-mega-menu__column {
      min-width: 0;
      overflow: hidden;
      padding: 16px clamp(18px, 1.65vw, 30px) 0 0;
      border-right: 1px solid rgb(0 0 0 / 5%);
    }

    .sector-mega-menu__column:nth-child(2),
    .sector-mega-menu__column:nth-child(3) {
      padding-left: clamp(18px, 1.65vw, 30px);
    }

    .sector-mega-menu__list {
      display: grid;
      align-content: start;
      gap: 0;
    }

    .sector-mega-menu__link {
      text-decoration: none;
    }

    .sector-mega-menu__feature {
      min-width: 0;
      overflow: hidden;
      padding: 16px 0 16px 16px;
    }

    .sector-mega-menu__feature-card,
    .corporate-mega-menu__feature-card {
      position: relative;
      isolation: isolate;
    }

    .sector-mega-menu__feature-card {
      display: block;
      height: 100%;
      min-height: 0;
      overflow: hidden;
      border-radius: var(--radius-large);
      background: var(--color-soft-bg);
      cursor: pointer;
    }

    .sector-mega-menu__feature-card::after,
    .corporate-mega-menu__feature-card::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 2;
      width: clamp(72px, 24%, 180px);
      aspect-ratio: 204 / 324;
      background: url("../../media/megamenu-brand-logo.svg") center / contain no-repeat;
      opacity: 1;
      pointer-events: none;
      transform: translate(-50%, -50%);
    }

    .sector-mega-menu__feature-card::before,
    .corporate-mega-menu__feature-card::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background: rgb(0 0 0 / 10%);
      pointer-events: none;
    }

    .sector-mega-menu__feature-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: opacity 0.18s cubic-bezier(0.22, 1, 0.36, 1), transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .sector-mega-menu__feature-card:hover img {
      transform: scale(1.035);
    }

    .corporate-mega-menu .mega-menu__inner {
      grid-template-rows: 58px minmax(0, 1fr);
    }

    .corporate-mega-menu__body {
      display: grid;
      grid-template-columns: minmax(280px, 0.85fr) minmax(420px, 1.2fr) minmax(380px, 1.25fr);
      min-height: 0;
      overflow: hidden;
    }

    .services-mega-menu__body {
      grid-template-columns: minmax(390px, 1.05fr) minmax(390px, 1.1fr) minmax(360px, 1.15fr);
    }

    .services-mega-menu .corporate-mega-menu__tabs {
      overflow-y: auto;
      padding-top: 10px;
      scrollbar-width: thin;
    }

    .services-mega-menu__tab {
      grid-template-columns: 34px minmax(0, 1fr) 8px;
    }

    .services-mega-menu .corporate-mega-menu__content h3 {
      font-size: clamp(25px, 1.75vw, 34px);
      line-height: 1.12;
    }

    .corporate-mega-menu__tabs {
      min-width: 0;
      overflow: hidden;
      padding: 16px clamp(18px, 1.65vw, 30px) 0 0;
      border-right: 1px solid rgb(0 0 0 / 5%);
    }

    .corporate-mega-menu__tab-list {
      display: grid;
      align-content: start;
      gap: 2px;
    }

    .corporate-mega-menu__content {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      min-width: 0;
      padding: 30px;
      border-right: 1px solid rgb(0 0 0 / 5%);
    }

    .corporate-mega-menu__eyebrow {
      margin: 0 0 20px;
      color: var(--color-brand);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .corporate-mega-menu__cta {
      margin-top: auto;
    }

    .corporate-mega-menu__content h3 {
      max-width: 580px;
      margin: 0;
      color: var(--color-black);
      font-size: clamp(28px, 2.2vw, 42px);
      font-weight: 500;
      line-height: 1.05;
      letter-spacing: -0.035em;
    }

    .corporate-mega-menu__content h3 a {
      color: inherit;
      font: inherit;
      letter-spacing: inherit;
      transition: color 200ms ease;
    }

    .corporate-mega-menu__content h3 a:hover,
    .corporate-mega-menu__content h3 a:focus-visible {
      color: var(--color-brand);
    }

    .corporate-mega-menu__description {
      max-width: 510px;
      margin: 20px 0;
      color: var(--color-gray);
      font-size: 15px;
      font-weight: 300;
      line-height: 1.65;
    }

    .product-mega-menu .mega-menu__level--tertiary {
      padding: 0;
    }

    .product-mega-menu__content {
      height: 100%;
      padding: 30px;
      border-right: 0;
    }

    .product-mega-menu__content h3 {
      font-size: clamp(24px, 1.7vw, 34px);
    }

    .product-mega-menu__content .corporate-mega-menu__description {
      font-size: 14px;
    }

    .corporate-mega-menu__feature {
      min-width: 0;
      overflow: hidden;
      padding: 16px 0 16px 16px;
    }

    .corporate-mega-menu__feature-card {
      display: block;
      height: 100%;
      overflow: hidden;
      border-radius: var(--radius-large);
      background: var(--color-soft-bg);
      cursor: pointer;
    }

    .corporate-mega-menu__feature-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1), transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .corporate-mega-menu__feature-card:hover img {
      transform: scale(1.035);
    }

    .site-header__search {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 48px;
      height: 48px;
      border: 0;
      border-radius: 50%;
      background: transparent;
      color: var(--color-black);
      cursor: pointer;
    }

    .site-header__search:hover {
      color: var(--color-brand);
    }

    .site-header__search svg {
      width: 22px;
      height: 22px;
    }

    .site-header__actions {
      grid-column: 3;
      display: flex;
      align-items: center;
      justify-self: end;
      gap: 10px;
    }

    .site-header--product .site-header__inner {
      padding-right: var(--page-padding);
    }

    .product-header__action-column {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
    }

    .header-cta-button,
    .primary-button,
    .second-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      height: 45px;
      padding: 0 16px 0 20px;
      border: 0;
      border-radius: var(--radius-medium);
      background: var(--color-brand);
      color: var(--color-white);
      cursor: pointer;
      font-size: 15px;
      font-weight: 600;
      line-height: 1;
      text-decoration: none;
      transition: background-color 0.25s ease, color 0.25s ease;
    }

    .header-cta-button__text,
    .primary-button__text,
    .second-button__text {
      position: relative;
      display: inline-grid;
      overflow: hidden;
      line-height: 1.1;
    }

    .header-cta-button__text-original,
    .header-cta-button__text-hover,
    .primary-button__text-original,
    .primary-button__text-hover,
    .second-button__text-original,
    .second-button__text-hover {
      grid-area: 1 / 1;
      transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .header-cta-button__text-hover,
    .primary-button__text-hover,
    .second-button__text-hover {
      transform: translateY(110%);
    }

    .header-cta-button svg,
    .primary-button svg,
    .second-button svg {
      width: 12px;
      height: 12px;
      flex: 0 0 12px;
    }

    .header-cta-button:hover,
    .header-cta-button:focus-visible {
      background: var(--color-white);
      color: var(--color-brand);
    }

    .primary-button:hover,
    .primary-button:focus-visible {
      background: var(--color-black);
      color: var(--color-white);
    }

    .second-button:hover,
    .second-button:focus-visible {
      background: var(--color-white);
      color: var(--color-black);
    }

    .header-cta-button:hover .header-cta-button__text-original,
    .header-cta-button:focus-visible .header-cta-button__text-original,
    .primary-button:hover .primary-button__text-original,
    .primary-button:focus-visible .primary-button__text-original,
    .second-button:hover .second-button__text-original,
    .second-button:focus-visible .second-button__text-original {
      transform: translateY(-110%);
    }

    .header-cta-button:hover .header-cta-button__text-hover,
    .header-cta-button:focus-visible .header-cta-button__text-hover,
    .primary-button:hover .primary-button__text-hover,
    .primary-button:focus-visible .primary-button__text-hover,
    .second-button:hover .second-button__text-hover,
    .second-button:focus-visible .second-button__text-hover {
      transform: translateY(0);
    }

    .site-header__menu-toggle {
      display: none;
      position: relative;
      flex: 0 0 32px;
      width: 32px;
      min-width: 32px;
      height: 48px;
      border: 0;
      padding: 0;
      background: transparent;
      color: var(--color-black);
      cursor: pointer;
      place-items: center;
    }

    .site-header__menu-toggle:hover {
      color: var(--color-brand);
    }

    .site-header__menu-toggle img {
      display: block;
      width: 22px;
      height: 22px;
      object-fit: contain;
      pointer-events: none;
    }

    .mobile-menu {
      position: fixed;
      inset: 0;
      z-index: 70;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 300ms ease, visibility 300ms ease;
    }

    .mobile-menu.is-open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    .mobile-menu__backdrop {
      position: absolute;
      inset: 0;
      border: 0;
      padding: 0;
      background: rgb(13 13 13 / 48%);
      backdrop-filter: blur(5px);
      cursor: pointer;
    }

    .mobile-menu__panel {
      position: absolute;
      top: 0;
      right: 0;
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
      width: min(88vw, 440px);
      height: 100%;
      height: 100dvh;
      overflow-y: auto;
      padding: 0 var(--page-padding) 36px;
      background: var(--color-white);
      color: var(--color-black);
      box-shadow: -28px 0 80px rgb(0 0 0 / 18%);
      transform: translateX(100%);
      transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    .mobile-menu.is-open .mobile-menu__panel {
      transform: translateX(0);
    }

    .mobile-menu__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: var(--site-header-height);
    }

    .mobile-menu__logo {
      display: inline-flex;
      width: 145px;
    }

    .mobile-menu__logo img {
      width: 100%;
      height: auto;
    }

    .mobile-menu__close {
      display: inline-grid;
      width: 44px;
      height: 44px;
      border: 1px solid rgb(0 0 0 / 12%);
      border-radius: 50%;
      padding: 0;
      background: transparent;
      color: var(--color-black);
      cursor: pointer;
      place-items: center;
      transition: border-color 200ms ease, color 200ms ease, transform 200ms ease;
    }

    .mobile-menu__close:hover {
      border-color: var(--color-brand);
      color: var(--color-brand);
      transform: rotate(5deg);
    }

    .mobile-menu__close svg {
      width: 22px;
      height: 22px;
    }

    .mobile-menu__nav {
      display: grid;
      align-content: start;
      padding-block: 30px;
    }

    .mobile-menu__nav a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 62px;
      border-bottom: 1px solid rgb(0 0 0 / 8%);
      color: var(--color-black);
      font-size: 18px;
      font-weight: 500;
      line-height: 1.15;
      text-decoration: none;
      transition: color 200ms ease, padding-left 200ms ease;
    }

    .mobile-menu__nav a::after {
      width: 18px;
      height: 18px;
      background: url("../../media/arrow-black.svg") center / contain no-repeat;
      opacity: 0.55;
      content: "";
    }

    .mobile-menu__nav a:hover,
    .mobile-menu__nav a:focus-visible {
      padding-left: 6px;
      color: var(--color-brand);
    }

    .mobile-menu-dynamic,
    .mobile-menu-dynamic__list,
    .mobile-menu-dynamic__sublist {
      display: grid;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .mobile-menu-dynamic__item {
      min-width: 0;
    }

    .mobile-menu-dynamic__row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: stretch;
      border-bottom: 1px solid rgb(0 0 0 / 8%);
    }

    .mobile-menu__nav .mobile-menu-dynamic__link {
      min-width: 0;
      min-height: 62px;
      border: 0;
    }

    .mobile-menu-dynamic__list > .mobile-menu-dynamic__item > .mobile-menu-dynamic__row > .mobile-menu-dynamic__link {
      padding-left: 5px;
    }

    .mobile-menu__nav .mobile-menu-dynamic__link::after {
      display: none;
    }

    .mobile-menu-dynamic__parent-toggle {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      padding-right: 19px;
      background: transparent;
      color: var(--color-black);
      font: inherit;
      font-size: 18px;
      font-weight: 500;
      line-height: 1.15;
      text-align: left;
      cursor: pointer;
      transition: color 200ms ease, padding-left 200ms ease;
    }

    .mobile-menu-dynamic__parent-toggle:hover,
    .mobile-menu-dynamic__parent-toggle:focus-visible,
    .mobile-menu-dynamic__item.is-open > .mobile-menu-dynamic__row .mobile-menu-dynamic__parent-toggle {
      color: var(--color-brand);
    }

    .mobile-menu-dynamic__parent-toggle i {
      display: block;
      width: 9px;
      height: 9px;
      flex: 0 0 auto;
      border-right: 1.5px solid currentColor;
      border-bottom: 1.5px solid currentColor;
      transform: rotate(45deg);
      transition: transform 0.25s ease;
    }

    .mobile-menu-dynamic__parent-toggle[aria-expanded="true"] i {
      transform: rotate(225deg);
    }

    .mobile-menu-dynamic__toggle {
      position: relative;
      display: grid;
      width: 48px;
      min-width: 48px;
      border: 0;
      padding: 0;
      background: transparent;
      color: var(--color-black);
      cursor: pointer;
      place-items: center;
      transition: color 0.2s ease, background-color 0.2s ease;
    }

    .mobile-menu-dynamic__toggle:hover,
    .mobile-menu-dynamic__toggle:focus-visible,
    .mobile-menu-dynamic__item.is-open > .mobile-menu-dynamic__row .mobile-menu-dynamic__toggle {
      color: var(--color-brand);
    }

    .mobile-menu-dynamic__toggle i {
      display: block;
      width: 9px;
      height: 9px;
      border-right: 1.5px solid currentColor;
      border-bottom: 1.5px solid currentColor;
      transform: rotate(45deg);
      transition: transform 0.25s ease;
    }

    .mobile-menu-dynamic__toggle[aria-expanded="true"] i {
      transform: rotate(225deg);
    }

    .mobile-menu-dynamic__panel[hidden] {
      display: none;
    }

    .mobile-menu-dynamic__sublist {
      background: transparent;
    }

    .mobile-menu-dynamic__sublist .mobile-menu-dynamic__link {
      min-height: 54px;
      padding-left: 8px;
      font-size: 16px;
      font-weight: 500;
    }

    .mobile-menu-dynamic__sublist .mobile-menu-dynamic__sublist .mobile-menu-dynamic__link {
      min-height: 48px;
      padding-left: 10px;
      font-size: 15px;
      font-weight: 400;
    }

    .mobile-menu-dynamic__sublist .mobile-menu-dynamic__sublist .mobile-menu-dynamic__sublist .mobile-menu-dynamic__link {
      font-size: 14px;
      font-weight: 400;
    }

    .mobile-menu-dynamic__list > .mobile-menu-dynamic__item:last-child > .mobile-menu-dynamic__row {
      border-bottom: 0;
    }

    .mobile-menu-dynamic__utility {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding-top: 22px;
    }

    .mobile-menu-dynamic__language.site-header__language {
      justify-content: flex-start;
      height: auto;
      border-radius: 12px;
      padding: 10px;
      background: #f9f9f9;
    }

    .mobile-menu-dynamic__social {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
    }

    .mobile-menu__nav .mobile-menu-dynamic__social a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      min-height: 38px;
      border: 1px solid rgb(13 13 13 / 10%);
      border-radius: 12px;
      padding: 0;
      background: var(--color-white);
      transition: border-color 0.2s ease, background-color 0.2s ease;
    }

    .mobile-menu__nav .mobile-menu-dynamic__social a::after {
      display: none;
    }

    .mobile-menu__nav .mobile-menu-dynamic__social img {
      width: 16px;
      height: 16px;
      object-fit: contain;
      opacity: 0.72;
      filter: invert(1);
      transition: opacity 0.2s ease, filter 0.2s ease;
    }

    .mobile-menu__nav .mobile-menu-dynamic__social a:hover,
    .mobile-menu__nav .mobile-menu-dynamic__social a:focus-visible {
      border-color: var(--color-brand);
      padding: 0;
      background: var(--color-brand);
    }

    .mobile-menu__nav .mobile-menu-dynamic__social a:hover img,
    .mobile-menu__nav .mobile-menu-dynamic__social a:focus-visible img {
      opacity: 1;
      filter: none;
    }

    .mobile-menu-dynamic__item.current-menu-item > .mobile-menu-dynamic__row .mobile-menu-dynamic__link,
    .mobile-menu-dynamic__item.current-menu-ancestor > .mobile-menu-dynamic__row .mobile-menu-dynamic__link {
      color: var(--color-brand);
    }

    .site-header__rail {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 20;
      width: 300px;
      transition: opacity 0.2s ease, visibility 0.2s ease;
    }

    .site-header__cta {
      position: sticky;
      top: 0;
      z-index: 2;
      display: flex;
      overflow: hidden;
      align-items: flex-end;
      width: 100%;
      min-height: 200px;
      padding: 30px;
      background: var(--color-brand);
      color: var(--color-white);
      font-size: 24px;
      font-weight: 600;
      line-height: 1.1;
      letter-spacing: 0;
      transition: color 0.3s ease;
    }

    .site-header__cta:hover {
      background: #b3003e;
      color: #ffffff;
    }

    .site-header__cta-text {
      position: relative;
      z-index: 1;
      display: inline-block;
    }

    .site-header__cta-arrow {
      position: absolute;
      top: 30px;
      right: 30px;
      width: 32px;
      height: 32px;
      color: inherit;
      transition: transform 0.3s ease;
      z-index: 1;
    }

    .site-header__cta:hover .site-header__cta-arrow {
      transform: scale(1.05);
    }

    .site-header__stats {
      position: relative;
      display: grid;
      min-height: 350px;
      overflow: hidden;
      align-content: space-between;
      padding: 30px;
      background: var(--color-bg-black);
      color: var(--color-white);
    }

    .site-header__stats::before {
      position: absolute;
      inset: 0;
      background:
        repeating-linear-gradient(0deg, rgb(255 255 255 / 16%) 0 1px, transparent 1px 3px),
        repeating-linear-gradient(90deg, rgb(255 255 255 / 10%) 0 1px, transparent 1px 3px);
      background-size: 4px 4px;
      mix-blend-mode: overlay;
      opacity: 0.18;
      image-rendering: pixelated;
      animation: tv-noise 520ms steps(2, end) infinite;
      content: "";
    }

    .site-header__stats-list,
    .site-header__stats-copy {
      position: relative;
      z-index: 1;
    }

    .site-header__stats-list {
      display: grid;
      gap: 30px;
    }

    .site-header__stat {
      display: grid;
      grid-template-columns: 26px 1fr;
      gap: 10px;
      align-items: start;
    }

    .site-header__stat-icon {
      width: 26px;
      height: 26px;
      margin-top: 0;
      color: var(--color-brand);
    }

    .site-header__stat strong {
      display: block;
      color: var(--color-white);
      font-size: 18px;
      font-weight: 700;
      line-height: 1;
    }

    .site-header__stat span,
    .site-header__stats-copy {
      color: rgb(255 255 255 / 55%);
      font-size: 16px;
      font-weight: 400;
      line-height: 1.6;
    }

    @keyframes tv-noise {
      0% {
        transform: translate3d(0, 0, 0);
      }

      100% {
        transform: translate3d(-3px, 2px, 0);
      }
    }

    .line-field-section {
      position: relative;
      height: 450px;
      overflow: hidden;
      background: var(--color-soft-bg);
      isolation: isolate;
    }

    .lion-particle-canvas {
      position: absolute;
      inset: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
    }

    .line-field-section__inner {
      position: relative;
      z-index: 1;
      display: flex;
      justify-content: space-between;
      height: 100%;
      align-items: flex-end;
      padding: 0 var(--page-padding) 30px;
    }

    .scroll-down-indicator {
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      gap: 16px;
      text-decoration: none;
      color: var(--color-anthracite);
      margin-right: 23px; /* 48px arama butonunun tam ortasına hizalamak için */
      margin-bottom: 0; /* Optik denge için ufak margin */
      transition: opacity 0.3s ease;
    }

    .scroll-down-indicator:hover {
      opacity: 1;
    }

    .scroll-down-indicator__text {
      writing-mode: vertical-rl;
      text-orientation: mixed;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 2px;
      color: #808080;
      opacity: 0.5;
      transition: color 0.3s ease;
    }

    .scroll-down-indicator:hover .scroll-down-indicator__text {
      color: var(--color-brand);
      opacity: 1;
    }

    .scroll-down-indicator__line {
      position: relative;
      width: 2px;
      height: 60px;
      background: rgb(47 56 72 / 15%);
      overflow: hidden;
    }

    .scroll-down-indicator__line::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: var(--color-brand);
      transform: translateY(-100%);
      animation: scroll-line-loop 1.8s cubic-bezier(0.64, 0.04, 0.35, 1) infinite;
    }

    @keyframes scroll-line-loop {
      0% {
        transform: translateY(-100%);
      }
      50% {
        transform: translateY(0);
      }
      100% {
        transform: translateY(100%);
      }
    }

    .line-field-section__content {
      display: grid;
      gap: 30px;
    }

    .section-subline {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      color: var(--section-subline-color, var(--color-anthracite));
      font-size: 14px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: 0;
    }

    .section-subline::before {
      width: 2px;
      height: 22px;
      background: var(--color-brand);
      content: "";
    }

    .line-field-section h1 {
      max-width: 880px;
    }

    .line-field-section h1 .headline-muted {
      color: var(--color-gray);
    }

    .line-field-section h1 .headline-line {
      display: block;
    }

    .video-transition {
      position: relative;
      isolation: isolate;
      min-height: clamp(900px, 130vh, 1400px);
      background: var(--color-white);
    }

    .video-transition::after {
      position: absolute;
      z-index: 1;
      right: 0;
      bottom: 0;
      left: 0;
      height: 80px;
      background: var(--color-white);
      pointer-events: none;
      content: "";
    }

    .video-section {
      position: sticky;
      top: 0;
      z-index: 1;
      height: clamp(620px, 85vh, 920px);
      overflow: hidden;
      background: var(--color-bg-black);
    }

    .video-section video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: translate3d(0, var(--video-parallax, 0px), 0) scale(1.08);
      will-change: transform;
      opacity: 0;
      pointer-events: none;
      transition: opacity 1.2s ease-in-out;
    }

    .video-section [data-video-slide] {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      min-height: 100%;
      margin: 0;
      overflow: hidden;
    }

    .video-section [data-video-slide] video {
      inset: 0;
      width: 100%;
      height: 100%;
      max-width: none;
      object-fit: cover;
    }
    
    .video-section video.active,
    .video-section [data-video-slide].active video {
      opacity: 1;
      z-index: 1;
    }

    .video-section .video-slider__source-only {
      display: none !important;
    }

    .video-slider__frame-buffer {
      position: absolute;
      inset: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.15s ease;
    }

    .video-slider__frame-buffer.is-visible {
      opacity: 1;
    }

    .video-section__shade {
      position: absolute;
      inset: 0;
      z-index: 2;
      background: var(--color-bg-black);
      opacity: var(--video-shade, 0);
      pointer-events: none;
    }

    .video-slider__controls {
      position: absolute;
      top: clamp(30px, 4vw, 60px);
      bottom: auto;
      left: var(--page-padding);
      z-index: 4;
      display: flex;
      align-items: center;
      gap: 14px;
      color: var(--color-white);
    }

    .video-slider__arrow {
      display: inline-grid;
      width: 34px;
      height: 34px;
      border: 0;
      padding: 0;
      background: transparent;
      color: var(--color-white);
      cursor: pointer;
      place-items: center;
      transition: transform 0.25s ease, color 0.25s ease;
    }

    .video-slider__arrow--prev {
      color: rgb(255 255 255 / 72%);
    }

    .video-slider__arrow--next {
      color: var(--color-brand);
    }

    .video-slider__arrow--prev:hover {
      transform: translateX(-4px);
    }

    .video-slider__arrow--next:hover {
      transform: translateX(4px);
    }

    .video-slider__arrow svg {
      width: 30px;
      height: 30px;
    }

    .video-slider__counter {
      min-width: 22px;
      font-size: 15px;
      font-weight: 500;
      text-align: center;
    }

    .video-slider__counter--total {
      color: rgb(255 255 255 / 52%);
    }

    .video-slider__progress {
      display: grid;
      grid-template-columns: repeat(4, 38px);
      gap: 4px;
    }

    .video-slider__progress span {
      height: 2px;
      background: rgb(255 255 255 / 26%);
      transition: background 0.35s ease;
    }

    .video-slider__progress span.is-active {
      background: var(--color-brand);
    }

    .video-transition__marquee-band {
      position: relative;
      top: 0;
      z-index: 4;
      height: var(--news-band-height);
      max-height: 110px;
      overflow: hidden;
      margin-top: calc(var(--news-band-height) * -1);
      background: #181818;
      backdrop-filter: blur(14px);
    }

    .next-section,
    .desc-section {
      position: relative;
      z-index: 2;
      overflow: hidden;
      border-bottom-right-radius: 40px;
      border-bottom-left-radius: 40px;
      background: var(--color-bg-black);
      color: var(--color-white);
    }

    .next-section {
      min-height: 100vh;
    }

    .next-section__inner {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1fr);
      grid-template-rows: auto 1fr auto;
      height: 100vh;
      gap: 34px 80px;
      padding: 90px var(--page-padding) 90px;
    }

    .next-section .section-subline,
    .desc-section .section-subline {
      color: var(--color-white);
      letter-spacing: 0;
    }

    .next-section__headline {
      display: grid;
      align-content: start;
      gap: 30px;
      max-width: 550px;
    }

    .next-section__headline .headline-muted {
      color: rgb(255 255 255 / 50%);
    }

    .next-section__text {
      display: grid;
      gap: 30px;
      align-content: start;
      padding-top: 48px;
    }

    .next-section__text p {
      color: rgb(255 255 255 / 60%);
      font-size: clamp(24px, 1.5vw, 32px);
      font-weight: 300;
      line-height: 1.2;
      letter-spacing: var(--ls-body);
    }

  .next-section__purpose {
      gap: 20px;
      align-self: end;
      max-width: 580px;
      color: rgb(255 255 255 / 50%);
      font-size: 16px;
      font-weight: 300;
      line-height: 1.4;
      font-style: normal;
      letter-spacing: 0;
  }

    .next-section__purpose::before {
      width: 70px;
      height: 2px;
      background: var(--color-brand);
      content: "";
    }

    .next-section__purpose-highlight {
      color: var(--color-white);
    }

    .next-section__stats {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      align-self: end;
    }

    .next-section__stat {
      min-height: 132px;
      border-left: 2px solid rgb(217 0 75 / 40%);
      padding-left: 30px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .next-section__stat:first-child {
      border-left: 0;
    }

    .next-section__stat strong,
    .next-section__stat span {
      display: block;
    }

.next-section__stat strong {
  color: var(--color-white);
  font-size: var(--fs-h3);
  font-weight: 600;
  line-height: 1.1;
}

.home-page .site-header__stats-copy {
  font-weight: 300;
}

    .next-section__stat span {
      margin-top: 20px;
      color: rgb(255 255 255 / 75%);
      font-size: 13px;
      font-weight: 300;
      line-height: 1.4;
      letter-spacing: 0;
      max-width: 150px;
    }

    .news-band {
      display: grid;
      grid-template-columns: 300px minmax(0, 1fr) 160px;
      align-items: center;
      width: 100%;
      height: 100%;
      padding-inline: clamp(24px, 2.5vw, 40px);
      color: var(--color-white);
    }

    .news-band__intro {
      display: grid;
      grid-template-columns: 24px minmax(0, 1fr);
      gap: 8px 12px;
      align-content: center;
      min-width: 0;
      height: 74px;
      border-right: 1px solid rgb(255 255 255 / 11%);
      padding-right: 20px;
    }

    .news-band__icon {
      grid-row: 1 / span 2;
      width: 23px;
      height: 23px;
      margin-top: 2px;
      background-color: var(--color-brand);
      -webkit-mask: url("../../media/blog.svg") center / contain no-repeat;
      mask: url("../../media/blog.svg") center / contain no-repeat;
    }

    .news-band__title {
      font-size: 16px;
      font-weight: 600;
      line-height: 1.2;
    }

    .news-band__subtitle {
      overflow: hidden;
      max-width: calc(100% - 30px);
      color: rgb(255 255 255 / 50%);
      font-size: 12px;
      font-weight: 300;
      line-height: 1.35;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .news-band__viewport {
      --news-viewport-pad: 32px;
      min-width: 0;
      overflow: hidden;
      padding-inline: var(--news-viewport-pad);
      clip-path: inset(0 var(--news-viewport-pad));
    }

    .news-band__track {
      display: flex;
      gap: 14px;
      width: 100%;
      transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
      will-change: transform;
    }

    .news-band__card {
      position: relative;
      display: grid;
      grid-template-columns: 48px minmax(0, 1fr) 16px;
      grid-template-rows: auto 1fr;
      flex: 0 0 calc((100% - 28px) / 3);
      gap: 5px 15px;
      min-width: 0;
      height: 76px;
      border-radius: var(--radius-small);
      padding: 10px;
      color: var(--color-white);
      text-decoration: none;
      transition: border-color 220ms ease, background 220ms ease;
      background: rgb(13 13 13 / 25%);
    }

    .news-band__card-image {
      grid-column: 1;
      grid-row: 1 / span 2;
      align-self: center;
      width: 48px;
      height: 52px;
      border-radius: 6px;
      object-fit: cover;
      opacity: 0.78;
      filter: saturate(0.82) contrast(1.04);
      transition: opacity 220ms ease, transform 350ms ease;
    }

    .news-band__card:hover .news-band__card-image {
      opacity: 1;
      transform: scale(1.035);
    }

    .news-band__card:hover,
    .news-band__card:focus-visible {
      background: rgb(13 13 13 / 50%)
    }

    .news-band__date {
      grid-column: 2;
      color: rgb(255 255 255 / 50%);
      font-size: 10px;
      font-weight: 300;
      line-height: 1;
    }

    .news-band__card-title {
      grid-column: 2;
      display: -webkit-box;
      overflow: hidden;
      max-width: 250px;
      max-height: 2.7em;
      font-size: 12px;
      font-weight: 500;
      line-height: 1.35;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }

    .news-band__card-arrow {
      grid-column: 3;
      grid-row: 1 / span 2;
      align-self: center;
      width: 16px;
      height: 16px;
      color: rgb(255 255 255 / 70%);
      transition: color 220ms ease, transform 220ms ease;
    }

    .news-band__card:hover .news-band__card-arrow {
      color: var(--color-brand);
      transform: translateX(2px);
    }

    .news-band__aside {
      display: grid;
      align-content: center;
      gap: 15px;
      height: 74px;
      padding-left: 20px;
      border-left: 1px solid rgb(255 255 255 / 11%);
    }

    .news-band__navigation {
      display: flex;
      align-items: center;
      gap: 7px;
    }

    .news-band__counter {
      min-width: 34px;
      color: rgb(255 255 255 / 60%);
      font-size: 10px;
      font-variant-numeric: tabular-nums;
    }

    .news-band__arrow {
      display: inline-grid;
      width: 28px;
      height: 28px;
      border: 1px solid rgb(255 255 255 / 16%);
      border-radius: 50%;
      padding: 0;
      background: transparent;
      color: rgb(255 255 255 / 55%);
      cursor: pointer;
      place-items: center;
      transition: border-color 220ms ease, color 220ms ease;
    }

    .news-band__arrow--next {
      border-color: var(--color-brand);
      color: var(--color-brand);
    }

    .news-band__arrow:hover {
      border-color: var(--color-brand);
      color: var(--color-brand);
    }

    .news-band__arrow svg {
      width: 14px;
      height: 14px;
    }

    .sector-section {
      position: relative;
      z-index: 1;
      overflow: hidden;
      width: 100%;
      height: 100vh;
      min-height: 100vh;
      border-radius: 0;
      background: var(--color-bg-black);
      color: var(--color-white);
    }

    .sector-section__inner {
      display: grid;
      grid-template-columns: clamp(360px, 28vw, 520px) minmax(0, 1fr);
      width: 100%;
      height: 100vh;
      min-height: 100vh;
      overflow: hidden;
    }

    .blog-section {
      position: relative;
      z-index: 1;
      overflow: hidden;
      width: 100%;
      height: 100vh;
      min-height: 100vh;
      border-radius: 0 0 40px 40px;
      background: var(--color-bg-black);
      color: var(--color-white);
    }

    .blog-page .media-section {
      border-radius: 0 0 var(--blog-media-bottom-radius, 0px) var(--blog-media-bottom-radius, 0px);
      will-change: transform, border-radius;
    }

    .blog-section__inner {
      display: grid;
      grid-template-columns: clamp(360px, 28vw, 520px) minmax(0, 1fr);
      width: 100%;
      height: 100vh;
      min-height: 100vh;
      overflow: hidden;
    }

    .blog-section :is(.sector-slider__progress, .blog-slider__progress) {
      grid-template-columns: repeat(5, 38px);
    }

    .blog-section :is(.sector-card__eyebrow, .blog-card__eyebrow) {
      color: rgb(255 255 255 / 70%);
    }

    .blog-page .line-field-section h1 {
      max-width: 520px;
    }

    .blog-section :is(.sector-card__content, .blog-card__content) {
      gap: 15px;
    }

    .blog__stat-icon--featured,
    .blog__stat-icon--article {
      display: block;
      background-color: var(--color-brand);
    }

    .blog__stat-icon--featured {
      -webkit-mask: url("../../media/one-cikan-yazilar.svg") center / contain no-repeat;
      mask: url("../../media/one-cikan-yazilar.svg") center / contain no-repeat;
    }

    .blog__stat-icon--article {
      -webkit-mask: url("../../media/makale.svg") center / contain no-repeat;
      mask: url("../../media/makale.svg") center / contain no-repeat;
    }

    :is(.sector__rail, .blog__rail) {
      position: relative;
      z-index: 3;
      display: grid;
      grid-template-rows: 37% minmax(0, 1fr);
      min-width: 0;
      height: 100%;
    }

    :is(.sector__cta, .blog__cta) {
      position: relative;
      display: flex;
      overflow: hidden;
      align-items: flex-end;
      min-height: 0;
      padding: clamp(44px, 4vw, 72px);
      background: radial-gradient(circle at 48% 44%, #ed0052 0%, var(--color-brand) 68%);
      color: var(--color-white);
      font-size: clamp(30px, 2.1vw, 40px);
      font-weight: 600;
      line-height: 1.1;
      text-decoration: none;
    }

    :is(.sector__cta, .blog__cta):hover,
    :is(.sector__cta, .blog__cta):hover :is(.sector__cta-text, .blog__cta-text),
    :is(.sector__cta, .blog__cta):hover :is(.sector__cta-arrow, .blog__cta-arrow) {
      color: var(--color-white);
    }

    :is(.sector__cta-text, .blog__cta-text) {
      position: relative;
      z-index: 1;
    }

    :is(.sector__cta-arrow, .blog__cta-arrow) {
      position: absolute;
      top: clamp(44px, 4vw, 62px);
      right: clamp(44px, 4vw, 62px);
      z-index: 1;
      width: 38px;
      height: 38px;
      transition: transform 0.3s ease;
    }

    :is(.sector__cta, .blog__cta):hover :is(.sector__cta-arrow, .blog__cta-arrow) {
      transform: translate(3px, -3px);
    }

    :is(.sector__stats, .blog__stats) {
      position: relative;
      display: grid;
      overflow: hidden;
      grid-template-rows: auto 1fr;
      align-content: stretch;
      min-height: 0;
      padding: 0 clamp(42px, 3.5vw, 68px);
      background: var(--color-black);
      color: var(--color-white);
    }

    :is(.sector__stats, .blog__stats)::before {
      position: absolute;
      inset: 0;
      background-image: radial-gradient(rgb(255 255 255 / 12%) 0.7px, transparent 0.7px);
      background-size: 5px 5px;
      opacity: 0.16;
      content: "";
    }

    :is(.sector__stats-list, .blog__stats-list),
    :is(.sector__stats-copy, .blog__stats-copy) {
      position: relative;
      z-index: 1;
    }

    :is(.sector__stats-list, .blog__stats-list) {
      display: grid;
      gap: 0;
      padding-top: 60px;
    }

    :is(.sector__stat, .blog__stat) {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
      padding-block: 30px;
    }

    :is(.sector__stat-icon, .blog__stat-icon) {
      width: 34px;
      height: 34px;
      margin-top: 3px;
      color: var(--color-brand);
    }

    :is(.sector__stat, .blog__stat) strong {
      display: block;
      color: var(--color-white);
      font-size: clamp(28px, 1.85vw, 34px);
      font-weight: 700;
      line-height: 1;
    }

    :is(.sector__stat-title, .blog__stat-title) {
      display: block;
      margin-top: 5px;
      color: rgb(255 255 255 / 55%);
      font-size: 16px;
      font-weight: 400;
      line-height: 1.2;
    }

    :is(.sector__stats-copy, .blog__stats-copy) {
        align-self: end;
        max-width: 370px;
        padding: 0 0 30px;
        color: rgb(255 255 255 / 55%);
        font-size: 16px;
        font-weight: 300;
        line-height: 1.6;
    }

    :is(.sector-showcase, .blog-showcase) {
      display: grid;
      grid-template-rows: minmax(0, 70%) minmax(0, 30%);
      min-width: 0;
      height: 100%;
    }

    :is(.sector-slider, .blog-slider) {
      position: relative;
      min-width: 0;
      height: 100%;
      overflow: hidden;
      background: var(--color-bg-black);
    }

    :is(.sector-slider__slide, .blog-slider__slide) {
      position: absolute;
      inset: 0;
      opacity: 0;
      visibility: hidden;
      transition: opacity 500ms ease, visibility 500ms ease;
    }

    :is(.sector-slider__slide, .blog-slider__slide).is-active {
      z-index: 1;
      opacity: 1;
      visibility: visible;
    }

    :is(.sector-slider__image, .blog-slider__image) {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transform: scale(1.025);
      transition: transform 800ms ease;
    }

    :is(.sector-slider__slide, .blog-slider__slide).is-active :is(.sector-slider__image, .blog-slider__image) {
      transform: scale(1);
    }

    :is(.sector-slider__slide, .blog-slider__slide)::after {
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, #0d0d0d 0%, rgb(0 0 0 / 78%) 25%, rgb(0 0 0 / 38%) 48%, transparent 76%);
      content: "";
    }

    :is(.sector-slider__content, .blog-slider__content) {
      position: absolute;
      top: clamp(76px, 8vh, 108px);
      right: auto;
      bottom: auto;
      left: clamp(54px, 5vw, 78px);
      z-index: 2;
      display: grid;
      gap: 0;
      max-width: 720px;
      color: var(--color-white);
    }

    :is(.sector-slider__eyebrow, .blog-slider__eyebrow) {
      color: var(--color-white);
      text-transform: none;
    }

    :is(.sector-slider__content, .blog-slider__content) h3 {
      max-width: 720px;
      margin-top: 30px;
      color: var(--color-white);
      transition: color 0.25s ease;
    }

.blog-slider__content h3 a {
      color: inherit;
      font: inherit;
      letter-spacing: inherit;
      text-decoration: none;
      cursor: pointer;
      transition: color 0.25s ease;
    }

    .blog-slider__content h3 a:hover,
    .blog-slider__content h3 a:focus-visible {
      color: var(--color-brand);
    }

    :is(.sector-slider__content, .blog-slider__content) p {
      max-width: 550px;
      margin-top: 30px;
      color: rgb(255 255 255 / 75%);
      font-size: 16px;
      line-height: 1.5;
    }

    :is(.sector-slider__controls, .blog-slider__controls) {
      position: absolute;
      right: auto;
      bottom: 56px;
      left: clamp(54px, 5vw, 78px);
      z-index: 4;
      display: flex;
      align-items: center;
      gap: 14px;
      color: var(--color-white);
    }

    :is(.sector-slider__arrow, .blog-slider__arrow) {
      display: inline-grid;
      width: 34px;
      height: 34px;
      border: 0;
      padding: 0;
      background: transparent;
      color: var(--color-white);
      cursor: pointer;
      place-items: center;
      transition: transform 0.25s ease, color 0.25s ease;
    }

    :is(.sector-slider__arrow--prev, .blog-slider__arrow--prev) {
      color: rgb(255 255 255 / 72%);
    }

    :is(.sector-slider__arrow--next, .blog-slider__arrow--next) {
      color: var(--color-brand);
    }

    :is(.sector-slider__arrow--prev, .blog-slider__arrow--prev):hover {
      transform: translateX(-4px);
    }

    :is(.sector-slider__arrow--next, .blog-slider__arrow--next):hover {
      transform: translateX(4px);
    }

    :is(.sector-slider__arrow, .blog-slider__arrow) svg {
      width: 30px;
      height: 30px;
    }

    :is(.sector-slider__counter, .blog-slider__counter) {
      min-width: 22px;
      font-size: 15px;
      font-weight: 500;
      text-align: center;
    }

    :is(.sector-slider__counter--total, .blog-slider__counter--total) {
      color: rgb(255 255 255 / 52%);
    }

    :is(.sector-slider__progress, .blog-slider__progress) {
      display: grid;
      grid-template-columns: repeat(3, 38px);
      gap: 4px;
    }

    :is(.sector-slider__progress, .blog-slider__progress) span {
      height: 2px;
      background: rgb(255 255 255 / 26%);
      transition: background 0.35s ease;
    }

    :is(.sector-slider__progress, .blog-slider__progress) span.is-active {
      background: var(--color-brand);
    }

    :is(.sector-cards, .blog-cards) {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      min-width: 0;
      height: 100%;
    }

    :is(.sector-card, .blog-card) {
      position: relative;
      display: block;
      min-width: 0;
      overflow: hidden;
      color: var(--color-white);
      text-decoration: none;
    }

    :is(.sector-card__image, .blog-card__image) {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 600ms ease;
    }

    :is(.sector-card, .blog-card):hover :is(.sector-card__image, .blog-card__image) {
      transform: scale(1.035);
    }

    :is(.sector-card, .blog-card)::after {
      position: absolute;
      inset: 0;
      background: linear-gradient(0deg, rgb(0 0 0 / 88%) 0%, rgb(0 0 0 / 30%) 68%, transparent 100%);
      content: "";
    }

    :is(.sector-card__content, .blog-card__content) {
      position: absolute;
      right: 76px;
      bottom: 34px;
      left: 38px;
      z-index: 2;
      display: grid;
      gap: 8px;
      max-width: 360px;
      padding-left: 0;
    }

    :is(.sector-card__content, .blog-card__content) h3 {
      color: var(--color-white);
      font-size: 24px;
      font-weight: 600;
      line-height: 1.15;
      transition: color 0.25s ease;
    }

    .blog-card:hover .blog-card__content h3,
    .blog-card:focus-within .blog-card__content h3 {
      color: var(--color-brand);
    }

    :is(.sector-card__content, .blog-card__content) p {
      color: rgb(255 255 255 / 60%);
      font-size: 16px;
      line-height: 1.45;
    }

    :is(.sector-card__arrow, .blog-card__arrow) {
      position: absolute;
      right: 34px;
      bottom: 34px;
      z-index: 2;
      width: 30px;
      height: 30px;
      color: var(--color-brand);
      transition: transform 0.25s ease;
    }

    :is(.sector-card, .blog-card):hover :is(.sector-card__arrow, .blog-card__arrow) {
      transform: translateX(5px);
    }

    @media (prefers-reduced-motion: reduce) {
      :is(.sector-slider__slide, .blog-slider__slide),
      :is(.sector-slider__image, .blog-slider__image),
      :is(.sector-card__image, .blog-card__image),
      :is(.sector-slider__arrow, .blog-slider__arrow),
      :is(.sector-card__arrow, .blog-card__arrow) {
        transition: none;
      }
    }

    .process-section {
      min-height: 100vh;
      background: var(--color-white);
      color: var(--color-black);
    }

    .process-section__inner {
      display: grid;
      align-content: center;
      gap: clamp(40px, 6vh, 70px);
      min-height: 100vh;
      padding: 90px var(--page-padding);
    }

    .process-section__head {
      display: flex;
      width: 100%;
      justify-content: flex-start;
    }

    .process-section__head .headline-muted {
      color: var(--color-gray);
    }

    .process-section__headline {
      display: grid;
      justify-items: start;
      gap: 30px;
      width: 100%;
      max-width: 560px;
      text-align: left;
    }

    .process-section__headline .headline-muted {
      display: inline-block;
    }

    .process-section__layout {
      display: grid;
      grid-template-columns: minmax(420px, 0.78fr) minmax(0, 1.22fr);
      gap: clamp(48px, 5vw, 90px);
      align-items: stretch;
      width: 100%;
    }

    .process-accordion {
      position: relative;
      display: grid;
      align-content: center;
    }

    .process-accordion__track {
      position: relative;
      display: grid;
    }

    .process-accordion__connector {
      position: absolute;
      top: 42px;
      left: 12px;
      z-index: 0;
      width: 1px;
      height: 100%;
      background: rgb(217 0 75 / 15%);
      pointer-events: none;
    }

    .process-accordion__item:last-child .process-accordion__connector {
      display: none;
    }

    .process-accordion__item {
      position: relative;
      display: grid;
    }

    .process-accordion__item::before {
      position: absolute;
      top: 42px;
      left: 9px;
      z-index: 1;
      width: 8px;
      height: 8px;
      border-radius: 3px;
      background: var(--color-brand);
      transform: translateY(-50%);
      transition: left 0.3s ease, width 0.3s ease, height 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
      content: "";
    }

    .process-accordion__item.is-active::before {
      left: 0;
      width: 26px;
      height: 26px;
      background: rgb(217 0 75 / 10%);
      box-shadow: 0 0 0 7px rgb(217 0 75 / 4%);
    }

    .process-accordion__item::after {
      position: absolute;
      top: 42px;
      left: 8px;
      z-index: 2;
      width: 8px;
      height: 8px;
      border-radius: 3px;
      background: var(--color-brand);
      opacity: 0;
      transform: translateY(-50%);
      transition: opacity 0.25s ease;
      content: "";
    }

    .process-accordion__item.is-active::after {
      opacity: 1;
    }

    .process-accordion__trigger {
      width: 100%;
      border: 0;
      padding: 30px 30px 30px 58px;
      background: transparent;
      color: var(--color-black);
      font: inherit;
      font-size: 26px;
      font-weight: 500;
      line-height: 1.2;
      text-align: left;
      cursor: pointer;
      transition: color 0.25s ease;
      letter-spacing: var(--ls-h3-h6);
    }

    .process-accordion__title {
      min-width: 0;
    }

    .process-accordion__trigger:hover,
    .process-accordion__trigger:focus-visible,
    .process-accordion__item.is-active .process-accordion__trigger {
      color: var(--color-brand);
    }

    .process-accordion__panel {
      display: grid;
      grid-template-rows: 0fr;
      opacity: 0;
      transition: grid-template-rows 0.38s ease, opacity 0.28s ease;
    }

    .process-accordion__item.is-active .process-accordion__panel {
      grid-template-rows: 1fr;
      opacity: 1;
    }

    .process-accordion__panel-inner {
      min-height: 0;
      overflow: hidden;
    }

    .process-accordion__panel p {
      max-width: 480px;
      padding: 0 30px 30px 60px;
      color: var(--color-gray);
      font-size: 16px;
      font-weight: 300;
      line-height: 1.6;
    }

    .process-section__visual {
      position: relative;
      min-height: 550px;
      overflow: hidden;
      border-radius: var(--radius-xlarge);
      background: var(--color-soft-bg);
    }

    @media (min-width: 981px) {
      .process-section {
        height: 100vh;
        height: 100dvh;
        min-height: 0;
      }

      .process-section__inner {
        grid-template-rows: auto minmax(0, 1fr);
        align-content: stretch;
        height: 100%;
        min-height: 0;
      }

      .process-section__layout {
        height: 100%;
        min-height: 0;
      }

      .process-section__visual {
        height: 100%;
        min-height: 0;
      }
    }

    .process-section__image {
      position: absolute;
      inset: 0;
      opacity: 0;
      visibility: hidden;
      transform: scale(1.025);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.75s ease;
      margin: 0;
    }

    .process-section__image--consulting {
      background-image: url("../../media/danismanlik-bg.jpg?v=20260714-2");
    }

    .process-section__image--design {
      background-image: url("../../media/cozum-tasarimi-bg.png?v=20260724-2");
    }

    .process-section__image--support {
      background-image: url("../../media/satis-sonrasi-bg.jpg?v=20260714-2");
    }

    .process-section__image.is-active {
      opacity: 1;
      visibility: visible;
      transform: scale(1);
    }

    .process-section__curtain {
      position: absolute;
      inset: 0;
      z-index: 3;
      pointer-events: none;
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform 0.22s cubic-bezier(0.65, 0, 0.35, 1);
    }

    .process-section__visual.is-curtain-closing .process-section__curtain {
      transform: scaleX(1);
      transform-origin: left center;
    }

    .process-section__visual.is-curtain-opening .process-section__curtain {
      transform: scaleX(0);
      transform-origin: right center;
    }

    @media (prefers-reduced-motion: reduce) {
      .process-accordion__item::before,
      .process-accordion__item::after,
      .process-accordion__panel,
      .process-section__image,
      .process-section__curtain {
        transition: none;
      }
    }

    .btn-link {
      --btn-link-color: var(--color-anthracite);
      --btn-link-hover-color: var(--color-brand);
      --btn-link-arrow: url("../../media/arrow-black.svg");
      --btn-link-arrow-hover: url("../../media/arrow-brand.svg");
      --btn-link-arrow-opacity: 1;
      --btn-link-arrow-hover-opacity: 1;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      width: fit-content;
      border: 0;
      background: transparent;
      color: var(--btn-link-color);
      font-size: 15px;
      font-weight: 500;
      line-height: 1;
      letter-spacing: 0;
      text-decoration: none;
      transition: color 0.25s ease;
      cursor: pointer;
    }

    .btn-link--text-secondary {
      --btn-link-color: var(--color-brand);
      --btn-link-hover-color: var(--color-black);
      --btn-link-arrow: url("../../media/arrow-brand.svg");
      --btn-link-arrow-hover: url("../../media/arrow-black.svg");
    }

    .btn-link--light {
      --btn-link-color: var(--color-white);
      --btn-link-hover-color: var(--color-brand);
      --btn-link-arrow: url("../../media/arrow-white.svg");
      --btn-link-arrow-hover: url("../../media/arrow-brand.svg");
    }

    .btn-link--light-secondary {
      --btn-link-color: rgb(255 255 255 / 50%);
      --btn-link-hover-color: var(--color-white);
      --btn-link-arrow: url("../../media/arrow-white.svg");
      --btn-link-arrow-hover: url("../../media/arrow-white.svg");
      --btn-link-arrow-opacity: 0.5;
      --btn-link-arrow-hover-opacity: 1;
    }

    .btn-link-text {
      position: relative;
      display: inline-grid;
      min-width: var(--btn-link-text-width, auto);
      overflow: hidden;
      line-height: 1.1;
    }

    .btn-link-text::after {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 1px;
      background: currentColor;
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
      content: "";
    }

    .btn-link-words {
      display: inline-flex;
      flex-wrap: wrap;
      gap: 0.28em;
      align-items: baseline;
      padding-bottom: 3px;
    }

    .btn-link-word {
      position: relative;
      display: inline-block;
      overflow: hidden;
      line-height: 1.1;
    }

    .btn-link-word-original,
    .btn-link-word-hover {
      display: block;
      transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
      transition-delay: var(--btn-link-word-delay, 0s);
    }

    .btn-link-word-hover {
      position: absolute;
      top: 0;
      left: 0;
      color: var(--btn-link-hover-color);
      transform: translateY(110%);
    }

    .btn-link::after {
      content: "";
      flex: 0 0 8px;
      width: 8px;
      height: 8px;
      background: var(--btn-link-arrow) center / contain no-repeat;
      opacity: var(--btn-link-arrow-opacity);
      transform: none;
      transform-origin: center;
      transition: opacity 0.25s ease, background-image 0.25s ease;
    }

    .btn-link:hover,
    .btn-link:focus-visible {
      color: var(--btn-link-hover-color);
    }

    .btn-link:hover::after,
    .btn-link:focus-visible::after {
      background-image: var(--btn-link-arrow-hover);
      opacity: var(--btn-link-arrow-hover-opacity);
      transform: none;
    }

    .btn-link:hover .btn-link-text::after,
    .btn-link:focus-visible .btn-link-text::after {
      transform: scaleX(1);
    }

    .btn-link:hover .btn-link-word-original,
    .btn-link:focus-visible .btn-link-word-original {
      transform: translateY(-110%);
    }

    .btn-link:hover .btn-link-word-hover,
    .btn-link:focus-visible .btn-link-word-hover {
      transform: translateY(0);
    }

    .big-cta-section {
      position: relative;
      left: -1px;
      z-index: 2;
      width: calc(100% + 2px);
      min-height: clamp(700px, 100vh, 1080px);
      overflow: hidden;
      border-top-left-radius: 40px;
      border-top-right-radius: 40px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      background: var(--color-bg-black);
      color: var(--color-white);
      isolation: isolate;
      transform: translate3d(0, var(--big-cta-rise, 0px), 0);
      will-change: transform;
    }

    .big-cta-section__bg {
      position: absolute;
      inset: -12% 0;
      z-index: -2;
      background-image: url("../../media/big-cta-bg.jpg");
      background-position: center;
      background-size: cover;
      transform: translate3d(0, var(--big-cta-parallax, 0px), 0);
      will-change: transform;
    }

    .big-cta-section::after {
      position: absolute;
      inset: 0;
      z-index: -1;
      background: linear-gradient(90deg, rgb(13 13 13 / 78%) 0%, rgb(13 13 13 / 52%) 48%, rgb(13 13 13 / 82%) 100%);
      content: "";
    }

    .big-cta-section__inner {
      display: grid;
      grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1fr);
      grid-template-rows: auto 1fr;
      min-height: clamp(700px, 100vh, 1080px);
      gap: 34px 80px;
      padding: 90px var(--page-padding) 90px;
    }

    .big-cta-section .section-subline {
      color: var(--color-white);
    }

    .big-cta-section__headline {
      display: grid;
      align-content: start;
      gap: 30px;
      max-width: 420px;
    }

    .big-cta-section__headline .headline-muted {
      color: rgb(255 255 255 / 50%);
    }

    .big-cta-section__content {
      grid-column: 2;
      grid-row: 2;
      align-self: end;
      justify-self: end;
      display: grid;
      gap: 60px;
      max-width: 100%;
    }

    .big-cta-section__copy {
      display: grid;
      gap: 30px;
    }

    .big-cta-section__copy p {
      color: rgb(255 255 255 / 60%);
      font-size: clamp(24px, 1.5vw, 32px);
      font-weight: 300;
      line-height: 1.2;
      letter-spacing: var(--ls-body);
    }

    .big-cta-section__emphasis {
      color: var(--color-white);
    }

    .big-cta-section__actions {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
    }

    /* removed big-cta-section__button */

    .big-cta-section__logos-area {
      grid-column: 1;
      grid-row: 2;
      align-self: end;
      justify-self: start;
      display: grid;
      gap: 30px;
    }

    .big-cta-section__logos-wrapper {
      --big-cta-logo-gap: clamp(48px, 4vw, 72px);
      width: min(100%, 560px);
      overflow: hidden;
      mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent);
      -webkit-mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent);
    }

    .big-cta-section__logos-wrapper > .big-cta-section__logos {
      display: flex;
      flex: 0 0 auto;
      align-items: center;
      color: var(--color-white);
      width: max-content;
      max-width: none;
      animation: big-cta-logo-marquee 14s linear infinite;
      will-change: transform;
    }

    .big-cta-section__logos > .big-cta-section__logos-set {
      display: flex;
      flex: 0 0 auto;
      align-items: center;
      width: max-content;
      max-width: none;
      gap: var(--big-cta-logo-gap);
      padding-right: var(--big-cta-logo-gap);
    }

    @keyframes big-cta-logo-marquee {
      0% {
        transform: translate3d(0, 0, 0);
      }

      100% {
        transform: translate3d(-33.3333333333%, 0, 0);
      }
    }

    .big-cta-section__logo-link {
      display: flex;
      flex: 0 0 auto;
      align-items: center;
      justify-content: center;
      width: clamp(140px, 11vw, 210px);
      min-width: 140px;
      min-height: auto;
      opacity: 0.7;
      transition: opacity 0.3s ease;
      text-decoration: none;
    }

    .big-cta-section__logo-link:hover {
      opacity: 1;
    }

    .big-cta-section__logo-img {
      width: 100%;
      max-width: 220px;
      height: 30px;
      object-fit: contain;
    }

    .big-cta-section__logo-img--mils {
      max-width: 160px;
      height: 24px;
    }

    @media (prefers-reduced-motion: reduce) {
      .big-cta-section__logos-wrapper > .big-cta-section__logos {
        animation: none;
      }
    }

    :focus-visible {
      outline: 2px solid var(--color-brand);
      outline-offset: 4px;
    }

    @media (max-width: 1480px) {
      .next-section__stats {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px;
        zoom: 0.95;
      }

      .next-section__stat {
        min-height: 106px;
        padding-left: 24px;
      }

      .next-section__stat strong {
        font-size: clamp(18px, 1.25vw, 26px);
      }

      .next-section__stat span {
        max-width: 170px;
        margin-top: 14px;
        font-size: 12px;
      }
    }

    @media (min-width: 1200px) {
      .site-header {
        --fs-header-nav: 15px;
      }

      .site-header__nav a,
      .site-header__nav-button {
        font-size: var(--fs-header-nav);
        white-space: nowrap;
      }
    }

    @media (min-width: 1200px) and (max-width: 1379px) {
      .site-header {
        --fs-header-nav: 14px;
      }

      .site-header__nav.gap-l {
        gap: 34px;
      }
    }

    @media (min-width: 1200px) and (max-width: 1300px) {
      .site-header:has(.site-header__rail) {
        --fs-header-nav: 13px;
      }

      .site-header:has(.site-header__rail) .site-header__nav.gap-l {
        gap: 25px;
      }
    }

    @media (max-width: 1199px) {
      .site-header__nav {
        display: none;
      }

      .site-header__menu-toggle {
        display: inline-grid;
      }

      .product-header__action-column .site-header__search {
        order: 1;
      }

      .product-header__action-column .site-header__language {
        order: 2;
      }

      .product-header__action-column .site-header__menu-toggle {
        order: 3;
      }

      .product-header__action-column .header-cta-button {
        order: 4;
      }

      .mega-menu {
        display: none;
      }
    }

    @media (max-width: 979px) {
      .line-field-section__inner {
        padding: var(--page-padding);
      }

      .next-section__purpose {
        order: 4;
      }

      .next-section__stats {
        order: 3;
      }

      .site-header__inner {
        grid-template-columns: auto minmax(0, 1fr) auto;
        min-height: 96px;
        padding-right: var(--page-padding);
      }
      
      .site-header__actions {
        margin-right: 30px;
      }

      .site-header__logo,
      .site-header__search {
        padding-top: 0;
        margin-top: 0;
      }

      .site-header__rail {
        display: none;
      }

      .site-header__actions {
        grid-column: 3;
        justify-self: end;
        margin: 0;
      }
    }

    @media (max-width: 980px) {
      .mega-menu__panel {
        width: 100%;
        max-width: none;
        height: 100%;
      }

      .mega-menu__inner {
        gap: 24px;
      }

      .mega-menu__body {
        grid-template-columns: 1fr;
        gap: 28px;
      }

      .next-section__inner {
        grid-template-columns: 1fr;
        height: auto;
        min-height: 100vh;
      }

      .next-section__text {
        padding-top: 0;
      }

      .next-section__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .news-band {
        grid-template-columns: 190px minmax(0, 1fr) 142px;
      }

      .news-band__intro {
        padding-right: 20px;
      }

      .news-band__subtitle {
        display: none;
      }

      .news-band__viewport {
        --news-viewport-pad: 18px;
      }

      .news-band__card {
        flex-basis: calc((100% - 14px) / 2);
      }

      .sector-section {
        padding: 0;
      }

      .sector-section__inner {
        grid-template-columns: clamp(320px, 36vw, 380px) minmax(0, 1fr);
        height: 100vh;
      }

      .blog-section {
        padding: 0;
      }

      .blog-section__inner {
        grid-template-columns: clamp(320px, 36vw, 380px) minmax(0, 1fr);
        height: 100vh;
      }

      .blog-section :is(.sector-slider__progress, .blog-slider__progress) {
        grid-template-columns: repeat(5, 28px);
      }

      :is(.sector__rail, .blog__rail) {
        grid-template-rows: 37% minmax(0, 1fr);
      }

      :is(.sector__cta, .blog__cta) {
        min-height: 0;
        padding: 38px;
      }

      :is(.sector__stats, .blog__stats) {
        padding-inline: 30px;
      }

      :is(.sector-slider__content, .blog-slider__content) {
        top: 70px;
        left: 42px;
      }

      :is(.sector-slider__controls, .blog-slider__controls) {
        bottom: 42px;
        left: 42px;
      }

      :is(.sector-slider__progress, .blog-slider__progress) {
        grid-template-columns: repeat(3, 28px);
      }

      :is(.sector-card__content, .blog-card__content) {
        right: 54px;
        bottom: 26px;
        left: 26px;
      }

      :is(.sector-card__arrow, .blog-card__arrow) {
        right: 24px;
        bottom: 24px;
      }

      .process-section__layout {
        grid-template-columns: 1fr;
        gap: 50px;
      }

      .process-section__visual {
        min-height: 520px;
      }

      .big-cta-section__inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
      }

      .big-cta-section__content {
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
      }

      .big-cta-section__logos-area {
        grid-column: 1;
        grid-row: 3;
        max-width: 100%;
      }
    }

    @media (max-width: 760px) {
      :root {
        --fs-h1: clamp(42px, 11vw, 54px);
        --fs-h2: clamp(36px, 9.5vw, 48px);
        --fs-h3: clamp(32px, 8.2vw, 42px);
        --fs-h4: clamp(28px, 7.4vw, 36px);
        --fs-h5: clamp(24px, 6.5vw, 30px);
        --fs-h6: clamp(22px, 5.8vw, 28px);
        --fs-body: 16px;
        --news-band-height: 110px;
      }

      .line-field-section {
        height: 420px;
      }

      .line-field-section__inner {
        padding-bottom: 42px;
      }

      .video-section {
        height: clamp(480px, 85vh, 720px);
        min-height: clamp(480px, 75vh, 720px);
      }

      .next-section {
        min-height: 75vh;
      }

      .next-section__inner {
        padding-block: 58px;
      }

      .next-section__text p {
        font-size: 18px;
        line-height: 1.4;
      }

      .next-section__purpose {
        font-size: 14px;
      }

      .next-section__stats {
        grid-template-columns: 1fr 1fr;
      }

      .video-transition__marquee-band {
        top: 0;
      }

      .news-band {
        grid-template-columns: 150px minmax(0, 1fr) 92px;
        padding-inline: 20px;
      }

      .news-band__intro {
        grid-template-columns: 22px minmax(0, 1fr);
        gap: 10px;
        height: 70px;
        padding-right: 14px;
      }

      .news-band__icon {
        width: 20px;
        height: 20px;
      }

      .news-band__title {
        font-size: 13px;
      }

      .news-band__viewport {
        --news-viewport-pad: 14px;
      }

      .news-band__card {
        flex-basis: 100%;
        height: 72px;
      }

      .news-band__aside {
        height: 70px;
        gap: 10px;
        padding-left: 12px;
      }

      .news-band__counter {
        display: none;
      }

      .news-band__arrow {
        width: 26px;
        height: 26px;
      }

      .sector-section {
        padding: 0;
        height: auto;
        min-height: 100vh;
      }

      .sector-section__inner {
        grid-template-columns: 1fr;
        height: auto;
        min-height: 100vh;
        overflow: visible;
      }

      .blog-section {
        height: auto;
        min-height: 100vh;
        padding: 0;
      }

      .blog-section__inner {
        grid-template-columns: 1fr;
        height: auto;
        min-height: 100vh;
        overflow: visible;
      }

      .blog-section :is(.sector-slider__progress, .blog-slider__progress) {
        grid-template-columns: repeat(5, 24px);
      }

      :is(.sector__rail, .blog__rail) {
        grid-template-rows: 180px auto;
        height: auto;
      }

      :is(.sector__cta, .blog__cta) {
        min-height: 180px;
        padding: 30px;
        font-size: clamp(24px, 7vw, 30px);
      }

      :is(.sector__stats, .blog__stats) {
        min-height: 0;
        padding-inline: 30px;
      }

      :is(.sector__stat, .blog__stat) {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 14px;
        min-height: 122px;
      }

      :is(.sector__stat-icon, .blog__stat-icon) {
        width: 32px;
        height: 32px;
      }

      :is(.sector__stat, .blog__stat) strong {
        font-size: clamp(28px, 8vw, 32px);
      }

      :is(.sector__stats-copy, .blog__stats-copy) {
        padding-block: 36px;
        font-size: 16px;
        padding-top:0;
      }

      :is(.sector-showcase, .blog-showcase) {
        grid-template-rows: auto auto;
        height: auto;
      }

      :is(.sector-slider, .blog-slider) {
        height: auto;
        aspect-ratio: 4 / 5;
      }

      :is(.sector-slider__content, .blog-slider__content) {
        top: 42px;
        right: 30px;
        bottom: auto;
        left: 30px;
      }

      :is(.sector-slider__content, .blog-slider__content) h3 {
        margin-top: 20px;
      }

      :is(.sector-slider__content, .blog-slider__content) p {
        margin-top: 22px;
        font-size: 17px;
      }

      :is(.sector-slider__controls, .blog-slider__controls) {
        right: auto;
        bottom: 28px;
        left: 30px;
      }

      :is(.sector-slider__progress, .blog-slider__progress) {
        grid-template-columns: repeat(3, 24px);
      }

      :is(.sector-cards, .blog-cards) {
        grid-template-columns: 1fr;
        height: auto;
      }

      :is(.sector-card, .blog-card) {
        aspect-ratio: 16 / 10;
        border-right: 0;
        border-bottom: 1px solid rgb(255 255 255 / 18%);
      }

      :is(.sector-card, .blog-card):last-child {
        border-bottom: 0;
      }

      :is(.sector-card__content, .blog-card__content) {
        right: 68px;
        bottom: 28px;
        left: 28px;
      }

      :is(.sector-card__arrow, .blog-card__arrow) {
        right: 28px;
        bottom: 28px;
      }

      .big-cta-section__inner {
        padding-block: 58px;
      }

      .big-cta-section__copy p {
        font-size: 20px;
      }

      .process-section__inner {
        gap: 60px;
        padding-block: 90px;
      }

      .process-section__layout {
        gap: 36px;
      }

      .process-accordion__trigger {
        padding: 24px 20px 24px 50px;
        font-size: 22px;
      }

      .process-accordion__panel p {
        padding: 0 20px 24px 50px;
        font-size: 16px;
      }

      .process-section__visual {
        min-height: 0;
        aspect-ratio: 4 / 3;
      }

    }

    .product-section {
      position: relative;
      min-height: 100vh;
      overflow: hidden;
      background: var(--color-white);
      color: var(--color-black);
    }

    .sector-transition {
      position: relative;
      overflow-x: clip;
      isolation: isolate;
      min-height: 200vh;
      background: var(--color-white);
    }

    .sector-section--stage {
      position: sticky;
      top: 0;
      z-index: 1;
      min-height: 100vh;
      height: 100vh;
    }

    .sector-section::after {
      position: absolute;
      inset: 0;
      z-index: 5;
      background: var(--color-black);
      opacity: var(--sector-shade, 0);
      pointer-events: none;
      content: "";
    }

    .product-section__inner {
      position: relative;
      display: grid;
      align-content: center;
      gap: 60px;
      min-height: 100vh;
      padding: 150px var(--page-padding) 150px;
    }

    .product-section__head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 30px;
      align-items: end;
    }

    .product-section__headline {
      display: grid;
      align-content: start;
      gap: 30px;
      max-width: 580px;
    }

    .product-section__headline .headline-muted {
      color: var(--color-gray);
    }

    .product-section__action {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      padding-bottom: 12px;
    }

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

    .product-card {
      position: relative;
      display: grid;
      grid-template-rows: 350px minmax(0, 1fr);
      gap: 0;
      min-height: 100%;
      padding: 0;
      border-radius: 26px;
      background: var(--color-bg-black);
      text-decoration: none;
      transition: box-shadow 420ms ease;
      cursor: default;
    }

    .product-card:hover,
    .product-card:focus-within {
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%), 0 0 0 1px rgb(0 0 0 / 18%);
    }

    .product-card__cta:hover {
      color: var(--color-brand);
    }

    .product-card__cta:hover::after {
      background-image: url("../../media/arrow-brand.svg");
      opacity: 1;
      transform: none;
    }

    .product-card:nth-child(1) {
      --media-glow-rgb: 24 92 255;
      --media-glow-soft-rgb: 24 92 255;
    }

    .product-card:nth-child(2) {
      --media-glow-rgb: 210 24 44;
      --media-glow-soft-rgb: 210 24 44;
    }

    .product-card:nth-child(3) {
      --media-glow-rgb: 228 236 245;
      --media-glow-soft-rgb: 228 236 245;
    }

    .product-card__media {
      display: flex;
      position: relative;
      align-items: center;
      justify-content: center;
      padding: 0;
      overflow: hidden;
    }

    .product-card__media::before {
      position: absolute;
      inset: 0;
      background: linear-gradient(
        180deg,
        transparent 0%,
        rgb(13 13 13 / 10%) 48%,
        rgb(13 13 13 / 52%) 76%,
        rgb(13 13 13 / 96%) 100%
      );
      pointer-events: none;
      content: "";
    }

    .product-card__media::after {
      position: absolute;
      left: 50%;
      bottom: 12%;
      width: 128%;
      height: 54%;
      border-radius: 50%;
      background: radial-gradient(ellipse at center, rgb(var(--media-glow-soft-rgb) / 44%) 0%, rgb(var(--media-glow-soft-rgb) / 18%) 34%, transparent 74%);
      filter: blur(18px);
      opacity: 0.98;
      transform: translateX(-50%);
      pointer-events: none;
      content: "";
    }

    .product-card-details .product-card__media::before,
    .product-card-details .product-card__media::after {
      content: none;
    }

    .product-card__media img {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      max-height: 300px;
      object-fit: contain;
      mix-blend-mode: darken;
      user-select: none;
      pointer-events: none;
      transform-origin: center center;
      transition: transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
      will-change: transform;
      border-radius: 40px;
    }

    .product-card:hover .product-card__media img,
    .product-card:focus-within .product-card__media img {
      transform: scale(1.06);
    }

    .product-card__media--compact img {
      max-height: 320px;
    }

    .product-card__content {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
      gap: 20px;
      align-content: start;
      padding: 30px 30px 40px 30px;
      padding-top: 0;
    }

    .product-card__title,
    .product-card__title2 {
      width: fit-content;
      max-width: 75%;
      min-height: 2em;
      font-size: 28px;
      font-weight: 500;
      line-height: 1.2;
      letter-spacing: -0.5px;
      color: var(--color-white);
      transition: color 0.25s ease;
      cursor: pointer;
    }

    .product-card__title2 {
      min-height: auto;
    }

    .product-card__title:hover,
    .product-card__title2:hover {
      color: var(--color-brand);
    }

    .product-card__desc {
      display: -webkit-box;
      overflow: hidden;
      color: rgb(255 255 255 / 75%);
      font-size: 16px;
      font-weight: 300;
      line-height: 1.6;
      max-width: 460px;
      letter-spacing: 0;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }

    .product-card__cta {
      color: var(--color-white);
    }

    :is(.dark-footer, .brand-footer-light) {
      position: relative;
      overflow: hidden;
      isolation: isolate;
      min-height: auto;
      color: var(--color-white);
      background: linear-gradient(180deg, #000000 0%, #0D0D0D clamp(360px, 38vw, 540px));
      border-top-left-radius: 40px;
      border-top-right-radius: 40px;
      z-index: 999;
    }

    :is(
      .elfsight-widget-whatsapp-chat,
      [data-elfsight-widget-id^="elfsight-whatsapp-chat"],
      .eapps-whatsapp-chat-1-custom-css-hook[id^="portal-"] > [class*="Window__Component"]
    ) {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      transition: opacity 0.3s ease, transform 0.3s ease;
    }

    body.is-whatsapp-hidden-for-footer :is(
      .elfsight-widget-whatsapp-chat,
      [data-elfsight-widget-id^="elfsight-whatsapp-chat"],
      .eapps-whatsapp-chat-1-custom-css-hook[id^="portal-"] > [class*="Window__Component"]
    ) {
      opacity: 0 !important;
      transform: translateY(24px) !important;
      pointer-events: none !important;
    }

    @media (prefers-reduced-motion: reduce) {
      :is(
        .elfsight-widget-whatsapp-chat,
        [data-elfsight-widget-id^="elfsight-whatsapp-chat"],
        .eapps-whatsapp-chat-1-custom-css-hook[id^="portal-"] > [class*="Window__Component"]
      ) {
        transition: none;
      }
    }

    .dark-footer {
      background: linear-gradient(180deg, #000000 0%, #0D0D0D clamp(360px, 38vw, 540px));
    }

    .brand-footer-light {
      background: var(--color-brand);
    }

    :is(.dark-footer__cta, .brand-footer__cta-light) {
      position: relative;
      z-index: 2;
      display: grid;
      justify-items: center;
      gap: 30px;
      width: min(100%, var(--container-main));
      max-width: 1080px;
      margin-inline: auto;
      padding: clamp(92px, 8vw, 150px) var(--page-padding) 0;
      text-align: center;
    }

    :is(.dark-footer__cta, .brand-footer__cta-light) :is(.dark-footer__subline, .brand-footer__subline-light) {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      color: var(--color-white);
      font-size: 14px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: 0;
    }

    :is(.dark-footer__subline, .brand-footer__subline-light)::before {
      width: 2px;
      height: 22px;
      background: var(--color-brand);
      content: "";
    }

    :is(.dark-footer__cta, .brand-footer__cta-light)[data-reveal-ready="true"] > * {
      opacity: 0;
      filter: blur(8px);
      transform: translate3d(0, 18px, 0) scale(0.985);
      transition:
        opacity 0.58s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.58s ease,
        transform 0.58s cubic-bezier(0.22, 1, 0.36, 1);
      transition-delay: var(--footer-cta-delay, 0ms);
      will-change: opacity, filter, transform;
    }

    :is(.dark-footer__cta, .brand-footer__cta-light) > :nth-child(1) {
      --footer-cta-delay: 60ms;
    }

    :is(.dark-footer__cta, .brand-footer__cta-light) > :nth-child(2) {
      --footer-cta-delay: 120ms;
    }

    :is(.dark-footer__cta, .brand-footer__cta-light) > :nth-child(3) {
      --footer-cta-delay: 180ms;
    }

    :is(.dark-footer__cta, .brand-footer__cta-light) > :nth-child(4) {
      --footer-cta-delay: 240ms;
    }

    :is(.dark-footer__cta, .brand-footer__cta-light).is-visible > * {
      opacity: 1;
      filter: blur(0);
      transform: translate3d(0, 0, 0) scale(1);
    }

    @media (prefers-reduced-motion: reduce) {
      :is(.dark-footer__cta, .brand-footer__cta-light)[data-reveal-ready="true"] > * {
        opacity: 1;
        filter: none;
        transform: none;
        transition: none;
      }
    }

    :is(.dark-footer__cta, .brand-footer__cta-light) h3 {
      max-width: 840px;
      color: var(--color-white);
    }

    :is(.dark-footer__cta-muted, .brand-footer__cta-muted-light) {
      color: rgb(255 255 255 / 50%);
    }

    :is(.dark-footer__cta-desc, .brand-footer__cta-desc-light) {
      max-width: 560px;
      color: rgb(255 255 255 / 75%);
      font-size: 16px;
      font-weight: 300;
      line-height: 1.5;
      letter-spacing: 0;
    }

    :is(.dark-footer__button, .brand-footer__button-light) {
      --btn-link-hover-color: currentColor;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      height: 45px;
      padding: 0 16px 0 20px;
      border: 0;
      border-radius: var(--radius-medium);
      background: var(--color-brand);
      color: var(--color-white);
      font-size: 15px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: 0;
      text-decoration: none;
      transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
    }

    :is(.dark-footer__button-text, .brand-footer__button-text-light) {
      position: relative;
      display: inline-grid;
      min-width: var(--btn-link-text-width, auto);
      overflow: hidden;
      line-height: 1.1;
    }

    :is(.dark-footer__button-text-original, .brand-footer__button-text-original-light),
    :is(.dark-footer__button-text-hover, .brand-footer__button-text-hover-light) {
      grid-area: 1 / 1;
      transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    }

    :is(.dark-footer__button-text-hover, .brand-footer__button-text-hover-light) {
      transform: translateY(110%);
    }

    :is(.dark-footer__button, .brand-footer__button-light) svg {
      width: 12px;
      height: 12px;
      flex: 0 0 12px;
    }

    :is(.dark-footer__button, .brand-footer__button-light):hover,
    :is(.dark-footer__button, .brand-footer__button-light):focus-visible {
      border-color: var(--color-white);
      background: var(--color-white);
      color: var(--color-brand);
    }

    .dark-footer__button:hover .dark-footer__button-text-original,
    .dark-footer__button:focus-visible .dark-footer__button-text-original,
    .brand-footer__button-light:hover .brand-footer__button-text-original-light,
    .brand-footer__button-light:focus-visible .brand-footer__button-text-original-light {
      transform: translateY(-110%);
    }

    .dark-footer__button:hover .dark-footer__button-text-hover,
    .dark-footer__button:focus-visible .dark-footer__button-text-hover,
    .brand-footer__button-light:hover .brand-footer__button-text-hover-light,
    .brand-footer__button-light:focus-visible .brand-footer__button-text-hover-light {
      transform: translateY(0);
    }

    :is(.dark-footer__wordmark, .brand-footer__wordmark-light) {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      min-height: auto;
      margin-inline: auto;
      padding: 0 var(--page-padding) 0;
      overflow: hidden;
      user-select: none;
      pointer-events: none;
    }

    .dark-footer :is(.dark-footer__wordmark, .brand-footer__wordmark-light)::after {
      position: absolute;
      inset-inline: 0;
      bottom: -1px;
      z-index: 2;
      height: clamp(90px, 12vw, 210px);
      background: linear-gradient(
        180deg,
        rgb(13 13 13 / 0%) 0%,
        rgb(13 13 13 / 22%) 42%,
        rgb(13 13 13 / 68%) 76%,
        rgb(13 13 13 / 92%) 100%
      );
      content: "";
    }

    .brand-footer-light .brand-footer__wordmark-light::after {
      position: absolute;
      inset-inline: 0;
      bottom: -1px;
      z-index: 2;
      height: clamp(90px, 12vw, 210px);
      background: linear-gradient(
        180deg,
        rgb(217 0 75 / 0%) 0%,
        rgb(217 0 75 / 22%) 42%,
        rgb(207 0 72 / 68%) 76%,
        #cf0048 100%
      );
      content: "";
    }

    :is(.dark-footer__wordmark, .brand-footer__wordmark-light) img {
      position: relative;
      z-index: 1;
      display: block;
      width: min(82vw, 1548px);
      max-width: 100%;
      height: auto;
      opacity: 0.07;
    }

    .dark-footer :is(.dark-footer__wordmark, .brand-footer__wordmark-light) img {
      opacity: 0.09;
    }

    :is(.dark-footer__panel, .brand-footer__panel-light) {
      --footer-panel-overlap: 0;
      --footer-panel-progress: 0;
      position: relative;
      z-index: 2;
      margin-top: calc(var(--footer-panel-overlap) * var(--footer-panel-progress));
      padding: 60px var(--page-padding) 60px;
      background: #0D0D0D;
    }

    :is(.dark-footer__panel-inner, .brand-footer__panel-inner-light) {
      display: grid;
      grid-template-columns: minmax(260px, 1fr) minmax(180px, auto) minmax(220px, 1fr);
      gap: clamp(40px, 7vw, 130px);
      align-items: start;
      width: min(100%, var(--container-main));
      margin-inline: auto;
    }

    :is(.dark-footer__navigation, .brand-footer__navigation-light) {
      display: grid;
      grid-template-columns: repeat(2, minmax(120px, 1fr));
      gap: clamp(42px, 6vw, 120px);
      align-items: start;
    }

    :is(.dark-footer__column, .brand-footer__column-light),
    :is(.dark-footer__legal, .brand-footer__legal-light) {
      display: grid;
      gap: 10px;
    }

    :is(.dark-footer__label, .brand-footer__label-light) {
        color: rgb(255 255 255 / 100%);
        font-size: 13px;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    :is(.dark-footer__column, .brand-footer__column-light) a {
        color: rgb(255 255 255 / 50%);
        font-size: 14px;
        font-weight: 300;
        line-height: 1.5;
        letter-spacing: 0;
        transition: color 0.2s ease;
    }
    
    :is(.dark-footer__legal, .brand-footer__legal-light) a,
    :is(.dark-footer__bottom, .brand-footer__bottom-light) p {
      color: rgb(255 255 255 / 40%);
      font-size: 12px;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0;
    }

    :is(.dark-footer__legal, .brand-footer__legal-light) a {
      transition: color 0.2s ease;
    }

    :is(.dark-footer__column, .brand-footer__column-light) a:hover,
    :is(.dark-footer__legal, .brand-footer__legal-light) a:hover {
      color: var(--color-brand);
    }

    /* Footer bağlantıları için btn-link'ten bağımsız, oksuz metin animasyonu. */
    .footer-motion-link {
      --footer-motion-link-hover-color: var(--color-brand);
      position: relative;
      display: inline-grid;
      width: fit-content;
      overflow: hidden;
      text-decoration: none;
    }

    .footer-motion-link::after {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 1px;
      background: var(--footer-motion-link-hover-color);
      content: "";
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .footer-motion-link__words {
      display: inline-flex;
      flex-wrap: wrap;
      gap: 0.28em;
      align-items: baseline;
      justify-content: flex-start;
      padding-bottom: 2px;
    }

    .footer-motion-link__word {
      position: relative;
      display: inline-block;
      overflow: hidden;
      line-height: inherit;
    }

    .footer-motion-link__word-original,
    .footer-motion-link__word-hover {
      display: block;
      transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
      transition-delay: var(--footer-motion-link-word-delay, 0s);
    }

    .footer-motion-link__word-hover {
      position: absolute;
      top: 0;
      left: 0;
      color: var(--footer-motion-link-hover-color);
      transform: translateY(110%);
    }

    .footer-motion-link:hover::after,
    .footer-motion-link:focus-visible::after {
      transform: scaleX(1);
    }

    .footer-motion-link:hover .footer-motion-link__word-original,
    .footer-motion-link:focus-visible .footer-motion-link__word-original {
      transform: translateY(-110%);
    }

    .footer-motion-link:hover .footer-motion-link__word-hover,
    .footer-motion-link:focus-visible .footer-motion-link__word-hover {
      transform: translateY(0);
    }

    :is(.dark-footer__logo, .brand-footer__logo-light) {
      display: inline-flex;
      justify-self: center;
      align-items: center;
      width: 170px;
    }

    :is(.dark-footer__logo, .brand-footer__logo-light) img {
      width: 100%;
      height: auto;
    }

    :is(.dark-footer__aside, .brand-footer__aside-light) {
      display: flex;
      justify-content: flex-end;
      align-items: stretch;
      align-self: stretch;
    }

    :is(.dark-footer__contact-stack, .brand-footer__contact-stack-light) {
      display: flex;
      min-height: 100%;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-end;
      gap: 30px;
    }

    :is(.dark-footer__contact-mail, .brand-footer__contact-mail-light) {
      display: flex;
      justify-content: flex-end;
      width: 100%;
    }

    :is(.dark-footer__contacts, .brand-footer__contacts-light) {
      color: rgb(255 255 255 / 50%);
      font-size: 20px;
      font-weight: 500;
      line-height: 1;
      letter-spacing: 0;
      transition: color 0.2s ease;
    }

    :is(.dark-footer__contacts, .brand-footer__contacts-light):hover {
      color: var(--color-brand);
    }

    :is(.dark-footer__social, .brand-footer__social-light) {
      display: flex;
      align-items: center;
      gap: 18px;
    }

    :is(.dark-footer__social, .brand-footer__social-light) a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      border: 1px solid rgb(255 255 255 / 14%);
      border-radius: 12px;
      background: rgb(255 255 255 / 4%);
      transition: border-color 0.2s ease, background-color 0.2s ease;
    }

    :is(.dark-footer__social, .brand-footer__social-light) a:hover {
      border-color: var(--color-brand);
      background: var(--color-brand);
    }

    :is(.dark-footer__social, .brand-footer__social-light) img {
      width: 16px;
      height: 16px;
      object-fit: contain;
      opacity: 0.7;
      transition: opacity 0.2s ease;
    }

    :is(.dark-footer__social, .brand-footer__social-light) a:hover img {
      opacity: 1;
    }

    :is(.dark-footer__bottom-inner, .brand-footer__bottom-inner-light) {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
        width: min(100%, var(--container-main));
        margin-inline: auto;
        gap: 20px;
    }

    :is(.dark-footer__bottom, .brand-footer__bottom-light) {
        position: relative;
        z-index: 999;
        width: 100%;
        padding: 20px var(--page-padding) 18px;
    }

    .dark-footer__bottom {
      background: #111111;
    }

    .brand-footer__bottom-light {
      background: #bd0042;
    }

    .brand-footer__bottom-light p {
      color: rgb(255 255 255 / 75%);
    }

    .brand-footer__legal-light a {
      color: rgb(255 255 255 / 75%);
    }

    .brand-footer__legal-light a:hover,
    .brand-footer__legal-light a:focus-visible {
      color: var(--color-black);
    }

    :is(.dark-footer__legal, .brand-footer__legal-light) {
      display: flex;
      gap: 18px;
      justify-self: center;
    }

    :is(.dark-footer__bottom-visual, .brand-footer__bottom-visual-light) {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      min-height: 34px;
      width: min(220px, 100%);
      justify-self: end;
    }

    :is(.dark-footer__bottom-visual, .brand-footer__bottom-visual-light) a {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      width: min(110px, 100%);
    }

    :is(.dark-footer__bottom-visual, .brand-footer__bottom-visual-light) img {
      display: block;
      width: 100%;
      height: auto;
      opacity: 0.7;
      transition: opacity 0.2s ease;
    }

    :is(.dark-footer__bottom-visual, .brand-footer__bottom-visual-light):hover img {
      opacity: 1;
    }

    .brand-footer__panel-light {
      background: #cf0048;
    }

    .brand-footer__cta-light .brand-footer__subline-light {
      color: var(--color-white);
    }

    .brand-footer__subline-light::before {
      background: var(--color-white);
    }

    .brand-footer__cta-desc-light,
    .brand-footer__column-light a,
    .brand-footer__contacts-light {
      color: var(--color-white);
    }

    .brand-footer__cta-muted-light {
      color: var(--color-black);
    }

    .brand-footer__column-light a:hover,
    .brand-footer__contacts-light:hover {
      color: var(--color-black);
    }

    .brand-footer__button-light {
      border-color: var(--color-white);
      background: #000000;
      color: var(--color-white);
    }

    .brand-footer__social-light a:hover,
    .brand-footer__social-light a:focus-visible {
      border-color: var(--color-black);
      background: var(--color-black);
    }

    @media (max-width: 980px) {
      .sector-transition {
        min-height: 0;
      }

      .sector-section--stage {
        position: relative;
        top: auto;
        height: auto;
      }

      .product-section__inner {
        min-height: auto;
      }

      .big-cta-section {
        margin-top: 32px;
        transform: none;
      }

      .product-section__head {
        grid-template-columns: 1fr;
        gap: 22px;
      }

      .product-section__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .product-card__media {
        height: 340px;
        min-height: 340px;
      }

      .product-card {
        grid-template-rows: 340px minmax(0, 1fr);
      }

      .product-card__title,
      .product-card__title2 {
        font-size: 24px;
      }

      .product-card__desc {
        font-size: 16px;
      }

      :is(.dark-footer, .brand-footer-light) {
        min-height: auto;
      }

      :is(.dark-footer__wordmark, .brand-footer__wordmark-light) {
        justify-content: flex-start;
        min-height: auto;
      }

      :is(.dark-footer__wordmark, .brand-footer__wordmark-light) img {
        width: min(118vw, 980px);
      }

      :is(.dark-footer__panel, .brand-footer__panel-light) {
        padding-top: 44px;
      }

      :is(.dark-footer__panel-inner, .brand-footer__panel-inner-light) {
        grid-template-columns: 1fr;
        gap: 34px;
      }

      :is(.dark-footer__navigation, .brand-footer__navigation-light) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 34px;
      }

      :is(.dark-footer__logo, .brand-footer__logo-light) {
        justify-self: start;
        width: 152px;
      }

      :is(.dark-footer__aside, .brand-footer__aside-light),
      :is(.dark-footer__contact-stack, .brand-footer__contact-stack-light) {
        justify-content: flex-start;
      }

      :is(.dark-footer__contact-stack, .brand-footer__contact-stack-light) {
        min-height: auto;
        align-items: flex-start;
      }

      :is(.dark-footer__contact-mail, .brand-footer__contact-mail-light) {
        justify-content: flex-start;
      }

      :is(.dark-footer__aside, .brand-footer__aside-light),
      :is(.dark-footer__contact-stack, .brand-footer__contact-stack-light) {
        gap: 30px;
      }

      :is(.dark-footer__bottom-inner, .brand-footer__bottom-inner-light) {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: stretch;
      }

      :is(.dark-footer__legal, .brand-footer__legal-light),
      :is(.dark-footer__bottom-visual, .brand-footer__bottom-visual-light) {
        justify-self: start;
      }

      :is(.dark-footer__bottom-visual, .brand-footer__bottom-visual-light) {
        justify-content: flex-start;
      }
    }
    
    @media (max-width: 760px) {
      .header-cta-button {
        display: none;
      }

      .sector-transition {
        min-height: 200vh;
      }

      .sector-section--stage {
        position: sticky;
        top: 0;
        min-height: 100vh;
        height: 100vh;
      }

      .big-cta-section {
        margin-top: 90px;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        transform: translate3d(0, var(--big-cta-rise, 0px), 0);
      }

      .product-section__inner {
        padding-block: 70px;
      }

      .product-section__grid {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .product-section__head {
        padding-right: 0;
      }

      .product-card {
        padding: 0;
      }

      .product-card__media {
        height: 280px;
        min-height: 280px;
      }

      .product-card {
        grid-template-rows: 280px minmax(0, 1fr);
      }

      .product-card__title,
      .product-card__title2 {
        font-size: 22px;
      }

      .product-card__desc {
        font-size: 16px;
      }

      :is(.dark-footer__wordmark, .brand-footer__wordmark-light) {
        min-height: auto;
        padding-top: 90px;
      }

      :is(.dark-footer__cta, .brand-footer__cta-light) {
        gap: 18px;
        justify-items: start;
        padding: 70px var(--page-padding) 0;
        text-align: left;
      }

      :is(.dark-footer__cta, .brand-footer__cta-light) h3 {
        max-width: 100%;
        font-size: clamp(32px, 8.6vw, 42px);
      }

      :is(.dark-footer__cta-desc, .brand-footer__cta-desc-light) {
        max-width: 360px;
        font-size: 16px;
      }

      :is(.dark-footer__wordmark, .brand-footer__wordmark-light) img {
        width: min(132vw, 700px);
      }

      :is(.dark-footer__panel, .brand-footer__panel-light) {
        padding: 36px var(--page-padding) 18px;
      }

      :is(.dark-footer__navigation, .brand-footer__navigation-light) {
        grid-template-columns: 1fr;
        gap: 30px;
      }

      :is(.dark-footer__legal, .brand-footer__legal-light) {
        flex-wrap: wrap;
      }
    }

    @media (max-width: 480px) {
      .news-band {
        grid-template-columns: minmax(0, 1fr) 88px;
        padding-inline: 12px;
      }

      .news-band__intro {
        display: none;
      }

      .news-band__viewport {
        --news-viewport-pad: 0;
        padding-right: 12px;
        padding-left: 0;
        clip-path: inset(0 12px 0 0);
      }

      .product-section__action {
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        padding-bottom: 0;
      }
    }

    @media (max-width: 350px) {
      .scroll-down-indicator {
        display: none;
      }
    }

    /* ---------- Ürün detay hero: ortalı ve normal akış ---------- */
    .line-field-section.line-field-section--product {
      height: 450px;
      background: var(--color-soft-bg);
    }

    .line-field-section--product .line-field-section__inner {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      width: 100%;
      max-width: none;
      height: 100%;
      margin: 0;
      padding: 0 var(--page-padding) 60px;
      text-align: left;
    }

    .line-field-section--product .line-field-section__content {
      display: grid;
      justify-items: start;
      width: auto;
      margin-inline: 0;
    }

    .line-field-section--product .breadcrumb-nav.line-field-section__breadcrumb {
      justify-content: flex-start;
      width: 100%;
      max-width: 100%;
      margin-inline: 0;
    }

    .line-field-section--product .product-hero__actions {
      justify-content: flex-start;
      width: 100%;
      margin-top: 10px;
      padding-top: 0;
    }

    .line-field-section--product .product-hero__anchor::after {
      transform: rotate(45deg);
      transition: transform 0.25s ease, opacity 0.25s ease, background-image 0.25s ease;
    }

    .line-field-section--product .product-hero__anchor:hover::after,
    .line-field-section--product .product-hero__anchor:focus-visible::after {
      transform: rotate(135deg);
    }

    /* ---------- Ürün detay carousel ve içerik düzenlemeleri ---------- */
    .how-it-works-section__head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: end;
      gap: 30px;
    }

    .detail-carousel__controls {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
    }

    .detail-carousel__arrow {
      display: inline-grid;
      place-items: center;
      width: 48px;
      height: 48px;
      padding: 0;
      border: 0;
      border-radius: 14px;
      background: #0d0d0d;
      color: var(--color-white);
      cursor: pointer;
      transition: color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease;
    }

    .detail-carousel__arrow svg {
      width: 24px;
      height: 24px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.5;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .detail-carousel__arrow:hover,
    .detail-carousel__arrow:focus-visible {
      background: var(--color-brand);
      color: var(--color-white);
    }

    .detail-carousel__arrow:disabled {
      opacity: 0.3;
      pointer-events: none;
    }

    .detail-carousel__viewport {
      width: calc(100% + max(0px, (100vw - var(--container-main)) / 2) + var(--page-padding));
      max-width: none !important;
      overflow-x: auto;
      overflow-y: hidden;
      overscroll-behavior-inline: contain;
      scroll-behavior: smooth;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      cursor: grab;
    }

    .detail-carousel__viewport:active {
      cursor: grabbing;
    }

    .detail-carousel__viewport::-webkit-scrollbar {
      display: none;
    }

    .application-cards.detail-carousel__track,
    .related-products-grid.detail-carousel__track {
      --detail-carousel-gap: 30px;
      display: flex;
      align-items: stretch;
      width: 100%;
      gap: var(--detail-carousel-gap);
      grid-template-columns: none;
    }

    .application-cards.detail-carousel__track > .application-card,
    .related-products-grid.detail-carousel__track > .product-card-details {
      flex: 0 0 calc(40% - 24px);
      min-width: 0;
      scroll-snap-align: start;
    }

    .application-card__content {
      max-width: 650px;
    }

    .product-card.product-card-details {
      gap: 20px;
      cursor: pointer;
    }

    .product-card-details .product-card__media {
      background: #ffffff;
      border-radius: 26px;
    }

    .product-card-details .product-card__media img {
      max-height: 280px;
    }

    .product-card-details .product-card__content {
      grid-template-rows: auto minmax(0, 1fr);
    }

    .product-card-details .product-card__desc {
      max-width: 80%;
    }

    .product-card-details:hover .product-card__title2,
    .product-card-details:focus-visible .product-card__title2 {
      color: var(--color-brand);
    }

    .keywords-section__inner {
      grid-template-columns: 1fr;
      gap: 20px;
    }

    .keyword-item__codes-grid {
      column-count: 4;
    }

    .keyword-item__trigger {
      padding: 10px 0;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.6;
      letter-spacing: var(--ls-body);
    }

    @media (max-width: 980px) {
      .application-cards.detail-carousel__track > .application-card,
      .related-products-grid.detail-carousel__track > .product-card-details {
        flex-basis: calc(62.5% - 18.75px);
      }

      .keyword-item__codes-grid {
        column-count: 2;
      }
    }

    @media (max-width: 760px) {
      .how-it-works-section__head {
        grid-template-columns: 1fr;
        align-items: start;
      }

      .how-it-works-section__head .detail-carousel__controls {
        justify-self: start;
        justify-content: flex-start;
      }

      .related-products-section__head {
        grid-template-columns: 1fr auto;
        align-items: end;
      }

      .line-field-section--product .product-hero__actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
      }

      .detail-carousel__arrow {
        width: 42px;
        height: 42px;
        border-radius: 12px;
      }

      .application-cards.detail-carousel__track,
      .related-products-grid.detail-carousel__track {
        --detail-carousel-gap: 20px;
      }

      .application-cards.detail-carousel__track > .application-card,
      .related-products-grid.detail-carousel__track > .product-card-details {
        flex-basis: calc(90% - 18px);
      }

      .keyword-item__codes-grid {
        column-count: 1;
        padding-right: 0;
        padding-left: 0;
      }

      .keyword-item__trigger {
        padding: 10px 0;
      }
    }

    @media (max-width: 480px) {
      .single-urun .line-field-section h1 {
        font-size: 32px;
      }

      .line-field-section--product .breadcrumb-nav.line-field-section__breadcrumb {
        justify-content: flex-start;
        gap: 10px;
        overflow: hidden;
        text-align: left;
        white-space: nowrap;
      }

      .line-field-section--product .line-field-section__inner {
        text-align: left;
      }

      .line-field-section--product .line-field-section__content {
        justify-items: start;
      }

      .line-field-section--product .product-hero__actions {
        justify-content: flex-start;
      }

      .application-cards.detail-carousel__track > .application-card {
        flex-basis: min(86vw, 340px);
        height: clamp(380px, 112vw, 440px);
        aspect-ratio: auto;
        border-radius: 28px;
      }

      .application-cards.detail-carousel__track .application-card__content {
        gap: 8px;
        padding: 0 20px 22px;
      }

      .application-cards.detail-carousel__track .application-card__title {
        max-width: 100%;
        font-size: 22px;
        line-height: 1.15;
      }

      .application-cards.detail-carousel__track .application-card__desc {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.45;
      }

      .line-field-section--product .breadcrumb-nav.line-field-section__breadcrumb > :not(:first-child):not(:last-child) {
        display: none;
      }

      .line-field-section--product .breadcrumb-nav.line-field-section__breadcrumb > :first-child,
      .line-field-section--product .breadcrumb-nav.line-field-section__breadcrumb > :last-child {
        display: inline-flex;
        min-width: 0;
      }

      .line-field-section--product .breadcrumb-nav.line-field-section__breadcrumb > :last-child {
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .line-field-section--product .breadcrumb-nav.line-field-section__breadcrumb > :last-child::before {
        flex: 0 0 auto;
        margin-right: 10px;
        color: var(--color-gray);
        content: "/";
      }
    }

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

      .detail-carousel__arrow {
        transition: none;
      }
    }

    /* ---------- Header dil seçimi ve site içi arama ---------- */
    .visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap;
      border: 0;
    }

    .site-header__language {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      height: 48px;
      padding: 0 5px;
      border: 0;
      background: transparent;
      color: var(--color-black);
      font-family: inherit;
      font-size: 13px;
      font-weight: 500;
      line-height: 1;
      cursor: pointer;
      transition: color 0.25s ease;
    }

    .site-header__language-icon {
      display: block;
      width: 19px;
      height: 19px;
      flex: 0 0 19px;
      color: var(--color-black);
      transition: color 0.25s ease;
    }

    .site-header__language-icon svg {
      width: 100%;
      height: 100%;
    }

    .site-header__language:hover .site-header__language-icon,
    .site-header__language:focus-visible .site-header__language-icon {
      color: var(--color-brand);
    }

    .site-header__language:hover,
    .site-header__language:focus-visible {
      color: var(--color-brand);
    }

    body.site-search-open {
      overflow: hidden;
    }

    .site-search-modal {
      position: fixed;
      inset: 0;
      z-index: 2000;
      display: grid;
      place-items: center;
      padding: clamp(24px, 5vw, 80px);
      background: rgb(0 0 0 / 60%);
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 0.3s ease, visibility 0.3s ease;
    }

    .site-search-modal.is-open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    .site-search-modal__backdrop {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      padding: 0;
      border: 0;
      background: transparent;
      cursor: default;
    }

    .site-search-modal__dialog {
      position: relative;
      z-index: 1;
      width: min(100%, 900px);
      transform: translateY(18px);
      transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .site-search-modal.is-open .site-search-modal__dialog {
      transform: translateY(0);
    }

    .site-search-modal__close {
      position: absolute;
      right: 0;
      bottom: calc(100% + 14px);
      display: grid;
      place-items: center;
      width: 42px;
      height: 42px;
      padding: 0;
      border: 1px solid rgb(255 255 255 / 10%);
      border-radius: 12px;
      background: #0d0d0d;
      color: var(--color-white);
      cursor: pointer;
      transition: border-color 0.25s ease, background-color 0.25s ease;
    }

    .site-search-modal__close:hover,
    .site-search-modal__close:focus-visible {
      border-color: var(--color-brand);
      background: var(--color-brand);
    }

    .site-search-modal__close svg {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
    }

    .site-search-modal__form {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 84px;
      align-items: stretch;
      min-height: 80px;
      overflow: hidden;
      border: 1px solid rgb(255 255 255 / 20%);
      border-radius: 20px;
      background: linear-gradient(135deg, #171717 0%, #0d0d0d 100%);
      box-shadow: 0 28px 80px rgb(0 0 0 / 35%);
      transition: border-color 0.25s ease, box-shadow 0.25s ease;
    }

    .site-search-modal__form:hover,
    .site-search-modal__form:focus-within {
      border-color: rgb(217 0 75 / 50%);
      box-shadow: 0 28px 80px rgb(0 0 0 / 45%), 0 0 0 1px rgb(217 0 75 / 18%);
    }

    .site-search-modal__form input {
      width: 100%;
      min-width: 0;
      padding: 0 12px 0 34px;
      border: 0;
      outline: 0;
      background: transparent;
      color: var(--color-white);
      font-family: inherit;
      font-size: clamp(17px, 1.25vw, 22px);
      font-weight: 300;
    }

    .site-search-modal__form input::placeholder {
      color: rgb(255 255 255 / 48%);
      opacity: 1;
    }

    .site-search-modal__form input::-webkit-search-cancel-button {
      display: none;
    }

    .site-search-modal__submit {
      display: grid;
      place-items: center;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--color-white);
      cursor: pointer;
      transition: color 0.25s ease, background-color 0.25s ease;
    }

    .site-search-modal__submit:hover,
    .site-search-modal__submit:focus-visible {
      background: transparent;
      color: var(--color-brand);
    }

    .site-search-modal__submit svg {
      width: 28px;
      height: 28px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
    }

    .site-search-modal__status {
      margin: 14px 4px 0;
      color: rgb(255 255 255 / 72%);
      font-size: 14px;
      font-weight: 300;
    }

    @media (max-width: 600px) {
      .site-search-modal {
        padding: 30px 20px;
      }

      .site-search-modal__form {
        grid-template-columns: minmax(0, 1fr) 62px;
        min-height: 72px;
        border-radius: 16px;
      }

      .site-search-modal__form input {
        padding-left: 20px;
        font-size: 15px;
      }

      .site-search-modal__submit svg {
        width: 23px;
        height: 23px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .site-search-modal,
      .site-search-modal__dialog {
        transition: none;
      }
    }

    /* ---------- Kategori Listeleme Sayfası ---------- */

    .category-listing-page .category-line-field h1 {
      max-width: 1180px;
    }

    @media (min-width: 981px) {
      .category-listing-page.category-title-compact .category-line-field h1 {
        max-width: 800px;
      }

      .category-listing-page.category-title-wide .category-line-field h1 {
        max-width: 1180px;
      }
    }

    .category-listing-page .category-line-field .line-field-section__inner {
      padding-right: var(--page-padding);
    }

    .category-listing-page .category-line-field .scroll-down-indicator {
      margin-right: 0;
    }

    .category-parallax-transition {
      position: relative;
      isolation: isolate;
      background: var(--color-white);
    }

    .category-parallax-transition::after {
      position: absolute;
      z-index: 1;
      right: 0;
      bottom: 0;
      left: 0;
      height: 80px;
      background: var(--color-white);
      pointer-events: none;
      content: "";
    }

    .category-content-transition {
      position: relative;
      isolation: isolate;
      background: var(--color-white);
    }

    .category-content-transition > .product-view-section {
      margin-top: 0;
    }

    .category-parallax-section {
      position: sticky;
      top: 0;
      z-index: 1;
      height: clamp(560px, 80vh, 920px);
      min-height: 0;
      overflow: hidden;
      background: var(--color-bg-black);
    }

    .category-parallax-section__background {
      position: absolute;
      top: -13vh;
      right: 0;
      bottom: auto;
      left: 0;
      width: 100%;
      height: calc(100% + 13vh);
      background-color: #03070d;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      object-fit: cover;
      transform-origin: center;
      will-change: transform;
    }

    .category-parallax-section__shade {
      position: absolute;
      inset: 0;
      z-index: 1;
      background: var(--color-bg-black);
      opacity: var(--category-shade, 0);
      pointer-events: none;
      will-change: opacity;
    }

    .category-listing-page .desc-section {
      position: sticky;
      top: 0;
      z-index: 2;
      background: var(--color-white);
      color: var(--color-black);
    }

    .category-listing-page .desc-section .section-subline {
      color: var(--color-black);
    }

    .desc-section__inner {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1fr);
      grid-template-rows: minmax(0, 1fr);
      height: 90vh;
      min-height: 0;
      gap: 20px;
      padding: 90px var(--page-padding) 90px;
    }

    .desc-section__headline {
      display: grid;
      align-self: start;
      align-content: start;
      gap: 30px;
      max-width: 580px;
    }

    :is(.category-heatless-page, .category-oilfree-page) .desc-section__headline {
      display: grid;
      align-self: start;
      align-content: start;
      gap: 30px;
      max-width: 620px;
    }

    :is(.category-heatless-page, .category-oilfree-page) .desc-section__inner {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1fr);
      grid-template-rows: minmax(0, 1fr);
      height: 75vh;
      min-height: 0;
      gap: 20px;
      padding: 90px var(--page-padding) 90px;
    }

    .desc-section__headline .headline-muted {
      color: var(--color-gray);
    }

    .desc-section__text {
      display: grid;
      grid-column: 2;
      align-self: start;
      justify-self: end;
      align-content: start;
      gap: 30px;
      width: 100%;
      max-width: 880px;
      padding-top: 48px;
    }

    .desc-section__text p {
      color: rgb(13 13 13 / 62%);
      font-size: clamp(24px, 1.5vw, 32px);
      font-weight: 300;
      line-height: 1.2;
      letter-spacing: var(--ls-body);
    }

    .desc-section__text-highlight {
      color: var(--color-black);
      font-weight: 400;
    }

    .category-listing-page .spec-section {
      z-index: 3;
      height: auto;
      min-height: 100vh;
      align-items: flex-start;
      overflow: visible;
      margin-top: -80px;
      transform: none;
      will-change: auto;
    }

    .category-listing-page .spec-section__inner {
      align-items: start;
    }

    .category-listing-page .spec-section__sticky {
      position: sticky;
      top: 40px;
      align-self: start;
    }

    .category-listing-page .spec-section__overview {
      display: grid;
      gap: 20px;
      max-width: 720px;
    }

    .category-listing-page .spec-section__overview p {
      max-width: 720px;
      color: rgb(255 255 255 / 75%);
      font-size: 16px;
      font-weight: 300;
      line-height: 1.6;
      letter-spacing: var(--ls-body);
    }

    .category-listing-page .spec-section__overview strong {
      color: var(--color-white);
      font-weight: 400;
    }

    .category-listing-page .spec-section__copy {
      display: grid;
      align-self: start;
      align-content: start;
      justify-self: end;
      width: 100%;
      max-width: 880px;
      gap: 20px;
      padding-top: calc(var(--spec-subline-height) + var(--spec-head-gap));
    }

    .category-listing-page .spec-section--heatless-copy {
      height: 85vh;
      min-height: 85vh;
    }

    .category-oilfree-page .spec-section--heatless-copy {
      height: 70vh;
      min-height: 70vh;
    }

    .category-listing-page .spec-section--heatless-copy .spec-section__inner {
      height: 100%;
      min-height: 0;
    }

    .category-listing-page .spec-section--heatless-copy .spec-section__sticky {
      position: static;
      top: auto;
    }

    :is(.category-heatless-page, .category-oilfree-page) .spec-section__copy-text {
      color: rgb(255 255 255 / 75%);
      font-size: clamp(24px, 1.2vw, 32px);
      font-weight: 300;
      line-height: 1.6;
      letter-spacing: var(--ls-body);
    }

    .category-listing-page .spec-item {
      align-items: start;
    }

    .category-listing-page .spec-item__number {
      margin-top: 2px;
    }

    /* ---------- Kategori Ürün Görünümü ---------- */

    .product-view-section {
      position: relative;
      z-index: 4;
      height: auto;
      min-height: 0;
      overflow: visible;
      margin-top: -40px;
      background: #f0f0f0;
      color: var(--color-black);
    }

    .product-view-section__inner {
      display: grid;
      grid-template-columns: minmax(300px, 0.27fr) minmax(0, 0.73fr);
      grid-template-rows: auto auto;
      align-content: center;
      align-items: start;
      column-gap: clamp(20px, 4vw, 20px);
      row-gap: 60px;
      width: min(100%, var(--container-main));
      height: auto;
      margin-inline: auto;
      padding: 90px var(--page-padding) 90px;
    }

    .product-view-section__headline {
      display: grid;
      align-content: start;
      gap: 30px;
      max-width: 550px;
    }

    .product-view-section__headline h5 {
      color: var(--color-black);
      font-size: clamp(28px, 3vw, 42px);
      font-weight: 500;
      line-height: 1.12;
      letter-spacing: -0.035em;
      transition: opacity 0.16s ease, transform 0.16s ease;
    }

    .product-view-section__headline h5.is-changing {
      opacity: 0;
      transform: translateY(4px);
    }

    .product-view-section__topbar {
      display: flex;
      grid-column: 1 / -1;
      align-items: end;
      justify-content: space-between;
      gap: 32px;
    }

    .product-view-section__controls {
      display: flex;
      flex: 0 0 auto;
      align-items: center;
      justify-content: flex-end;
      gap: 20px;
      margin-left: auto;
    }

    .product-view-section__controls .product-view-section__status {
      align-self: center;
      margin: 0;
    }

    .product-view-section__controls .product-grid-toggle {
      margin-left: 0;
    }

    .product-grid-toggle {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      gap: 10px;
      margin-left: auto;
    }

    .product-view-section__content > .product-grid-toggle {
      grid-column: 2;
      grid-row: 1;
      justify-self: end;
    }

    .product-grid-toggle__button {
      display: inline-grid;
      width: 46px;
      height: 46px;
      place-items: center;
      padding: 0;
      border: 0;
      border-radius: 12px;
      background: var(--color-white);
      color: var(--color-black);
      cursor: pointer;
      transition: background-color 0.2s ease, color 0.2s ease;
    }

    .product-grid-toggle__button:hover,
    .product-grid-toggle__button:focus-visible {
      color: var(--color-brand);
    }

    .product-grid-toggle__button.is-active {
      background: var(--color-brand);
      color: var(--color-white);
    }

    .product-grid-toggle__button.is-active:hover,
    .product-grid-toggle__button.is-active:focus-visible {
      color: var(--color-white);
    }

    .product-grid-toggle__icon {
      position: relative;
      display: inline-block;
      min-width: 0;
      height: 6px;
      color: currentColor;
      font-size: 0;
      line-height: 1;
      letter-spacing: 0;
    }

    .product-grid-toggle__icon::before {
      position: absolute;
      top: 50%;
      left: 0;
      width: 6px;
      height: 6px;
      border-radius: 1px;
      background: currentColor;
      transform: translateY(-50%);
      content: "";
    }

    .product-grid-toggle__icon--two {
      width: 16px;
    }

    .product-grid-toggle__icon--three {
      width: 26px;
    }

    .product-grid-toggle__icon--two::before {
      box-shadow: 10px 0 0 currentColor;
    }

    .product-grid-toggle__icon--three::before {
      box-shadow: 10px 0 0 currentColor, 20px 0 0 currentColor;
    }

    .product-grid-toggle__icon i {
      display: none;
    }

    .product-view-section__headline .headline-muted {
      color: var(--color-gray);
    }

    .product-view-section__sidebar {
      position: sticky;
      top: 30px;
      align-self: start;
      min-width: 0;
      overflow: hidden;
      padding: 40px 30px;
      border-radius: 26px;
      background: #f9f9f9;
    }

    .product-category-nav {
      display: grid;
    }

    .product-category-nav__head {
      display: grid;
      gap: 28px;
      margin-bottom: 20px;
      padding: 0;
      color: #000;
      font-size: 10px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.2em;
      text-transform: uppercase;
    }

    .product-category-nav__item {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      align-items: center;
      gap: 20px;
      padding: 20px 0;
      border: 0;
      border-bottom: 1px solid rgb(13 13 13 / 3%);
      background: transparent;
      color: #151b20;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.4;
      transition: background-color 0.2s ease;
      text-align: left;
      cursor: pointer;
    }

    .product-category-nav__head + :is(.product-category-nav__item, .product-category-nav__group) {
      border-top: 1px solid rgb(13 13 13 / 3%);
    }

    .product-category-nav__item:last-child {
      padding-bottom: 0;
      border-bottom: 0;
    }

    .product-category-nav__item:hover,
    .product-category-nav__item:focus-visible {
      background: #f0f0f0;
      color: var(--color-brand);
    }

    .product-category-nav__item.is-current {
      width: calc(100% + 60px);
      max-width: none;
      margin-left: -30px;
      padding-right: 30px;
      padding-left: 30px;
      border-top: 0;
      border-bottom: 0;
      background: #f0f0f0;
      color: var(--color-brand);
      font-size: 16px;
      cursor: default;
      line-height: 1.4;
      letter-spacing: var(--ls-nav);
      transition: none;
    }

    .product-category-nav__item.is-current:last-child {
      padding-bottom: 20px;
    }

    .product-category-nav__item.is-current:hover,
    .product-category-nav__item.is-current:focus-visible {
      color: var(--color-brand);
    }

    .product-category-nav__item.is-current::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 4px;
      background: var(--color-brand);
      content: "";
    }

    .product-brand-nav .product-category-nav__item,
    .product-brand-nav .product-category-nav__item.is-current,
    .product-brand-nav .product-category-nav__item.is-current:last-child {
      width: calc(100% + 60px);
      max-width: none;
      margin-left: -30px;
      padding-right: 30px;
      padding-left: 30px;
    }

    .product-category-nav__arrow {
      display: none;
    }

    .product-category-nav__group {
      position: relative;
      display: grid;
      width: calc(100% + 60px);
      margin-left: -30px;
      background: transparent;
      color: #151b20;
    }

    .product-category-nav__group::before {
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      width: 4px;
      height: 76px;
      background: var(--color-brand);
      content: "";
    }

    .product-category-nav__group-trigger {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 18px;
      align-items: center;
      gap: 18px;
      width: 100%;
      min-height: 76px;
      padding: 20px 30px;
      border: 0;
      border-bottom: 1px solid rgb(13 13 13 / 3%);
      background: #f0f0f0;
      color: var(--color-brand);
      font: inherit;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.35;
      text-align: left;
      cursor: pointer;
    }

    .product-category-nav__group-trigger:hover,
    .product-category-nav__group-trigger:focus-visible {
      color: var(--color-brand);
    }

    .product-category-nav__group-trigger i {
      position: relative;
      width: 14px;
      height: 14px;
      justify-self: end;
    }

    .product-category-nav__group-trigger i::before,
    .product-category-nav__group-trigger i::after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 12px;
      height: 1px;
      background: currentColor;
      transform: translate(-50%, -50%);
      transition: transform 0.25s ease;
      content: "";
    }

    .product-category-nav__group-trigger i::after { transform: translate(-50%, -50%) rotate(90deg); }
    .product-category-nav__group.is-open .product-category-nav__group-trigger i::after { transform: translate(-50%, -50%) rotate(0deg); }

    .product-category-nav__group-panel {
      display: grid;
      grid-template-rows: 0fr;
      transition: grid-template-rows 0.3s ease;
    }

    .product-category-nav__group.is-open .product-category-nav__group-panel { grid-template-rows: 1fr; }
    .product-category-nav__group-panel-inner {
      min-height: 0;
      overflow: hidden;
      padding: 0 30px;
      transition: padding-bottom 0.3s ease;
    }

    .product-category-nav__group.is-open .product-category-nav__group-panel-inner {
      padding-bottom: 0;
    }

    .product-category-nav__group .product-category-nav__item,
    .product-category-nav__group .product-category-nav__item.is-current {
      width: 100%;
      min-height: auto;
      margin-left: 0;
      padding: 20px 0;
      border-bottom: 1px solid rgb(13 13 13 / 3%);
      background: transparent;
      color: #151b20;
      cursor: pointer;
    }

    .product-category-nav__group .product-category-nav__item:hover,
    .product-category-nav__group .product-category-nav__item:focus-visible,
    .product-category-nav__group .product-category-nav__item.is-current {
      color: var(--color-brand);
    }

    .product-category-nav__group .product-category-nav__item.is-current {
      font-weight: 500;
    }

    .product-category-nav__group .product-category-nav__item.is-current::before {
      display: none;
    }

    .product-category-nav__group .product-category-nav__item:last-child {
      padding-bottom: 0;
      border-bottom: 0;
    }

    .product-category-nav--tree .product-category-nav__head {
      padding-inline: 0;
    }

    .product-category-nav__tree {
      display: grid;
      width: calc(100% + 60px);
      margin-left: -30px;
      border-top: 1px solid rgb(13 13 13 / 5%);
    }

    .product-category-nav__tree-node {
      position: relative;
      min-width: 0;
    }

    .product-category-nav__tree-row {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 48px;
      align-items: stretch;
      min-width: 0;
      border-bottom: 1px solid rgb(13 13 13 / 5%);
      background: #f9f9f9;
      transition: background-color 0.2s ease;
    }

    .product-category-nav__tree-row:hover,
    .product-category-nav__tree-row:focus-within {
      background: #f0f0f0;
    }

    .product-category-nav__tree-node:not(.has-children) > .product-category-nav__tree-row > .product-category-nav__item {
      grid-column: 1 / -1;
    }

    .product-category-nav--tree .product-category-nav__item,
    .product-category-nav--tree .product-category-nav__item.is-current,
    .product-category-nav--tree .product-category-nav__item.is-current:last-child {
      width: auto;
      max-width: none;
      min-width: 0;
      margin: 0;
      padding: 18px 30px 18px var(--category-indent, 30px);
      border: 0;
      background: transparent;
      color: #151b20;
      font-size: 16px;
      line-height: 1.35;
      letter-spacing: 0;
      cursor: pointer;
      transition: color 0.2s ease;
    }

    .product-category-nav--tree .product-category-nav__item[data-category-depth]:not([data-category-depth="0"])::after {
      position: absolute;
      top: 50%;
      left: 30px;
      width: calc((var(--category-depth) * 10px) - 3px);
      height: 1px;
      background: repeating-linear-gradient(
        90deg,
        currentColor 0 7px,
        transparent 7px 10px
      );
      opacity: 0.34;
      transform: translateY(-50%);
      pointer-events: none;
      content: "";
    }

    .product-category-nav--tree .product-category-nav__tree-node .product-category-nav__tree-node .product-category-nav__item {
      padding-block: 15px;
      font-size: 15px;
    }

    .product-category-nav--tree .product-category-nav__item::before {
      display: none;
    }

    .product-category-nav__tree-node.is-current > .product-category-nav__tree-row {
      border-bottom-color: transparent;
      background: #f0f0f0;
    }

    .product-category-nav__tree-node.is-current > .product-category-nav__tree-row::before {
      position: absolute;
      z-index: 2;
      inset: 0 auto 0 0;
      width: 4px;
      background: var(--color-brand);
      content: "";
    }

    .product-category-nav__tree-node.is-current > .product-category-nav__tree-row > .product-category-nav__item,
    .product-category-nav__tree-row:hover > .product-category-nav__item,
    .product-category-nav__tree-row:focus-within > .product-category-nav__item {
      color: var(--color-brand);
    }

    .product-category-nav__tree-toggle {
      position: relative;
      z-index: 3;
      display: grid;
      width: 48px;
      min-height: 100%;
      place-items: center;
      padding: 0 18px 0 8px;
      border: 0;
      background: transparent;
      color: #151b20;
      cursor: pointer;
      transition: color 0.2s ease;
    }

    .product-category-nav__tree-toggle:hover,
    .product-category-nav__tree-toggle:focus-visible,
    .product-category-nav__tree-node.is-current > .product-category-nav__tree-row > .product-category-nav__tree-toggle {
      color: var(--color-brand);
    }

    .product-category-nav__tree-toggle i {
      position: relative;
      width: 14px;
      height: 14px;
    }

    .product-category-nav__tree-toggle i::before,
    .product-category-nav__tree-toggle i::after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 12px;
      height: 1px;
      background: currentColor;
      transform: translate(-50%, -50%);
      transition: transform 0.25s ease;
      content: "";
    }

    .product-category-nav__tree-toggle i::after {
      transform: translate(-50%, -50%) rotate(90deg);
    }

    .product-category-nav__tree-node.is-open > .product-category-nav__tree-row .product-category-nav__tree-toggle i::after {
      transform: translate(-50%, -50%) rotate(0deg);
    }

    .product-category-nav__tree-panel {
      display: grid;
      grid-template-rows: 0fr;
      transition: grid-template-rows 0.3s ease;
    }

    .product-category-nav__tree-node.is-open > .product-category-nav__tree-panel {
      grid-template-rows: 1fr;
    }

    .product-category-nav__tree-panel-inner {
      position: relative;
      min-height: 0;
      overflow: hidden;
    }

    .products-index-page .product-view-section__sidebar {
      max-height: calc(100vh - 60px);
      overflow: auto;
      scrollbar-color: rgb(13 13 13 / 18%) transparent;
      scrollbar-width: thin;
    }

    .products-index-page .product-view-section {
      margin-top: 0;
    }

    a.product-category-nav__item:hover .product-category-nav__arrow,
    a.product-category-nav__item:focus-visible .product-category-nav__arrow {
      background-image: url("../../media/arrow-brand.svg");
      transform: translate(2px, -2px);
    }

    .product-category-nav__item.is-current .product-category-nav__arrow {
      width: 10px;
      height: 10px;
      background: url("../../media/arrow-brand.svg") center / contain no-repeat;
      transform: none;
    }

    .product-category-accordion {
      border-top: 1px solid rgb(13 13 13 / 22%);
    }

    .product-category-accordion__item {
      border-bottom: 1px solid rgb(13 13 13 / 22%);
    }

    .product-category-accordion__trigger {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 18px;
      align-items: center;
      gap: 18px;
      width: 100%;
      border: 0;
      padding: 18px 0;
      background: transparent;
      color: var(--color-black);
      font: inherit;
      font-size: 15px;
      font-weight: 400;
      line-height: 1.35;
      text-align: left;
      cursor: pointer;
      transition: color 0.25s ease;
    }

    .product-category-accordion__trigger:hover,
    .product-category-accordion__trigger:focus-visible,
    .product-category-accordion__item.is-open .product-category-accordion__trigger,
    .product-category-accordion__item.is-current .product-category-accordion__trigger {
      color: var(--color-brand);
    }

    .product-category-accordion__icon {
      position: relative;
      width: 14px;
      height: 14px;
      justify-self: end;
    }

    .product-category-accordion__icon::before,
    .product-category-accordion__icon::after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 12px;
      height: 1px;
      background: currentColor;
      transform: translate(-50%, -50%);
      transition: transform 0.25s ease;
      content: "";
    }

    .product-category-accordion__icon::after {
      transform: translate(-50%, -50%) rotate(90deg);
    }

    .product-category-accordion__item.is-open .product-category-accordion__icon::after {
      transform: translate(-50%, -50%) rotate(0deg);
    }

    .product-category-accordion__panel {
      display: grid;
      grid-template-rows: 0fr;
      transition: grid-template-rows 0.35s ease;
    }

    .product-category-accordion__item.is-open .product-category-accordion__panel {
      grid-template-rows: 1fr;
    }

    .product-category-accordion__panel-inner {
      display: grid;
      min-height: 0;
      overflow: hidden;
      gap: 9px;
      padding: 0 24px 0 0;
      transition: padding-bottom 0.35s ease;
    }

    .product-category-accordion__item.is-open .product-category-accordion__panel-inner {
      padding-bottom: 20px;
    }

    .product-category-accordion__panel-inner a {
      width: fit-content;
      color: rgb(13 13 13 / 58%);
      font-size: 14px;
      font-weight: 300;
      line-height: 1.35;
      transition: color 0.25s ease;
    }

    .product-category-accordion__panel-inner a:hover,
    .product-category-accordion__panel-inner a:focus-visible,
    .product-category-accordion__panel-inner a[aria-current="page"] {
      color: var(--color-brand);
    }

    .product-view-section__products {
      display: grid;
      grid-column: 1 / -1;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: stretch;
      gap: 20px;
      min-width: 0;
    }

    .product-view-section__content {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: start;
      min-width: 0;
      gap: 20px;
    }

    .product-view-section__content--products-only {
      display: block;
    }

    .product-view-section__status {
      grid-column: 1;
      grid-row: 1;
      align-self: start;
      min-height: 18px;
      color: rgb(13 13 13 / 50%);
      font-size: 14px;
      font-weight: 400;
      line-height: 1.3;
    }

    .category-listing-page .related-category-section {
      display: none !important;
      position: relative;
      z-index: 5;
      isolation: isolate;
      border-radius: 0 0 var(--radius-xlarge) var(--radius-xlarge) !important;
      overflow: visible !important;
      clip-path: none;
      transform: none;
      backface-visibility: visible;
    }

    .category-listing-page .related-category-section::before,
    .category-listing-page .related-category-section::after {
      position: absolute;
      z-index: 20;
      bottom: 0;
      width: var(--radius-xlarge);
      height: var(--radius-xlarge);
      pointer-events: none;
      content: "";
    }

    .category-listing-page .related-category-section::before {
      left: 0;
      background: radial-gradient(circle at 100% 0, transparent calc(var(--radius-xlarge) - 1px), var(--color-white) var(--radius-xlarge));
    }

    .category-listing-page .related-category-section::after {
      right: 0;
      background: radial-gradient(circle at 0 0, transparent calc(var(--radius-xlarge) - 1px), var(--color-white) var(--radius-xlarge));
    }

    .category-listing-page .related-category-section .product-card-details .product-card__content {
      align-content: start;
      margin-top: 0;
    }

    .category-listing-page .related-category-section .product-card__media img:is([src*="fav-icon.png"], [data-src*="fav-icon.png"]) {
      width: min(46%, 220px);
      height: auto;
      max-height: 120px;
      border-radius: 0;
      filter: none;
    }

    .product-view-section__products {
      overflow-anchor: none;
      transition: opacity 180ms ease;
    }

    .product-view-section__products.is-height-settling {
      transition: opacity 180ms ease, min-height 320ms ease;
    }

    .product-view-section__products.is-loading {
      opacity: 0.35;
      pointer-events: none;
    }

    @media (min-width: 981px) {
      .product-view-section__products.is-three-columns {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    .product-view-section .product-card.product-card-details {
      grid-template-rows: minmax(260px, 1fr) auto;
      height: 470px;
      min-height: 450px;
      background: #fff;
    }

    .product-view-section .product-card:hover,
    .product-view-section .product-card:focus-within {
      box-shadow: none;
    }

    .product-view-section .product-card__media {
      height: auto;
      min-height: 260px;
      background: #f9f9f9;
    }

    .product-view-section .product-card__media img {
      max-width: 50%;
      max-height: 230px;
      filter: none;
    }

    .product-view-section .product-card__media img:is([src*="fav-icon.png"], [data-src*="fav-icon.png"]) {
      width: min(46%, 220px);
      height: auto;
      max-height: 120px;
      border-radius: 0;
      filter: none;
    }

    .product-view-section .product-card__content {
      gap: 20px;
      padding: 0 30px 30px 30px;
    }

    .product-view-section .product-card__title2 {
      max-width: 100%;
      color: var(--color-black);
      font-size: clamp(20px, 1.45vw, 24px);
      line-height: 1.1;
    }

    .product-view-section .product-card__desc {
      display: -webkit-box;
      overflow: hidden;
      color: rgb(13 13 13 / 62%);
      font-size: 16px;
      font-weight: 300;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }

    @media (max-width: 1300px) and (min-width: 981px) {
      .product-view-section {
        height: auto;
        min-height: 0;
        overflow: visible;
      }

      .product-view-section__inner {
        grid-template-columns: minmax(300px, 0.27fr) minmax(0, 0.73fr);
        height: auto;
        min-height: 0;
        padding-block: 70px;
      }

      .product-view-section__products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 1240px) {
      .desc-section__inner {
        grid-template-columns: minmax(0, 0.8fr) minmax(440px, 1fr);
        gap: 20px;
      }

      .product-view-section__inner {
        grid-template-columns: minmax(300px, 0.27fr) minmax(0, 0.73fr);
        column-gap: 30px;
        row-gap: 60px;
      }

      .product-view-section .product-card__media {
        min-height: 220px;
      }
    }

    @media (max-width: 980px) {
      :is(.category-heatless-page, .category-oilfree-page) .desc-section__inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(0, 1fr);
        height: auto;
        min-height: 0;
      }

      .category-listing-page .desc-section {
        position: relative;
        top: auto;
      }

      .category-listing-page .spec-section {
        margin-top: -30px;
      }

      .category-listing-page .spec-section__sticky {
        position: static;
      }

      .category-listing-page .spec-section__copy {
        align-self: start;
        align-content: start;
        justify-self: start;
        max-width: 100%;
        padding-top: 0;
      }

      .category-listing-page .spec-section--heatless-copy .spec-section__inner {
        height: auto;
        min-height: 0;
      }

      .category-listing-page .spec-section--heatless-copy {
        height: auto;
        min-height: 0;
      }

      .product-view-section {
        height: auto;
        min-height: 0;
      }

      .product-view-section__sidebar {
        position: static;
        top: auto;
      }

      .products-index-page .product-view-section__sidebar {
        max-height: none;
        overflow: hidden;
      }

      .product-view-section__inner {
        grid-template-columns: 1fr;
        height: auto;
        column-gap: 0;
        row-gap: 60px;
        padding: 80px var(--page-padding);
      }

      .product-view-section__products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .desc-section__inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(0, 1fr);
        height: auto;
        min-height: 0;
        gap: 20px;
        padding: 70px var(--page-padding);
      }

      .desc-section__text {
        grid-column: 1;
        padding-top: 0;
      }
    }

    @media (max-width: 760px) {
      .category-listing-page .category-line-field h1 {
        max-width: 680px;
      }

      .category-parallax-section {
        height: clamp(480px, 80svh, 720px);
        min-height: clamp(480px, 80svh, 720px);
      }

      .category-parallax-section__background {
        inset: 0;
        background-position: center;
        background-size: cover;
        transform: translate3d(0, var(--category-parallax-y, 24px), 0) scale(1.03);
      }

      .desc-section__inner {
        gap: 20px;
        padding-block: 58px;
      }

      .desc-section__text p {
        font-size: 18px;
        line-height: 1.4;
      }

      .product-view-section__inner {
        padding-block: 65px;
      }

      .product-view-section__products {
        grid-template-columns: 1fr;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .category-parallax-section__background {
        transform: scale(1.01);
      }
    }


    /* ---------- Cam Endüstrisi Sayfası ---------- */

.sector-page {
  overflow-x: clip;
}

/* ---------- Ürün Görseli (parallax, giriş metni üzerine çıkar) ---------- */

.media-section-wrap {
  position: relative;
  z-index: 1;
  isolation: isolate;
}

.media-section {
  position: sticky;
  top: 0;
  z-index: 1;
  height: clamp(500px, 70vh, 760px);
  min-height: 0;
  overflow: hidden;
  background: var(--color-bg-black);
}

.media-section__image {
  position: absolute;
  inset: -12% 0;
  width: 100%;
  height: 124%;
  object-fit: cover;
  object-position: center;
  transform: translate3d(0, var(--media-parallax, 0px), 0);
  will-change: transform;
}

.media-section__shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: var(--color-bg-black);
  opacity: var(--media-shade, 0);
  will-change: opacity;
  pointer-events: none;
}

.media-intro-section {
  position: relative;
  z-index: 2;
  min-height: auto;
  display: flex;
  align-items: center;
  background: var(--color-white);
  color: var(--color-black);
}

.media-intro-section__inner {
  width: min(100%, var(--container-main));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1fr);
  gap: 20px;
  align-items: start;
  padding: 90px var(--page-padding) 90px;
}

.media-intro-section__headline {
  display: grid;
  align-content: start;
  gap: 30px;
  max-width: 720px;
}

.media-intro-section__title {
  max-width: 620px;
  color: var(--color-black);
}

.service-detail-page .media-intro-section__title {
  max-width: 580px;
  color: var(--color-black);
}

.media-intro-section__text {
  display: grid;
  gap: 30px;
  width: 100%;
  max-width: 880px;
  justify-self: end;
  align-content: start;
  padding-top: 48px;
}

.media-intro-section__text p {
  color: rgb(13 13 13 / 62%);
  font-size: clamp(24px, 1.5vw, 32px);
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: var(--ls-body);
}

.media-intro-section__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
  padding-top: 10px;
}

.cta-section {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: auto;
  align-items: center;
  background: var(--color-white);
  color: var(--color-black);
}

.cta-section__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1fr);
  gap: 20px;
  align-items: start;
  width: min(100%, var(--container-main));
  margin-inline: auto;
  padding: 90px var(--page-padding);
}

.cta-section__headline {
  display: grid;
  max-width: 720px;
  gap: 30px;
  align-content: start;
}

.cta-section__title {
  max-width: 620px;
  color: var(--color-black);
}

.cta-section__text {
  display: grid;
  width: 100%;
  max-width: 880px;
  gap: 30px;
  justify-self: end;
  align-content: start;
  padding-top: 48px;
}

.cta-section__text p {
  color: rgb(13 13 13 / 62%);
  font-size: clamp(20px, 1.5vw, 28px);
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: var(--ls-body);
}

.cta-section__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: center;
  padding-top: 10px;
}

@media (max-width: 980px) {
  .cta-section__inner {
    grid-template-columns: minmax(0, 0.82fr) minmax(420px, 1fr);
  }

  .cta-section__text {
    padding-top: 40px;
  }

  .media-section {
    position: sticky;
    height: clamp(420px, 70vh, 620px);
  }

  .media-intro-section {
    min-height: auto;
  }

  .media-intro-section__inner {
    grid-template-columns: 1fr;
    padding-block: 70px;
  }

  .media-intro-section__text {
    justify-self: start;
    padding-top: 0;
  }

}

/* ---------- Uygulama Alanları (carousel — 2.7 kart görünür) ---------- */

.sector-detail-applications {
  position: relative;
  z-index: 2;
  background: var(--color-bg-black);
  color: var(--color-white);
  overflow: hidden;
  border-radius: 0 0 40px 40px;
}

.sector-detail-applications__inner {
  width: min(100%, var(--container-main));
  margin-inline: auto;
  padding: 90px var(--page-padding) 90px;
}

.sector-detail-applications__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 60px;
}

.sector-detail-applications__head-text {
  display: grid;
  gap: 30px;
  max-width: 780px;
}

.sector-detail-applications__head-text h3 {
  color: var(--color-white);
}

.sector-detail-applications__slider {
  position: relative;
  width: calc(100% + var(--page-padding));
}

.sector-detail-applications__swiper {
  display: flex;
  gap: 24px;
  width: 100%;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding-right: var(--page-padding);
}

.sector-detail-applications__swiper::-webkit-scrollbar {
  display: none;
}

.sector-detail-applications__swiper > .application-card {
  flex: 0 0 calc(37.037% - 16px);
  scroll-snap-align: start;
}

@media (max-width: 1200px) {
  .sector-detail-applications__swiper > .application-card {
    flex-basis: calc(62.5% - 15px);
  }
}

@media (max-width: 760px) {
  .cta-section__inner {
    grid-template-columns: 1fr;
    padding-block: 58px;
  }

  .cta-section__text {
    padding-top: 0;
  }

  .cta-section__text p {
    font-size: 18px;
    line-height: 1.4;
  }

  .media-intro-section__inner,
  .sector-detail-applications__inner {
    padding-block: 58px;
  }

  .media-intro-section__text p {
    font-size: 18px;
    line-height: 1.4;
  }

  .sector-detail-applications__head {
    flex-direction: column;
    gap: 30px;
  }

  .sector-detail-applications__swiper > .application-card {
    flex-basis: calc(90% - 12px);
  }
}

/* ---------- Tekil makale sayfası ---------- */
.single-post-page {
  overflow-x: clip;
}

.single-post-page h1 {
  font-size: calc(var(--fs-h1) - 10px);
}

.single-post-page h2 {
  font-size: calc(var(--fs-h2) - 10px);
}

.single-post-page h3 {
  font-size: calc(var(--fs-h3) - 10px);
}

.single-post-page h4 {
  font-size: calc(var(--fs-h4) - 10px);
}

.single-post-page h5 {
  font-size: calc(var(--fs-h5) - 10px);
}

.single-post-page h6 {
  font-size: calc(var(--fs-h6) - 10px);
}

.single-post-page .line-field-section--product .line-field-section__content {
  width: 100%;
  max-width: none;
}

.single-post-page .blog-single-title {
  max-width: min(100%, 880px);
  font-size: clamp(32px, calc(5vw - 10px), 60px);
  line-height: 1.1;
}

.blog-single-meta {
  display: flex;
  align-items: center;
  gap: 30px;
}

.blog-single-meta__details {
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog-single-date {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgb(13 13 13 / 50%);
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}

.blog-single-date img {
  width: 16px;
  height: 16px;
  opacity: 0.5;
}

.blog-section-wrap {
  position: relative;
  z-index: 1;
  isolation: isolate;
}

.blog-single-media {
  position: sticky;
  top: 0;
  z-index: 1;
  height: clamp(500px, 70vh, 760px);
  min-height: 0;
  overflow: hidden;
  background: var(--color-bg-black);
}

.blog-single-featured-image {
  position: absolute;
  inset: -12% 0;
  width: 100%;
  height: 124%;
  object-fit: cover;
  object-position: center;
  transform: translate3d(0, var(--media-parallax, 0px), 0);
  will-change: transform;
}

.blog-single-media__shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: var(--color-bg-black);
  opacity: var(--media-shade, 0);
  pointer-events: none;
  will-change: opacity;
}

.blog-content-section {
  position: relative;
  z-index: 2;
  border-radius: 40px 40px 0 0;
  background: var(--color-white);
  color: var(--color-black);
}

.blog-content-section__inner {
  display: grid;
  grid-template-columns: minmax(0, 17fr) minmax(0, 3fr);
  gap: clamp(50px, 7vw, 110px);
  width: 100%;
  margin-inline: 0;
  padding: 90px var(--page-padding) 90px;
}

.blog-content-section__article,
.blog-content-section__content {
  min-width: 0;
}

.blog-content-section__content {
  display: grid;
  gap: 60px;
  text-align: left;
}

.blog-content-section__lead,
.blog-content-section__block p {
  max-width: none;
  margin: 0;
  font-weight: 400;
  line-height: 1.7;
  color: rgb(13 13 13 / 50%);
  font-size: clamp(18px, 1.7vw, 22px);
}

.blog-content-section__lead {
  max-width: 1280px;
}

.blog-content-section__wp-content {
  display: grid;
  gap: 24px;
}

.blog-content-section__wp-content > * {
  max-width: none;
  margin: 0;
}

.blog-content-section__wp-content :is(h2, h3, h4, h5, h6) {
  margin-top: 36px;
  color: var(--color-black);
  text-align: left;
}

.blog-content-section__wp-content > :first-child {
  margin-top: 0;
}

.blog-content-section__wp-content p,
.blog-content-section__wp-content li {
  color: rgb(13 13 13 / 50%);
  font-size: clamp(18px, 1.7vw, 22px);
  font-weight: 400;
  line-height: 1.7;
}

.blog-content-section__wp-content :is(ul, ol) {
  display: grid;
  gap: 12px;
  padding-left: 1.25em;
}

.blog-content-section__wp-content img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 22px;
  border-radius: 24px;
}

.blog-content-section__content strong {
  color: var(--color-black);
  font-weight: 500;
}

.blog-content-section__block {
  display: grid;
  gap: 30px;
}

.blog-content-section__block h3 {
  max-width: none;
  margin: 0;
  color: var(--color-black);
  text-align: left;
}

.blog-content-section__figure {
  overflow: hidden;
  width: 100%;
  margin: 22px 0 0;
  border-radius: 24px;
}

.blog-content-section__figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
}

.blog-content-section__share {
  position: sticky;
  top: 120px;
  align-self: start;
  justify-self: end;
  display: grid;
  justify-items: start;
  gap: 16px;
  width: max-content;
}

.blog-content-section__share-label {
  margin: 0;
  color: rgb(13 13 13 / 48%);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: left;
}

.blog-content-section__social {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.blog-content-section__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgb(13 13 13 / 10%);
  border-radius: 12px;
  background: var(--color-white);
  box-shadow: none;
  color: var(--color-black);
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.blog-content-section__social a:hover,
.blog-content-section__social a:focus-visible {
  border-color: var(--color-brand);
  background: var(--color-brand);
  color: var(--color-white);
  transform: translateY(-2px);
}

.blog-content-section__social img,
.blog-content-section__social svg {
  width: 17px;
  height: 17px;
}

.blog-content-section__social img {
  filter: invert(1);
  opacity: 0.78;
  transition: filter 0.2s ease, opacity 0.2s ease;
}

.blog-content-section__social svg {
  fill: currentColor;
}

.blog-content-section__social a:hover img,
.blog-content-section__social a:focus-visible img {
  filter: none;
  opacity: 1;
}

@media (max-width: 980px) {
  .blog-content-section__inner {
    grid-template-columns: minmax(0, 17fr) minmax(0, 3fr);
    gap: 44px;
    padding-block: 90px 110px;
  }
}

@media (max-width: 760px) {
  .single-post-page .line-field-section.line-field-section--product {
    height: 500px;
  }

  .single-post-page .blog-single-title {
    max-width: 100%;
    font-size: clamp(28px, calc(10vw - 10px), 42px);
  }

  .blog-single-media {
    height: clamp(380px, 58vh, 560px);
  }

  .blog-content-section {
    border-radius: 28px 28px 0 0;
  }

  .blog-content-section__inner {
    grid-template-columns: 1fr;
    gap: 60px;
    width: 100%;
    padding: 72px var(--page-padding) 90px;
  }

  .blog-content-section__content {
    gap: 60px;
  }

  .blog-content-section__lead {
    max-width: 100%;
    font-size: 18px;
  }

  .blog-content-section__share {
    position: static;
    justify-items: start;
  }

}

/* ---------- Avantajlar (carouse.html — carousel) ---------- */

.success-section {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #f9f9f9;
  color: var(--color-black);
  border-radius: 0;
}

.success-section__inner {
  display: grid;
  width: min(100%, var(--container-main));
  margin-inline: auto;
  gap: 60px;
      padding: 90px var(--page-padding) 90px;
}

/* ---------- Avantajlar ---------- */

.success-section--stage {
  position: relative;
  top: auto;
  z-index: 1;
}

.success-section--stage .success-section__inner {
  align-content: center;
}

.success-section__head {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) auto;
  align-items: end;
  gap: 20px;
}

.success-section__headline {
  display: grid;
  gap: 30px;
  max-width: 620px;
}

.success-section__action {
  display: flex;
  align-self: stretch;
  justify-self: end;
  align-items: flex-end;
  justify-content: flex-end;
}

.success-slider-nav {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Ok butonları: urun-detay-ultradryer-hrs-plus.php içindeki .detail-carousel__arrow ile birebir */
.success-slider-nav button {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 14px;
  background: #0d0d0d;
  color: var(--color-white);
  cursor: pointer;
  transition: color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease;
}

.success-slider-nav button:hover:not(.is-disabled) {
  background: var(--color-brand);
  color: var(--color-white);
}

.success-slider-nav button.is-disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}

.success-slider-nav svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.success-section__grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(28.57% - 22.5px);
  gap: 30px;
  overflow-x: auto;
  width: 100%;
  padding-right: var(--page-padding);
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.success-section__grid::-webkit-scrollbar {
  display: none;
}

.success-card {
  display: grid;
  align-content: space-between;
  min-height: 320px;
  gap: 20px;
  padding: 30px;
  border: 1px solid rgb(0 0 0 / 6%);
  border-radius: var(--radius-large);
  background: var(--color-bg-black);
  scroll-snap-align: start;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.success-card.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.success-card__icon-wrapper {
  display: flex;
}

.success-card__icon {
  width: 48px;
  height: 48px;
  color: var(--color-gray);
}

.success-card__text {
  display: grid;
  gap: 20px;
}

.success-card__title {
  max-width: 100%;
  color: var(--color-white);
  font-weight: 500;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.success-card__desc {
  color: rgb(255 255 255 / 75%);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (max-width: 980px) {
  .success-section__head {
    grid-template-columns: 1fr;
  }

  .success-section__grid {
    grid-auto-columns: calc(60% - 15px);
  }
}

@media (max-width: 760px) {
  .success-section--stage {
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .success-section--stage .success-section__inner {
    min-height: 0;
    align-content: start;
  }

  .success-section__grid {
    grid-auto-columns: calc(85% - 15px);
    padding-bottom: 24px;
    margin-bottom: -24px;
  }
}

/* ---------- Cam Endüstrisi Sonuç ---------- */

.sector-page-sonuc {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  border-radius: 0 0 var(--radius-xlarge) var(--radius-xlarge);
  background: var(--color-bg-black);
  color: var(--color-white);
  isolation: isolate;
}

.sector-page-sonuc__bg {
  position: absolute;
  inset: -12% 0;
  z-index: -2;
  width: 100%;
  height: 124%;
  object-fit: cover;
  object-position: center;
}

.sector-page-sonuc::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgb(13 13 13 / 78%) 0%, rgb(13 13 13 / 52%) 48%, rgb(13 13 13 / 82%) 100%);
  content: "";
}

.sector-page-sonuc__inner {
  width: min(100%, var(--container-main));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(320px, 1fr);
  grid-template-rows: auto 1fr;
  min-height: 100vh;
  gap: 34px 80px;
  padding: 90px var(--page-padding) 90px;
}

.sector-page-sonuc .section-subline {
  color: var(--color-white);
}

.sector-page-sonuc__headline {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  align-content: start;
  gap: 30px;
  max-width: 550px;
}

.sector-page-sonuc__headline .headline-muted {
  color: rgb(255 255 255 / 50%);
}

.sector-page-sonuc__content {
  grid-column: 2;
  grid-row: 2;
  align-self: end;
  justify-self: end;
  display: grid;
  gap: 40px;
  max-width: 100%;
}

.sector-page-sonuc__copy {
  display: grid;
  gap: 20px;
}

.sector-page-sonuc__copy p {
  color: rgb(255 255 255 / 60%);
  font-size: clamp(24px, 1.5vw, 32px);
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: var(--ls-body);
}

.sector-page-sonuc__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

@media (max-width: 980px) {
  .sector-page-sonuc__inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    min-height: auto;
    padding-block: 60px;
    gap: 40px;
  }

  .sector-page-sonuc__content {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
  }
}

/* ---------- Sektörler (isitmali-adsorpsiyonlu-kurutucular.html ile birebir) ---------- */

.mm-sectors-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #f9f9f9;
  color: var(--color-black);
  --mm-sectors-pad: var(--page-padding);
  padding: 150px var(--page-padding) 150px;
  font-family: "Outfit", sans-serif;
}

.mm-sectors-section--soft {
  background: #f9f9f9;
}

.mm-sectors-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 40px;
  row-gap: 30px;
  margin-bottom: 60px;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.mm-sectors-head.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.mm-sectors-head__eyebrow {
  grid-column: 1;
  grid-row: 1;
}

.mm-sectors-head__all {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  justify-self: end;
  white-space: nowrap;
}

.mm-sectors-head__title {
  grid-column: 1;
  grid-row: 2;
  max-width: 720px;
  color: var(--color-black);
}

.mm-sectors-eyebrow {
  --section-subline-color: var(--color-anthracite);
}

.mm-sectors-head__actions {
  grid-column: 2;
  grid-row: 2;
  align-self: end;
  justify-self: end;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.mm-sectors-head__all {
  white-space: nowrap;
}

.mm-sectors-nav {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Ok butonları: urun-detay-ultradryer-hrs-plus.php içindeki .detail-carousel__arrow ile birebir */
.mm-sectors-nav__btn {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 14px;
  background: #0d0d0d;
  color: var(--color-white);
  cursor: pointer;
  transition: color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease;
}

.mm-sectors-nav__btn svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mm-sectors-nav__btn:hover {
  background: var(--color-brand);
  color: var(--color-white);
}

.mm-sectors-nav__btn:active {
  transform: scale(0.94);
}

.mm-sectors-nav__btn.swiper-button-disabled,
.mm-sectors-nav__btn.is-disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}

/* Koyu zemin üzerinde (Uygulama Alanları) kontrast için açık varyant */
.mm-sectors-nav__btn--on-dark {
  background: rgb(255 255 255 / 12%);
}

.mm-sectors-nav__btn--on-dark:hover {
  background: var(--color-brand);
}

.mm-sectors-slider {
  position: relative;
  width: calc(100% + var(--mm-sectors-pad));
  margin-right: calc(-1 * var(--mm-sectors-pad));
}

.mm-sectors-swiper {
  width: 100%;
  overflow: visible;
}

.mm-sectors-card {
  height: auto;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-large);
  border: 0;
  background: #ffffff;
  box-shadow: none;
  color: var(--color-black);
  text-decoration: none;
  overflow: hidden;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  cursor: pointer;
}

.mm-sectors-card.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.mm-sectors-card__image {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-large);
  overflow: hidden;
}

.mm-sectors-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.mm-sectors-card:hover .mm-sectors-card__image img {
  transform: scale(1.03);
}

.mm-sectors-card__body {
  position: relative;
  display: grid;
  flex: 1 1 auto;
  align-content: start;
  gap: 20px;
  padding: 30px;
}

.mm-sectors-card__title {
  max-width: 100%;
  color: var(--color-black);
  font-size: clamp(20px, 1.45vw, 24px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: var(--ls-h3-h6);
  transition: color 0.25s ease;
}

.mm-sectors-card__desc {
  display: -webkit-box;
  overflow: hidden;
  max-width: 95%;
  color: rgb(13 13 13 / 62%);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.mm-sectors-card:hover .mm-sectors-card__title,
.mm-sectors-card:focus-visible .mm-sectors-card__title {
  color: var(--color-brand);
}

@media (max-width: 980px) {
  .sector-detail-applications__inner,
  .success-section__inner,
  .mm-sectors-section {
    padding-block: 80px;
  }

  .sector-detail-applications__head {
    align-items: flex-start;
  }
}

@media (max-width: 760px) {
  .sector-detail-applications__inner,
  .success-section__inner,
  .mm-sectors-section {
    padding-block: 58px;
  }
}

/* ---------- 2026-07 ortak arayüz düzenlemeleri ---------- */

.lion-particle-canvas {
  opacity: 0.52;
}

.site-header__cta:hover .site-header__cta-particle-canvas,
.site-header__cta:focus-visible .site-header__cta-particle-canvas {
  opacity: 0.52;
}

.mega-menu__tertiary-number {
  color: rgb(128 128 128 / 40%);
}

.mega-menu__item-arrow {
  color: rgb(128 128 128 / 40%);
  background: currentColor;
  opacity: 1;
  -webkit-mask: url("../../media/arrow-black.svg") center / contain no-repeat;
  mask: url("../../media/arrow-black.svg") center / contain no-repeat;
}

.mega-menu__tertiary-button:hover .mega-menu__item-arrow,
.mega-menu__tertiary-button:focus-visible .mega-menu__item-arrow,
.mega-menu__primary-tab:hover .mega-menu__item-arrow,
.mega-menu__primary-tab:focus-visible .mega-menu__item-arrow,
.mega-menu__secondary-tab:hover .mega-menu__item-arrow,
.mega-menu__secondary-tab:focus-visible .mega-menu__item-arrow {
  color: var(--color-brand);
  background-image: none;
}

.mega-menu__primary-tab.is-active .mega-menu__item-arrow,
.mega-menu__secondary-tab.is-active .mega-menu__item-arrow,
.mega-menu__tertiary-button.is-active .mega-menu__item-arrow {
  color: var(--color-black);
  background-image: none;
}

.mega-menu__feature-close svg {
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.site-header svg,
.mobile-menu svg,
.header-cta-button svg,
.primary-button svg,
.floating-cta svg {
  display: block;
  flex-shrink: 0;
  overflow: visible;
}

.site-header__search svg,
.site-header__menu-toggle svg,
.site-header__nav-button-icon,
.site-header__language-icon svg,
.site-header__stat-icon {
  fill: none;
  stroke: currentColor;
}

.site-header__language-icon {
  display: block;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
}

.spec-section__intro,
.category-listing-page .spec-section__overview p {
  font-size: 18px;
}

.keyword-item.is-open .keyword-item__panel {
  padding-top: 15px;
}

.desc-section__text p,
.next-section__text p,
.big-cta-section__copy p,
.media-intro-section__text p,
.sector-page-sonuc__copy p {
  font-size: clamp(20px, 1.5vw, 28px);
  line-height: 1.4;
}

.product-view-section__products {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product-detail-page .line-field-section--product .scroll-down-indicator {
  margin-right: 0;
  margin-bottom: -30px;
}

.donaldson-service-page .line-field-section .line-field-section__inner {
  padding-right: var(--page-padding);
}

.donaldson-service-page .line-field-section .scroll-down-indicator {
  margin-right: 0;
}

:is(
  .video-slider__arrow,
  .news-band__arrow,
  :is(.sector-slider__arrow, .blog-slider__arrow),
  .detail-carousel__arrow,
  .success-slider-nav button,
  .mm-sectors-nav__btn
) {
  display: inline-grid;
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  border: 1px solid rgb(128 128 128 / 32%);
  border-radius: 50%;
  padding: 0;
  background: transparent;
  color: rgb(128 128 128 / 70%);
  place-items: center;
  cursor: pointer;
  transition: border-color 220ms ease, color 220ms ease, opacity 220ms ease;
}

:is(
  .video-slider__arrow,
  .news-band__arrow,
  :is(.sector-slider__arrow, .blog-slider__arrow),
  .detail-carousel__arrow,
  .success-slider-nav button,
  .mm-sectors-nav__btn
) svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:is(
  .video-slider__arrow--next,
  .news-band__arrow--next,
  :is(.sector-slider__arrow--next, .blog-slider__arrow--next),
  [data-detail-carousel-next],
  .success-nav-next,
  .mm-sectors-nav__btn--next
) {
  border-color: var(--color-brand);
  color: var(--color-brand);
}

:is(
  .video-slider__arrow,
  .news-band__arrow,
  :is(.sector-slider__arrow, .blog-slider__arrow),
  .detail-carousel__arrow,
  .success-slider-nav button,
  .mm-sectors-nav__btn
):hover:not(:disabled):not(.is-disabled):not(.swiper-button-disabled),
:is(
  .video-slider__arrow,
  .news-band__arrow,
  :is(.sector-slider__arrow, .blog-slider__arrow),
  .detail-carousel__arrow,
  .success-slider-nav button,
  .mm-sectors-nav__btn
):focus-visible {
  border-color: var(--color-brand);
  background: transparent;
  color: var(--color-brand);
  transform: none;
}

.video-section :is(.video-slider__arrow, .news-band__arrow),
.sector-section :is(.sector-slider__arrow, .blog-slider__arrow),
.blog-section :is(.sector-slider__arrow, .blog-slider__arrow),
.mm-sectors-nav__btn--on-dark {
  border-color: rgb(255 255 255 / 16%);
  color: rgb(255 255 255 / 55%);
}

.video-section :is(.video-slider__arrow--next, .news-band__arrow--next),
.sector-section :is(.sector-slider__arrow--next, .blog-slider__arrow--next),
.blog-section :is(.sector-slider__arrow--next, .blog-slider__arrow--next),
.mm-sectors-nav__btn--on-dark.mm-sectors-nav__btn--next {
  border-color: var(--color-brand);
  color: var(--color-brand);
}

@media (max-width: 1480px) {
  .next-section__stat strong {
    font-size: var(--fs-h3);
  }
}

@media (max-width: 1200px) {
  .news-band__card {
    flex-basis: calc((100% - 14px) / 2);
  }
}

@media (max-width: 980px) {
  .next-section__stat:first-child {
    border-left: 2px solid rgb(217 0 75 / 40%);
  }
}

@media (max-width: 760px) {
  .product-view-section__products {
    grid-template-columns: 1fr;
  }

  .news-band__card {
    flex-basis: 100%;
  }
}

/* ---------- 2026-07 responsive ve megamenü ince ayarları ---------- */

.lion-particle-canvas,
.site-header__cta:hover .site-header__cta-particle-canvas,
.site-header__cta:focus-visible .site-header__cta-particle-canvas {
  opacity: 0.42;
}

body:has(.site-header__rail) .line-field-section > .lion-particle-canvas {
  opacity: 0.62;
}

.next-section__stat span {
  font-size: 12px;
}

.product-mega-menu .mega-menu__body--hierarchy {
  height: auto;
  min-height: 0;
  align-self: stretch;
  grid-template-rows: minmax(0, 1fr);
  align-content: stretch;
}

.product-mega-menu .mega-menu__feature,
.product-mega-menu .mega-menu__feature-card,
.product-mega-menu .mega-menu__feature-media {
  height: auto;
  min-height: 0;
}

.product-mega-menu .mega-menu__feature,
.product-mega-menu .mega-menu__feature-card {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  align-self: stretch;
}

.product-mega-menu .mega-menu__feature-media {
  position: relative;
  inset: auto;
  width: 100%;
  display: grid;
  place-items: center;
  align-self: stretch;
}

.product-mega-menu .mega-menu__feature-media img {
  width: 65%;
  height: 65%;
  place-self: center;
  margin: 0;
  object-fit: contain;
  mix-blend-mode: darken;
}

.mega-menu__primary-number,
.mega-menu__tertiary-number,
.mega-menu__primary-tab:hover .mega-menu__primary-number,
.mega-menu__primary-tab:focus-visible .mega-menu__primary-number,
.mega-menu__secondary-tab:hover .mega-menu__primary-number,
.mega-menu__secondary-tab:focus-visible .mega-menu__primary-number,
.mega-menu__tertiary-button:hover .mega-menu__tertiary-number,
.mega-menu__tertiary-button:focus-visible .mega-menu__tertiary-number,
.mega-menu__primary-tab.is-active .mega-menu__primary-number,
.mega-menu__secondary-tab.is-active .mega-menu__primary-number,
.mega-menu__tertiary-button.is-active .mega-menu__tertiary-number {
  color: rgb(128 128 128 / 40%);
}

.mega-menu__item-arrow,
.mega-menu__tertiary-button:hover .mega-menu__item-arrow,
.mega-menu__tertiary-button:focus-visible .mega-menu__item-arrow,
.mega-menu__primary-tab:hover .mega-menu__item-arrow,
.mega-menu__primary-tab:focus-visible .mega-menu__item-arrow,
.mega-menu__secondary-tab:hover .mega-menu__item-arrow,
.mega-menu__secondary-tab:focus-visible .mega-menu__item-arrow,
.mega-menu__primary-tab.is-active .mega-menu__item-arrow,
.mega-menu__secondary-tab.is-active .mega-menu__item-arrow,
.mega-menu__tertiary-button.is-active .mega-menu__item-arrow {
  color: rgb(128 128 128 / 40%);
  background-image: none;
}

.mega-menu__primary-tab,
.mega-menu__secondary-tab,
.mega-menu__tertiary-button {
  font-size: 14px;
}

@media (max-width: 1500px) {
  .mega-menu__primary-tab,
  .mega-menu__secondary-tab,
  .mega-menu__tertiary-button,
  .product-mega-menu .mega-menu__primary-tab,
  .product-mega-menu .mega-menu__secondary-tab,
  .product-mega-menu .mega-menu__tertiary-button {
    font-size: 13px;
  }
}

@media (min-width: 980px) and (max-width: 1200px) {
  .product-section__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-section__grid > :nth-child(3) {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1200px) and (max-width: 1380px) {
  .product-card__title,
  .product-card__title2 {
    font-size: 22px;
  }
}

/* Header ve sektör CTA particle canvas ortak davranışı. */
:is(.sector__cta-particle-canvas, .blog__cta-particle-canvas) {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 240ms ease;
}

:is(.sector__cta, .blog__cta):hover :is(.sector__cta-particle-canvas, .blog__cta-particle-canvas),
:is(.sector__cta, .blog__cta):focus-visible :is(.sector__cta-particle-canvas, .blog__cta-particle-canvas) {
  opacity: 0.42;
}

.site-header__cta:hover .site-header__cta-particle-canvas,
.site-header__cta:focus-visible .site-header__cta-particle-canvas {
  opacity: 0.52;
}

:is(.sector__cta, .blog__cta):hover,
:is(.sector__cta, .blog__cta):focus-visible {
  background: #b3003e;
}

.site-header__stat-icon--technology,
.site-header__stat-icon--service {
  display: block;
  background-color: var(--color-brand);
}

.site-header__stat-icon--technology {
  -webkit-mask: url("../../media/teknoloji.svg") center / contain no-repeat;
  mask: url("../../media/teknoloji.svg") center / contain no-repeat;
}

.site-header__stat-icon--service {
  -webkit-mask: url("../../media/hizmet.svg") center / contain no-repeat;
  mask: url("../../media/hizmet.svg") center / contain no-repeat;
}

/* Bütün carousel kontrollerinde news-band ile aynı chevron. */
:is(
  .video-slider__arrow,
  .news-band__arrow,
  :is(.sector-slider__arrow, .blog-slider__arrow),
  .detail-carousel__arrow,
  .success-slider-nav button,
  .mm-sectors-nav__btn
) svg {
  display: none;
}

:is(
  .video-slider__arrow,
  .news-band__arrow,
  :is(.sector-slider__arrow, .blog-slider__arrow),
  .detail-carousel__arrow,
  .success-slider-nav button,
  .mm-sectors-nav__btn
)::before {
  width: 5px;
  height: 5px;
  border-top: 1.8px solid currentColor;
  border-right: 1.8px solid currentColor;
  content: "";
}

:is(
  .video-slider__arrow--prev,
  .news-band__arrow--prev,
  :is(.sector-slider__arrow--prev, .blog-slider__arrow--prev),
  [data-detail-carousel-prev],
  .success-nav-prev,
  .mm-sectors-nav__btn--prev
)::before {
  margin-left: 2px;
  transform: rotate(-135deg);
}

:is(
  .video-slider__arrow--next,
  .news-band__arrow--next,
  :is(.sector-slider__arrow--next, .blog-slider__arrow--next),
  [data-detail-carousel-next],
  .success-nav-next,
  .mm-sectors-nav__btn--next
)::before {
  margin-right: 2px;
  transform: rotate(45deg);
}

/* Hizmetler sayfasına özel içerik düzeni. */
.services-page .media-intro-section__text {
  max-width: 880px;
}

/* Hizmet görsellerini doğal piksel ölçülerinde tutarak tarayıcı ölçeklemesini önler. */
.services-page .media-section__image {
  inset: 50% auto auto 50%;
  width: 2619px;
  height: 1747px;
  max-width: none;
  object-fit: contain;
  transform: translate3d(-50%, calc(-50% + var(--media-parallax, 0px)), 0);
}

.donaldson-service-page .media-section {
  background: #f9f9f9;
}

.donaldson-service-page .media-section__image {
  inset: -12% 0;
  width: 100%;
  height: 124%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
  transform: translate3d(0, var(--media-parallax, 0px), 0);
}

.donaldson-service-page .success-section--static {
  background: #f9f9f9;
}

.donaldson-service-page .success-section--static .success-section__head {
  grid-template-columns: 1fr;
}

.service-detail-page .line-field-section h1 {
  max-width: 1080px;
}

.donaldson-service-page .success-section--static .success-section__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-columns: auto;
  overflow: visible;
  scroll-snap-type: none;
}

.energy-efficiency-service-page .success-section--static {
  background: #f9f9f9;
}

.energy-efficiency-service-page .success-section--static .success-section__head {
  grid-template-columns: 1fr;
}

.energy-efficiency-service-page .success-section--static .success-section__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-columns: auto;
  overflow: visible;
  padding-right: 0;
  scroll-snap-type: none;
}

/* İletişim sayfası */
.contact-page .contact-main-section {
  background: var(--color-white);
  padding: 90px var(--page-padding);
  scroll-margin-top: var(--site-header-height);
}

.contact-page .contact-main-section__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(480px, 1.2fr);
  gap: clamp(60px, 3vw, 90px);
  width: min(100%, var(--container-main));
  margin-inline: auto;
}

.contact-page .contact-info-column,
.contact-page .contact-form-column {
  display: grid;
  align-content: start;
  gap: 34px;
  min-width: 0;
  padding: 40px;
  border-radius: var(--radius-large);
  background: rgb(249, 249, 249);
}

.contact-page .contact-info-column {
  align-self: start;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.contact-page .contact-form-column {
  position: sticky;
  top: calc(var(--site-header-height) + 30px);
  align-self: start;
}

.contact-page .contact-dealers {
  width: 100%;
}

.contact-page .contact-accordion {
  display: grid;
  border-top: 1px solid rgb(13 13 13 / 5%);
}

.contact-page .contact-accordion__item {
  border-bottom: 1px solid rgb(13 13 13 / 5%);
}

.contact-page .contact-accordion:has(.contact-accordion__item:first-child[open]) {
  border-top-color: transparent;
}

.contact-page .contact-accordion__item:last-child[open] {
  border-bottom-color: transparent;
}

.contact-page .contact-accordion__item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 25px 0;
  color: var(--color-black);
  cursor: pointer;
  font-size: clamp(18px, 1.6vw, 22px);
  font-weight: 500;
  list-style: none;
  transition: color .25s ease;
}

.contact-page .contact-accordion__item summary:hover,
.contact-page .contact-accordion__item summary:focus-visible,
.contact-page .contact-accordion__item[open] summary {
  color: var(--color-brand);
}

.contact-page .contact-accordion__item summary::-webkit-details-marker {
  display: none;
}

.contact-page .contact-accordion__toggle {
  position: relative;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

.contact-page .contact-accordion__toggle::before,
.contact-page .contact-accordion__toggle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 1.5px;
  background: currentColor;
  content: "";
  transform: translate(-50%, -50%);
  transition: transform .25s ease;
}

.contact-page .contact-accordion__toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.contact-page .contact-accordion__item[open] .contact-accordion__toggle::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.contact-page .contact-accordion__panel {
  display: grid;
  gap: 22px;
  padding: 2px 0 30px;
}

.contact-page .contact-detail {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.contact-page .contact-detail__icon {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  color: var(--color-brand);
}

.contact-page .contact-detail__icon svg {
  width: 21px;
  height: 21px;
}

.contact-page .contact-detail__content {
  display: grid;
  gap: 5px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.contact-page .contact-detail__title {
  font-size: 16px;
  font-weight: 500;
}

.contact-page .contact-detail a,
.contact-page .contact-detail__content > span {
  color: rgb(13 13 13 / 62%);
  font-size: 14px;
  line-height: 1.6;
}

.contact-page .contact-detail--directions {
  align-items: center;
  color: var(--color-black);
  font-size: 16px;
  transition: color .25s ease;
}

.contact-page .contact-detail--directions:hover,
.contact-page .contact-detail--directions:focus-visible {
  color: var(--color-brand);
}

.contact-page .contact-detail--directions .contact-detail__icon {
  color: var(--color-brand);
}

.contact-page .contact-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 20px;
}

.contact-page .contact-form__field {
  display: grid;
  gap: 10px;
}

.contact-page .contact-form__field--full {
  grid-column: 1 / -1;
}

.contact-page .contact-form label {
  color: var(--color-black);
  font-size: 14px;
}

.contact-page .contact-form input,
.contact-page .contact-form textarea {
  width: 100%;
  padding: 18px 0;
  border: 0;
  border-bottom: 1px solid rgb(13 13 13 / 24%);
  border-radius: 0;
  background: transparent;
  color: var(--color-black);
  font: inherit;
  outline: none;
}

.contact-page .contact-form input:focus,
.contact-page .contact-form textarea:focus {
  border-color: var(--color-brand);
}

.contact-page .contact-form textarea {
  min-height: 150px;
  resize: vertical;
}

.contact-page .contact-form__submit {
  justify-self: start;
  padding: 17px 28px;
  border: 1px solid var(--color-black);
  background: var(--color-black);
  color: var(--color-white);
  cursor: pointer;
  transition: background-color .3s ease, color .3s ease;
}

.contact-page .contact-form__submit:hover {
  background: var(--color-white);
  color: var(--color-brand);
}

.line-field-section h1 {
  max-width: 720px;
}

/* Contact Form 7: iletişim sayfası ve teklif modalı */
.contact-cf7-form,
.modal-form--cf7,
.contact-cf7-form .wpcf7,
.modal-form--cf7 .wpcf7,
.kt-cf7-form {
  width: 100%;
}

.kt-cf7-form {
  display: grid;
  gap: 20px;
}

.kt-cf7-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.kt-cf7-form__field,
.kt-cf7-form__field .wpcf7-form-control-wrap {
  display: block;
  min-width: 0;
  width: 100%;
}

.kt-cf7-form :is(input[type="text"], input[type="email"], input[type="tel"], textarea) {
  width: 100%;
  border: 1px solid rgb(13 13 13 / 14%);
  border-radius: 10px;
  background: var(--color-white);
  color: var(--color-black);
  font: inherit;
  font-size: 15px;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.kt-cf7-form :is(input[type="text"], input[type="email"], input[type="tel"]) {
  min-height: 50px;
  padding: 0 18px;
}

.kt-cf7-form textarea {
  height: 120px;
  min-height: 120px;
  padding: 15px 18px;
  line-height: 1.55;
  resize: vertical;
}

.kt-cf7-form :is(input, textarea)::placeholder {
  color: rgb(13 13 13 / 48%);
  opacity: 1;
}

.kt-cf7-form :is(input[type="text"], input[type="email"], input[type="tel"], textarea):focus {
  border-color: var(--color-brand);
  box-shadow: 0 0 0 2px rgb(227 0 73 / 8%);
}

.kt-cf7-form__consent,
.kt-cf7-form__consent .wpcf7-list-item,
.kt-cf7-form__consent label {
  margin: 0;
}

.kt-cf7-form__consent label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgb(13 13 13 / 60%);
  cursor: pointer;
  font-size: 14px;
  line-height: 1.45;
}

.kt-cf7-form__consent input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  flex: 0 0 16px;
  accent-color: var(--color-brand);
}

.kt-cf7-form__consent a {
  color: var(--color-black);
  font-weight: 500;
}

.kt-cf7-form__consent a:hover {
  color: var(--color-brand);
}

.kt-cf7-form__submit {
  position: relative;
  margin-top: 8px;
}

.kt-cf7-form input[type="submit"] {
  width: 100%;
  min-height: 54px;
  padding: 14px 24px;
  border: 0;
  border-radius: 14px;
  background: var(--color-black);
  color: var(--color-white);
  cursor: pointer;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  transition: background-color .25s ease;
}

.kt-cf7-form input[type="submit"]:hover,
.kt-cf7-form input[type="submit"]:focus-visible {
  background: var(--color-brand);
}

.kt-cf7-form .wpcf7-spinner {
  position: absolute;
  top: 50%;
  right: 18px;
  margin: 0;
  transform: translateY(-50%);
}

.kt-cf7-form .wpcf7-not-valid-tip {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 7px;
  color: var(--color-brand);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.kt-cf7-form .wpcf7-not-valid-tip::before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  content: "";
  flex: 0 0 5px;
}

.kt-cf7-form .wpcf7-not-valid {
  border-color: var(--color-brand) !important;
  background: rgb(230 0 67 / 2%);
  box-shadow: 0 0 0 2px rgb(230 0 67 / 7%);
}

.kt-cf7-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.kt-cf7-form ~ .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
  margin: 16px 0 0;
  padding: 14px 16px;
  border: 1px solid rgb(13 13 13 / 8%);
  border-left: 3px solid var(--color-brand);
  border-radius: var(--radius-small);
  background: rgb(230 0 67 / 5%);
  color: var(--color-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: rgb(31 122 82 / 18%);
  border-left-color: #1f7a52;
  background: rgb(31 122 82 / 7%);
  color: #185f42;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
  border-color: rgb(180 35 24 / 16%);
  border-left-color: #b42318;
  background: rgb(180 35 24 / 6%);
  color: #8f1c13;
}

@media (max-width: 640px) {
  .kt-cf7-form__row {
    grid-template-columns: 1fr;
  }
}

.contact-header__quick-panel {
  display: contents;
}

.contact-header__quick-links {
  gap: 32px;
}

.contact-header__quick-link {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 10px;
  align-items: start;
  color: inherit;
}

.contact-header__quick-link > span {
  min-width: 0;
  color: rgb(255 255 255 / 55%);
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
  transition: color .25s ease;
  grid-column: 2;
  grid-row: 2;
}

.contact-header__quick-link > strong {
  grid-column: 2;
  grid-row: 1;
}

.contact-header__quick-link:hover > span,
.contact-header__quick-link:focus-visible > span {
  color: var(--color-white);
}

.contact-header__quick-link::before {
  width: 26px;
  height: 26px;
  background: var(--color-brand);
  content: "";
  mask-position: center;
  mask-repeat: no-repeat;
  grid-column: 1;
  grid-row: 1 / span 2;
  position: relative;
  top: -4px;
}

.contact-header__quick-link[href^="mailto:"]::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}

.contact-header__quick-link[href^="tel:"]::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E");
}

.contact-header__quick-link svg {
  display: none;
}

.contact-header__quick-description {
  position: relative;
  z-index: 1;
  color: rgb(255 255 255 / 62%);
  font-size: 16px;
  line-height: 1.65;
}

@media (max-width: 980px) {
  .contact-page .contact-main-section__inner {
    grid-template-columns: 1fr;
  }

  .contact-page .contact-form-column {
    position: static;
  }
}

@media (max-width: 640px) {
  .contact-page .contact-main-section { padding-block: 70px; }
  .contact-page .contact-form { grid-template-columns: 1fr; }
  .contact-page .contact-form__field--full { grid-column: auto; }
}

@media (max-width: 980px) {
  .donaldson-service-page .success-section--static .success-section__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .energy-efficiency-service-page .success-section--static .success-section__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .donaldson-service-page .success-section--static .success-section__grid {
    grid-template-columns: 1fr;
  }

  .energy-efficiency-service-page .success-section--static .success-section__grid {
    grid-template-columns: 1fr;
  }
}

.services-page [hidden] {
  display: none !important;
}

/* Markalar sayfası giriş alanı. */
.markalar-section {
  position: relative;
  z-index: 2;
  background: var(--color-white);
  color: var(--color-black);
}

.brands-page .line-field-section h1 {
  max-width: 720px;
}

.markalar-intro-section {
  width: min(100%, var(--container-main));
  margin-inline: auto;
  padding: 90px var(--page-padding) 90px;
}

.policy-content {
  display: grid;
  max-width: 100%;
  gap: 30px;
}

.policy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
  align-items: start;
  gap: clamp(40px, 6vw, 100px);
}

.policy-layout__content {
  min-width: 0;
}

/* Yalnızca politika sayfalarının içerik alanı. */
.policy-layout.markalar-intro-section {
  width: min(100%, var(--container-main));
  margin-inline: auto;
  padding: 60px var(--page-padding) 60px;
}

.policy-sidebar {
  position: sticky;
  top: 110px;
  align-self: start;
  padding: 40px 30px;
  border-radius: 26px;
  background: #f9f9f9;
}

.policy-sidebar__nav {
  display: grid;
}

.policy-sidebar__title {
  display: block;
  margin-bottom: 0;
  padding-bottom: 20px;
  color: var(--color-black);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.2em;
}

.policy-sidebar .policy-sidebar__link {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: calc(100% + 60px) !important;
  max-width: none !important;
  margin-inline: -30px;
  padding: 20px 30px;
  border-bottom: 1px solid rgb(13 13 13 / 8%);
  color: var(--color-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: var(--ls-body);
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.policy-sidebar__link:hover,
.policy-sidebar__link:focus-visible,
.policy-sidebar__link.is-current {
  background: #f0f0f0;
  color: var(--color-brand);
}

.policy-sidebar__link:hover::before,
.policy-sidebar__link:focus-visible::before,
.policy-sidebar__link.is-current::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background: var(--color-brand);
  content: "";
}

.policy-sidebar__link:last-child {
  margin-bottom: -40px;
  border-bottom: 0;
}

@media (max-width: 980px) {
  .policy-layout {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .policy-sidebar {
    position: static;
    order: -1;
    width: 100%;
  }

  .policy-content__heading {
    font-size: 20px;
  }
}

.policy-page-hero h1 {
  max-width: 800px;
}

.policy-content h6,
.policy-content p {
  max-width: 1280px;
}

.policy-content__heading {
  font-size: 24px;
}

@media (max-width: 980px) {
  .policy-content__heading {
    font-size: 20px;
  }
}

.policy-content ul {
  display: grid;
  gap: 10px;
  max-width: 720px;
  margin: 0;
  padding-left: 22px;
  color: var(--color-gray);
  font-size: var(--fs-body);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: var(--ls-body);
}

.policy-content__table-wrap {
  max-width: 100%;
  overflow-x: auto;
}

.policy-content table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  color: var(--color-gray);
  font-size: var(--fs-body);
  line-height: 1.6;
  letter-spacing: var(--ls-body);
}

.policy-content th,
.policy-content td {
  padding: 14px 16px;
  border: 1px solid rgb(13 13 13 / 10%);
  text-align: left;
  vertical-align: top;
}

.policy-content th {
  color: var(--color-black);
  font-weight: 600;
}

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

.brand-card {
  display: grid;
  place-items: flex-start;
  min-width: 0;
  min-height: 150px;
  padding: 20px 0;
  border: 0;
  background: transparent;
  color: var(--brand-color, var(--color-brand));
  font: inherit;
  cursor: pointer;
  align-items: center;
  text-decoration: none;
}

.brand-grid__line {
  display: block;
  width: 1px;
  min-height: 150px;
  align-self: stretch;
  background: rgb(22 29 35 / 9%);
}

.brand-card__identity {
  display: grid;
  place-items: center;
  justify-items: start;
  gap: 3px;
  width: min(100%, 180px);
  color: var(--brand-color, var(--color-brand));
  filter: grayscale(1);
  opacity: 0.42;
  transform: scale(1);
  transform-origin: center;
  transition: filter 0.35s ease, opacity 0.35s ease, transform 0.35s ease;
}

.brand-card__image {
  display: block;
  width: 250px;
  height: 120px;
  object-fit: contain;
}

.brand-card__mark {
  display: block;
  width: 112px;
  height: 52px;
  background: currentColor;
  -webkit-mask: var(--brand-logo) center / contain no-repeat;
  mask: var(--brand-logo) center / contain no-repeat;
}

.brand-card--standalone .brand-card__mark {
  width: 150px;
  height: 62px;
}

.brand-card:hover .brand-card__identity,
.brand-card:focus-visible .brand-card__identity {
  filter: grayscale(0);
  opacity: 1;
  transform: scale(1.02);
}

.brand-card:focus-visible {
  position: relative;
  z-index: 1;
  outline: 2px solid var(--color-brand);
  outline-offset: -2px;
}

/* Sertifikasyonlar: Markalar gridinin belge odakli varyasyonu. */
.certifications-page .line-field-section h1 {
  max-width: 840px;
}

.certification-mobile-break {
  display: none;
}

.certification-grid {
  row-gap: 54px;
}

.certifications-page .brand-grid {
  gap: 60px;
}

.certifications-page :is(.brand-card, .brand-grid__line) {
  min-height: 0;
}

.certifications-section .markalar-intro-section {
  box-sizing: border-box;
}

.certification-card {
  min-height: 238px;
  align-items: stretch;
  padding-block: 26px;
}

.certification-card__identity {
  width: 100%;
  max-width: 230px;
  height: 100%;
  align-content: start;
  justify-items: start;
  gap: 22px;
  filter: none;
  opacity: 1;
  transform-origin: left center;
}

.certification-card__copy {
  display: grid;
  gap: 7px;
  width: 100%;
}

.certification-card__issuer {
  color: var(--color-black);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.25;
  text-transform: uppercase;
}

.certification-card__title {
  margin: 0;
  color: var(--color-black);
  font-size: clamp(20px, 1.45vw, 25px);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.08;
}

.certification-card__type {
  margin: 0;
  color: rgb(22 29 35 / 62%);
  font-size: 13px;
  line-height: 1.45;
}

.certification-card__link {
  justify-self: start;
  margin-top: 15px;
  white-space: nowrap;
}

.certification-card:hover .certification-card__identity,
.certification-card:focus-visible .certification-card__identity {
  transform: none;
}

.certification-card:hover .certification-card__link,
.certification-card:focus-visible .certification-card__link {
  color: var(--btn-link-hover-color);
}

.certification-card:hover .certification-card__link::after,
.certification-card:focus-visible .certification-card__link::after {
  background-image: var(--btn-link-arrow-hover);
  opacity: var(--btn-link-arrow-hover-opacity);
}

.certification-card:hover .certification-card__link .btn-link-text::after,
.certification-card:focus-visible .certification-card__link .btn-link-text::after {
  transform: scaleX(1);
}

/* ---------- Hakkımızda Sayfası ---------- */

.about-page .media-section {
  border-radius: 0;
}

.about-page .media-section-wrap::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: var(--radius-xlarge);
  background: var(--color-white);
  pointer-events: none;
  content: "";
}

.about-page .head-section {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  height: 85vh;
  min-height: 85vh;
  overflow: hidden;
  align-items: stretch;
  justify-content: space-between;
  border-radius: 0 0 var(--radius-xlarge) var(--radius-xlarge);
  background: var(--color-bg-black);
  color: var(--color-white);
}

.about-page .head-section__headline-container {
  width: min(100%, var(--container-main));
  height: 100%;
  margin-inline: auto;
  padding: 150px var(--page-padding);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.about-page .heading-title {
  max-width: 780px;
  color: rgb(255 255 255 / 60%);
  font-size: clamp(32px, 3vw, 42px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.035em;
  white-space: pre-wrap;
}

.careers-page .heading-title {
  max-width: 680px;
  font-size: clamp(32px, 3.6vw, 52px);
}

.about-page .application-card:hover .application-card__image {
  transform: none;
}

.about-page .application-card:hover .application-card__title,
.about-page .application-card:focus-within .application-card__title {
  color: var(--color-white);
  cursor: default;
}

.about-page .heading-title__char {
  opacity: calc(0.6 + (var(--char-progress, 0) * 0.4));
  color: #fff;
  will-change: opacity;
}

.about-page .head-section__bottom {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1fr);
  gap: 80px;
  align-items: end;
  width: 100%;
}

.about-page .media-intro-section__title {
  max-width: 560px;
}

.quality-policy-page .success-section__headline {
  max-width: 460px;
}

.quality-policy-page .media-intro-section__headline {
  max-width: 460px;
}

.quality-policy-page .quality-policy__text-highlight {
  color: var(--color-white);
}

.about-page .about-intro-section {
  background: var(--color-white);
}

.careers-page .careers-intro-section {
  background: var(--color-white);
}

.careers-page .media-intro-section__headline {
  display: grid;
  align-content: start;
  gap: 30px;
  max-width: 520px;
}

.careers-page .careers-head-section__text {
  grid-column: -2 / -1;
  padding-top: 0;
}

.careers-page .careers-values-section__button {
  width: fit-content;
}

.careers-page .spec-section__intro {
  max-width: 520px;
}

.careers-page .testimonials-section {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 0 0 40px 40px;
  background: var(--color-white);
  color: var(--color-black);
}

.careers-page .testimonials-section__inner {
  width: min(100%, var(--container-main));
  margin-inline: auto;
  padding: 90px var(--page-padding) 90px;
}

.careers-page .testimonials-section__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
}

.careers-page .testimonials-section__head-text {
  display: grid;
  gap: 30px;
  max-width: 620px;
}

.careers-page .testimonials-section__head-text h3 {
  color: var(--color-black);
}

.careers-page .testimonials-layout {
  margin-top: 60px;
}

.careers-page .testimonials-intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
}

.careers-page .testimonials-intro__quote,
.careers-page .testimonial-card__quote {
  display: block;
  height: 0.68em;
  overflow: hidden;
  color: var(--color-brand);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  line-height: 0.9;
}

.careers-page .testimonials-intro__quote {
  font-size: clamp(76px, 7vw, 116px);
}

.careers-page .testimonials-intro__text {
  max-width: 470px;
  margin-top: clamp(38px, 4vw, 64px);
  color: var(--color-black);
  font-size: clamp(19px, 1.35vw, 25px);
  line-height: 1.55;
}

.careers-page .testimonials-controls {
  width: auto;
  flex: 0 0 auto;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  gap: 14px;
}

.careers-page .testimonials-controls .detail-carousel__arrow.is-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.careers-page .testimonials-slider {
  width: calc(100% + var(--page-padding));
  min-width: 0;
  margin-right: calc(-1 * var(--page-padding));
  overflow: hidden;
}

.careers-page .testimonials-track {
  display: flex;
  width: 100%;
  gap: 30px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding: 0 var(--page-padding) 10px 0;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 0;
  scroll-snap-type: inline mandatory;
}

.careers-page .testimonials-track::-webkit-scrollbar {
  display: none;
}

.careers-page .testimonial-card {
  display: flex;
  min-width: 0;
  width: 520px;
  min-width: 520px;
  max-width: 520px;
  height: 500px;
  min-height: 500px;
  max-height: 500px;
  flex: 0 0 520px;
  flex-direction: column;
  padding: 40px;
  border: 0;
  border-radius: var(--radius-large);
  background: #fafafa;
  color: var(--color-black);
  scroll-snap-align: start;
}

.careers-page .testimonial-card__quote {
  flex: 0 0 auto;
  font-size: 62px;
}

.careers-page .testimonial-card__text {
  margin-top: 30px;
  color: var(--color-bg-black);
  font-size: 17px;
  font-style: normal;
  line-height: 1.6;
  font-weight: 300;
  letter-spacing: var(--ls-body);
}

.careers-page .testimonial-card__person {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding-top: 42px;
}

.careers-page .testimonial-card__line {
  width: 30px;
  height: 2px;
  margin-bottom: 14px;
  background: var(--color-brand);
}

.careers-page .testimonial-card__name {
  margin: 0;
  color: var(--color-black);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.careers-page .testimonial-card__role {
  color: rgb(13 13 13 / 52%);
  font-size: 15px;
  line-height: 1.4;
}

@media (max-width: 860px) {
  .careers-page .testimonials-section__head {
    display: grid;
    align-items: start;
  }

  .careers-page .testimonials-controls {
    justify-self: end;
  }

}

@media (max-width: 560px) {
  .careers-page .testimonials-intro__text {
    margin-top: 30px;
    font-size: 18px;
  }

  .careers-page .testimonials-controls {
    padding-top: 0;
  }

}

.about-page .sector-detail-applications--light {
  background: #f9f9f9;
  color: var(--color-black);
}

.about-page .sector-detail-applications--light .sector-detail-applications__head-text h3 {
  color: var(--color-black);
}

.company-about-page .sector-detail-applications__head-text {
  display: grid;
  gap: 30px;
  max-width: 520px;
}

.mission-vision-page .mission-vision-applications {
  overflow: visible;
  border-radius: 0;
  background: var(--color-white);
  color: var(--color-black);
}

.mission-vision-page .mission-vision-applications .sector-detail-applications__head-text h3 {
  color: var(--color-black);
}

.mission-vision-card-grid-wrap {
  width: 100%;
}

.mission-vision-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  overflow: visible;
  padding: 0;
  scroll-snap-type: none;
}

.mission-vision-card-grid > .application-card {
  width: 100%;
  min-width: 0;
  scroll-snap-align: none;
}

.about-page .about-application-card__title {
  max-width: 95%;
}

/* Kalite Politikası: spec kabuğunda sektör sonuç düzeni. */
.quality-policy-page .quality-policy-summary {
  align-items: stretch;
  padding: 0;
  border-radius: var(--radius-xlarge) var(--radius-xlarge) 0 0;
  background-color: var(--color-bg-black);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.quality-policy-page .quality-policy-summary::before {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: url("../../media/cozum-tasarimi-bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.quality-policy-page .quality-policy-summary::after {
  background: linear-gradient(90deg, rgb(13 13 13 / 68%) 0%, rgb(13 13 13 / 42%) 48%, rgb(13 13 13 / 72%) 100%);
}

.quality-policy-page .quality-policy-summary .sector-page-sonuc__inner {
  width: min(100%, var(--container-main));
}

.quality-policy-page .quality-policy-summary .sector-page-sonuc__copy strong {
  color: var(--color-white);
  font-weight: 500;
}

@media (max-width: 980px) {
  .about-page .head-section__headline-container {
    padding-block: 110px;
  }

  .about-page .head-section__bottom {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .mission-vision-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .about-page .head-section {
    min-height: 80vh;
  }

  .about-page .head-section__headline-container {
    padding-block: 80px;
  }

  .about-page .head-section__bottom {
    gap: 28px;
  }

  .mission-vision-card-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .markalar-intro-section {
    padding-block: 80px;
  }

  .brand-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 60px 40px;
  }

  .brand-grid__line {
    display: none;
  }
}

@media (max-width: 760px) {
  .markalar-intro-section {
    padding-block: 58px;
  }

  .brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 24px;
  }

  .brand-card {
    min-height: 125px;
    padding: 20px 0;
  }

  .brand-card__mark {
    width: 96px;
  }

  .brand-card--standalone .brand-card__mark {
    width: 120px;
  }

  .brand-card__image {
    width: 150px;
    height: 90px;
  }

  .certification-card {
    min-height: 0;
    padding-block: 32px;
    border-bottom: 1px solid rgb(22 29 35 / 9%);
  }

  .certification-card__identity {
    grid-template-columns: 1fr;
    max-width: 100%;
    align-items: center;
    gap: 22px;
    transform: none;
  }

  .certification-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .certifications-page .line-field-section h1 {
    max-width: 100%;
    font-size: clamp(38px, 10.25vw, 40px);
    overflow-wrap: anywhere;
  }

  .certifications-page .line-field-section h1 .headline-muted {
    display: block;
  }

  .certification-mobile-break {
    display: initial;
  }

  .certification-card__title,
  .certification-card__type {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 1460px) {
  .certification-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 48px 36px;
  }

  .certification-grid__line {
    display: none;
  }

  .certification-card {
    position: relative;
    min-height: 220px;
  }

  .certifications-page .brand-card {
    padding: 20px;
  }

  .certification-card:not(:last-of-type)::after {
    content: "";
    position: absolute;
    top: 0;
    right: -18px;
    width: 1px;
    height: 100%;
    background: rgb(22 29 35 / 9%);
  }

  .certification-card:nth-of-type(4n)::after {
    display: none;
  }
}

@media (max-width: 1100px) {
  .certification-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 44px 32px;
  }

  .certification-card::after {
    right: -16px;
  }

  .certification-card:not(:last-of-type)::after {
    display: block;
  }

  .certification-card:nth-of-type(3n)::after {
    display: none;
  }
}

@media (max-width: 760px) {
  .certification-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 22px;
  }

  .certification-card {
    min-width: 0;
    min-height: 0;
    padding-block: 30px;
  }

  .certification-card::after {
    right: -11px;
  }

  .certification-card:not(:last-of-type)::after {
    display: block;
  }

  .certification-card:nth-of-type(2n)::after {
    display: none;
  }
}

.application-card__title {
  max-width: 75%;
}

:is([data-carousel], [data-detail-carousel-viewport], .news-band__viewport, .mm-sectors-swiper, .other-blogs-swiper, .sector-slider, .blog-slider) {
  cursor: grab;
  user-select: none;
}

:is([data-carousel], [data-detail-carousel-viewport], .news-band__viewport, .mm-sectors-swiper, .other-blogs-swiper, .sector-slider, .blog-slider).is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  scroll-snap-type: none !important;
}

.related-products-section__inner [data-detail-carousel-viewport] {
  user-select: auto;
}

.related-products-section__inner :is(.product-card, .product-card img) {
  -webkit-user-drag: none;
}

.related-products-section__inner .product-card__content {
  user-select: text;
}

/* Blog, ana sayfa video ve sektör slider'ı dışındaki carousel okları. */
:is(.detail-carousel__arrow, .success-slider-nav button, .mm-sectors-nav__btn) {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
}

:is(.detail-carousel__arrow, .success-slider-nav button, .mm-sectors-nav__btn)::before {
  width: 8px;
  height: 8px;
  border-top-width: 2px;
  border-right-width: 2px;
}

/* İçgörüler sayfası */
.insights-page .line-field-section h1 {
  max-width: 520px;
}

.insights-page .blog-section {
  height: clamp(560px, 65vh, 760px);
  min-height: clamp(560px, 65vh, 760px);
}

.insights-page .blog-section__inner {
  height: clamp(560px, 65vh, 760px);
  min-height: clamp(560px, 65vh, 760px);
}

.insights-page .blog-section__inner {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

.insights-page .blog-showcase,
.insights-page .blog-slider {
  width: 100%;
  height: 100%;
}

.insights-page .blog-showcase {
  position: relative;
  display: block;
}

.insights-page .blog-slider__content {
  top: auto;
  right: auto;
  bottom: 118px;
  left: clamp(54px, 5vw, 78px);
}

.insights-page .blog-slider__progress {
  grid-template-columns: repeat(var(--blog-slide-count, 1), clamp(24px, 2vw, 38px));
}

.blog-list-section,
.sector-list-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 60px var(--page-padding);
  background: #f9f9f9;
  color: var(--color-black);
  font-family: "Outfit", sans-serif;
}

.sector-list-section {
  background: #f0f0f0;
}

.blog-list-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 30px;
  align-items: end;
  margin-bottom: 60px;
}

.blog-list-head__eyebrow {
  grid-column: 1;
  grid-row: 1;
}

.blog-list-head__title {
  grid-column: 1;
  grid-row: 2;
  max-width: 720px;
  color: var(--color-black);
}

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

.sectors-list-page .sector-list-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.blog-list-card {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  min-width: 0;
  border-radius: var(--radius-large);
  background: var(--color-white);
  color: var(--color-black);
  text-decoration: none;
}

.blog-list-card__image {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-medium);
  background: #e9e9e9;
}

.blog-list-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.blog-list-card__body {
  position: relative;
  flex: 1 1 auto;
  grid-template-rows: auto auto auto;
  align-content: start;
  gap: 10px;
  padding: 30px;
  display: grid;
}

.blog-list-card__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.blog-list-card__meta-separator {
  color: rgb(13 13 13 / 28%);
  font-size: 10px;
  line-height: 1;
}

.blog-list-card__date.news-band__date {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  grid-column: auto;
  color: rgb(13 13 13 / 50%);
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  letter-spacing: 0;
}

.blog-list-card__date.news-band__date::before {
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  background: url("../../media/calendar.svg") center / contain no-repeat;
  opacity: 0.5;
  content: "";
}

.blog-list-card__reading-time.news-band__date {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  color: rgb(13 13 13 / 50%);
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}

.blog-list-card__reading-time.news-band__date::before {
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  background: url("../../media/view.svg") center / contain no-repeat;
  opacity: 0.65;
  content: "";
}

.blog-list-card__tag {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  padding: 5px 8px;
  border-radius: 12px;
  background: var(--color-brand);
  color: var(--color-white);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.blog-list-card__tag:empty {
  display: none;
}

.blog-list-card__title {
  display: -webkit-box;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  margin: 0;
  color: var(--color-black);
  font-size: clamp(20px, 1.45vw, 24px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: var(--ls-h3-h6);
  transition: color 0.25s ease;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.blog-list-card__description {
  display: -webkit-box;
  overflow: hidden;
  align-self: start;
  max-width: 90%;
  margin: 0;
  color: rgb(13 13 13 / 62%);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.blog-list-card:hover .blog-list-card__image img {
  transform: scale(1.045);
}

.blog-list-card:hover .blog-list-card__title {
  color: var(--color-brand);
}

/* ---------- Arama sonuçları ---------- */
.search-results-main {
  position: relative;
  width: 100%;
  overflow: clip;
  background: var(--color-soft-bg);
  font-family: "Outfit", sans-serif;
}

.search-results-hero {
  height: 300px;
}

.search-results-hero__inner {
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 var(--page-padding) 60px;
}

.search-results-hero__content {
  gap: 28px;
  width: min(100%, 1120px);
}

.search-results-hero h3 {
  max-width: 1050px;
  margin: 0;
  color: var(--color-black);
  font-size: clamp(32px, 3vw, 48px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: var(--ls-h3-h6);
}

.search-results-hero h3 .headline-muted {
  color: var(--color-gray);
}

.search-results-hero .scroll-down-indicator {
  flex: 0 0 auto;
  margin-right: 0;
}

.search-results-section {
  position: relative;
  z-index: 2;
  min-height: 420px;
  padding: 60px var(--page-padding);
  background: #f9f9f9;
  color: var(--color-black);
}

.search-results-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  width: 100%;
}

.search-result-card {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  min-width: 0;
  border-radius: var(--radius-large);
  background: var(--color-white);
  color: var(--color-black);
  text-decoration: none;
}

.search-result-card__image {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-medium);
  background: #e9e9e9;
}

.search-result-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.search-result-card__image img[src$="fav-icon.png"] {
  padding: clamp(48px, 6vw, 90px);
  object-fit: contain;
}

.search-result-card__body {
  display: grid;
  flex: 1 1 auto;
  align-content: start;
  gap: 14px;
  min-height: 180px;
  padding: 30px;
}

.search-result-card__title {
  display: -webkit-box;
  overflow: hidden;
  max-width: 100%;
  margin: 0;
  color: var(--color-black);
  font-size: clamp(20px, 1.45vw, 24px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: var(--ls-h3-h6);
  transition: color 0.25s ease;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.search-result-card__description {
  display: -webkit-box;
  overflow: hidden;
  align-self: start;
  max-width: 90%;
  margin: 0;
  color: rgb(13 13 13 / 62%);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.search-result-card:hover .search-result-card__image img {
  transform: scale(1.045);
}

.search-result-card:hover .search-result-card__title {
  color: var(--color-brand);
}

.search-results-pagination {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}

.search-results-pagination ul.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

.search-results-pagination ul.page-numbers > li {
  display: inline-flex;
  margin: 0;
}

.search-results-pagination .page-numbers {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-black);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.25s ease;
}

.search-results-pagination :is(a.page-numbers:hover, a.page-numbers:focus-visible, .page-numbers.current) {
  color: var(--color-brand);
}

.search-results-pagination :is(.prev, .next).page-numbers {
  position: relative;
  width: 28px;
  min-width: 28px;
  color: transparent;
  font-size: 0;
}

.search-results-pagination :is(.prev, .next).page-numbers::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
  color: rgb(128 128 128 / 70%);
  content: "";
}

.search-results-pagination .prev.page-numbers::before {
  transform: translate(-50%, -50%) rotate(-135deg);
}

.search-results-pagination .next.page-numbers::before {
  color: var(--color-brand);
  transform: translate(-50%, -50%) rotate(45deg);
}

.search-results-empty {
  display: grid;
  gap: 16px;
  min-height: 240px;
  align-content: center;
  justify-items: center;
  text-align: center;
}

.search-results-empty h2,
.search-results-empty p {
  margin: 0;
}

.search-results-empty h2 {
  color: var(--color-black);
  font-size: clamp(28px, 3vw, 42px);
}

.search-results-empty p {
  color: var(--color-gray);
  font-size: 16px;
}

/* ---------- 404 ---------- */
.error-404-page {
  overflow: hidden;
  background: var(--color-soft-bg);
}

.error-404-page #brx-footer {
  display: none;
}

.error-404-main {
  width: 100%;
  background: var(--color-soft-bg);
  font-family: "Outfit", sans-serif;
}

.error-404-hero {
  display: grid;
  place-items: center;
  height: calc(100vh - var(--site-header-height));
  height: calc(100svh - var(--site-header-height));
  min-height: 0;
  padding: 40px var(--page-padding);
  background: var(--color-soft-bg);
}

.error-404-hero__content {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 30px;
  width: min(100%, 1100px);
  text-align: center;
}

.error-404-hero__subline {
  justify-self: center;
}

.error-404-hero__title {
  display: grid;
  justify-items: center;
  margin: 0;
  color: var(--color-black);
  font-size: clamp(46px, 5.2vw, 82px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -0.05em;
}

html[lang^="en"] .error-404-page .line-field-section h1 {
  max-width: 820px;
}

.error-404-hero__title .headline-muted {
  color: var(--color-gray);
}

.error-404-hero__button {
  margin-top: 6px;
}

@media (max-width: 760px) {
  .error-404-hero {
    padding-block: 30px;
  }

  .error-404-hero__content {
    gap: 24px;
  }

  .error-404-hero__title {
    font-size: clamp(38px, 12vw, 56px);
  }
}

@media (max-width: 980px) {
  .search-results-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1200px) and (min-width: 981px) {
  .sectors-list-page .sector-list-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) and (min-width: 761px) {
  .sectors-list-page .sector-list-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .sectors-list-page .sector-list-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .search-results-hero {
    height: 300px;
  }

  .search-results-hero__inner {
    padding-bottom: 40px;
  }

  .search-results-hero__content {
    gap: 22px;
  }

  .search-results-hero h3 {
    font-size: clamp(28px, 8vw, 38px);
  }

  .search-results-hero .scroll-down-indicator {
    display: none;
  }

  .search-results-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .search-results-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .search-result-card__body {
    min-height: 0;
    padding: 24px;
  }

  .search-results-pagination {
    margin-top: 40px;
  }
}

.blog-list-pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 60px;
}

.blog-list-pagination:empty {
  display: none;
}

.blog-list-pagination .bricks-pagination ul.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  list-style: none;
}

.blog-list-pagination ul.page-numbers > li {
  display: inline-flex;
  margin: 0;
}

.blog-list-pagination ul.page-numbers > li > .page-numbers {
  display: inline-grid;
  place-items: center;
  width: auto;
  min-width: 20px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-black);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.25s ease;
}

.blog-list-pagination ul.page-numbers > li > :is(a.page-numbers:hover, a.page-numbers:focus-visible, .page-numbers.current) {
  background: transparent;
  color: var(--color-brand);
}

.blog-list-pagination ul.page-numbers > li > :is(.prev, .next).page-numbers {
  position: relative;
  width: 28px;
  min-width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: transparent;
  font-size: 0;
}

.blog-list-pagination ul.page-numbers > li > .next.page-numbers {
  border-color: transparent;
}

.blog-list-pagination ul.page-numbers > li > :is(.prev, .next).page-numbers::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
  color: rgb(128 128 128 / 70%);
  content: "";
}

.blog-list-pagination ul.page-numbers > li > .prev.page-numbers::before {
  transform: translate(-50%, -50%) rotate(-135deg);
}

.blog-list-pagination ul.page-numbers > li > .next.page-numbers::before {
  color: var(--color-brand);
  transform: translate(-50%, -50%) rotate(45deg);
}

.blog-list-pagination ul.page-numbers > li > :is(.prev, .next).page-numbers:hover,
.blog-list-pagination ul.page-numbers > li > :is(.prev, .next).page-numbers:focus-visible {
  border-color: transparent;
  background: transparent;
}

.blog-list-pagination ul.page-numbers > li > :is(.prev, .next).page-numbers:hover::before,
.blog-list-pagination ul.page-numbers > li > :is(.prev, .next).page-numbers:focus-visible::before {
  color: var(--color-brand);
}

.search-results-pagination :is(.prev, .next).page-numbers::before,
.blog-list-pagination ul.page-numbers > li > :is(.prev, .next).page-numbers::before,
.blog-list-pagination ul.page-numbers > li > :is(.prev, .next).page-numbers:hover::before,
.blog-list-pagination ul.page-numbers > li > :is(.prev, .next).page-numbers:focus-visible::before {
  color: var(--color-black);
}

.blog-list-pagination__button {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgb(13 13 13 / 14%);
  border-radius: 50%;
  background: transparent;
  color: var(--color-black);
  font: inherit;
  cursor: pointer;
  transition: border-color 0.25s ease, background-color 0.25s ease, color 0.25s ease;
}

.blog-list-pagination__button:hover,
.blog-list-pagination__button.is-active {
  border-color: var(--color-brand);
  background: var(--color-brand);
  color: var(--color-white);
}

@media (max-width: 980px) {
  .insights-page .blog-slider__content {
    bottom: 105px;
    left: 42px;
  }

  .blog-list-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .insights-page .blog-slider__content {
    top: auto;
    right: 30px;
    bottom: 90px;
    left: 30px;
  }

  .blog-list-section,
  .sector-list-section {
    padding: 60px var(--page-padding);
  }

  .blog-list-head {
    grid-template-columns: 1fr;
    row-gap: 22px;
    margin-bottom: 40px;
  }

  .blog-list-head__eyebrow,
  .blog-list-head__title {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }

  .blog-list-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* ---------- Tekil makale: ilgili yazılar ---------- */
.other-blogs-section {
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding: 90px var(--page-padding);
  background: #f9f9f9;
  color: var(--color-black);
  font-family: "Outfit", sans-serif;
  --other-blogs-pad: var(--page-padding);
}

.other-blogs-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 40px;
  row-gap: 30px;
  margin-bottom: 60px;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.other-blogs-head.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.other-blogs-head__eyebrow {
  grid-column: 1;
  grid-row: 1;
}

.other-blogs-head__all {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  justify-self: end;
  white-space: nowrap;
}

.other-blogs-head__title {
  grid-column: 1;
  grid-row: 2;
  max-width: 720px;
  color: var(--color-black);
}

.single-post-page .other-blogs-head__title {
  font-size: var(--fs-h3);
}

.other-blogs-eyebrow {
  --section-subline-color: var(--color-anthracite);
}

.other-blogs-head__actions {
  grid-column: 2;
  grid-row: 2;
  align-self: end;
  justify-self: end;
}

.other-blogs-nav {
  display: flex;
  align-items: center;
  gap: 12px;
}

.other-blogs-nav__btn {
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  padding: 0;
  border: 1px solid rgb(128 128 128 / 32%);
  border-radius: 50%;
  background: transparent;
  color: rgb(128 128 128 / 70%);
  cursor: pointer;
  transition: color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease, transform 0.25s ease;
}

.other-blogs-nav__btn svg {
  display: none;
}

.other-blogs-nav__btn::before {
  width: 8px;
  height: 8px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  content: "";
}

.other-blogs-nav__btn--prev::before {
  margin-left: 2px;
  transform: rotate(-135deg);
}

.other-blogs-nav__btn--next::before {
  margin-right: 2px;
  transform: rotate(45deg);
}

.other-blogs-nav__btn:hover {
  border-color: var(--color-brand);
  background: transparent;
  color: var(--color-brand);
}

.other-blogs-nav__btn:active {
  transform: scale(0.94);
}

.other-blogs-nav__btn.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.other-blogs-slider {
  position: relative;
  width: calc(100% + var(--other-blogs-pad));
  margin-right: calc(-1 * var(--other-blogs-pad));
}

.other-blogs-swiper {
  width: 100%;
  overflow: visible;
}

.other-blogs-swiper .swiper-wrapper {
  display: flex;
  align-items: stretch !important;
}

.other-blogs-swiper .swiper-slide {
  height: auto !important;
}

.other-blogs-card {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  height: auto;
  align-self: stretch;
  border: 0;
  border-radius: var(--radius-large);
  background: var(--color-white);
  color: var(--color-black);
  text-decoration: none;
  opacity: 0;
  transform: translateY(24px);
  cursor: pointer;
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.other-blogs-card.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.other-blogs-card__image {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-medium);
}

.other-blogs-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.other-blogs-card:hover .other-blogs-card__image img {
  transform: scale(1.03);
}

.other-blogs-card__body {
  position: relative;
  display: grid;
  flex: 1 1 auto;
  align-content: start;
  grid-template-rows: auto auto auto;
  gap: 14px;
  min-height: 150px;
  padding: 30px;
}

.single-post-page .other-blogs-card__title {
  display: -webkit-box;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  margin: 0;
  color: var(--color-black);
  font-size: clamp(20px, 1.45vw, 24px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: var(--ls-h3-h6);
  transition: color 0.25s ease;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.other-blogs-card__desc {
  display: -webkit-box;
  overflow: hidden;
  align-self: start;
  max-width: 90%;
  margin: 0;
  color: rgb(13 13 13 / 62%);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.other-blogs-card:hover .other-blogs-card__title,
.other-blogs-card:focus-visible .other-blogs-card__title {
  color: var(--color-brand);
}

@media (max-width: 980px) {
  .other-blogs-section {
    padding-block: 80px;
  }
}

@media (max-width: 760px) {
  .other-blogs-section {
    padding-block: 58px;
  }

  .other-blogs-head {
    grid-template-columns: 1fr;
    row-gap: 22px;
    margin-bottom: 40px;
  }

  .other-blogs-head__eyebrow,
  .other-blogs-head__all,
  .other-blogs-head__title,
  .other-blogs-head__actions {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }
}

/* ---------- Cam Endüstrisi: Bricks düzenleyici ve carousel düzeltmeleri ---------- */

.single-sektor .line-field-section h1 {
  max-width: 880px;
}

.single-urun .line-field-section h1 {
  max-width: 100%;
  font-size: clamp(42px, 3.5vw, 54px);
}

.single-urun .how-it-works-section__inner {
  padding: 90px var(--page-padding) 90px;
}

@media (max-width: 480px) {
  .single-urun .line-field-section h1 {
    font-size: 32px;
  }
}

.single-sektor .line-field-section__inner {
  padding-right: var(--page-padding);
}

.single-sektor .scroll-down-indicator {
  margin-right: 0;
}

.sector-detail-applications__slider,
.success-section__grid,
.mm-sectors-slider {
  width: calc(100% + var(--page-padding));
  max-width: none;
}

.mm-sectors-swiper {
  overflow: visible !important;
}

.floating-cta__button {
  width: auto;
  flex-direction: row;
  justify-content: center;
}

.modal-form__submit {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
}

body[data-builder-window] :is(
  [data-reveal],
  .application-card,
  .success-card,
  .spec-item,
  .mm-sectors-head,
  .mm-sectors-card
) {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

body[data-builder-window] .mm-sectors-swiper {
  overflow-x: auto !important;
}

body[data-builder-window] .mm-sectors-swiper > .swiper-wrapper {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(300px, calc((100% - 48px) / 3));
  gap: 24px;
  transform: none !important;
}

body[data-builder-window] .mm-sectors-card {
  width: auto !important;
  margin-right: 0 !important;
}

@media (max-width: 480px) {
  .sector-detail-applications__swiper {
    gap: 16px;
  }

  .sector-detail-applications__swiper > .application-card {
    flex-basis: min(86vw, 340px);
    height: clamp(380px, 112vw, 440px);
    aspect-ratio: auto;
    border-radius: 28px;
  }

  .sector-detail-applications__swiper .application-card__content {
    gap: 8px;
    padding: 0 20px 22px;
  }

  .sector-detail-applications__swiper .application-card__title {
    max-width: 100%;
    font-size: 22px;
    line-height: 1.15;
  }

  .sector-detail-applications__swiper .application-card__desc {
    max-width: 100%;
    font-size: 14px;
    line-height: 1.45;
  }

  .mm-sectors-head {
    grid-template-columns: max-content max-content;
    justify-content: start;
    column-gap: 12px;
    row-gap: 22px;
  }

  .mm-sectors-head__eyebrow {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .mm-sectors-head__title {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .mm-sectors-head__all {
    grid-column: 1;
    grid-row: 3;
    align-self: center;
    justify-self: start;
  }

  .mm-sectors-head__actions {
    grid-column: 2;
    grid-row: 3;
    align-self: center;
    justify-self: start;
  }
}

@media (max-width: 479px) {
  .floating-cta__label {
    display: none;
  }
}

@media (min-width: 481px) and (max-width: 980px) {
  .product-view-section__products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-view-section__products.is-three-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .category-listing-page .related-category-section {
    margin-bottom: 0;
  }

  .category-listing-page .category-line-field h1 {
    font-size: 32px;
  }

  .category-listing-page .category-line-field .scroll-down-indicator {
    display: none;
  }

  .category-listing-page .category-parallax-section {
    position: relative;
    top: auto;
    height: clamp(420px, 80svh, 620px);
    min-height: 0;
  }

  .category-listing-page .category-parallax-section__background {
    transform: scale(1.01) !important;
    will-change: auto;
  }

  .category-listing-page .category-parallax-section__shade {
    opacity: 0;
    will-change: auto;
  }

  .category-listing-page .desc-section__inner {
    height: auto;
    min-height: 0;
    padding: 90px var(--page-padding);
    padding-block: 60px;
  }

  .category-listing-page .related-products-section__head {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .category-listing-page .related-products-section__head .detail-carousel__controls {
    justify-self: start;
    justify-content: flex-start;
  }

  .mm-sectors-head {
    grid-template-columns: 1fr;
  }

  .mm-sectors-head__actions {
    grid-column: 1;
    grid-row: 3;
    justify-self: start;
  }

  .mm-sectors-head__all {
    grid-column: 1;
    grid-row: 4;
    justify-self: start;
  }

  .mm-sectors-nav {
    justify-content: flex-start;
  }

  .related-products-section__inner .product-card__content {
    padding: 10px;
  }

  .product-card__title,
  .product-card__title2 {
    max-width: 100%;
  }

  .product-grid-toggle {
    display: none;
  }

  .product-view-section__products,
  .product-view-section__products.is-three-columns {
    grid-template-columns: 1fr;
  }
}

/* ---------- Polylang menu switcher, reliable shell icons and brand mobile controls ---------- */

.site-header__language-menu-host,
.site-language-menu,
.site-language-menu__list,
.site-language-menu__list > li {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-language-menu__list {
  gap: 8px;
}

.site-header__language-menu-host {
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
}

.site-language-menu .site-header__language {
  text-decoration: none;
}

.mobile-menu__close::before,
.mobile-menu__close::after,
.modal-card__close::before,
.modal-card__close::after {
  position: absolute;
  width: 17px;
  height: 1.5px;
  border-radius: 2px;
  background: currentColor;
  content: "";
}

.mobile-menu__close::before,
.modal-card__close::before {
  transform: rotate(45deg);
}

.mobile-menu__close::after,
.modal-card__close::after {
  transform: rotate(-45deg);
}

.mobile-menu__close,
.modal-card__close {
  position: relative;
}

.modal-card__close {
  position: absolute;
  z-index: 3;
}

.mobile-menu-dynamic__utility .site-language-menu {
  padding: 14px;
  border-radius: 16px;
  background: #f9f9f9;
}

.mobile-menu-dynamic__utility .site-header__language {
  height: auto;
  min-height: 24px;
  padding: 0;
}

@media (max-width: 1199px) {
  .site-header__language-menu-host {
    display: none;
  }

  .site-header__actions {
    gap: 4px;
  }

  .site-header__language-menu-host {
    flex: 0 0 auto;
  }

  .product-header__action-column .site-header__language-menu-host {
    order: 2;
  }

  .site-header__actions.product-header__action-column {
    width: max-content;
    max-width: 100%;
    margin-left: auto;
    justify-self: end;
    justify-content: flex-end;
    gap: 6px;
  }

  .site-header__actions.product-header__action-column .site-header__menu-toggle {
    margin-left: 0;
  }
}

/* ---------- Mobile header and menu refinements ---------- */
@media (max-width: 1199px) {
  .mobile-menu__nav a {
    border-bottom: 0;
    line-height: 1;
  }

  .mobile-menu__nav .site-header__language::after {
    display: none;
  }

  .mobile-menu-dynamic__sublist .mobile-menu-dynamic__sublist .mobile-menu-dynamic__link {
    padding-left: 25px;
  }
}

:is(.dark-footer__cta, .brand-footer__cta-light) {
    margin-bottom: -90px;
}

html[lang^="en"] :is(.dark-footer__cta, .brand-footer__cta-light) h3 {
  max-width: 940px;
  color: var(--color-white);
}

/* Ürün detayındaki ilgili ürün carousel'i: kart sayısına göre masaüstü yoğunluğu. */
.related-products-section:not(:has(.related-products-grid > .product-card-details)),
.related-products-section[hidden] {
  display: none !important;
}

@media (min-width: 981px) {
  .related-products-section__inner.detail-carousel--show-3-5
    .related-products-grid.detail-carousel__track
    > .product-card-details {
    flex-basis: calc(28.5714% - 22.5px);
  }
}

.related-products-section__inner .product-card__desc {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.related-products-section__inner .product-card__media img:is([src*="fav-icon.png"], [data-src*="fav-icon.png"]) {
  width: min(46%, 220px);
  height: auto;
  max-height: 120px;
  border-radius: 0;
  filter: none;
}

.related-products-section__inner .detail-carousel__arrow {
  border-color: rgb(128 128 128 / 75%);
  color: rgb(128 128 128 / 85%);
}

.related-products-section__inner [data-detail-carousel-next] {
  border-color: var(--color-brand);
  color: var(--color-brand);
}

.mega-menu {
  box-shadow: 0 10px 20px rgb(0 0 0 / 6%);
}

/* ---------- 16px text typography ---------- */
:is(
  .site-header__stat span,
  .site-header__stats-copy,
  .spec-section__intro,
  .spec-item__text,
  .application-card__desc,
  .product-card__desc,
  .mobile-menu-dynamic__sublist .mobile-menu-dynamic__link,
  .next-section__purpose,
  .news-band__title,
  .sector__stat-title,
  .blog__stat-title,
  .sector__stats-copy,
  .blog__stats-copy,
  .sector-slider__content p,
  .blog-slider__content p,
  .sector-card__content p,
  .blog-card__content p,
  .process-accordion__panel p,
  .dark-footer__cta-desc,
  .brand-footer__cta-desc-light,
  .category-listing-page .spec-section__overview p,
  .product-category-nav__item,
  .product-category-nav__group-trigger,
  .product-view-section .product-card__desc,
  .success-card__desc,
  .mm-sectors-card__desc,
  .contact-page .contact-detail__title,
  .contact-page .contact-detail--directions,
  .contact-header__quick-description,
  .blog-list-card__description,
  .search-result-card__description,
  .search-results-empty p,
  .other-blogs-card__desc
) {
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: var(--ls-body);
}

.product-category-nav__item.is-current,
.product-category-nav--tree .product-category-nav__item,
.product-category-nav--tree .product-category-nav__item.is-current,
.product-category-nav--tree .product-category-nav__item.is-current:last-child {
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: var(--ls-body);
}

@media (max-width: 480px) {
  .about-page .heading-title {
    max-width: 780px;
    color: rgb(255 255 255 / 60%);
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.035em;
    white-space: pre-wrap;
    margin-bottom: 30px;
  }

  .product-view-section__topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 16px;
  }

  .product-view-section__controls {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    margin-left: 0;
  }

  .product-view-section__controls .product-view-section__status {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
  }

  .product-view-section__controls .product-grid-toggle {
    display: none;
  }
}

@media (max-width: 760px) {
  .media-intro-section {
    display: block;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible;
  }

  .media-intro-section__inner {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 60px;
    height: auto !important;
    min-height: 0;
    padding-block: 72px;
  }

  .media-intro-section__headline,
  .media-intro-section__text {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .media-intro-section__text {
    gap: 24px;
    padding-top: 0;
    overflow: visible;
  }

  .media-intro-section__text p {
    font-size: 18px;
    line-height: 1.55;
  }
}