/* Orijinal temada HTML içine inline yazılmış stiller */
:root {
  --vitrin-cerceve: #fff;
  --bolum-bosluk: 1.5rem;
}

.bolum {
  margin-bottom: var(--bolum-bosluk);
}

.vitrin-platin {
  margin: 2px;
  border: 2px solid var(--vitrin-cerceve);
}

.vitrin-vip {
  border: 2px solid var(--vitrin-cerceve);
}

/* Gold kartları float ile dizilir; bölüm float'ları içine alsın ki
   arka plan kutusu kartların altına kadar uzansın */
.bolum--gold {
  display: flow-root;
}

.gold-kart {
  width: 24%;
  height: auto;
  float: left;
  margin: 1px;
  border: 2px solid var(--vitrin-cerceve);
}

.gold-kart img {
  object-fit: cover;
}

.ilan-ver-arka {
  background-image: url(../images/ilan-bg.jpg);
}

.iletisim-arka {
  background-image: url(../images/iletisim.jpg);
}

/* Panelden "Vitrinde Gör" çapasıyla gelinen kart: sabit menünün altında kalmaz, kısa süre parlar */
.vitrin-platin,
.vitrin-vip,
.gold-kart {
  scroll-margin-top: clamp(4.5rem, 12vh, 7rem);
}

.vitrin-platin:target,
.vitrin-vip:target,
.gold-kart:target {
  position: relative;
  z-index: 1;
  animation: capa-vurgu 1.2s ease-in-out 3;
}

@keyframes capa-vurgu {
  0%, 100% { box-shadow: 0 0 0 0 rgb(255 193 7 / 0); }
  50% { box-shadow: 0 0 0 0.35rem rgb(255 193 7 / 0.9); }
}