/* Varant sayfası — iletişim kutuları banner'ın sağ altında (yalnızca CSS). Mobilde eski düzen. */
@media only screen and (min-width: 1025px) {
  main:has(.investment-items) { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 0; }
  main:has(.investment-items) > * { grid-column: 1; min-width: 0; }
  main:has(.investment-items) > .start-content { grid-row: 1; }
  main:has(.investment-items) > .container:has(.content-breadcrumb) { grid-row: 2; }
  /* ---------- 1. İletişim bölümü -> banner'ın sağ altında kutular */
  main > .container.type-2:has(.investment-items) {
    grid-row: 1;
    grid-column: 1;
    justify-self: end;
    align-self: end;
    width: 60rem;
    max-width: 40%;
    margin: 0 6rem 10rem 0;
    padding: 0;
    position: relative;
    z-index: 4;
  }
  main > .container.type-2:has(.investment-items) .content-wrapper {
    padding: 0;
  }
  main > .container.type-2:has(.investment-items) .headline {
    display: none;
  }
  main > .container.type-2:has(.investment-items) .investment-items {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
  }
  main > .container.type-2:has(.investment-items) .investment-items .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    min-height: 0;
    margin: 0;
    padding: 4rem 7rem;
    border: 0;
    background: rgba(255, 255, 255, .2);
    -webkit-backdrop-filter: blur(1rem);
            backdrop-filter: blur(1rem);
    transition: .4s;
  }
  main > .container.type-2:has(.investment-items) .investment-items .item:hover {
    background: rgba(255, 255, 255, .3);
  }
  main > .container.type-2:has(.investment-items) .investment-items .item span {
    max-width: none;
    font-size: 2.8rem;
    font-weight: 500;
    color: #fff;
  }
  main > .container.type-2:has(.investment-items) .investment-items .item i {
    display: flex;
    flex-shrink: 0;
  }
  main > .container.type-2:has(.investment-items) .investment-items .item i svg {
    width: 3.6rem;
    height: 3.6rem;
  }
  main > .container.type-2:has(.investment-items) .investment-items .item i svg path {
    fill: #fff;
  }

}
@media only screen and (min-width: 1025px) and (max-width: 1920px) {
  main > .container.type-2:has(.investment-items) { margin: 0 4rem 10rem 0; }
}
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
  main > .container.type-2:has(.investment-items) { margin: 0 2rem 4rem 0; }
  main > .container.type-2:has(.investment-items) .investment-items .item { padding: 3rem 4rem; }
  main > .container.type-2:has(.investment-items) .investment-items .item span { font-size: 2.2rem; }
}

/* Tek başına kalan son kart: yan yana kartlarla aynı görünüm (yarım genişlik, üstte görsel) */
@media only screen and (min-width: 1025px) {
  main:has(.investment-items) .content-list-text .items:has(> .item:only-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  main:has(.investment-items) .content-list-text .items > .item:only-child {
    grid-column: 1;
    display: flex;
    flex-direction: column;
  }
}

/* Varant sayfası: şablonun ikinci kart bloğuna eklediği bej arka planı kaldır (üstteki bölümle aynı beyaz) */
main:has(.investment-items) > div[style*="F4F1ED"] { background: transparent !important; }