:root{
  --iy-navyA:#0b1020;
  --iy-navyB:#141a3a;
  --iy-navyC:#1c0f2e;

  --iy-text: rgba(255,255,255,.92);
  --iy-muted: rgba(255,255,255,.70);
  --iy-line: rgba(0,0,0,.08);

  --iy-gold:#F6C945;

  /* header/footer ile aynı container ölçüsü */
  --iy-container: min(1180px, calc(100% - 36px));
}

/* ============== KATEGORİ BAŞLIK ALANI ============== */
.iy-cathead{
  background: #ffffff;
  border-bottom: 1px solid rgba(0,0,0,.06);

  /* ✅ NAVBAR İLE İÇ İÇE GEÇMEYİ KESER (navbara dokunmadan) */
  margin-top: 100px;
}

.iy-cathead__container{
  width: var(--iy-container);
  margin: 0 auto;
  padding: 22px 0 18px;
}

.iy-cathead__row{
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 18px;
}

.iy-breadcrumb{
  font-size: 12.5px;
  color: rgba(0,0,0,.55);
  display:flex;
  align-items:center;
  gap: 8px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.iy-breadcrumb a{
  color: rgba(0,0,0,.62);
  text-decoration:none;
}
.iy-breadcrumb a:hover{
  color: rgba(0,0,0,.85);
}

.iy-sep{ opacity:.45; }
.iy-current{ color: rgba(0,0,0,.78); font-weight: 650; }

.iy-cathead__title{
  margin: 0;
  font-size: 22px;
  font-weight: 850;
  letter-spacing: .2px;
  color: rgba(0,0,0,.88);
}

.iy-cathead__desc{
  margin: 8px 0 0;
  max-width: 64ch;
  color: rgba(0,0,0,.62);
  line-height: 1.55;
  font-size: 13.5px;
}

/* sağ mini kartlar */
.iy-cathead__meta{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.iy-metaCard{
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
  border-radius: 14px;
  padding: 10px 12px;
  min-width: 140px;
}

.iy-metaCard__label{
  font-size: 12px;
  color: rgba(0,0,0,.55);
  margin-bottom: 4px;
}

.iy-metaCard__value{
  font-size: 14px;
  font-weight: 800;
  color: rgba(0,0,0,.86);
}

/* ============== POSTER GRID ============== */
.iy-catgrid{
  background: #ffffff;
}

.iy-catgrid__container{
  width: var(--iy-container);
  margin: 0 auto;
  padding: 20px 0 70px;
}

/* responsive grid */
.iy-movieGrid{
  display:grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

/* kart: link gibi */
.iy-movieCard{
    
  position: relative;
  display:block;
  text-decoration:none;
  border-radius: 18px;
  overflow:hidden;
  background: #0b1020;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
  transform: translateZ(0);
}

/* ✅ hover'da underline gelmesin (bazı global theme'ler a:hover {text-decoration:underline} yapar) */
.iy-movieCard:hover{ text-decoration: none; }

/* poster oranı (2:3) – en-boy bozulmaz */
.iy-poster{
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 3;
  background: rgba(255,255,255,.06);
}

.iy-poster img{
  width: 100%;
  height: 100%;
  object-fit: cover; /* en-boy korunur */
  display:block;
}

/* poster hafif canlansın */
.iy-movieCard img{
  transition: transform .35s ease;
}

.iy-movieCard:hover img{
  transform: scale(1.035);
}

/* hover overlay */
.iy-movieOverlay{
  position:absolute;
 
  background:
    linear-gradient(
      to top,
      rgba(11,16,32,1) 0%,
      rgba(11,16,32,.65) 40%,
      rgba(11,16,32,.45) 65%
    );
  transition: opacity .22s ease;
  left: 10px;
  right: 10px;
  height:90px;
  bottom: 10px;
  padding: 10px 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
  color: rgba(255,255,255,.92);

  opacity: 1;
  transform: translateY(0px);
  transition: opacity .18s ease, transform .18s ease;
}

.iy-movieTitle{
  font-weight: 850;
  font-size: 13px;
  line-height: 1.25;
  margin-bottom: 6px;
}

.iy-movieMeta{
  font-size: 12.5px;
  color: rgba(255,255,255,.82);
}

/* hover: sadece hafif “premium” hissi */
.iy-movieCard:hover .iy-movieOverlay{
  opacity: 1;
  transform: translateY(0);
}
.iy-movieCard:hover{
  box-shadow: 0 14px 34px rgba(0,0,0,.12);
}

/* ============== RESPONSIVE ============== */
@media (max-width: 1100px){
  .iy-movieGrid{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 992px){
  .iy-cathead{
    margin-top: 10px; /* mobilde daha az boşluk */
  }
  .iy-cathead__row{
    align-items:flex-start;
    flex-direction: column;
  }
  .iy-cathead__meta{
    justify-content:flex-start;
    width: 100%;
  }
  .iy-movieGrid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 680px){
  .iy-movieGrid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 480px){
  .iy-movieGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}



/* ===== SIRALAMA SELECT (meta kart içinde) ===== */
.iy-metaCard--select{
  min-width: 240px;
}

/* biraz daha düzgün yerleşim */
.iy-selectWrap{
  position: relative;
  margin-top: 6px;
}

/* SELECT kutusu */
.iy-select{
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  /* daha modern ölçüler */
  height: 44px;
  line-height: 44px;

  border: 1px solid rgba(0,0,0,.10);
  background: #fff;                     /* rgba yerine net beyaz daha temiz durur */
  background-clip: padding-box;         /* firefox “iç çizgi” hissini azaltır */
  border-radius: 14px;

  /* sağ caret alanı */
  padding: 0 42px 0 12px;

  font-size: 13.5px;
  font-weight: 800;
  color: rgba(0,0,0,.86);

  outline: none;

  box-shadow: 0 10px 22px rgba(0,0,0,.06);
  transition: border-color .18s ease, box-shadow .18s ease, transform .12s ease;
}

.iy-select:hover{
  border-color: rgba(0,0,0,.18);
  box-shadow: 0 14px 28px rgba(0,0,0,.08);
  transform: translateY(-1px);
}

/* Focus: daha “soft” gold ring */
.iy-select:focus{
  border-color: rgba(246,201,69,.85);
  box-shadow: 0 0 0 4px rgba(246,201,69,.18), 0 16px 34px rgba(0,0,0,.10);
}

/* Caret: daha küçük ve gold'a yakın */
.iy-selectCaret{
  position:absolute;
  right: 14px;
  top: 50%;
  width: 9px;
  height: 9px;
  transform: translateY(-55%) rotate(45deg);
  border-right: 2px solid rgba(0,0,0,.40);
  border-bottom: 2px solid rgba(0,0,0,.40);
  pointer-events:none;
  opacity: .85;
  transition: border-color .18s ease, opacity .18s ease;
}

/* focus olduğunda caret gold */
.iy-selectWrap:focus-within .iy-selectCaret{
  border-right-color: rgba(246,201,69,.95);
  border-bottom-color: rgba(246,201,69,.95);
  opacity: 1;
}

/* ===== Dropdown (option list) için sınırlı iyileştirme ===== */
/* Not: Her tarayıcı aynı uygulamaz. Ama uygulayanlarda daha temiz görünür. */
.iy-select option{
  font-size: 13.5px;
  padding: 10px 12px;      /* bazı tarayıcılarda etkisiz olabilir */
}

/* Firefox’un focus iç davranışlarını yumuşatır */
.iy-select::-moz-focus-inner{
  border: 0;
}
.iy-select:-moz-focusring{
  color: transparent;
  text-shadow: 0 0 0 rgba(0,0,0,.86);
}

/* mobilde kartlar alt alta geçince select de tam otursun */
@media (max-width: 992px){
  .iy-metaCard--select{ min-width: 100%; }
}


/* ===== TAG SECTION (SEO link chips) ===== */
.tag-section{
  margin-top: 18px;
}

.tag-section .iy-taglist{
  list-style: none;
  padding: 0;
  margin: 0;

  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  align-items: center;
}

/* li default boşluklarını sıfırla */
.tag-section .iy-taglist > li{
  margin: 0;
  padding: 0;
}

/* chip link */
.tag-section .iy-taglist > li > a{
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 10px 12px;
  border-radius: 999px;

  font-size: 13px;
  font-weight: 750;
  line-height: 1;

  text-decoration: none !important;
  color: rgba(0,0,0,.78);

  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.08);

  transition: transform .14s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

/* küçük “etiket noktası” – sarı */
.tag-section .iy-taglist > li > a::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--iy-gold, #F6C945);
  box-shadow: 0 0 0 3px rgba(246,201,69,.18);
}

/* hover */
.tag-section .iy-taglist > li > a:hover{
  background: rgba(246,201,69,.12);
  border-color: rgba(246,201,69,.55);
  box-shadow: 0 10px 20px rgba(0,0,0,.08);
  transform: translateY(-1px);
  color: rgba(0,0,0,.86);
}

/* focus (klavye) */
.tag-section .iy-taglist > li > a:focus{
  outline: none;
  box-shadow: 0 0 0 4px rgba(246,201,69,.22), 0 10px 20px rgba(0,0,0,.08);
  border-color: rgba(246,201,69,.75);
}

/* Mobilde: tek satır yatay kaydırmalı (çok temiz durur) */
@media (max-width: 680px){
  .tag-section .iy-taglist{
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px;
  }

  .tag-section .iy-taglist::-webkit-scrollbar{
    height: 6px;
  }
  .tag-section .iy-taglist::-webkit-scrollbar-thumb{
    background: rgba(246,201,69,.65);
    border-radius: 999px;
  }
  .tag-section .iy-taglist::-webkit-scrollbar-track{
    background: rgba(0,0,0,.06);
    border-radius: 999px;
  }
}


.iy-profile{
  background: #ffffff;
}

.iy-profile__container{
  width: var(--iy-container);
  margin: 0 auto;
  padding: 18px 0 14px;
}

/* kart */
.iy-profileCard{
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 18px;

  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.96);

  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  overflow: hidden;
}

/* sol: actor görseli */
.iy-profilePoster{
  position: relative;
  background: #0b1020;
}

.iy-profilePoster img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  aspect-ratio: 2 / 3;
}

/* çok hafif premium overlay */
.iy-profilePoster::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.25));
  pointer-events:none;
}

/* sağ içerik */
.iy-profileBody{
  padding: 16px 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.iy-profileName{
  margin: 0;
  font-size: 22px;
  font-weight: 850;
  color: rgba(0,0,0,.88);
  letter-spacing: .2px;
}

/* chip alanı */
.iy-profileChips{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.iy-chip{
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 750;

  color: rgba(0,0,0,.78);
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.08);
}

/* popülerlik chip’i hafif vurgulu */
.iy-chip:last-child{
  border-color: rgba(246,201,69,.45);
  box-shadow: inset 0 0 0 2px rgba(246,201,69,.10);
}

/* kısa biyografi */
.iy-profileText{
  margin: 0;
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(0,0,0,.62);

  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* istatistik alanı */
.iy-profileStats{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 2px;
}

.iy-stat{
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
  border-radius: 14px;
  padding: 10px 12px;
}

.iy-stat span{
  display: block;
  font-size: 12px;
  color: rgba(0,0,0,.55);
  margin-bottom: 4px;
}

.iy-stat b{
  display: block;
  font-size: 14px;
  font-weight: 850;
  color: rgba(0,0,0,.86);
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 992px){
  .iy-profileCard{
    grid-template-columns: 120px 1fr;
    gap: 12px;
  }

  .iy-profileName{
    font-size: 18px;
  }

  .iy-profileStats{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px){
  .iy-profileCard{
    grid-template-columns: 1fr;
  }

  .iy-profilePoster img{
    aspect-ratio: 16 / 9;
  }
}