/* ============================================================
   Kitap görselleri — gerçek kapak fotoğrafları, Konsept C çerçevesi
   ============================================================ */

/* --- tekil kitap --- */
.kk{position:relative;margin:0;padding:26px 18px 22px;display:flex;justify-content:center;align-items:flex-end;isolation:isolate}
.kk img{position:relative;z-index:2;display:block;width:min(250px,80%);height:auto;
  border-radius:4px 10px 10px 4px;
  filter:drop-shadow(0 16px 26px rgba(20,22,51,.26)) drop-shadow(0 3px 6px rgba(20,22,51,.16));
  transform:translateY(0) rotate(0deg);
  transition:transform .45s cubic-bezier(.2,.8,.2,1), filter .45s}
.kk:hover img{transform:translateY(-9px) rotate(-1.2deg);
  filter:drop-shadow(0 26px 36px rgba(20,22,51,.3)) drop-shadow(0 4px 8px rgba(20,22,51,.18))}

/* arkada yumuşak renk halesi — kitabı zeminden ayırır */
.kk-glow{position:absolute;z-index:1;bottom:24%;left:50%;transform:translateX(-50%);
  width:76%;height:62%;border-radius:50%;filter:blur(38px);opacity:.5;
  background:radial-gradient(circle,var(--kkc,#2140F0) 0%,transparent 70%);transition:opacity .45s,width .45s}
.kk:hover .kk-glow{opacity:.72;width:88%}

/* her kartın kendi rengi */
.books-grid .book-card:nth-child(1) .kk{--kkc:#2140F0}
.books-grid .book-card:nth-child(2) .kk{--kkc:#FF7A45}
.books-grid .book-card:nth-child(3) .kk{--kkc:#14574C}
.grammar-grid .grammar-card:nth-child(1) .kk{--kkc:#141633}
.grammar-grid .grammar-card:nth-child(2) .kk{--kkc:#C8102E}

/* --- paket fotoğrafı --- */
.kk-paket{margin:0;padding:14px 8px 10px;display:flex;justify-content:center}
.kk-paket img{display:block;width:100%;max-width:420px;height:auto;border-radius:16px;
  border:2px solid var(--ink,#141633);box-shadow:6px 6px 0 var(--ink,#141633);
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.kk-paket:hover img{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--ink,#141633)}

/* --- eski kapak kutusunun sabit kutu/oran stillerini nötrle --- */
.book-cover,.grammar-cover,.package-image{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;
  overflow:visible!important;min-height:0!important;aspect-ratio:auto!important;height:auto!important}
.book-cover,.grammar-cover{display:flex!important;align-items:center;justify-content:center}
.package-image{display:block!important}
.book-cover::before,.book-cover::after,.grammar-cover::before,.grammar-cover::after{display:none!important}
.book-cover .kk,.grammar-cover .kk{width:100%}
.grammar-cover .kk img{width:min(230px,72%)}

/* PDF rozeti */
.book-cover .book-digital{position:absolute;top:14px;left:14px;right:auto!important;bottom:auto!important;
  z-index:5;width:auto!important;display:inline-flex!important;align-items:center;gap:6px;line-height:1;
  background:#141633;color:#fff;border:2px solid #141633;border-radius:999px;padding:5px 13px;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.06em;
  box-shadow:3px 3px 0 #FF5A4E}

/* kitaplar aynı yükseklikte dursun (kapak oranları birbirinden farklı) */
.books-grid .kk img{width:auto;height:330px;max-width:88%;object-fit:contain}
.grammar-cover .kk img{width:auto;height:340px;max-width:80%;object-fit:contain}

@media (max-width:520px){
  .kk img{width:min(210px,74%)}
  .books-grid .kk img,.grammar-cover .kk img{height:270px}
  .kk-paket img{max-width:100%}
}

@media (prefers-reduced-motion: reduce){
  .kk img,.kk-glow,.kk-paket img{transition:none!important}
  .kk:hover img{transform:none}
}