/* =========================================================
   EYTOPIA — RELATED CONTENT CAROUSEL
   Same design as Popular Content
   ========================================================= */


/* ---------------------------------------------------------
   SLICK TRACK — EQUAL HEIGHT
--------------------------------------------------------- */

.view-related-content .slick-track,
.view-id-related-content .slick-track {
  display: flex !important;

  align-items: stretch !important;
}


/* ---------------------------------------------------------
   SLICK SLIDES
--------------------------------------------------------- */

.view-related-content .slick-slide,
.view-id-related-content .slick-slide {
  display: flex !important;
  flex-direction: column !important;

  float: none !important;

  height: auto !important;

  padding: 8px 10px 18px !important;

  box-sizing: border-box !important;
}


/* Slick'in kendi iç wrapper'ı */

.view-related-content .slick-slide > div,
.view-id-related-content .slick-slide > div {
  display: flex !important;
  flex-direction: column !important;

  flex: 1 1 auto !important;

  width: 100% !important;
  height: 100% !important;
}


/* Views row */

.view-related-content .slick-slide .views-row,
.view-id-related-content .slick-slide .views-row {
  display: flex !important;
  flex-direction: column !important;

  flex: 1 1 auto !important;

  width: 100% !important;
  height: 100% !important;
}


/* Views field */

.view-related-content .slick-slide .views-field,
.view-id-related-content .slick-slide .views-field {
  display: flex !important;
  flex-direction: column !important;

  flex: 1 1 auto !important;

  width: 100% !important;
  height: 100% !important;
}


/* field-content */

.view-related-content .slick-slide .field-content,
.view-id-related-content .slick-slide .field-content {
  display: flex !important;
  flex-direction: column !important;

  flex: 1 1 auto !important;

  width: 100% !important;
  height: 100% !important;
}


/* Asıl kart */

.view-related-content .eutopia-popular-carousel-card,
.view-id-related-content .eutopia-popular-carousel-card {
  display: flex !important;
  flex-direction: column !important;

  flex: 1 1 auto !important;

  width: 100% !important;
  height: 100% !important;
}


/* İçerik yüksekliği doldursun */

.view-related-content .eutopia-popular-carousel-content,
.view-id-related-content .eutopia-popular-carousel-content {
  display: flex !important;
  flex-direction: column !important;

  flex: 1 1 auto !important;

  width: 100% !important;
}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

  .view-related-content .slick-slide,
  .view-id-related-content .slick-slide {
    padding: 6px 7px 15px !important;
  }

}