/* KoreFa 0.11.188: legacy-like in-row hover inside the ORIGINAL picture frame.
   FIX: lock media frame height when widening rail card; never add a sibling below
   the poster or move progress badges. Only desktop fine pointers. */
@media (hover:hover) and (pointer:fine) and (min-width:1001px) {
  .home-main [data-hero-slide].is-active {cursor:pointer}
  .home-main .poster-rail {display:flex;align-items:flex-start;overflow-x:auto;overflow-y:hidden}
  .home-main .poster-rail.kf-hover-scrolling {scroll-snap-type:none;scroll-behavior:auto}
  .home-main .poster-rail > .content-card {
    position:relative;flex:0 0 var(--rail-card-width);width:var(--rail-card-width);
    min-width:0;max-width:none;transition:flex-basis .3s ease,width .3s ease
  }
  .home-main .poster-rail > .content-card.kf-hover-expanded {
    flex-basis:calc(var(--rail-card-width)*2 + 10px);
    width:calc(var(--rail-card-width)*2 + 10px)
  }
  /* The existing image link IS the media frame; on expansion its original
     pixel height is locked via JS, so episode/subtitle labels cannot drop. */
  .home-main .poster-rail > .content-card.kf-hover-expanded > .content-card-image {
    aspect-ratio:auto!important;min-height:0!important
  }
  .home-main :is(.content-card-image,.home-update-media,.popular-backdrop-media) {position:relative}
  .home-main .content-card.kf-hover-expanded .content-card-image > :is(img,picture,.poster-placeholder){visibility:hidden!important}
  /* Overlay is a child of the media frame, never a sibling below it. */
  .home-main .kf-hover-frame {
    position:absolute!important;inset:0!important;display:block!important;
    width:100%!important;height:100%!important;min-width:0!important;
    z-index:40!important;overflow:hidden;border-radius:inherit;box-sizing:border-box;
    isolation:isolate;background:#10222c;color:#fff;pointer-events:none;
    opacity:0;transition:opacity .15s ease;direction:rtl
  }
  .home-main .kf-hover-frame.is-visible{opacity:1}
  .home-main .kf-hover-frame .kf-home-hover-preview__image{
    position:absolute!important;inset:0;width:100%!important;height:100%!important;
    display:block;object-fit:cover;object-position:center;max-width:none;z-index:0
  }
  .home-main .kf-hover-frame .kf-home-hover-preview__shade{
    position:absolute;inset:0;z-index:1;
    background:linear-gradient(0deg,rgba(0,7,12,.78) 0%,rgba(0,7,12,.28) 54%,rgba(0,7,12,.13) 100%)
  }
  .home-main .kf-hover-frame .kf-home-hover-preview__body{
    position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;
    justify-content:space-between;padding:9px 10px;pointer-events:none;
    text-shadow:0 1px 3px rgba(0,0,0,.85)
  }
  .home-main .kf-hover-frame .kf-home-hover-preview__top{
    display:flex;align-items:flex-start;justify-content:space-between;gap:5px
  }
  .home-main .kf-hover-frame .kf-home-hover-preview__type{
    border-radius:5px;background:rgba(4,17,26,.72);border:1px solid #ffffff30;
    font-size:10px;font-weight:700;padding:2px 5px
  }
  .home-main .kf-hover-frame .kf-home-hover-preview__rating{
    font-size:14px;line-height:1.5;font-weight:800;white-space:nowrap;color:#ffda7a;
    border-radius:5px;background:rgba(4,17,26,.7);padding:1px 4px
  }
  .home-main .kf-hover-frame .kf-home-hover-preview__rating small{font-size:9px;color:#e2eaf0}
  .home-main .kf-hover-frame .kf-home-hover-preview__title{display:block;font-weight:800;font-size:13px;line-height:1.3;margin:0 0 4px}
  .home-main .kf-hover-frame .kf-home-hover-preview__summary{
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
    overflow:hidden;font-size:10.5px;line-height:1.45;color:#f5f8f9;margin:0 0 5px
  }
  .home-main .kf-hover-frame .kf-home-hover-preview__genres{display:flex;gap:4px;flex-wrap:wrap}
  .home-main .kf-hover-frame .kf-home-hover-preview__genres span{
    border:1px solid #ffffff45;background:#0b2537bb;padding:1px 5px;
    border-radius:5px;color:#fff;font-size:10px;white-space:nowrap
  }
  .home-main .home-update-card.kf-hover-active > a:hover{transform:none}
  .home-main .popular-backdrop-card.kf-hover-active .popular-backdrop-media > img{transform:none}
  .home-main :is(.home-update-card,.popular-backdrop-card) .kf-hover-frame .kf-home-hover-preview__summary{-webkit-line-clamp:2}
}
@media (prefers-reduced-motion:reduce){
  .home-main .kf-hover-frame,.home-main .poster-rail>.content-card{transition:none!important}
}