/* =========================================================
   VividFundy — Product detail page extras
   Only additions that don't already exist in style.css.
   ========================================================= */

.not-found{
  text-align: center; padding: 90px 20px; max-width: 520px; margin: 0 auto;
}
.not-found svg{ width: 64px; height: 64px; margin: 0 auto 20px; color: var(--ink-soft); opacity: .5; }
.not-found h2{ margin-bottom: 12px; }
.not-found p{ margin-bottom: 26px; }

.fbt-row{
  display:flex; align-items:center; gap: 18px; flex-wrap: wrap;
  background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg);
  padding: 22px; margin-top: 18px;
}
.fbt-covers{ display:flex; align-items:center; }
.fbt-covers img{
  width: 64px; height: 94px; object-fit: cover; border-radius: 6px; box-shadow: var(--shadow-sm);
  border: 3px solid var(--white); margin-left: -18px;
}
.fbt-covers img:first-child{ margin-left: 0; }
.fbt-info{ flex: 1; min-width: 200px; }
.fbt-info b{ display:block; color: var(--navy); font-size: 14.5px; margin-bottom: 2px; }
.fbt-info span{ font-size: 13px; color: var(--ink-soft); }
.fbt-total{ font-weight: 700; color: var(--navy); font-size: 20px; }

.mini-book-card{
  background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-md);
  overflow: hidden; display:flex; flex-direction: column;
}
.mini-book-card img{ width:100%; aspect-ratio: 2/3; object-fit: cover; }
.mini-book-card__body{ padding: 12px 14px 16px; display:flex; flex-direction:column; gap: 6px; flex:1; }
.mini-book-card__title{ font-family: var(--font-head); font-size: 14.5px; color: var(--navy); font-weight:600; line-height:1.3; }
.mini-book-card__foot{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; }

@media (max-width: 560px){
  .fbt-row{ flex-direction: column; align-items: flex-start; }
}