/* ===================================================
   ZZ Scholars — product detail page styles
=================================================== */
.pdp-main{padding:30px 0 70px;}
.pdp-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:flex-start;}

/* gallery */
.gallery-main{
  background:#fff;border:3px solid var(--ink);border-radius:var(--radius-lg);
  overflow:hidden;box-shadow:6px 6px 0 var(--ink);aspect-ratio:1/1;
}
.gallery-main img{width:100%;height:100%;object-fit:cover;}
.gallery-thumbs{display:flex;gap:14px;margin-top:16px;}
.thumb{
  width:78px;height:78px;border-radius:14px;border:3px solid var(--ink);overflow:hidden;
  cursor:pointer;opacity:.6;transition:opacity .15s ease, transform .15s ease;flex:none;
}
.thumb img{width:100%;height:100%;object-fit:cover;}
.thumb.active,.thumb:hover{opacity:1;transform:translateY(-3px);}

/* info panel */
.pdp-info{position:sticky;top:100px;}
.pdp-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.pdp-badge{
  font-family:'Baloo 2',cursive;font-size:12px;font-weight:700;padding:5px 13px;border-radius:999px;
  text-transform:uppercase;letter-spacing:.03em;
}
.pdp-badge.tag{background:var(--ink);color:#fff;}
.pdp-badge.fav{background:var(--pink);color:#fff;}
.pdp-info h1{font-size:38px;color:var(--ink);}
.pdp-author{font-size:15px;color:var(--ink-soft);font-style:italic;margin-top:6px;}
.pdp-stars{color:var(--gold-dark);font-size:16px;margin-top:10px;}
.pdp-price{font-family:'Baloo 2',cursive;font-size:30px;color:var(--ink);margin-top:16px;}
.pdp-meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.pdp-meta-pill{
  font-size:13px;font-weight:700;color:var(--ink-soft);background:var(--cream-2);
  padding:6px 14px;border-radius:999px;border:1.5px solid rgba(46,42,61,0.12);
}
.pdp-synopsis{margin-top:22px;font-size:16px;line-height:1.7;color:var(--ink-soft);}
.pdp-buy-row{display:flex;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap;}
.qty-stepper{
  display:flex;align-items:center;gap:14px;border:2.5px solid var(--ink);border-radius:999px;
  padding:8px 18px;font-family:'Baloo 2',cursive;font-weight:700;font-size:17px;
}
.qty-stepper button{width:26px;height:26px;border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:15px;}
.pdp-trust{display:flex;gap:20px;margin-top:24px;flex-wrap:wrap;}
.pdp-trust .trust-item{display:flex;align-items:center;gap:8px;font-family:'Baloo 2',cursive;font-weight:600;font-size:13.5px;color:var(--ink-soft);}
.pdp-trust .dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none;}
#pdp-added{
  display:none;margin-top:14px;font-family:'Baloo 2',cursive;font-weight:700;font-size:14px;
  background:var(--green-light);color:var(--green-dark);padding:10px 16px;border-radius:12px;
}

/* teaches section */
.teaches-section{background:var(--cream-2);}
.teaches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;}
.teach-card{background:#fff;border:3px solid var(--ink);border-radius:var(--radius-md);padding:26px 22px;box-shadow:5px 5px 0 var(--ink);}
.teach-card .badge{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px;}
.teach-card h4{font-size:18px;margin-bottom:8px;}
.teach-card p{font-size:14.5px;color:var(--ink-soft);line-height:1.55;}

/* why we chose it callout */
.why-callout{
  background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:38px 42px;
  display:flex;gap:22px;align-items:flex-start;margin-top:54px;
}
.why-callout .quote-mark{font-family:'Baloo 2',cursive;font-size:52px;color:var(--gold);line-height:1;flex:none;}
.why-callout p{font-size:16.5px;line-height:1.7;color:#e7e2f5;}
.why-callout span{display:block;margin-top:12px;font-family:'Baloo 2',cursive;font-size:13px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.05em;}

/* inside the book */
.inside-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}
.inside-card{background:#fff;border:3px solid var(--ink);border-radius:var(--radius-lg);overflow:hidden;box-shadow:6px 6px 0 var(--ink);}
.inside-card img{width:100%;aspect-ratio:1/1;object-fit:cover;}
.inside-card-body{padding:18px 22px 22px;}
.inside-card-body h4{font-size:17px;margin-bottom:6px;}
.inside-card-body p{font-size:14px;color:var(--ink-soft);line-height:1.55;}

@media(max-width:900px){
  .pdp-grid{grid-template-columns:1fr;gap:34px;}
  .pdp-info{position:static;}
  .why-callout{flex-direction:column;padding:28px 24px;}
}
@media(max-width:560px){
  .pdp-info h1{font-size:28px;}
  .pdp-price{font-size:24px;}
  .gallery-main{border-radius:20px;}
  .thumb{width:64px;height:64px;}
  .why-callout p{font-size:15px;}
}