/* Book Card – front-end styles. All rules scoped to .book-card. */

.book-card{
  --bc-radius:22px;
  --bc-max:680px;
  --bc-accent:#1F6F5C;
  --bc-accent-strong:#185847;
  --bc-accent-tint:rgba(31,111,92,.12);
  --bc-serif:Georgia,"Times New Roman",serif;
  display:grid;
  grid-template-columns:230px 1fr;
  width:100%;
  max-width:var(--bc-max);
  background:#fff;
  color:#15171F;
  border:1px solid #E5E8EC;
  border-radius:var(--bc-radius);
  overflow:hidden;
  line-height:1.5;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  box-shadow:0 1px 2px rgba(21,23,31,.04),0 18px 40px -16px rgba(21,23,31,.22);
}
.book-card *{box-sizing:border-box;}

.book-card__cover{padding:26px 0 26px 26px;display:flex;align-items:center;}
.book-card__cover-inner{
  position:relative;width:100%;aspect-ratio:2/3;border-radius:12px;overflow:hidden;
  box-shadow:0 10px 24px -8px rgba(21,23,31,.4);
}
.book-card__cover-inner img{width:100%;height:100%;object-fit:cover;display:block;}
.book-card__cover-inner::after{
  content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.16) 0 3px,rgba(0,0,0,.10) 3px 7px,transparent 7px);
}

.book-card__detail{padding:30px 32px;display:flex;flex-direction:column;}
.book-card__eyebrow{
  font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--bc-accent);margin:0 0 10px;
}
.book-card__title{
  font-family:var(--bc-serif);font-weight:600;font-size:27px;line-height:1.12;
  letter-spacing:-.015em;color:#15171F;margin:0 0 8px;
}
.book-card__author{font-size:13.5px;color:#6A7180;margin:0 0 14px;}
.book-card__author b{color:#3A3F4C;font-weight:600;}

.book-card__rating{display:flex;align-items:center;gap:8px;margin:0 0 14px;}
.book-card__stars{display:inline-flex;gap:2px;color:#E2B23A;line-height:0;}
.book-card__stars svg{width:15px;height:15px;}
.book-card__stars .bc-empty{color:#D7DBE1;}
.book-card__rating small{font-size:12px;color:#6A7180;}

.book-card__desc{font-size:13.5px;line-height:1.55;color:#3A3F4C;margin:0 0 20px;}

.book-card__foot{margin-top:auto;}
.book-card__price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 16px;}
.book-card__now{font-family:var(--bc-serif);font-weight:600;font-size:26px;letter-spacing:-.01em;color:#15171F;}
.book-card__was{font-size:15px;color:#6A7180;text-decoration:line-through;text-decoration-thickness:1.5px;}
.book-card__save{
  font-size:11px;font-weight:600;letter-spacing:.02em;color:#C5372C;
  background:rgba(197,55,44,.10);padding:3px 9px;border-radius:99px;
}

.book-card__buy{
  display:inline-flex;align-items:center;gap:9px;align-self:flex-start;
  font-size:14px;font-weight:600;color:#fff !important;text-decoration:none !important;
  background:var(--bc-accent);border:none;border-radius:12px;padding:13px 22px;cursor:pointer;
  box-shadow:0 8px 18px -8px var(--bc-accent);
  transition:background .16s ease,transform .16s ease,box-shadow .16s ease;
}
.book-card__buy,
.book-card__buy:hover,
.book-card__buy:focus,
.book-card__buy:active,
.book-card__buy span{text-decoration:none !important;}
.book-card__buy:hover{background:var(--bc-accent-strong);color:#fff !important;transform:translateY(-1px);box-shadow:0 12px 22px -8px var(--bc-accent);}
.book-card__buy:active{transform:translateY(0);}
.book-card__buy svg{width:16px;height:16px;transition:transform .16s ease;}
.book-card__buy:hover svg{transform:translateX(3px);}
.book-card__buy:focus-visible{outline:3px solid var(--bc-accent-tint);outline-offset:2px;}

@media(max-width:560px){
  .book-card{grid-template-columns:1fr;}
  .book-card__cover{padding:24px 24px 0;}
  .book-card__cover-inner{max-width:200px;margin:0 auto;}
  .book-card__detail{padding:24px;}
}
@media(prefers-reduced-motion:reduce){
  .book-card *{transition:none !important;}
}