:root {

  --bant-karartma: 78%;

  --sis-opaklik: 0.5;
}

.v7 .v7-yuva {
  display: block;
}

.v7 .v7-yuva img {
  display: block;
  max-inline-size: 100%;
}

.v7 .v7-bant {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.v7 .v7-bant > .v7-bant-resim {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.v7 .v7-bant > .v7-bant-resim img {
  inline-size: 100%;
  block-size: 100%;
  max-inline-size: none;
  object-fit: cover;
  object-position: 70% 50%;
}

.v7 .v7-bant::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(to right, rgb(29 20 14 / var(--bant-karartma)) 0%, rgb(29 20 14 / var(--bant-karartma)) 58%, rgb(29 20 14 / 0%) 92%);
  content: "";
  pointer-events: none;
}

@media (width < 48rem) {
  .v7 .v7-bant::after {
    background: linear-gradient(to right, rgb(29 20 14 / var(--bant-karartma)) 0%, rgb(29 20 14 / var(--bant-karartma)) 60%, rgb(29 20 14 / 35%) 100%);
  }
}

.v7 .v7-bant--kutu {
  align-content: end;
  max-inline-size: none;
  min-block-size: 160px;
  padding: var(--bosluk-6);
  border: 1px solid var(--cerceve);
  border-radius: var(--kose);
  background: linear-gradient(180deg, var(--yuzey) 0%, var(--gece-2) 100%);
}

.v7 .v7-bant > .v7-bant-resim + * {
  margin-block-start: 0;
}

@media (width >= 48rem) {
  .v7 .v7-bant--kutu {
    min-block-size: 240px;
    padding: var(--bosluk-8);
  }
}

.v7 .mk-tur-serit {
  inline-size: 100%;
  aspect-ratio: 3 / 1;
  margin-block-end: var(--bosluk-3);
  overflow: hidden;
  border-radius: var(--kose);
}

.v7 .mk-tur-serit img {
  inline-size: 100%;
  block-size: 100%;
  max-inline-size: none;
  object-fit: cover;
}

.v7 .mk-bos-resim {
  inline-size: min(100%, 15rem);
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: var(--kose);
}

.v7 .mk-bos-resim img {
  inline-size: 100%;
  block-size: 100%;
  max-inline-size: none;
  object-fit: cover;
}

.v7 .v7-hata-sahne {
  inline-size: 100%;
  max-block-size: 640px;
  aspect-ratio: 3 / 1;
  overflow: hidden;
  border-block-end: 1px solid var(--cerceve);
}

.v7 .v7-hata-sahne img {
  inline-size: 100%;
  block-size: 100%;
  max-inline-size: none;
  object-fit: cover;
  object-position: 50% 50%;
}

.v7 [data-yuva="doku-panel"] .ana-panel {
  position: relative;
  isolation: isolate;
}

.v7 [data-yuva="doku-panel"] .ana-panel::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background-image: url("/img/v7/doku/panel-512.webp");
  background-image: image-set(url("/img/v7/doku/panel-512.avif") type("image/avif"), url("/img/v7/doku/panel-512.webp") type("image/webp"));
  background-size: 256px;
  content: "";
  opacity: 0.08;
  pointer-events: none;
}

.v7 .v7-sis {
  background-image: url("/img/v7/doku/sis-1024.webp");
  background-image: image-set(url("/img/v7/doku/sis-1024.avif") type("image/avif") 1x, url("/img/v7/doku/sis-1024.webp") type("image/webp") 1x, url("/img/v7/doku/sis-2048.avif") type("image/avif") 2x, url("/img/v7/doku/sis-2048.webp") type("image/webp") 2x);
  background-repeat: repeat-x;
  background-size: auto 100%;
  opacity: var(--sis-opaklik);
  pointer-events: none;
}