@media (min-width: 961px) {
  body.gece.zemin-acik .ff-hero--page.ff-bolunmus {
    --boy: clamp(255px, 17.7vw, 340px);
    --bolum: calc(var(--boy) * 1.45);
  }

  body.gece.zemin-acik .ff-bolunmus .ff-hero__copy,
  body.gece.zemin-acik .ff-bolunmus--kisa .ff-hero__copy {
    height: var(--boy);
    min-height: 0;
    padding-block: 16px 18px;
    justify-content: flex-end;
  }

  body.gece.zemin-acik .ff-bolunmus .crumbs {
    padding-bottom: 4px;
  }

  body.gece.zemin-acik .ff-bolunmus .eyebrow {
    margin-bottom: 4px;
  }

  body.gece.gece.zemin-acik .ff-hero.ff-bolunmus h1,
  body.gece.gece.zemin-acik .ff-hero.ff-bolunmus--uzun h1 {
    font-size: clamp(26px, calc(2.5 * var(--vw)), 36px);
    line-height: 1.12;
  }

  body.gece.zemin-acik .ff-bolunmus .ff-hero__copy > p:not(.eyebrow):not(.ff-chips):not(.ff-hero__slogan):not(.ff-hero__route) {
    max-width: 78ch;
    margin-top: 6px;
    font-size: 15px;
    line-height: 1.45;
  }

  body.gece.zemin-acik .ff-bolunmus .action-row {
    margin-top: 10px;
  }

  

  body.gece.zemin-acik .ff-bolunmus .ff-toc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
  }

  body.gece.zemin-acik .ff-bolunmus .ff-toc__label {
    margin: 0;
  }

  body.gece.zemin-acik .ff-bolunmus .ff-toc ol {
    margin: 0;
  }

  body.gece.zemin-acik .ff-bolunmus__foto img {
    object-position: 50% 35%;
  }
}

@media (max-width: 960px) {
  body.gece.zemin-acik .ff-bolunmus .ff-hero__copy,
  body.gece.zemin-acik .ff-bolunmus--kisa .ff-hero__copy {
    padding-block: 14px 20px;
  }

  body.gece.zemin-acik .ff-bolunmus .crumbs {
    margin-bottom: 10px;
  }

  body.gece.gece.zemin-acik .ff-hero.ff-bolunmus h1,
  body.gece.gece.zemin-acik .ff-hero.ff-bolunmus--uzun h1 {
    font-size: clamp(25px, 7vw, 32px);
    line-height: 1.14;
  }

  body.gece.zemin-acik .ff-bolunmus .ff-hero__copy > p:not(.eyebrow):not(.ff-chips):not(.ff-hero__slogan):not(.ff-hero__route) {
    margin-top: 6px;
    font-size: 15px;
    line-height: 1.45;
  }

  body.gece.zemin-acik .ff-bolunmus .action-row {
    margin-top: 12px;
  }

  

  body.gece.zemin-acik .ff-bolunmus__foto,
  body.gece.zemin-acik .ff-bolunmus--kisa .ff-bolunmus__foto {
    aspect-ratio: 16 / 9.5;
    max-height: min(480px, 80vh);
  }

  body.gece.zemin-acik .ff-bolunmus__foto img {
    object-position: 50% 30%;
  }
}