body.gece.zemin-acik .ff-hero--page.ff-bolunmus {
  

  --tam: 100vw;
  

  --bolum: clamp(480px, calc(0.44 * var(--tam)), 1130px);
  min-height: 0;
  position: relative;
  overflow: hidden;
  background: var(--c-gece);
}

@supports (width: 1cqw) {
  body.gece.zemin-acik .ff-hero--page.ff-bolunmus {
    --tam: 100cqw;
    container-type: inline-size;
  }
}

body.gece.zemin-acik .ff-bolunmus .ff-hero__grid {
  display: block;
  position: static;
}

body.gece.zemin-acik .ff-bolunmus .ff-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  box-sizing: border-box;
  

  width: calc(var(--tam) - var(--bolum) - max(var(--gutter), (var(--tam) - var(--maxw)) / 2) - 48px);
  

  min-height: clamp(420px, calc(0.32 * var(--tam)), 820px);
  padding-block: clamp(26px, 2.2vw, 40px) clamp(38px, 3.4vw, 64px);
}


body.gece.zemin-acik .ff-bolunmus .crumbs {
  

  overflow: hidden;
  column-gap: 24px;
  margin: -6px 0 auto -6px;
  padding: 6px 6px 24px;
}

body.gece.zemin-acik .ff-bolunmus .crumbs li {
  position: relative;
}

body.gece.zemin-acik .ff-bolunmus .crumbs li:not(:last-child)::after {
  content: none;
}

body.gece.zemin-acik .ff-bolunmus .crumbs li + li::before {
  content: "·";
  content: "·" / "";
  position: absolute;
  left: -14px;
}

body.gece.zemin-acik .ff-bolunmus h1 {
  max-width: none;
}

body.gece.zemin-acik .ff-bolunmus .eyebrow {
  margin-bottom: 12px;
  color: var(--c-altin);
}

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: 54ch;
  color: #ffffff;
}


body.gece.zemin-acik .ff-bolunmus--uzun h1 {
  font-size: clamp(30px, calc(3.2 * var(--vw)), 44px);
  line-height: 1.14;
}


body.gece.zemin-acik .ff-bolunmus--kisa .ff-hero__copy {
  min-height: clamp(260px, calc(0.2 * var(--tam)), 360px);
}

body.gece.zemin-acik .ff-bolunmus--kisa + .section {
  padding-block-start: clamp(32px, 3vw, 48px);
}


body.gece.zemin-acik .ff-bolunmus .ff-toc {
  margin-top: 20px;
  color: #ffffff;
}

body.gece.zemin-acik .ff-bolunmus .ff-toc__label,
body.gece.zemin-acik .ff-bolunmus .ff-toc li,
body.gece.zemin-acik .ff-bolunmus .ff-toc a {
  color: #ffffff;
}

body.gece.zemin-acik .ff-bolunmus .ff-toc a:hover {
  color: var(--c-altin);
}

body.gece.zemin-acik .ff-bolunmus__foto {
  position: absolute;
  inset: 0 0 0 auto;
  width: var(--bolum);
}

body.gece.zemin-acik .ff-bolunmus__foto img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 65% 30%;
}


body.gece.zemin-acik .ff-bolunmus__foto img[src*="/vergi-rehberi."] {
  object-position: 65% 80%;
}

body.gece.zemin-acik .ff-bolunmus__foto img[src*="/uye-is-yeri."] {
  object-position: 65% 45%;
}

body.gece.zemin-acik .ff-bolunmus__foto img:is([src*="/blog-nasil-calisir."], [src*="/kurumsal-giris."]) {
  object-position: 65% 75%;
}


body.gece.zemin-acik .ff-bolunmus + .section:has(> .hm-giris-kap) {
  background: #eaf1fb;
}


body.gece.zemin-acik .ff-bolunmus + .ff-kvkk :is(.ff-toc, .legal) {
  max-width: 44em;
}

body.gece.zemin-acik .ff-bolunmus + .ff-kvkk .ff-toc {
  margin-top: 0;
}


body.gece.zemin-acik .ff-bolunmus + .section .hm-yazi > :first-child {
  margin-top: 0;
}


body.gece.zemin-acik .ff-bolunmus + .section > .wrap > .checklist {
  max-width: 34em;
}


@media (max-width: 960px) {
  body.gece.zemin-acik .ff-bolunmus .ff-hero__copy {
    width: 100%;
    min-height: 0;
    padding-block: 22px 40px;
  }

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

  body.gece.zemin-acik .ff-bolunmus__foto {
    position: relative;
    inset: auto;
    

    width: calc(100% + 2 * var(--gutter));
    margin-inline: calc(-1 * var(--gutter));
    aspect-ratio: 16 / 10;
    max-height: 540px;
  }

  body.gece.zemin-acik .ff-bolunmus--kisa .ff-bolunmus__foto {
    aspect-ratio: 21 / 9;
  }
}


@media (max-width: 960px) and (max-height: 500px) {
  body.gece.zemin-acik .ff-bolunmus__foto {
    max-height: 80vh;
  }

  

  body.gece.zemin-acik .ff-bolunmus__foto img:is([src*="/vergi-rehberi."], [src*="/uye-is-yeri."]) {
    object-position: 65% 30%;
  }
}

@media print {
  body.gece.zemin-acik .ff-bolunmus__foto {
    display: none;
  }

  body.gece.zemin-acik .ff-bolunmus .ff-hero__copy {
    width: auto;
    min-height: 0;
  }
}