/* Sayfaya özel korunan stiller (dark-cta / second-section / carousel-control) */


    .hero-cta-third {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      min-height: 54px;
      padding: 0 26px;
      border-radius: 999px;
      background: var(--brand-blue);
      color: var(--brand-white);
      font-size: 15px;
      font-weight: 500;
      line-height: 1;
      letter-spacing: -0.1px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 18px 44px rgba(1, 137, 212, 0.35);
      transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.3s ease, background-color 0.3s ease;
    }


    .hero-cta-third:hover,
    .hero-cta-third:focus-visible {
      background: var(--brand-ink);
    }


    .hero-cta-third svg {
      width: 15px;
      height: 15px;
      fill: currentColor;
      transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    }


    .hero-cta-third:hover svg,
    .hero-cta-third:focus-visible svg {
      transform: translateX(4px);
    }


    .hero-cta-secondary--dark {
      color: var(--brand-navy);
    }


    .hero-cta-secondary--dark .button__text {
      position: relative;
    }


    .hero-cta-secondary--dark .button__text::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: currentColor;
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    }


    .hero-cta-secondary--dark:hover .button__text::after {
      transform: scaleX(1);
    }


    .dark-cta-secondary {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      color: var(--brand-navy);
      font-size: 15px;
      font-weight: 500;
      line-height: 1;
      text-decoration: none;
    }


    .dark-cta-secondary .button__text {
      position: relative;
    }


    .dark-cta-secondary .button__text::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: currentColor;
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    }


    .dark-cta-secondary svg {
      width: 14px;
      height: 14px;
      fill: currentColor;
      transition: transform 0.28s cubic-bezier(0.19, 1, 0.22, 1);
    }


    .dark-cta-secondary:hover .button__text::after,
    .dark-cta-secondary:focus-visible .button__text::after {
      transform: scaleX(1);
    }


    .dark-cta-secondary:hover svg,
    .dark-cta-secondary:focus-visible svg {
      transform: translateX(3px);
    }


    /* Tanitim filmi CTA'si link degil button olarak basilir; UA buton
       zeminini ve ic boslugu sifirla (global reset yalniz border/cursor). */
    button.dark-cta-secondary {
      background: none;
      padding: 0;
    }


    .carousel-controls {
      display: inline-flex;
      align-items: center;
      gap: var(--gap-small);
      flex: 0 0 auto;
    }


    .carousel-control {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 54px;
      height: 54px;
      border-radius: var(--radius-small);
      background: var(--brand-white);
      color: var(--brand-navy);
      transition:
        background-color 0.28s ease,
        color 0.28s ease,
        transform 0.28s ease;
    }


    .carousel-control:hover {
      background: var(--brand-blue);
      color: var(--brand-white);
      transform: translateY(-2px);
    }


    .carousel-control:disabled {
      opacity: 0.36;
      pointer-events: none;
    }


    .carousel-control svg {
      width: 17px;
      height: 17px;
      fill: currentColor;
    }


    .carousel-control--prev svg {
      transform: rotate(180deg);
    }


    .carousel-control:focus-visible {
      outline: 3px solid rgba(1, 137, 212, 0.32);
      outline-offset: 4px;
    }
@media (max-width: 560px) {


      .carousel-control {
        width: 46px;
        height: 46px;
      }}


    .yenilenme1-section {
      padding-top: var(--page-gutter);
      padding-bottom: var(--page-gutter);
    }


    .second-section__shell {
      position: relative;
      display: grid;
      align-content: center;
      padding: clamp(62px, 5.5vw, 92px) var(--hero-content-x);
      overflow: hidden;
      background: transparent;
      color: var(--brand-navy);
    }


    .second-section__intro-grid,
    .second-section__detail-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 0.98fr) minmax(360px, 0.72fr);
    }


    .second-section__intro-grid {
      align-items: start;
    }


    .second-section__intro-grid .second-section__heading {
      grid-column: 1;
      grid-row: 1;
    }


    .second-section__intro-grid .second-section__lead {
      grid-column: 2;
      grid-row: 2;
    }


    .second-section__detail-grid {
      align-items: center;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }


    .second-section__heading {
      max-width: 760px;
    }


    .second-section__kicker {
      margin-bottom: 26px;
    }


    .second-section__title {
      max-width: 780px;
      color: var(--brand-navy);
    }


    .second-section__title span {
      color: var(--brand-blue);
    }


    .second-section__lead {
      max-width: 100%;
      margin: 0;
      color: rgba(0, 20, 66, 0.48);
      font-size: 24px;
      font-weight: 300;
      line-height: 1.6;
      letter-spacing: -0.5px;
      text-align: left;
    }


    .second-section__lead strong {
      color: var(--brand-ink);
      font-weight: 400;
    }


    .yenilenme1-section .second-section__lead p {
      margin: 0;
    }


    .yenilenme1-section .second-section__lead p + p {
      margin-top: 1.25em;
    }


    .second-section__copy-group {
      display: grid;
      gap: 30px;
      max-width: 100%;
      align-self: center;
    }


    .second-section__paragraph {
      max-width: 100%;
      margin: 0;
      color: rgba(0, 20, 66, 0.48);
      font-size: 20px;
      font-weight: 300;
      line-height: 1.6;
      letter-spacing: -0.5px;
      text-align: left;
    }


    .second-section__paragraph strong {
      color: var(--brand-ink);
      font-weight: 400;
    }


    .dark-cta_button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      width: fit-content;
      min-height: 54px;
      margin-top: 10px;
      padding: 0 26px;
      border-radius: 999px;
      background: var(--brand-blue);
      color: var(--brand-white);
      font-size: 15px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: -0.1px;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 18px 44px rgba(0, 20, 66, 0.2);
      transition:
        transform 0.3s cubic-bezier(0.19, 1, 0.22, 1),
        box-shadow 0.3s ease,
        background-color 0.3s ease;
    }


    .dark-cta_button:hover,
    .dark-cta_button:focus-visible {
      background: var(--brand-navy);
      color: var(--brand-white);
      transform: translateY(-2px);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 24px 60px rgba(0, 20, 66, 0.28);
    }


    .dark-cta_button svg {
      width: 15px;
      height: 15px;
      fill: currentColor;
      transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    }


    .dark-cta_button:hover svg {
      transform: translateX(4px);
    }


    .dark-cta_button:focus-visible {
      outline: 3px solid rgba(0, 20, 66, 0.22);
      outline-offset: 4px;
    }


    .second-section__slider {
      --second-slide-height: 650px;
      --second-slider-gap: var(--gap-medium);
      position: relative;
      align-self: center;
      height: var(--second-slide-height);
      min-height: 650px;
      overflow: visible;
      border-radius: var(--radius-large);
      background: transparent;
    }


    .second-section__slider-viewport {
      height: var(--second-slide-height);
      min-height: 650px;
      overflow: hidden;
      border-radius: inherit;
      background: var(--surface-paper);
    }


    .second-section__slider-track {
      display: flex;
      gap: var(--second-slider-gap);
      height: 100%;
      transform: translateX(0);
      transition: transform 0.62s cubic-bezier(0.65, 0, 0.35, 1);
      will-change: transform;
    }


    .second-section__slider-track.is-jump {
      transition: none;
    }


    .second-section__slide {
      flex: 0 0 100%;
      margin: 0;
      width: 100%;
      height: var(--second-slide-height);
      overflow: hidden;
      border-radius: var(--radius-medium);
      background: var(--surface-paper);
    }


    .second-section__slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }


    .second-section__slider-control {
      position: absolute;
      right: 10px;
      bottom: 10px;
      z-index: 2;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 45px;
      height: 45px;
      padding: 0;
      border: 0;
      border-radius: var(--radius-small);
      background: var(--brand-white);
      color: var(--brand-navy);
      cursor: pointer;
      transition:
        background-color 0.28s ease,
        color 0.28s ease,
        transform 0.28s ease;
    }


    .second-section__slider-control:hover {
      background: var(--brand-blue);
      color: var(--brand-white);
      transform: translateY(-2px);
    }


    .second-section__slider-control svg {
      width: 17px;
      height: 17px;
      fill: currentColor;
    }


    .second-section__slider-control--prev {
      right: 65px;
    }


    .second-section__slider-control--prev svg {
      transform: rotate(180deg);
    }


    .second-section__slider-control--next {
      right: 10px;
    }


    .second-section__slider-control:focus-visible {
      outline: 3px solid rgba(1, 137, 212, 0.32);
      outline-offset: 4px;
    }
@media (max-width: 860px) {

      .second-section__shell,
      .third-section__shell {
        min-height: auto;
        padding: 64px var(--hero-content-x);
      }

      .second-section__intro-grid,
      .second-section__detail-grid {
        grid-template-columns: 1fr;
        gap: 34px;
      }

      .second-section__lead {
        max-width: 100%;
        text-align: left;
      }

      .second-section__intro-grid .second-section__heading,
      .second-section__intro-grid .second-section__lead,
      .second-section__intro-grid .vision-aside {
        grid-column: 1;
        grid-row: auto;
      }

      .second-section__slider {
        --second-slide-height: 650px;
      }}
@media (max-width: 560px) {

      .second-section__shell,
      .third-section__shell {
        padding: 54px 30px;
      }

      .second-section__title {
        font-size: clamp(38px, 11vw, 52px);
        letter-spacing: -2px;
      }

      .second-section__lead {
        font-size: 21px;
      }

      .second-section__slider {
        --second-slide-height: 650px;
      }}
@media (prefers-reduced-motion: reduce) {

      .second-section__slider-track {
        transition: none;
      }}
/* Regenyal imported sections */
/* ── HERO ── */
    .rg-hero-section {
      min-height: 100svh;
      padding: 10px;
    }

    .rg-hero-shell {
      position: relative;
      min-height: calc(100svh - 20px);
      isolation: isolate;
      overflow: hidden;
      border-radius: 24px;
      background: #00091f;
      color: #fff;
    }

    /* Dark gradient overlay on top of video */
    .rg-hero-shell::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background: rgb(0 0 0 / 30%);
      pointer-events: none;
    }

    /* Subtle grid pattern */
    .rg-hero-shell::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 2;
      background-image:
        linear-gradient(rgba(255,255,255,0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.07) 1px, transparent 1px);
      background-size: 92px 92px;
      opacity: 0.18;
      -webkit-mask-image: linear-gradient(90deg, #000 0%, transparent 78%);
      mask-image: linear-gradient(90deg, #000 0%, transparent 78%);
      pointer-events: none;
    }

    .rg-hero-video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      z-index: 0;
    }

    .rg-hero-content {
      position: relative;
      z-index: 3;
      display: flex;
      min-height: calc(100svh - 20px);
      flex-direction: column;
      justify-content: center;
      width: min(720px, 52vw);
      padding: 60px;
    }

    .rg-hero-title {
      max-width: 660px;
      margin: 0;
      font-size: clamp(52px, 5.7vw, 92px);
      font-weight: 600;
      line-height: 1;
      letter-spacing: -4px;
    }

    .rg-hero-title__line { display: block; white-space: nowrap; }

    .rg-hero-title__line--muted {
      color: rgba(255, 255, 255, 0.72);
      font-weight: 400;
    }

    .rg-hero-subline {
      max-width: 480px;
      margin: 30px 0 0;
      color: rgba(255, 255, 255, 0.65);
      font-size: clamp(16px, 1.25vw, 18px);
      font-weight: 300;
      line-height: 1.6;
    }

    .rg-hero-actions {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 32px;
      flex-wrap: wrap;
    }

    /* Underline CTA button (light-button style from hero-section001) */
    .rg-light-btn {
      position: relative;
      display: inline-flex;
      align-items: center;
      padding: 0 0 7px;
      background: transparent;
      border: none;
      color: #fff;
      font-family: 'Outfit', sans-serif;
      font-size: 15px;
      font-weight: 500;
      line-height: 1;
      text-decoration: none;
      cursor: pointer;
      white-space: nowrap;
    }

    .rg-light-btn::before {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 1px;
      border-radius: 999px;
      background: currentColor;
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform 0.24s ease;
    }

    .rg-light-btn:hover::before { transform: scaleX(1); }

    /* ── STICKY REGENYAL PRODUCT SECTION ── */
    .rg-sticky-product-section {
      width: 100%;
      overflow: visible;
      background: var(--brand-white);
      color: #1a1713;
    }

    .rg-hero {
      display: flex;
      align-items: flex-start;
      width: 100%;
    }

    .rg-left {
      width: calc(50% - 16px);
      flex-shrink: 0;
      display: grid;
      grid-template-columns: 84px 1fr;
      margin-left: 16px;
    }

    .rg-thumbs {
      grid-column: 1;
      grid-row: 1;
      align-self: start;
      position: sticky;
      top: calc(50vh - 108px);
      z-index: 20;
      display: flex;
      flex-direction: column;
      gap: 12px;
      /* padding-bottom: sticky clamp noktasında (alttaki section sınırı) son
         thumbnail 32px yukarıda kalsın → soldaki mesafeyle (margin 16 + pad 16
         = 32px) simetrik boşluk, thumbnail'ler diğer section'a değmez. */
      padding: 0 0 32px 16px;
    }

    .rg-thumb {
      display: block;
      width: 64px;
      height: 64px;
      padding: 0;
      flex-shrink: 0;
      overflow: hidden;
      border: 1px solid rgb(228 236 245 / 50%);
      border-radius: 12px;
      background: none;
      opacity: 0.5;
      cursor: pointer;
      transition: opacity 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
    }

    .rg-thumb.is-active {
      border-color: rgb(228 236 245 / 100%);
      opacity: 1;
      transform: scale(1.05);
    }

    .rg-thumb:hover:not(.is-active) {
      opacity: 0.78;
    }

    .rg-thumb img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top center;
      pointer-events: none;
    }

    .rg-images {
      grid-column: 1 / -1;
      grid-row: 1;
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding: 16px 16px 16px 0;
    }

    .rg-slide {
      position: relative;
      width: 100%;
      /* Ekrana tam sığar: 16px üst padding + görsel + 16px alt gap = 100svh
         (açılışta görselin altında da simetrik boşluk kalır). */
      height: calc(100svh - 32px);
      max-height: calc(100svh - 32px);
      overflow: hidden;
      flex-shrink: 0;
      border-radius: 40px;
    }

    .rg-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top center;
      transition: transform 0.4s ease;
    }

    .rg-slide:hover img {
      transform: scale(1.04);
    }

    .rg-slide::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      z-index: 10;
      width: 100px;
      height: 100%;
      border-radius: 0 20px 20px 0;
      background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.15));
      pointer-events: none;
    }

    /* Mobil hero carousel oklari (idea.js uretir); masaustunde gizli. */
    .rg-images-nav {
      display: none;
    }

    .rg-right {
      position: sticky;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50%;
      height: 100vh;
      height: 100svh;
      flex-shrink: 0;
      /* Sağda sabit bullet-nav (~60px) var; içerik ortalı olduğundan sağ
         padding'i artırmak içeriği sola çekip simetri hissini iyileştirir. */
      padding: 60px 100px 60px 40px;
    }

    .rg-content {
      width: 100%;
      text-align: center;
      gap: 20px;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-items: center;
    }

    .rg-h1-logo {
      display: block;
      width: auto;
      height: 64px;
      margin: 0 auto 8px;
    }

    .rg-breadcrumb-dark {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 8px;
      margin: 0;
      padding: 0;
      list-style: none;
      color: rgba(0, 20, 66, 0.56);
      font-size: 13px;
      font-weight: 400;
      letter-spacing: 0.02em;
    }

    .rg-breadcrumb-dark .rg-breadcrumb__item a {
      color: rgba(0, 20, 66, 0.56);
      text-decoration: none;
      transition: color 0.2s ease;
    }

    .rg-breadcrumb-dark .rg-breadcrumb__item a:hover {
      color: var(--brand-blue);
    }

    .rg-breadcrumb-dark .rg-breadcrumb__item[aria-current="page"] {
      color: rgba(0, 20, 66, 0.92);
    }

    .rg-breadcrumb-dark .rg-breadcrumb__sep {
      color: rgba(0, 20, 66, 0.32);
    }

    .rg-h1 {
      font-family: "Outfit", sans-serif;
      font-size: 48px;
      font-weight: 500;
      line-height: 1.2;
      display: flex;
      flex-direction: column;
      gap: 3px;
      margin-top: 0px;
    }

    .rg-h1 .l1 {
          display: block;
      color: var(--brand-navy);
      font-size: 48px;
      font-weight: 500;
      line-height: 1;
      letter-spacing: -2px;
    }

    .rg-h1 .l2 {
    display: block;
    color: var(--brand-blue);
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -2px;
    }

    .rg-body {
    max-width: 540px;
    margin: 0;
    color: rgba(0, 20, 66, 0.56);
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: -0.2px;
    margin-bottom: 30px;
    }

    .rg-links {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 26px;
      margin-top: 0;
    }

    .rg-links.hero-actions {
      justify-content: center;
      margin-top: 0;
    }

    .rg-link {
      display: inline;
      padding-bottom: 2px;
      border-bottom: 1px solid rgba(26, 23, 19, 0.22);
      color: #6b6a65;
      font-family: "Outfit", sans-serif;
      font-size: 16px;
      font-weight: 400;
      text-decoration: none;
      transition: color 0.2s ease, border-color 0.2s ease;
    }

    .rg-link:hover {
      color: #1a1713;
      border-color: rgba(26, 23, 19, 0.55);
    }

    /* ── ABOUT VISUAL SECTION ── */
    .rg-avs-section {
      height: 50vh;
      min-height: 400px;
      background: #fff;
      position: relative;
      z-index: 10;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      padding: clamp(62px, 5.5vw, 92px) var(--hero-content-x) 0;
      border-radius: var(--radius-xlarge);
      margin: var(--section-gap) var(--page-gutter);
    }

    .rg-avs-top {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      align-items: start;
      flex-shrink: 0;
    }

    .rg-avs-heading {
      font-family: 'Outfit', sans-serif;
      font-size: clamp(26px, 3vw, 46px);
      font-weight: 400;
      font-style: italic;
      color: #1a1713;
      line-height: 1.12;
      letter-spacing: -0.02em;
      margin: 0;
    }

    .rg-avs-copy {
      font-family: 'Outfit', sans-serif;
      font-size: 15px;
      font-weight: 300;
      color: rgba(26, 23, 19, 0.62);
      line-height: 1.72;
      margin: 0;
      padding-top: 4px;
    }

    .rg-avs-copy a {
      color: #0389d4;
      text-decoration: none;
    }
    .rg-avs-copy a:hover { text-decoration: underline; }

    .rg-avs-visual {
      flex: 1;
      min-height: 0;
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }

    .rg-avs-watermark {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-family: 'Outfit', sans-serif;
      font-size: clamp(100px, 19vw, 280px);
      font-weight: 700;
      font-style: italic;
      color: rgba(26, 23, 19, 0.05);
      white-space: nowrap;
      user-select: none;
      pointer-events: none;
      line-height: 1;
      letter-spacing: -0.02em;
    }

    .rg-avs-img {
      position: relative;
      z-index: 2;
      max-height: 100%;
      max-width: 60%;
      width: auto;
      object-fit: contain;
      object-position: center bottom;
      display: block;
    }

    .rg-avs-bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 40px;
      z-index: 3;
      padding: 0 0 36px;
    }

    .rg-avs-feature { max-width: 270px; }

    .rg-avs-feature-icon {
      width: 26px;
      height: 26px;
      margin-bottom: 12px;
      display: block;
    }
    .rg-avs-feature-icon path {
      stroke: #1a1713;
      fill: none;
      stroke-width: 1.5;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .rg-avs-feature-title {
      font-family: 'Outfit', sans-serif;
      font-size: 15px;
      font-weight: 600;
      color: #1a1713;
      margin: 0 0 8px;
      line-height: 1.3;
    }

    .rg-avs-feature-copy {
      font-family: 'Outfit', sans-serif;
      font-size: 12.5px;
      font-weight: 300;
      color: rgba(26, 23, 19, 0.55);
      line-height: 1.65;
      margin: 0;
    }

    .rg-avs-cta {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 22px;
      border: 1px solid rgba(26, 23, 19, 0.22);
      border-radius: 999px;
      font-family: 'Outfit', sans-serif;
      font-size: 14px;
      font-weight: 400;
      color: #1a1713;
      text-decoration: none;
      white-space: nowrap;
      transition: background 0.2s ease, border-color 0.2s ease;
      flex-shrink: 0;
    }
    .rg-avs-cta:hover { background: rgba(26,23,19,0.04); border-color: rgba(26,23,19,0.4); }
    .rg-avs-cta svg {
      width: 14px; height: 14px;
      stroke: currentColor; fill: none;
      stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
    }

    /* ── FEATURE CARDS SECTION ── */
    .rg-features-section {
      background: #ffffff;
      position: relative;
      z-index: 10;
      padding: 20px;
      border-radius: var(--radius-xlarge);
      margin: var(--section-gap) var(--page-gutter);
    }

    .rg-features-outer {
      display: grid;
      grid-template-columns: 50fr 50fr;
      gap: 30px;
    }

    .rg-features-left {
      position: sticky;
      top: 20px;
      height: calc(100svh - 40px);
      align-self: start;
    }

    .rg-features-video-panel {
      position: relative;
      height: 100%;
      min-height: 400px;
      overflow: hidden;
      border-radius: var(--radius-xlarge);
      background: #f5f8fc;
      isolation: isolate;
    }

    .rg-features-video-panel video {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }

    .card-vision-kicker {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.05em;
      line-height: 1;
      text-transform: uppercase;
      color: #fff;
      display: block;
      margin-bottom: 16px;
    }

    .card-title {
      font-family: 'Outfit', sans-serif;
      font-size: clamp(42px, 5vw, 64px);
      font-weight: 500;
      color: #fff;
      line-height: 1;
      letter-spacing: -3px;
      margin: 0;
    }

    .card-title span {
      color: rgba(255, 255, 255, 0.72);
    }

    .rg-features-kicker {
      font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
      color: #8a8880; margin-bottom: 16px; display: block;
    }

    .rg-features-title {
      font-size: clamp(28px, 3vw, 42px);
      font-weight: 400;
      color: #1a1713;
      line-height: 1.15;
      letter-spacing: -0.02em;
      margin: 0;
    }
    .rg-features-title strong { font-weight: 500; }

    .rg-list-wrap {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 10px;
      padding: 45px;
    }

    .rg-list-item {
        display: grid;
        grid-template-columns: 60px 1fr;
        gap: 30px;
        padding: 60px 0;
        background-color: transparent;
        border-top: 1px solid var(--surface-line);
    }

    .rg-list-item:first-child {
        border-top: 0;
    }

    .rg-list-icon {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .benefit-card__icon {
      width: 60px;
      height: 60px;
      color: var(--brand-blue);
      opacity: 0.8;
    }

    .rg-list-meta {
      display: flex;
      align-items: center;
      gap: 8px;
      padding-top: 2px;
    }

    .rg-list-right {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .rg-list-meta-icon {
      width: 16px;
      height: 16px;
      flex-shrink: 0;
      stroke: rgba(26, 23, 19, 0.38);
      fill: none;
      stroke-width: 1.5;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .rg-list-num {
      font-family: 'Outfit', sans-serif;
      font-size: 13px;
      font-weight: 400;
      color: rgba(26, 23, 19, 0.38);
      letter-spacing: 0.02em;
    }

    .rg-list-title {
      font-family: 'Outfit', sans-serif;
      margin: 0;
      max-width: 100%;
      color: var(--brand-navy);
      font-size: clamp(23px, 1.9vw, 29px);
      font-weight: 600;
      line-height: 1.2;
      letter-spacing: -0.6px;
    }

    .rg-list-desc {
      max-width: 600px;
      margin: 0;
      color: rgba(0, 20, 66, 0.48);
      font-size: 18px;
      font-weight: 300;
      line-height: 1.4;
      letter-spacing: -0.5px;
      text-align: left;
    }

    .rg-idea-benefits-section {
      --rg-idea-benefits-bg: url('/wp-content/uploads/kt-assets/assets/regen-asset01.webp');
      background: #ffffff;
      position: relative;
      z-index: 10;
      padding: 20px;
      border-radius: var(--radius-xlarge);
      margin: var(--section-gap) var(--page-gutter);
    }

    .rg-idea-benefits-outer {
      display: grid;
      grid-template-columns: 50fr 50fr;
      gap: 30px;
    }

    .rg-idea-benefits-list {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 10px;
      padding: 45px;
    }

    .rg-idea-benefit-item {
      display: grid;
      grid-template-columns: 60px 1fr;
      gap: 30px;
      padding: 60px 0;
      border-top: 1px solid var(--surface-line);
      background: transparent;
    }

    .rg-idea-benefit-item:first-child {
      border-top: 0;
    }

    .rg-idea-benefit-number-cell {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
    }

    .benefit-card__number {
      color: rgba(0, 20, 66, 0.05);
      font-family: 'Outfit', sans-serif;
      font-size: clamp(30px, 3vw, 50px);
      font-weight: 500;
      line-height: 0.9;
      letter-spacing: -0.04em;
    }

    .rg-idea-benefit-content {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .rg-idea-benefit-title {
      margin: 0;
      max-width: 100%;
      color: var(--brand-navy);
      font-family: 'Outfit', sans-serif;
      font-size: clamp(23px, 1.9vw, 29px);
      font-weight: 600;
      line-height: 1.2;
      letter-spacing: -0.6px;
    }

    .rg-idea-benefit-desc {
      max-width: 600px;
      margin: 0;
      color: rgba(0, 20, 66, 0.48);
      font-size: 18px;
      font-weight: 300;
      line-height: 1.4;
      letter-spacing: -0.5px;
      text-align: left;
    }

    .rg-idea-benefits-visual-col {
      position: sticky;
      top: 20px;
      height: calc(100svh - 40px);
      align-self: start;
    }

    .rg-idea-benefits-image {
      position: relative;
      width: 100%;
      height: 100%;
      min-height: 400px;
      overflow: hidden;
      border-radius: var(--radius-xlarge);
      background: #f5f8fc var(--rg-idea-benefits-bg) center / cover no-repeat;
      isolation: isolate;
    }

    /* ── VIDEO CARDS SECTION ── */
    .rg-video-section {
      background: transparent;
      padding: clamp(62px, 5.5vw, 92px) var(--hero-content-x);
      position: relative;
      z-index: 10;
    }

    .rg-video-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
    }

    .rg-video-card {
      display: flex;
      flex-direction: column;
    }

    .rg-video-area {
      position: relative;
      width: 100%;
      aspect-ratio: 1 / 1;
      margin-bottom: 0;
      overflow: hidden;
      border-radius: 16px;
      cursor: pointer;
    }

    .rg-video-area--1 { background: #faeee8; }
    .rg-video-area--2 { background: #e9e3d4; }
    .rg-video-area--3 { background: #f0f5da; }
    .rg-video-area--4 { background: #ddedf5; }

    .rg-video-frame {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .rg-video-area video {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .rg-video-area:hover video {
      opacity: 1;
    }

    .rg-video-title {
      margin: 0 0 15px;
      font-family: 'Outfit', sans-serif;
      color: var(--brand-navy);
      font-size: clamp(23px, 1.9vw, 29px);
      font-weight: 600;
      line-height: 1.14;
      letter-spacing: -0.02em;
    }

    .rg-video-desc {
      max-width: 480px;
      margin: 0;
      color: rgba(0, 20, 66, 0.48);
      font-size: 18px;
      font-weight: 300;
      line-height: 1.6;
      letter-spacing: -0.5px;
      text-align: left;
    }

    .rg-video-area video::-webkit-media-controls,
    .rg-video-area video::-webkit-media-controls-enclosure,
    .rg-video-area video::-webkit-media-controls-panel,
    .rg-video-area video::-webkit-media-controls-overlay-play-button,
    .rg-video-area video::-webkit-media-controls-start-playback-button {
      display: none !important;
      opacity: 0 !important;
    }

    .rg-bar {
    position: fixed;
    bottom: 20px;
    left: 50%;
    z-index: 200;
    display: flex;  
    align-items: center;
    gap: 30px;
    padding: 15px 30px 15px 30px;
    border-radius: 24px;
    background: #fff;
    color: #fff;
    border: 1px solid rgb(228 236 245 / 100%);
    white-space: nowrap;
    transform: translateX(-50%);
    }

    .rg-bar.is-hidden {
      opacity: 0;
      pointer-events: none;
      transform: translateX(-50%) translateY(24px);
      transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .rg-bar-title {
    color: rgba(0, 20, 66, 0.48);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.02em;
    }

    .rg-bar-cta {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 0;
      border: 0;
      background: none;
      color: var(--brand-navy);
      cursor: pointer;
      font-size: 14px;
      font-weight: 500;
      line-height: 1;
      text-decoration: none;
      transition: color 0.2s ease;
    }

    .rg-bar-cta:hover {
      color: var(--brand-blue);
    }

    .rg-bar-dot {
      display: block;
      width: 8px;
      height: 8px;
      flex-shrink: 0;
      border-radius: 50%;
      background: var(--brand-blue);
      animation: rgDotBlink 0.9s ease-in-out infinite;
    }

    @keyframes rgDotBlink {
      0%, 100% { opacity: 1; }
      50% { opacity: 0; }
    }

    .rg-overlay {
      position: fixed;
      inset: 0;
      z-index: 500;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(255, 255, 255, 0.20);
      opacity: 0;
      pointer-events: none;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      transition: opacity 0.22s ease;
    }

    .rg-overlay.is-open {
      opacity: 1;
      pointer-events: all;
    }

    .rg-modal {
          position: relative;
    display: flex;
    flex-direction: column;
    width: 500px;
    max-width: calc(100vw - 32px);
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
    transform: translateY(12px);
    transition: transform 0.22s ease;
    border: 1px solid rgb(228 236 245 / 100%);
    }

    .rg-overlay.is-open .rg-modal {
      transform: translateY(0);
    }

    .rg-modal-close {
      position: absolute;
      top: 40px;
      right: 40px;
      z-index: 10;
      padding: 4px;
      border: 0;
      background: none;
      color: #001334;
      cursor: pointer;
      font-size: 22px;
      line-height: 1;
      transition: color 0.15s ease;
    }

    .rg-modal-close:hover {
      color: var(--brand-blue);
    }

    .rg-modal-body {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 40px;
      overflow: hidden;
    }

    .rg-modal-title {
      padding: 0;
      font-size: 28px;
      line-height: 1.2;
      font-family: 'Outfit', sans-serif;
      color: var(--brand-navy);
      font-size: clamp(23px, 1.9vw, 29px);
      font-weight: 600;
      line-height: 1.14;
      letter-spacing: -0.02em;
      margin: 0 0 20px 0;
    }

    .rg-modal-sub {
      margin: 0 0 40px 0;
      color: rgba(0, 20, 66, 0.48);
      font-size: 16px;
      font-weight: 300;
      line-height: 1.4;
      letter-spacing: -0.5px;
      text-align: left;
    }

    .rg-modal-form {
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin-top: auto;
    }

    .rg-field-row {
      display: flex;
      gap: 16px;
    }

    .rg-field-row .rg-field {
      flex: 1;
    }

    .rg-field {
      position: relative;
    }

    .rg-field input {
      width: 100%;
      padding: 16px 20px;
      border: 1px solid rgb(228 236 245 / 100%);
      border-radius: 12px;
      outline: none;
      background: #fff;
      color: #111;
      font-family: 'Outfit', sans-serif;
      font-size: 16px;
      transition: border-color 0.15s ease;
    }

    .rg-field input:focus {
      border-color: 1px solid rgb(228 236 245 / 100%);
    }

    .rg-field label {
      position: absolute;
      top: 16px;
      left: 20px;
      padding: 0 4px;
      background: #fff;
      color: rgba(26, 26, 26, 0.45);
      font-family: 'Outfit', sans-serif;
      font-size: 16px;
      pointer-events: none;
      transition: top 0.15s ease, font-size 0.15s ease, color 0.15s ease;
    }

    .rg-field input:focus + label,
    .rg-field input:not(:placeholder-shown) + label {
      top: -18px;
      color: var(--brand-blue);
      font-size: 12px;
    }

    .rg-checkbox-row {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .rg-checkbox-row input[type="checkbox"] {
      margin-top: 3px;
      width: 16px;
      height: 16px;
      cursor: pointer;
      flex-shrink: 0;
    }
    .rg-checkbox-row label {
      font-family: 'Outfit', sans-serif;
      font-size: 14px;
       color: rgba(0, 20, 66, 0.48);
      line-height: 1.4;
      cursor: pointer;
    }
    .rg-checkbox-row label a {
      color: rgba(0, 20, 66, 0.75);
      transition: color 0.2s ease;
      font-weight: 600;
    }
    .rg-checkbox-row label a:hover {
      color: var(--brand-blue);
    }

    .rg-modal-submit {
      width: 100%;
    padding: 18px;
    border: 0;
    border-radius: 24px;
    background: #001334;
    color: #fff;
    cursor: pointer;
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 300;
    }

    .rg-modal-submit:hover {
      background: var(--brand-blue);
    }

    /* ── Bricks popup 81 (Basvuru Modali) -> prototip rg-modal koprusu.
       Popup, Bricks form markup'i uretir (.form-group, .options-wrapper,
       .bricks-button); yukaridaki .rg-field/.rg-modal-submit kurallari o
       markup'a uymaz. Bu blok ayni gorunumu Bricks secicileriyle kurar.
       Bricks'in inline popup CSS'i head'de bu dosyadan ONCE geldigi icin
       esit ozgullukteki kurallar burada kazanir. ── */
    .brxe-popup-81 .brx-popup-content {
      position: relative; /* kapat dugmesi (bvm005, absolute) karta capalanir */
      max-width: calc(100vw - 32px);
      border: 1px solid rgb(228 236 245 / 100%);
    }

    .brxe-popup-81.brx-popup .brx-popup-backdrop {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }

    .brxe-popup-81 .rg-modal-form {
      flex-direction: row;
      flex-wrap: wrap;
      gap: 20px 16px;
    }

    #brxe-bvm004 .form-group {
      position: relative;
      width: 100%;
      /* Bricks varsayilani .form-group'a padding-bottom 20 verir; form gap
         20 ile ust uste binip referanstaki 20'lik ritmi 40'a cikariyordu. */
      margin: 0;
      padding: 0;
    }

    #brxe-bvm004 .form-group:nth-child(1),
    #brxe-bvm004 .form-group:nth-child(2) {
      width: calc(50% - 8px);
    }

    .brxe-popup-81 .form-group > input {
      width: 100%;
      padding: 16px 20px;
      border: 1px solid rgb(228 236 245 / 100%);
      border-radius: 12px;
      outline: none;
      background: #fff;
      color: #111;
      font-family: 'Outfit', sans-serif;
      font-size: 16px;
      transition: border-color 0.15s ease;
    }

    /* Yuzen etiket duzeni: gorunur placeholder gizlenir, durum bilgisi
       (:placeholder-shown) korunur. */
    .brxe-popup-81 .form-group > input::placeholder {
      color: transparent;
    }

    /* Bricks label'i input'tan ONCE basar; prototipteki "input + label"
       kardes secicisi calismaz, durum form-group uzerinden okunur. */
    .brxe-popup-81 .form-group > label {
      position: absolute;
      top: 16px;
      left: 20px;
      z-index: 1;
      padding: 0 4px;
      background: #fff;
      color: rgba(26, 26, 26, 0.45);
      font-family: 'Outfit', sans-serif;
      font-size: 16px;
      font-weight: 400;
      /* Bricks :where(.brxe-form) label varsayilani 12px/600/uppercase
         dayatir; prototip normal yazim kullanir. */
      letter-spacing: 0;
      text-transform: none;
      pointer-events: none;
      transition: top 0.15s ease, font-size 0.15s ease, color 0.15s ease;
    }

    .brxe-popup-81 .form-group:focus-within > label,
    .brxe-popup-81 .form-group:has(> input:not(:placeholder-shown)) > label {
      top: -18px;
      color: var(--brand-blue);
      font-size: 12px;
    }

    /* Checkbox gruplari: grup etiketi gizlenir (Bricks bunu label DEGIL
       div.label olarak basar), secenek satiri prototip gibi. */
    .brxe-popup-81 .form-group > .label {
      display: none;
    }

    .brxe-popup-81 .options-wrapper {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .brxe-popup-81 .options-wrapper li {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .brxe-popup-81 .options-wrapper input[type="checkbox"] {
      margin-top: 3px;
      width: 16px;
      height: 16px;
      flex-shrink: 0;
      cursor: pointer;
    }

    .brxe-popup-81 .options-wrapper label {
      font-family: 'Outfit', sans-serif;
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 0;
      text-transform: none;
      color: rgba(0, 20, 66, 0.48);
      line-height: 1.4;
      cursor: pointer;
    }

    .brxe-popup-81 .options-wrapper label a {
      color: rgba(0, 20, 66, 0.75);
      font-weight: 600;
      text-decoration: none;
      transition: color 0.2s ease;
    }

    .brxe-popup-81 .options-wrapper label a:hover {
      color: var(--brand-blue);
    }

    .brxe-popup-81 .submit-button-wrapper {
      margin: 0;
    }

    .brxe-popup-81 .bricks-button {
      width: 100%;
      padding: 18px;
      border: 0;
      border-radius: 24px;
      background: #001334;
      color: #fff;
      cursor: pointer;
      font-family: 'Outfit', sans-serif;
      font-size: 16px;
      font-weight: 300;
      transition: background 0.2s ease;
    }

    .brxe-popup-81 .bricks-button:hover {
      background: var(--brand-blue);
    }


    .rg-toc {
      position: fixed;
      top: 50%;
      right: 70px;
      z-index: 140;
      width: 320px;
      padding: 24px;
      border-radius: 20px;
      background: #fff;
      opacity: 0;
      pointer-events: none;
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transform: translateY(-50%) translateX(8px);
      transition: opacity 0.2s ease, transform 0.2s ease;
      border: 1px solid var(--surface-line);
    }

    .rg-toc.is-open {
      opacity: 1;
      pointer-events: all;
      transform: translateY(-50%) translateX(0);
    }

    .rg-toc-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 12px;
      padding: 0 12px;
    }

    /* Baslik, sayfa kicker'lariyla ayni dilde: gorunum site.css'teki
       ortak kicker blogundan gelir (.vision-kicker, mavi/12px/uppercase);
       burada yalniz "# " oneki eklenir. Yazi stili BURADA tanimlanmaz,
       yoksa sonra yuklenen bu dosya ortak blogu ezer. */
    .rg-toc-heading {
      margin: 0;
    }

    .rg-toc-heading::before {
      content: "# ";
    }

    .rg-toc-close {
      padding: 4px;
      border: 0;
      background: none;
      color: #001442;
      cursor: pointer;
      font-size: 18px;
      line-height: 1;
      transition: color 0.15s ease;
    }

    .rg-toc-close:hover {
      color: var(--brand-blue);
    }

    .rg-toc-list {
      display: flex;
      flex-direction: column;
      gap: 4px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    /* Gorselsiz (thumb'siz) duzen: hover hapi metnin nefes payini
       linkin kendi padding'inden alir. */
    .rg-toc-link {
      display: flex;
      align-items: center;
      padding: 10px 12px;
      border-radius: 12px;
      cursor: pointer;
      text-decoration: none;
      transition: background 0.15s ease;
    }

    .rg-toc-link:hover {
      background: #f5f8fc;
    }

    .rg-toc-info {
      display: flex;
      flex-direction: column;
      gap: 4px;
      /* Flex cocugunda min-width:auto tasan metni kirpmayi engeller;
         alt satirin tek satir + ellipsis kalabilmesi icin sifirlanir. */
      min-width: 0;
      flex: 1;
    }

    .rg-toc-title {
         margin: 0;
    color: #001442;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.25px;
    line-height: 1.3;
    }

    .rg-toc-sub {
    margin: 0;
    color: rgba(0, 20, 66, 0.48);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.25px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }

    .rg-scroll-nav {
      position: fixed;
      top: 50%;
      right: 20px;
      z-index: 150;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: auto;
      padding: 10px 0;
      border-radius: 24px;
      background: #fff;
      cursor: pointer;
      transform: translateY(-50%);
      border: 1px solid rgb(228 236 245 / 50%)
    }

    .rg-scroll-list {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .rg-scroll-item {
      position: relative;
      width: 5px;
      height: 10px;
      overflow: hidden;
      border-radius: 100px;
      background: rgb(0 20 66 / 25%);
      cursor: pointer;
      transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .rg-scroll-item.is-active {
      height: 30px;
    }

    .rg-scroll-fill {
      position: absolute;
      inset: 0;
      background: #001442;
      transform: scaleY(0);
      transform-origin: top;
    }

    @media (max-width: 860px) {
      .rg-hero-section { padding: 10px; }
      .rg-hero-content { width: 100%; padding: 45px; justify-content: center; }
      .rg-hero-title { font-size: clamp(40px, 8vw, 58px); letter-spacing: -2.4px; }
      .rg-hero-title__line { white-space: normal; }
      .rg-hero-subline { max-width: 500px; }
      .rg-hero {
        /* Mobilde once 3'lu gorsel carousel'i, ardindan breadcrumb + baslik
           blogu gelir (masaustundeki sol sutun en uste tasinir). */
        flex-direction: column;
      }
      .rg-left {
        width: 100%;
        grid-template-columns: 1fr;
        margin-left: 0;
        /* Absolute header'in (logo + burger) altina girmesin; logo ile
           gorsel arasinda rahat nefes payi kalsin. */
        padding-top: 128px;
      }
      .rg-images {
        grid-column: 1;
        grid-row: 1;
        /* Dikey yigin yerine yatay kaydirmali (scroll-snap) carousel;
           sonraki kartin ~%20'si gorunerek kaydirilabilirligi ima eder. */
        flex-direction: row;
        gap: 12px;
        padding: 0 16px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 16px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
      }
      .rg-images::-webkit-scrollbar {
        display: none;
      }
      .rg-slide {
        /* min() flex shorthand'inde guvenilir cozulmuyor; longhand + max-width. */
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 76vw;
        max-width: 400px;
        width: auto;
        height: auto;
        max-height: none;
        aspect-ratio: 3 / 4;
        border-radius: 24px;
        scroll-snap-align: start;
      }
      .rg-slide::after {
        display: none;
      }
      .rg-thumbs {
        /* Carousel kaydirmayla gezildigi icin kucuk onizleme rayi mobilde
           gereksiz (tiklama hedefi olarak da cok kucuk kaliyordu). */
        display: none;
      }
      .rg-images-nav {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        padding: 16px 16px 0;
      }
      /* Ok gorunumu urunler carousel'inden (.carousel-control + ayni uzun
         ok SVG'si); bu alanlarin karti #fff oldugu icin kutu zemini hafif
         griye cekilir, disabled halde kutu gorunur kalip yalniz ok soner. */
      .rg-images-nav__btn {
        padding: 0;
        border: 0;
        cursor: pointer;
        background: #fafbfc;
      }
      .rg-images-nav__btn:hover {
        background: var(--brand-blue);
        color: var(--brand-white);
      }
      .rg-images-nav__btn:disabled {
        opacity: 1;
        background: #f3f5f8;
        color: rgba(0, 20, 66, 0.26);
      }
      .rg-right {
        position: static;
        width: 100%;
        height: auto;
        padding: 40px 24px 56px;
      }
      .rg-h1 {
        font-size: clamp(30px, 11vw, 38px);
      }
      .rg-avs-section { height: auto; min-height: 0; padding: 64px 30px; }
      .rg-avs-top { grid-template-columns: 1fr; gap: 28px; }
      .rg-avs-visual { min-height: 620px; margin-top: 28px; }
      .rg-avs-img { max-width: 78%; }
      .rg-avs-bottom { padding-bottom: 24px; }
      .rg-features-section { padding: 90px 30px; }
      .rg-features-outer { grid-template-columns: 1fr; gap: 34px; }
      .rg-features-left { position: relative; top: auto; height: auto; }
      /* Mobilde medyalar 3:4 oraninda, tasan kisim kirpilir (cover). */
      .rg-features-video-panel { height: auto; min-height: 0; aspect-ratio: 3 / 4; }
      .rg-idea-benefits-section { padding: 90px 30px; }
      .rg-idea-benefits-outer { grid-template-columns: 1fr; gap: 34px; }
      .rg-idea-benefits-visual-col { position: relative; top: auto; height: auto; }
      .rg-idea-benefits-image { height: auto; min-height: 0; aspect-ratio: 3 / 4; }
      .rg-list-wrap { max-width: none; margin-left: 0; }
      .rg-list-item { grid-template-columns: 86px 1fr; gap: 24px; }
      .rg-idea-benefits-list { max-width: none; margin-left: 0; }
      .rg-idea-benefit-item { grid-template-columns: 86px 1fr; gap: 24px; }
      .rg-video-section { padding: 70px 10px 80px; }
      .rg-video-grid { grid-template-columns: repeat(2, 1fr); }
      .rg-toc {
        right: 70px;
        width: min(320px, calc(100vw - 104px));
      }
      .rg-bar {
        width: calc(100vw - 40px);
        justify-content: space-between;
        gap: 18px;
      }
    }

    @media (max-width: 560px) {
      .rg-hero-content { padding: 30px; }
      .rg-hero-title { font-size: clamp(28px, 9vw, 44px); letter-spacing: -1.6px; }
      .rg-hero-subline { margin-top: 20px; font-size: 16px; }
      .rg-hero-actions { margin-top: 24px; }
      .rg-avs-section { padding: 54px 24px; }
      .rg-avs-visual { min-height: 520px; }
      .rg-avs-img { max-width: 92%; }
      .rg-avs-bottom { position: relative; flex-direction: column; align-items: flex-start; gap: 24px; padding: 28px 0 0; }
      /* Avantaj bolumleri: 90/45'lik masaustu boslukları mobili bogiyordu;
         kart ici ritim sikilastirildi. */
      .rg-features-section { padding: 56px 20px; }
      .rg-idea-benefits-section { padding: 56px 20px; }
      .rg-features-outer { gap: 28px; }
      .rg-idea-benefits-outer { gap: 28px; }
      .rg-idea-benefits-list { padding: 0; }
      .rg-list-wrap { padding: 0; }
      .rg-list-item { grid-template-columns: 1fr; gap: 12px; padding: 32px 0; }
      .rg-idea-benefit-item { grid-template-columns: 1fr; gap: 12px; padding: 32px 0; }
      .rg-idea-benefit-content { gap: 10px; }
      .rg-list-desc,
      .rg-idea-benefit-desc { font-size: 16px; }
      .rg-video-grid { grid-template-columns: 1fr; }
      /* Hero carousel ve icerik: dar ekranda daha siki. */
      .rg-left { padding-top: 128px; }
      .rg-slide { flex-basis: 80vw; }
      .rg-right { padding: 32px 30px 44px; }
      .rg-h1 { font-size: 26px; }
      .rg-h1-logo { height: 48px; }
      .rg-content { gap: 16px; }
      /* Baslik olcekleri: telefonda buyuk display boylari sigmiyor. */
      .second-section__title { font-size: clamp(28px, 8.5vw, 34px); letter-spacing: -1.2px; }
      .carousel-headline { font-size: clamp(30px, 9vw, 38px); letter-spacing: -1.4px; }
      .rg-list-title,
      .rg-idea-benefit-title { font-size: 20px; }
      /* Ilk 4 avantaj (features listesi) son 4'un (benefits) ritmine esitlenir:
         baslik-aciklama arasi 20 -> 10. */
      .rg-list-right { gap: 10px; }
      /* Basvuru modali: dar ekranda Ad/Soyad tek sutun. */
      #brxe-bvm004 .form-group:nth-child(1),
      #brxe-bvm004 .form-group:nth-child(2) { width: 100%; }
      /* Metin hizasi esitleme: gorunur yan bosluk her bolumde 30px.
         site-section tabanda 10px gutter tasir; kabuk 20 ile 30'a tamamlanir
         (kartlarda margin 10 + padding 20, hero ve footer'da dogrudan 30). */
      .second-section__shell { padding: 54px 20px; }
      /* Yuksek ozgulluk: dosya sonundaki eski karusel 560 blogu
         .carousel-shell'e 30px'i geri yaziyor. */
      .carousel-section .carousel-shell { padding-left: 20px; }
      .rg-scroll-nav {
        display: none;
      }
      .rg-toc {
        top: auto;
        right: 16px;
        bottom: 90px;
        left: 16px;
        width: auto;
        transform: translateY(8px);
      }
      .rg-toc.is-open {
        transform: translateY(0);
      }
      .rg-bar {
        bottom: 14px;
        width: auto;
        max-width: calc(100vw - 28px);
        justify-content: center;
        gap: 0;
        padding: 14px 24px;
      }
      /* Dar ekranda bar yalniz CTA tasir; baslik metni gizlenir. */
      .rg-bar-title {
        display: none;
      }
    }

  
    /* --- CAROUSEL CSS --- */
    .carousel-section {
      display: flex;
      align-items: center;
      min-height: auto;
      padding-top: 90px;
      padding-right: 0;
      padding-bottom: 90px;
    }

    .carousel-shell {
      width: 100%;
      padding-right: 0;
      padding-left: var(--hero-content-x);
      color: var(--brand-navy);
    }

    .carousel-header-container {
      margin-bottom: 60px;
      padding-right: var(--hero-content-x);
    }

    .carousel-header {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: var(--gap-medium);
    }

    .carousel-heading {
      display: grid;
      gap: 14px;
      min-width: 0;
    }

    .carousel-kicker {
      display: block;
      margin-bottom: 20px;
      color: var(--brand-blue);
      font-size: 12px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    .carousel-headline {
      max-width: 900px;
      margin: 0;
      color: var(--brand-navy);
      font-size: clamp(42px, 5vw, 64px);
      font-weight: 500;
      line-height: 1;
      letter-spacing: -3px;
      white-space: normal;
    }

    .carousel-headline__highlight {
      display: inline;
      color: var(--brand-blue);
    }

    .carousel-controls {
      display: inline-flex;
      align-items: center;
      gap: var(--gap-small);
      flex: 0 0 auto;
    }

    .carousel-control {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 54px;
      height: 54px;
      border-radius: var(--radius-small);
      background: var(--brand-white);
      color: var(--brand-navy);
      transition:
        background-color 0.28s ease,
        color 0.28s ease,
        transform 0.28s ease;
    }

    .carousel-control:hover {
      background: var(--brand-blue);
      color: var(--brand-white);
      transform: translateY(-2px);
    }

    .carousel-control:disabled {
      opacity: 0.36;
      pointer-events: none;
    }

    .carousel-control svg {
      width: 17px;
      height: 17px;
      fill: currentColor;
    }

    .carousel-control--prev svg {
      transform: rotate(180deg);
    }

    .carousel-control:focus-visible {
      outline: 3px solid rgba(1, 137, 212, 0.32);
      outline-offset: 4px;
    }

    .carousel-viewport {
      overflow: visible;
    }

    .carousel-track {
      display: flex;
      gap: var(--gap-medium);
      overflow-x: auto;
      padding: 2px 0 10px;
      scroll-behavior: smooth;
      scroll-snap-type: x proximity;
      scrollbar-width: none;
      cursor: grab;
      user-select: none;
      touch-action: manipulation; /* dokunmatikte yatay kaydirma serbest */
    }

    .carousel-track::-webkit-scrollbar {
      display: none;
    }

    .carousel-track.is-dragging {
      cursor: grabbing;
      scroll-behavior: auto;
      scroll-snap-type: none;
    }

    .carousel-card {
      position: relative;
      display: flex;
      min-height: 0;
      flex: 0 0 calc(27.7778% - 8.3333px);
      flex-direction: column;
      justify-content: flex-start;
      padding: 0;
      overflow: visible;
      scroll-snap-align: start;
      border-radius: 0;
      background: transparent;
      color: var(--brand-navy);
    }

    .carousel-card__link {
      position: absolute;
      inset: 0;
      z-index: 1;
      border-radius: 16px;
    }

    .carousel-card__link:focus-visible {
      outline: 3px solid rgba(1, 137, 212, 0.32);
      outline-offset: -5px;
    }

    .carousel-card__top {
      position: relative;
      display: block;
      width: 100%;
      height: auto;
      aspect-ratio: 1 / 1;
      max-width: 100%;
      overflow: hidden;
      border-radius: 16px;
      margin: 0;
      background: #faeee8;
      cursor: pointer;
    }

    .carousel-card__media {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
      border-radius: 16px;
      background: transparent;
    }

    .carousel-card__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 50%;
      pointer-events: none;
      -webkit-user-drag: none;
      transition: transform 0.4s ease;
      will-change: transform;
    }

    .carousel-card:nth-child(2) .carousel-card__top { background: #e9e3d4; }
    .carousel-card:nth-child(3) .carousel-card__top { background: #f0f5da; }
    .carousel-card:nth-child(4) .carousel-card__top { background: #ddedf5; }
    .carousel-card:nth-child(5) .carousel-card__top { background: #faeee8; }

    .carousel-card:hover .carousel-card__media img {
      transform: scale(1.1);
    }

    .carousel-card__body {
      display: block;
      margin-top: 0;
      padding: 10px;
    }

    .carousel-card__title {
      max-width: 100%;
      margin: 0 0 15px;
      color: var(--brand-navy);
      font-family: 'Outfit', sans-serif;
      font-size: clamp(23px, 1.9vw, 29px);
      font-weight: 600;
      line-height: 1.14;
      letter-spacing: -0.02em;
    }

    .carousel-card__title-link {
      position: relative;
      z-index: 2;
      color: inherit;
      transition: color 0.28s ease;
    }

    .carousel-card:hover .carousel-card__title-link,
    .carousel-card__title-link:hover,
    .carousel-card__title-link:focus-visible {
      color: var(--brand-blue);
    }

    .carousel-card__title-link:focus-visible {
      outline: 3px solid rgba(1, 137, 212, 0.28);
      outline-offset: 4px;
      border-radius: 4px;
    }

    .carousel-card__copy {
      display: block;
      overflow: visible;
      margin: 0;
      max-width: 480px;
      color: rgba(0, 20, 66, 0.48);
      font-size: 18px;
      font-weight: 300;
      line-height: 1.6;
      letter-spacing: -0.5px;
      text-align: left;
      transition: none;
    }

    @media (min-width: 1500px) {
      .carousel-card {
        flex-basis: calc(27.7778% - 8.3333px);
      }
    }

    @media (max-width: 860px) {
      :root {
        --hero-content-x: 45px;
      }

      .carousel-section {
        height: auto;
        min-height: auto;
        align-items: stretch;
        padding-top: 90px;
        padding-bottom: 90px;
      }

      .carousel-shell {
        padding-right: 0;
        padding-left: var(--hero-content-x);
      }

      .carousel-header-container {
        margin-bottom: 26px;
        padding-right: var(--hero-content-x);
      }

      .carousel-header {
        align-items: flex-start;
      }

      .carousel-headline {
        max-width: 560px;
      }

      .carousel-card {
        min-height: 0;
        flex-basis: calc(45.455% - 12px);
      }
    }

    @media (max-width: 560px) {
      :root {
        --hero-content-x: 30px;
      }

      .carousel-shell {
        padding-right: 0;
        padding-left: var(--hero-content-x);
      }

      .carousel-header {
        gap: var(--gap-medium);
      }

      .carousel-headline {
        font-size: clamp(38px, 12vw, 52px);
        letter-spacing: -2.4px;
      }

      .carousel-control {
        width: 46px;
        height: 46px;
      }

      .carousel-card {
        min-height: 0;
        flex-basis: 82%;
      }

      .carousel-card__copy {
        font-size: 15px;
      }
    }

    /* ─────────────────────────────────────────────────────────────────────
       KANONİK FOOTER — index.html / assets/site.css ile birebir aynı.
       Bu sayfanın eski/daha iri footer stilini (dev başlık, tam ekran shell,
       dolu pill CTA) geçersiz kılmak için sonda tanımlanır. */
    :root { --accent-gradient: linear-gradient(118deg, #8fe0ff 0%, #4fbdf0 52%, #0189d4 100%); }

    .footer-section {
      min-height: 100svh;
      padding: 0;
    }

    .footer-shell {
      position: relative;
      display: grid;
      grid-template-rows: 1fr auto auto;
      min-height: 100svh;
      padding: clamp(74px, 7vw, 112px) var(--hero-content-x) 42px;
      overflow: hidden;
      border-radius: 0;
      background:
        linear-gradient(140deg, rgba(1, 137, 212, 0.2) 0%, transparent 38%),
        linear-gradient(180deg, #001442 0%, #030d24 100%);
      color: var(--brand-white);
      isolation: isolate;
    }

    .footer-shell::before,
    .footer-shell::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      pointer-events: none;
    }

    .footer-shell::before {
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
      background-size: 88px 88px;
      opacity: 0.12;
      -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 26%, #000 100%);
      mask-image: linear-gradient(180deg, transparent 0%, #000 26%, #000 100%);
    }

    .footer-shell::after {
      background:
        linear-gradient(110deg, transparent 0%, rgba(1, 137, 212, 0.16) 42%, transparent 76%);
      opacity: 0.9;
    }

    .footer-cta {
      align-self: center;
      justify-self: center;
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
      grid-template-rows: auto 1fr auto;
      grid-template-areas:
        "kicker copy"
        "title  copy"
        "title  actions";
      column-gap: clamp(40px, 6vw, 110px);
      align-items: end;
      width: min(1280px, 100%);
      padding: 30px 0 76px;
      text-align: left;
    }

    .footer-kicker {
      grid-area: kicker;
      display: block;
      margin-bottom: clamp(28px, 4vh, 46px);
      background: var(--accent-gradient);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
      font-size: 11px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .footer-title {
      grid-area: title;
      margin: 0;
      color: var(--brand-white);
      font-size: clamp(38px, 4.4vw, 72px);
      font-weight: 500;
      line-height: 1.02;
      letter-spacing: -1.8px;
    }

    .footer-title__hl {
      background: var(--accent-gradient);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
    }

    .footer-copy {
      grid-area: copy;
      align-self: start;
      max-width: 480px;
      margin: 0;
      color: rgba(255, 255, 255, 0.66);
      font-size: clamp(15px, 1.15vw, 17px);
      font-weight: 300;
      line-height: 1.6;
      letter-spacing: 0;
    }

    .footer-actions {
      grid-area: actions;
      display: flex;
      justify-content: flex-start;
      margin-top: 26px;
    }

    .footer-primary {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: 24px;
      min-height: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      color: var(--brand-white);
      font-size: 16px;
      font-weight: 600;
      line-height: 1.2;
      text-align: left;
    }

    .footer-primary:hover,
    .footer-primary:focus-visible {
      background: transparent;
      box-shadow: none;
      transform: none;
    }

    .footer-primary__circle {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      width: 92px;
      height: 92px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.05);
      -webkit-backdrop-filter: blur(4px);
      backdrop-filter: blur(4px);
      transition: background-color 0.32s ease, transform 0.32s ease;
    }

    .footer-primary__circle::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      padding: 2px;
      background: conic-gradient(from 220deg, rgba(255, 255, 255, 0.72) 0deg, rgba(255, 255, 255, 0.46) 88deg, rgba(255, 255, 255, 0.08) 182deg, rgba(255, 255, 255, 0) 270deg, rgba(255, 255, 255, 0.54) 360deg);
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask-composite: exclude;
      transform-origin: center;
      transition: background 0.32s ease;
      will-change: transform;
      pointer-events: none;
    }

    .footer-primary:hover .footer-primary__circle::before,
    .footer-primary:focus-visible .footer-primary__circle::before {
      background: conic-gradient(from 220deg, rgba(1, 137, 212, 0) 0deg, rgba(1, 137, 212, 0.18) 64deg, rgba(1, 137, 212, 0.94) 132deg, rgba(199, 240, 255, 0.62) 174deg, rgba(255, 255, 255, 0.34) 194deg, rgba(116, 212, 255, 0.96) 232deg, rgba(1, 137, 212, 0.34) 288deg, rgba(1, 137, 212, 0) 360deg);
    }

    .footer-primary__circle svg {
      width: 26px;
      height: 26px;
      fill: currentColor;
      transition: transform 0.32s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .footer-primary__text {
      position: relative;
      padding-bottom: 6px;
      max-width: 220px;
    }

    .footer-primary__text::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      background: currentColor;
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform 0.3s ease;
    }

    .footer-primary:hover .footer-primary__circle,
    .footer-primary:focus-visible .footer-primary__circle {
      background: rgba(1, 137, 212, 0.16);
      transform: scale(1.05);
    }

    .footer-primary:hover .footer-primary__circle svg { transform: translate(3px, -3px); }

    .footer-primary:hover .footer-primary__text::after,
    .footer-primary:focus-visible .footer-primary__text::after { transform: scaleX(1); }

    .footer-bottom {
      display: grid;
      grid-template-columns: minmax(260px, 0.9fr) minmax(620px, 1.6fr);
      gap: clamp(44px, 6vw, 92px);
      align-items: start;
      width: min(1280px, 100%);
      margin: 0 auto;
      padding-top: 80px;
      border-top: 1px solid rgba(255, 255, 255, 0.12);
    }

    .footer-brand {
      display: grid;
      gap: 24px;
      max-width: 360px;
    }

    .footer-social {
      margin-top: 100px;
      display: flex;
      gap: 12px;
    }

    .footer-social__link {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.16);
      background: rgba(255, 255, 255, 0.04);
      color: rgba(255, 255, 255, 0.7);
      transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    }

    .footer-social__link::before {
      content: "";
      position: absolute;
      inset: -1px;
      border-radius: 50%;
      padding: 1.5px;
      background: conic-gradient(from 220deg, rgba(1, 137, 212, 0) 0deg, rgba(1, 137, 212, 0.18) 64deg, rgba(1, 137, 212, 0.94) 132deg, rgba(199, 240, 255, 0.62) 174deg, rgba(255, 255, 255, 0.34) 194deg, rgba(116, 212, 255, 0.96) 232deg, rgba(1, 137, 212, 0.34) 288deg, rgba(1, 137, 212, 0) 360deg);
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask-composite: exclude;
      opacity: 0;
      transform-origin: center;
      transition: opacity 0.3s ease;
      will-change: transform;
      pointer-events: none;
    }

    .footer-social__link svg { position: relative; width: 18px; height: 18px; fill: currentColor; }

    .footer-social__link:hover,
    .footer-social__link:focus-visible {
      color: #fff;
      background: rgba(1, 137, 212, 0.16);
      border-color: transparent;
      transform: translateY(-2px);
    }

    .footer-logo {
      display: inline-flex;
      width: 186px;
    }

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

    .footer-brand p {
      margin: 0;
      color: rgba(255, 255, 255, 0.66);
      font-size: 15px;
      font-weight: 300;
      line-height: 1.55;
      letter-spacing: 0;
    }

    .footer-nav {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(28px, 4vw, 64px);
    }

    .footer-nav__group {
      display: grid;
      align-content: start;
      gap: 17px;
      min-width: 0;
    }

    .footer-nav__title {
      margin: 0;
      color: rgba(255, 255, 255, 0.96);
      font-size: 12px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

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

    .footer-nav__link {
      position: relative;
      display: inline-block;
      color: rgba(255, 255, 255, 0.62);
      font-size: 15px;
      font-weight: 300;
      line-height: 1.25;
      letter-spacing: 0;
      transition: color 0.24s ease, transform 0.32s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .footer-nav__link::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -3px;
      height: 1px;
      background: var(--accent-gradient);
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform 0.32s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .footer-nav__link:hover,
    .footer-nav__link:focus-visible {
      color: #a7e5ff;
      transform: translateX(4px);
    }

    .footer-nav__link:hover::after,
    .footer-nav__link:focus-visible::after { transform: scaleX(1); }

    .footer-legal {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: min(1280px, 100%);
      margin: 30px auto 0;
      padding-top: 22px;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      gap: var(--gap-medium);
      color: rgba(255, 255, 255, 0.5);
    }

    .footer-cta,
    .footer-bottom,
    .footer-legal { position: relative; z-index: 1; }

    .footer-watermark {
      position: absolute;
      left: 50%;
      bottom: -1.4%;
      z-index: 0;
      width: 90vw;
      max-width: none;
      height: auto;
      transform: translateX(-50%);
      opacity: 0.06;
      -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 78%);
      mask-image: linear-gradient(180deg, transparent 0%, #000 78%);
      pointer-events: none;
      user-select: none;
    }

    .footer-top {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      width: 46px;
      height: 46px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.24);
      background: rgba(255, 255, 255, 0.04);
      -webkit-backdrop-filter: blur(4px);
      backdrop-filter: blur(4px);
      color: var(--brand-white);
      transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    }

    .footer-top svg { width: 16px; height: 16px; fill: currentColor; }

    .footer-top:hover,
    .footer-top:focus-visible {
      background: rgba(1, 137, 212, 0.2);
      border-color: rgba(255, 255, 255, 0.44);
      transform: translateY(-2px);
    }

    .footer-legal__copy {
      margin: 0;
      font-size: 13px;
      font-weight: 300;
      line-height: 1.3;
      letter-spacing: 0;
    }

    .footer-legal__links {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 18px;
      min-width: 0;
      flex-wrap: wrap;
    }

    .footer-legal__links a {
      color: rgba(255, 255, 255, 0.54);
      font-size: 13px;
      font-weight: 300;
      line-height: 1;
      transition: color 0.2s ease;
    }

    .footer-legal__links a:hover,
    .footer-legal__links a:focus-visible {
      color: #55c7ff;
    }

    @media (max-width: 1180px) {
      .footer-shell { padding-right: 45px; padding-left: 45px; }
      .footer-bottom { grid-template-columns: 1fr; }
      .footer-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 860px) {
      .footer-section { height: auto; min-height: auto; align-items: stretch; }
      .footer-shell { min-height: auto; padding: 72px var(--hero-content-x) 36px; }
      .footer-cta {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "kicker" "title" "copy" "actions";
        row-gap: 22px;
        padding: 22px 0 64px;
      }
      .footer-copy { align-self: start; font-size: 17px; }
      .footer-title { font-size: clamp(42px, 9vw, 70px); }
    }

    @media (max-width: 560px) {
      .footer-shell { padding: 62px 30px 32px; }
      .footer-cta { padding: 8px 0 58px; }
      .footer-kicker { font-size: 12px; }
      .footer-title { font-size: clamp(36px, 11.5vw, 48px); line-height: 1.03; }
      .footer-actions, .footer-primary { width: 100%; }
      .footer-bottom { gap: 34px; }
      .footer-legal { align-items: flex-start; flex-direction: column; }
      .footer-legal__links { justify-content: flex-start; }
      .footer-nav { grid-template-columns: 1fr; gap: 28px; }
    }


/* ── KuarkTek koprusu: Bricks video sarmalayicisi (.brxe-video) alani kaplamali.
      Bricks :where(.brxe-video) aspect-ratio 16/9 dayatir; ezilir. */
.rg-features-video-panel .brxe-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}
.rg-features-video-panel .brxe-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

    /* ── MOBIL TIPOGRAFI STANDARDI ──────────────────────────────────────
       Battaniye kural: tum paragraflar ayni ritimde (16/300/-0.02em/1.6).
       Istisnalar UI mikro-metinleri: TOC satirlari, modal basligi, mega menu
       grup basliklari, footer kucuk yazisi. Basliklar: h1 (.rg-h1) 38px ve
       satir span'leri (l1/l2 kendi 48px'ini tasiyordu, inherit'e cekildi),
       ana h2'ler 38px. Dosyanin sonlarinda durur: onceki dagitik 560
       bloklarini son-yazan-kazanir ile ezer. */
    @media (max-width: 560px) {
      p:not(.rg-hcp-title):not(.rg-toc-title):not(.rg-toc-sub):not(.rg-modal-title):not(.mega-menu__group-title):not(.footer-legal__copy) {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: -0.02em;
        line-height: 1.6;
      }

      .rg-h1 {
        /* Sabit 38px, 320'de "Biyorevitalizasyon" kelimesini kirpiyordu
           (kelime 277px, kap 260px); 11vw tabanla 345px altinda kuculur,
           390'da 38px ayni kalir. */
        font-size: clamp(30px, 11vw, 38px);
        letter-spacing: -1.6px;
      }

      .rg-h1 .l1,
      .rg-h1 .l2 {
        font-size: inherit;
        letter-spacing: inherit;
      }

      .second-section__title,
      .carousel-headline,
      .footer-title {
        font-size: 38px;
      }

      .rg-hero-subline {
        font-size: 16px;
      }
    }

    /* ── AVANTAJLAR: MOBILDE TEK KART + MEDYA CAROUSEL'I ────────────────
       Iki section (features + benefits) mobilde dikissiz tek kart gibi
       gorunur. Medya seridi artik Bricks iceriginde (iafm01: video kopyasi +
       gorsel div'i, kicker'in altinda); masaustunde serit gizli, mobilde
       masaustu yan kolonlari gizli. Oklari idea.js takar (hero ile ortak).
       Dosyanin sonunda durur: onceki 860/560 bloklarini ezmesi gerekir. */
    .rg-adv-media {
      display: none;
    }

    .rg-adv-media__img {
      background: #f5f8fc url('/wp-content/uploads/kt-assets/assets/regen-asset01.webp') center / cover no-repeat;
    }

    .rg-adv-media__video video {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    @media (max-width: 860px) {
      .rg-features-section {
        margin-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-bottom: 32px;
      }
      .rg-idea-benefits-section {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding-top: 0;
      }
      /* Medya seridi oklarinin hemen altindaki ilk madde cizgisi gizlenir
         (kicker + serit araya girince 01 maddesi :first-child olmaktan cikti). */
      .rg-images-nav + .rg-list-item {
        border-top: 0;
      }
      /* Kartlar birlesince 04 -> 05 gecisine de madde ayraci gerekir
         (taban kural ilk maddenin ust cizgisini kaldirir). */
      .rg-idea-benefit-item:first-child {
        border-top: 1px solid var(--surface-line);
      }
      /* Masaustu yan kolon medyalari mobilde gizli (serit devralir). */
      .rg-features-left,
      .rg-idea-benefits-visual-col {
        display: none;
      }
      /* Tasima zinciri: strip'in ic genisligi min-content olarak grid/flex
         atalarina yayilip karti viewport disina itmesin. */
      .rg-list-wrap {
        min-width: 0;
      }
      .rg-adv-media {
        display: flex;
        gap: 12px;
        /* Kart padding'ini (860'ta 30px) iptal edip tam genislik kaydirma
           alani acar; sonraki kartin ucu boylece gorunur kalir. */
        margin: 8px -30px 20px;
        padding: 0 30px;
        max-width: none;
        min-width: 0;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 30px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
      }
      .rg-adv-media::-webkit-scrollbar {
        display: none;
      }
      .rg-adv-media > * {
        flex: 0 0 70vw;
        max-width: 360px;
        width: auto;
        height: auto;
        min-height: 0;
        aspect-ratio: 3 / 4;
        overflow: hidden;
        border-radius: 16px;
        scroll-snap-align: start;
        position: relative;
      }
    }

    @media (max-width: 560px) {
      .rg-adv-media {
        margin: 8px -20px 16px;
        padding: 0 20px;
        scroll-padding-left: 20px;
      }
      .rg-adv-media > * {
        flex-basis: 72vw;
      }
    }

    /* ── URUNLER CAROUSEL'I: GORUNUR OGE SAYISI ─────────────────────────
       Buyuk masaustu 3.5, MacBook sinifi 2.5, tablet 1.5, telefon 1.2 oge.
       Formul: (100% - gorunur_tam_bosluk * --gap-medium(10px)) / oge_sayisi.
       Dosya sonunda durur: onceki 860/560 kart genislikleri ezilir. */
    .carousel-card {
      flex-basis: calc((100% - 30px) / 3.5);
    }

    @media (max-width: 1700px) {
      .carousel-card {
        flex-basis: calc((100% - 20px) / 2.5);
      }
    }

    @media (max-width: 1024px) {
      .carousel-card {
        flex-basis: calc((100% - 10px) / 1.5);
      }
    }

    @media (max-width: 560px) {
      .carousel-card {
        flex-basis: calc((100% - 10px) / 1.2);
      }
    }

    /* ── URUNLER KARUSELI TIPOGRAFI STANDARDI (22 Temmuz) ──
       Diger sayfalardaki karusellerle ayni olcek: baslik 24px, metin 16px.
       ID ozgullugu taban clamp() ve mobil class kurallarini her yerde ezer. */
    #urunler .carousel-card__title {
      font-size: 24px;
    }

    #urunler .carousel-card__copy {
      font-size: 16px;
    }

    /* ── KARUSEL OVERFLOW DUZELTMESI (22 Temmuz) ──
       Sol bosluk kabukta degil track'in icinde: kaydirma kabi tam genislik,
       sola kayan kart ekran kenarinda kaybolur (icerik kenarinda kesik kalmaz).
       border-box'ta track icerik genisligi degismedigi icin kart olculeri ve
       gorunur oge sayisi standardi ayni kalir. 560'ta gorunur hiza standardi
       (bolum 10px + track 20px = 30px) korunur. */
    .carousel-shell {
      padding-left: 0;
    }

    .carousel-header-container {
      padding-left: var(--hero-content-x);
    }

    .carousel-track {
      padding-left: var(--hero-content-x);
      scroll-padding-left: var(--hero-content-x);
      overscroll-behavior-x: contain;
    }

    @media (max-width: 560px) {
      .carousel-section .carousel-shell {
        padding-left: 0;
      }

      .carousel-section .carousel-track {
        padding-left: 20px;
        scroll-padding-left: 20px;
      }
    }

    /* ── URUN AILESI EKLERI (urun fazi, 22 Tem 2026) ──────────────────────
       Bu blok tum urun tekilleri + Biorivolumetria sayfasinda gecerlidir.
       1) Popup (basvuru formu 81) acan hero/bolum CTA'lari link degil
          <button> olarak basilir; UA buton varsayilanlari sifirlanir,
          gorunum <a> muadiliyle ayni kalir.
       2) Videosu henuz teslim edilmeyen urunlerde (Rinoplast, Super Lips)
          video panelinde kare gorsel yer tutucudur (data-kt-todo-video).
       3) Curexa'da logo dosyasi yok; urun adi .rg-h1-brand metniyle basilir
          (data-kt-todo-logo, logo gelince image elementiyle degisecek). */
    button.hero-cta-third {
      border: 0;
      font-family: inherit;
      cursor: pointer;
    }

    button.hero-cta-secondary {
      border: 0;
      padding: 0;
      background: transparent;
      font-family: inherit;
      cursor: pointer;
    }

    .rg-features-video-panel img.rg-video-yer {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }

    .rg-h1-brand {
      margin: 0 auto 8px;
      color: var(--brand-navy, #001442);
      font-size: 17px;
      font-weight: 600;
      letter-spacing: 0.24em;
      text-transform: uppercase;
      opacity: 0.92;
    }

    /* Ince/kucuk wordmark logolar hero'da standart 64px'te silik kaliyor;
       kullanici istegiyle ozel yukseklikler (22 Tem gece). */
    .rg-h1-logo[src*="belvera-logo"] {
      height: 104px;
    }

    .rg-h1-logo[src*="dr-cyj-hair-filler-logo"] {
      height: 96px;
    }

    @media (max-width: 560px) {
      .rg-h1-logo[src*="belvera-logo"] {
        height: 76px;
      }
      .rg-h1-logo[src*="dr-cyj-hair-filler-logo"] {
        height: 70px;
      }
    }