.anime-showcase[data-view="images"] .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (min-width:1024px){.anime-showcase[data-view="images"] .cards-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
.anime-showcase[data-view="images"] .item{display:block!important;height:auto!important;background:transparent!important;border-color:transparent!important}
.anime-showcase[data-view="images"] .poster-wrap{width:100%!important;height:auto!important;aspect-ratio:1/1!important}
.anime-showcase[data-view="images"] .poster{width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
.anime-showcase[data-view="images"] .card-body,
.anime-showcase[data-view="images"] .donate-box-wrapper{display:none!important}
.anime-showcase[data-view="cards"] .title-overlay{display:none!important}
.anime-showcase[data-view="images"] .title-overlay{display:block!important}
.mode-btn.active{background:rgb(244 114 182 / 0.15);border-color:rgb(244 114 182 / 0.5);color:#fff}
@media (max-width: 639px) {
  /* сам контейнер поиска */
  [data-search]{
    width: 70vw !important;
    max-width: 240px !important;   /* было 340 — делаем компактнее */
    margin-left: auto !important;  /* прижать вправо */
  }
  /* поле ввода */
  [data-search] input{
    height: 34px !important;       /* ниже, чем h-9 (36px) */
    font-size: 13px !important;
    padding-left: 34px !important; /* под иконку */
    padding-right: 40px !important;
  }
  /* иконка лупы */
  [data-search] svg{
    width: 14px !important;
    height: 14px !important;
  }
  /* панель результатов — тоже компактнее и вправо */
  #search-results{
    left: auto !important;
    right: 0 !important;
    width: min(92vw, 400px) !important;
  }
}
/* Базовые стили фреймов (оставь как есть) */
#kodik-player-container > iframe,
#dood-player-container > iframe{
  position: absolute; inset: 0;
  width: 100%; height: 100% !important;
  border: 0; border-radius: 0;
  z-index: 1;
}
/* Контейнер Kodik с масштабируемым UI */
.kodik-zoom{ --k-scale: 1; position: relative; overflow: hidden; }

/* ВАЖНО: центрируем и компенсируем масштаб */
.kodik-zoom > iframe{
  position: absolute;
  top: 0; left: 50%;
  /* ширина/высота — с компенсацией масштаба */
  width: calc(100% / var(--k-scale));
  height: calc(100% / var(--k-scale));
  /* сначала центрируем, потом масштабируем */
  transform: translateX(-50%) scale(var(--k-scale));
  transform-origin: top center;

  border: 0;
}

/* Fallback на случай отсутствия aspect-[16/9] */
.ar-16x9{ position:relative; }
.ar-16x9::before{ content:""; display:block; padding-top:56.25%; }
.ar-16x9 > iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }














/* Lookup: на телефоне — прижат вправо, с отступом 1px */
.lookup-wrap {
  width: 100%;
}
.lookup-wrap--mobile {
  display: flex;
  justify-content: flex-end;
  padding-right: 1px;
}
.lookup-wrap--desktop {
  max-width: 980px;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}