.elementor-1543 .elementor-element.elementor-element-2e62107{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.7;--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-1543 .elementor-element.elementor-element-2e62107::before, .elementor-1543 .elementor-element.elementor-element-2e62107 > .elementor-background-video-container::before, .elementor-1543 .elementor-element.elementor-element-2e62107 > .e-con-inner > .elementor-background-video-container::before, .elementor-1543 .elementor-element.elementor-element-2e62107 > .elementor-background-slideshow::before, .elementor-1543 .elementor-element.elementor-element-2e62107 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1543 .elementor-element.elementor-element-2e62107 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.brysis.com/wp-content/uploads/2026/06/kapak-kariyer.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1543 .elementor-element.elementor-element-638ff90 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:52px;font-weight:700;color:var( --e-global-color-71ce879 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1543 .elementor-element.elementor-element-68bf711{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;color:var( --e-global-color-71ce879 );}.elementor-1543 .elementor-element.elementor-element-68bf711 p{margin-block-end:0px;}.elementor-1543 .elementor-element.elementor-element-f1eb770{--display:flex;--padding-top:3em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-1543 .elementor-element.elementor-element-88e8398 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1543 .elementor-element.elementor-element-9de5581 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1543 .elementor-element.elementor-element-fe15b33 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1543 .elementor-element.elementor-element-269835a .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1543 .elementor-element.elementor-element-90d518c .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1543 .elementor-element.elementor-element-36b35c7 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1543 .elementor-element.elementor-element-a2f6018 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1543 .elementor-element.elementor-element-e5cbd93 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-638ff90 .elementor-heading-title{font-size:24px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1543 .elementor-element.elementor-element-88e8398 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-9de5581 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-fe15b33 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-269835a .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-90d518c .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-36b35c7 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-a2f6018 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-e5cbd93 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-1543 .elementor-element.elementor-element-2e62107{--min-height:70vh;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-638ff90 .elementor-heading-title{font-size:22px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1543 .elementor-element.elementor-element-88e8398 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-9de5581 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-fe15b33 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-269835a .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-90d518c .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-36b35c7 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-a2f6018 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1543 .elementor-element.elementor-element-e5cbd93 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for container, class: .elementor-element-f1eb770 *//* =========================================================
   BRYSIS Production Line Component - Final Optimized
   Aralıklı Bağlantı Çizgisi + Yavaş Hareketli > İşareti
   Font: Inter Tight
   Elementor / WPML Uyumlu
   Destek: 4 / 6 / 7 / 8 Adım
   ========================================================= */

.brysis-production-line {
  --primary: #85754E;
  --secondary: #6F7272;
  --text: #191F18;
  --accent: #D7D9D2;
  --heading: #181818;
  --main-bg: #F5F5F3;
  --white: #FFFFFF;
  --sub-white: #FBFBFC;
  --grey-100: #F3F5F6;
  --grey-300: #B2B2B2;
  --black-transparent: #18181833;

  width: 100%;
  padding: clamp(32px, 5vw, 72px);
  border-radius: clamp(24px, 3vw, 42px);
  background:
    radial-gradient(circle at top left, rgba(133, 117, 78, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.82), rgba(245,245,243,0.96));
  border: 1px solid rgba(255,255,255,0.76);
  box-shadow: 0 24px 70px rgba(24, 24, 24, 0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow: hidden;
  position: relative;
}

.brysis-production-line,
.brysis-production-line * {
  box-sizing: border-box;
  font-family: "Inter Tight", sans-serif;
}

.brysis-production-line::before {
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: clamp(18px, 2.5vw, 34px);
  border: 1px solid rgba(215, 217, 210, 0.55);
  pointer-events: none;
}

/* Header */
.brysis-line-header {
  max-width: 760px;
  margin-bottom: clamp(28px, 4vw, 48px);
  position: relative;
  z-index: 2;
}

.brysis-line-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(133, 117, 78, 0.10);
  color: var(--primary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.brysis-line-kicker::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: var(--primary);
  box-shadow: 0 0 0 6px rgba(133, 117, 78, 0.14);
}

.brysis-line-header h2 {
  margin: 0;
  color: var(--heading);
  font-size: clamp(28px, 4vw, 52px);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -0.04em;
}

/* Base desktop layout - 4 adım */
.brysis-steps {
  --step-size: clamp(142px, 14vw, 210px);
  --connector-width: clamp(52px, 5vw, 88px);
  --chevron-size: 28px;
  --number-size: 38px;
  --number-font-size: 12px;
  --image-padding: 10px;
  --title-size: clamp(17px, 1.6vw, 22px);

  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    var(--connector-width)
    minmax(0, 1fr)
    var(--connector-width)
    minmax(0, 1fr)
    var(--connector-width)
    minmax(0, 1fr);
  align-items: start;
  position: relative;
  z-index: 2;
}

/* 6 adımlı üretim hattı */
@media (min-width: 1025px) {
  .brysis-steps.brysis-steps--6 {
    --step-size: clamp(118px, 10.5vw, 168px);
    --connector-width: clamp(34px, 3vw, 58px);
    --title-size: clamp(15px, 1.25vw, 19px);

    grid-template-columns:
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr);
  }

  .brysis-steps.brysis-steps--7 {
    --step-size: clamp(104px, 8.4vw, 148px);
    --connector-width: clamp(28px, 2.4vw, 48px);
    --chevron-size: 24px;
    --number-size: 32px;
    --number-font-size: 10px;
    --image-padding: 8px;
    --title-size: clamp(14px, 1.08vw, 17px);

    grid-template-columns:
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr);
  }

  .brysis-steps.brysis-steps--8 {
    --step-size: clamp(92px, 7.2vw, 132px);
    --connector-width: clamp(24px, 2vw, 42px);
    --chevron-size: 24px;
    --number-size: 30px;
    --number-font-size: 10px;
    --image-padding: 7px;
    --title-size: clamp(13px, 1vw, 16px);

    grid-template-columns:
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr);
  }
}

/* Step */
.brysis-step {
  position: relative;
  text-align: center;
  z-index: 2;
  animation: brysisFadeUp 0.8s ease both;
}

.brysis-step:nth-of-type(1) { animation-delay: 0.05s; }
.brysis-step:nth-of-type(2) { animation-delay: 0.15s; }
.brysis-step:nth-of-type(3) { animation-delay: 0.25s; }
.brysis-step:nth-of-type(4) { animation-delay: 0.35s; }
.brysis-step:nth-of-type(5) { animation-delay: 0.45s; }
.brysis-step:nth-of-type(6) { animation-delay: 0.55s; }
.brysis-step:nth-of-type(7) { animation-delay: 0.65s; }
.brysis-step:nth-of-type(8) { animation-delay: 0.75s; }

/* Connector */
.brysis-connector {
  position: relative;
  height: var(--step-size);
  z-index: 1;
  pointer-events: none;
}

.brysis-connector::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  right: -8px;
  height: 4px;
  border-radius: 999px;
  transform: translateY(-50%);
  background:
    linear-gradient(
      90deg,
      rgba(133,117,78,0.16) 0%,
      rgba(133,117,78,0.42) 26%,
      rgba(133,117,78,0.56) 50%,
      rgba(133,117,78,0.42) 74%,
      rgba(133,117,78,0.16) 100%
    );
  box-shadow:
    0 0 18px rgba(133,117,78,0.16),
    inset 0 1px 0 rgba(255,255,255,0.42);
}

.brysis-connector::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: var(--chevron-size);
  height: var(--chevron-size);
  border-radius: 50%;
  transform: translateY(-50%);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.94), rgba(245,245,243,0.68));
  border: 1px solid rgba(255,255,255,0.86);
  box-shadow:
    0 10px 24px rgba(24,24,24,0.10),
    0 0 0 6px rgba(133,117,78,0.08),
    inset 0 0 0 1px rgba(215,217,210,0.58);
  animation: brysisConnectorChevron 3.8s ease-in-out infinite;
}

.brysis-connector span {
  position: absolute;
  top: 50%;
  left: 0;
  width: var(--chevron-size);
  height: var(--chevron-size);
  transform: translateY(-50%);
  z-index: 2;
  animation: brysisConnectorChevron 3.8s ease-in-out infinite;
}

.brysis-connector span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 47%;
  width: calc(var(--chevron-size) * 0.285);
  height: calc(var(--chevron-size) * 0.285);
  border-top: 2px solid rgba(133,117,78,0.95);
  border-right: 2px solid rgba(133,117,78,0.95);
  transform: translate(-50%, -50%) rotate(45deg);
}

/* Connector animation delay */
.brysis-connector:nth-of-type(2)::after,
.brysis-connector:nth-of-type(2) span {
  animation-delay: 0.2s;
}

.brysis-connector:nth-of-type(4)::after,
.brysis-connector:nth-of-type(4) span {
  animation-delay: 0.7s;
}

.brysis-connector:nth-of-type(6)::after,
.brysis-connector:nth-of-type(6) span {
  animation-delay: 1.2s;
}

.brysis-connector:nth-of-type(8)::after,
.brysis-connector:nth-of-type(8) span {
  animation-delay: 1.7s;
}

.brysis-connector:nth-of-type(10)::after,
.brysis-connector:nth-of-type(10) span {
  animation-delay: 2.2s;
}

.brysis-connector:nth-of-type(12)::after,
.brysis-connector:nth-of-type(12) span {
  animation-delay: 2.7s;
}

.brysis-connector:nth-of-type(14)::after,
.brysis-connector:nth-of-type(14) span {
  animation-delay: 3.2s;
}

/* Image */
.brysis-step-image {
  width: var(--step-size);
  height: var(--step-size);
  margin: 0 auto 18px;
  border-radius: 50%;
  padding: var(--image-padding);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.92), rgba(251,251,252,0.58));
  border: 1px solid rgba(255,255,255,0.9);
  box-shadow:
    0 18px 44px rgba(24, 24, 24, 0.10),
    inset 0 0 0 1px rgba(215,217,210,0.82);
  position: relative;
  z-index: 2;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.brysis-step-image::before {
  content: "";
  position: absolute;
  inset: 9px;
  border-radius: 50%;
  border: 1px solid rgba(133, 117, 78, 0.25);
  pointer-events: none;
  z-index: 2;
}

.brysis-step-image::after {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: 50%;
  background:
    conic-gradient(
      from 160deg,
      rgba(133,117,78,0.24),
      transparent 32%,
      rgba(215,217,210,0.38),
      transparent 72%,
      rgba(133,117,78,0.24)
    );
  z-index: -1;
  opacity: 0.72;
  animation: brysisSoftRotate 10s linear infinite;
}

.brysis-step:hover .brysis-step-image {
  transform: translateY(-8px) scale(1.025);
  box-shadow:
    0 26px 60px rgba(24, 24, 24, 0.14),
    inset 0 0 0 1px rgba(215,217,210,0.9);
}

.brysis-step-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 50%;
  background: var(--grey-100);
}

.brysis-step-number {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 4;
  width: var(--number-size);
  height: var(--number-size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(133, 117, 78, 0.92);
  color: var(--white);
  font-size: var(--number-font-size);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  box-shadow: 0 10px 22px rgba(24, 24, 24, 0.18);
}

.brysis-step h3 {
  margin: 0;
  color: var(--heading);
  font-size: var(--title-size);
  line-height: 1.2;
  font-weight: 650;
  letter-spacing: -0.03em;
}

/* Animations */
@keyframes brysisFadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes brysisSoftRotate {
  to {
    transform: rotate(360deg);
  }
}

@keyframes brysisConnectorChevron {
  0% {
    opacity: 0;
    left: 0;
    transform: translateY(-50%) scale(0.86);
  }

  18% {
    opacity: 1;
  }

  52% {
    opacity: 1;
    transform: translateY(-50%) scale(1);
  }

  82% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    left: calc(100% - var(--chevron-size));
    transform: translateY(-50%) scale(0.86);
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .brysis-production-line {
    padding: 42px 28px;
  }

  .brysis-steps,
  .brysis-steps.brysis-steps--6,
  .brysis-steps.brysis-steps--7,
  .brysis-steps.brysis-steps--8 {
    --step-size: clamp(142px, 22vw, 190px);
    --number-size: 36px;
    --number-font-size: 11px;
    --image-padding: 9px;
    --title-size: clamp(17px, 2.2vw, 21px);

    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 46px 32px;
  }

  .brysis-connector {
    display: none;
  }

  .brysis-step:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -28px;
    width: 8px;
    height: 8px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(133, 117, 78, 0.62);
    box-shadow:
      0 -14px 0 rgba(133,117,78,0.12),
      0 14px 0 rgba(133,117,78,0.12),
      0 0 18px rgba(133,117,78,0.18);
    animation: brysisTabletDot 1.8s ease-in-out infinite;
  }

  /* 4 adım: son satırdaki 2 adımda nokta yok */
  .brysis-steps:not(.brysis-steps--6):not(.brysis-steps--7):not(.brysis-steps--8) > .brysis-step:nth-child(n+5)::before {
    display: none;
  }

  /* 6 adım: son satırdaki 2 adımda nokta yok */
  .brysis-steps.brysis-steps--6 > .brysis-step:nth-child(n+9)::before {
    display: none;
  }

  /* 7 adım: son adımda nokta yok */
  .brysis-steps.brysis-steps--7 > .brysis-step:last-child::before {
    display: none;
  }

  /* 8 adım: son satırdaki 2 adımda nokta yok */
  .brysis-steps.brysis-steps--8 > .brysis-step:nth-child(n+13)::before {
    display: none;
  }
}

@keyframes brysisTabletDot {
  0% {
    opacity: 0.45;
    transform: translateX(-50%) translateY(-2px) scale(0.88);
  }

  50% {
    opacity: 1;
    transform: translateX(-50%) translateY(4px) scale(1);
  }

  100% {
    opacity: 0.45;
    transform: translateX(-50%) translateY(-2px) scale(0.88);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .brysis-production-line {
    padding: 34px 18px;
    border-radius: 26px;
  }

  .brysis-production-line::before {
    inset: 8px;
    border-radius: 20px;
  }

  .brysis-line-header {
    text-align: left;
    margin-bottom: 28px;
  }

  .brysis-line-header h2 {
    font-size: clamp(26px, 8vw, 36px);
  }

  .brysis-steps,
  .brysis-steps.brysis-steps--6,
  .brysis-steps.brysis-steps--7,
  .brysis-steps.brysis-steps--8 {
    --step-size: 104px;
    --number-size: 30px;
    --number-font-size: 10px;
    --image-padding: 7px;
    --title-size: 19px;

    grid-template-columns: 1fr;
    gap: 18px;
  }

  .brysis-connector {
    display: none;
  }

  .brysis-step {
    display: grid;
    grid-template-columns: 104px 1fr;
    align-items: center;
    text-align: left;
    gap: 18px;
    padding: 14px;
    border-radius: 22px;
    background: rgba(255,255,255,0.55);
    border: 1px solid rgba(255,255,255,0.82);
    box-shadow: 0 14px 34px rgba(24,24,24,0.06);
  }

  .brysis-step::before,
  .brysis-step::after {
    display: none !important;
  }

  .brysis-step-image {
    margin: 0;
  }

  .brysis-step-number {
    top: 3px;
    left: 3px;
  }
}

/* Motion accessibility */
@media (prefers-reduced-motion: reduce) {
  .brysis-step,
  .brysis-step::before,
  .brysis-step::after,
  .brysis-step-image::after,
  .brysis-connector::after,
  .brysis-connector span {
    animation: none !important;
  }

  .brysis-step-image {
    transition: none;
  }
}

/* 5 adımlı üretim hattı */
@media (min-width: 1025px) {
  .brysis-steps.brysis-steps--5 {
    --step-size: clamp(128px, 11.8vw, 178px);
    --connector-width: clamp(38px, 3.4vw, 64px);
    --chevron-size: 26px;
    --number-size: 34px;
    --number-font-size: 11px;
    --image-padding: 9px;
    --title-size: clamp(15px, 1.25vw, 19px);

    grid-template-columns:
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr);
  }
}

/* 9 adımlı üretim hattı */
@media (min-width: 1025px) {
  .brysis-steps.brysis-steps--9 {
    --step-size: clamp(82px, 6.4vw, 118px);
    --connector-width: clamp(18px, 1.6vw, 34px);
    --chevron-size: 22px;
    --number-size: 28px;
    --number-font-size: 9px;
    --image-padding: 6px;
    --title-size: clamp(12px, 0.9vw, 15px);

    grid-template-columns:
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr)
      var(--connector-width)
      minmax(0, 1fr);
  }

  .brysis-steps.brysis-steps--9 .brysis-step h3 {
    line-height: 1.16;
    letter-spacing: -0.035em;
  }

  .brysis-steps.brysis-steps--9 .brysis-step-image::before {
    inset: 7px;
  }
}
/* =========================================================
   BRYSIS ÜRETİM HATTI - MOBİL KESİN ÇALIŞAN YUVARLAK OK
   Masaüstü yuvarlak kapsül stili + aşağı kayan ok
   Span'a bağımlı değildir.
   ========================================================= */

@media (max-width: 767px) {

  .brysis-production-line {
    padding: 34px 18px !important;
    border-radius: 26px !important;
    overflow: hidden !important;
  }

  .brysis-production-line::before {
    inset: 8px !important;
    border-radius: 20px !important;
  }

  .brysis-steps,
  .brysis-steps.brysis-steps--5,
  .brysis-steps.brysis-steps--6,
  .brysis-steps.brysis-steps--7,
  .brysis-steps.brysis-steps--8,
  .brysis-steps.brysis-steps--9 {
    --step-size: 96px !important;
    --number-size: 28px !important;
    --number-font-size: 10px !important;
    --image-padding: 7px !important;
    --title-size: 18px !important;
    --chevron-size: 28px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    width: 100% !important;
  }

  .brysis-step {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 16px !important;

    text-align: left !important;
    padding: 14px !important;
    border-radius: 22px !important;

    background: rgba(255,255,255,0.62) !important;
    border: 1px solid rgba(255,255,255,0.82) !important;
    box-shadow: 0 14px 34px rgba(24,24,24,0.06) !important;

    position: relative !important;
    z-index: 2 !important;
    overflow: hidden !important;
  }

  .brysis-step::before,
  .brysis-step::after {
    display: none !important;
    content: none !important;
  }

  .brysis-step-image {
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    margin: 0 !important;
  }

  .brysis-step-number {
    top: 3px !important;
    left: 3px !important;
  }

  .brysis-step h3 {
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;

    font-size: var(--title-size) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.025em !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  /* Bağlantı alanı */
  .brysis-connector {
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;

    display: block !important;
    flex: 0 0 64px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;
    z-index: 1 !important;

    background: transparent !important;
    overflow: hidden !important;
    pointer-events: none !important;

    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
  }

  /* Eski masaüstü span oklarını tamamen kapat */
  .brysis-connector span,
  .brysis-connector span::before,
  .brysis-connector .brysis-arrow,
  .brysis-connector .arrow {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    animation: none !important;
  }

  /* Mobil dikey çizgi */
  .brysis-connector::before {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    left: 48px !important;
    right: auto !important;
    bottom: auto !important;

    width: 4px !important;
    height: 100% !important;

    border: 0 !important;
    border-radius: 999px !important;
    transform: translateX(-50%) !important;

    background:
      linear-gradient(
        180deg,
        rgba(133,117,78,0.16) 0%,
        rgba(133,117,78,0.42) 26%,
        rgba(133,117,78,0.56) 50%,
        rgba(133,117,78,0.42) 74%,
        rgba(133,117,78,0.16) 100%
      ) !important;

    box-shadow:
      0 0 18px rgba(133,117,78,0.16),
      inset 1px 0 0 rgba(255,255,255,0.42) !important;

    animation: none !important;
    z-index: 1 !important;
  }

  /* Yuvarlak kapsül + içindeki aşağı ok */
  .brysis-connector::after {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    left: 48px !important;
    right: auto !important;
    bottom: auto !important;

    width: 28px !important;
    height: 28px !important;
    margin-left: -14px !important;

    display: block !important;
    border-radius: 50% !important;

    border: 1px solid rgba(255,255,255,0.86) !important;

    background-color: rgba(255,255,255,0.94) !important;
    background-image:
      url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 12.2L14 16.7L18.5 12.2' fill='none' stroke='%2385754E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
      linear-gradient(145deg, rgba(255,255,255,0.94), rgba(245,245,243,0.68)) !important;

    background-repeat: no-repeat, no-repeat !important;
    background-position: center, center !important;
    background-size: 28px 28px, cover !important;

    box-shadow:
      0 10px 24px rgba(24,24,24,0.10),
      0 0 0 6px rgba(133,117,78,0.08),
      inset 0 0 0 1px rgba(215,217,210,0.58) !important;

    transform: translateY(-32px) scale(0.86);
    animation: brysisMobileRoundArrowFlow 1.45s ease-in-out infinite !important;

    opacity: 0;
    visibility: visible !important;
    z-index: 5 !important;
    will-change: transform, opacity !important;
  }

  .brysis-connector:last-child,
  .brysis-step:last-child + .brysis-connector {
    display: none !important;
  }
}

/* Keyframes media dışında olmalı */
@keyframes brysisMobileRoundArrowFlow {
  0% {
    transform: translateY(-32px) scale(0.86);
    opacity: 0;
  }

  18% {
    transform: translateY(-12px) scale(0.92);
    opacity: 1;
  }

  52% {
    transform: translateY(18px) scale(1);
    opacity: 1;
  }

  82% {
    transform: translateY(38px) scale(0.96);
    opacity: 1;
  }

  100% {
    transform: translateY(64px) scale(0.86);
    opacity: 0;
  }
}/* End custom CSS */