/* CSS specifique de /boutique/ — extraite du bloc <style> du gabarit (Phase 34, REQ-48).
   Enqueuee en dependance de theme.css : elle reste imprimee AVANT lui, comme dans le head d'origine. */
/* ---- Page Boutique (spécifique) ---- */
.phero{padding:88px 0 8px}
.phero h1{font-size:clamp(40px,6.2vw,72px);margin:18px 0 14px}

/* Liste de livres — cartes larges alternées, inspiré de .rcard.wide en plus grand */
.books{display:flex;flex-direction:column;gap:34px}
.book{display:grid;grid-template-columns:.86fr 1.14fr;gap:0;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--sh-sm);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.book:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);border-color:var(--g-200)}
.book .bimg{position:relative;background:linear-gradient(160deg,var(--g-50),var(--bg));display:grid;place-items:center;padding:42px 38px;min-height:360px}
.book .bimg::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:22px 22px;opacity:.45}
.book .bimg img{position:relative;z-index:1;max-height:300px;width:auto;object-fit:contain;filter:drop-shadow(0 24px 40px rgba(8,30,20,.22));transition:transform .5s var(--ease)}
.book:hover .bimg img{transform:translateY(-6px) scale(1.03)}
.book .bbody{padding:44px 46px;display:flex;flex-direction:column;justify-content:center}
.book .btag{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--g-700);background:var(--g-50);border:1px solid var(--g-100);padding:6px 12px;border-radius:100px}
.book .btag .ico{width:14px;height:14px;stroke-width:2}
.book h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.022em;margin:18px 0 8px}
.book .bsub{font-family:'Poppins',sans-serif;font-weight:600;color:var(--g-700);font-size:clamp(15px,1.7vw,17px);line-height:1.35}
.book .bprose{margin-top:18px;color:var(--ink-2);font-size:15px;line-height:1.7;display:flex;flex-direction:column;gap:12px}
.book .bactions{margin-top:26px}

/* Alternance gauche / droite */
.book.alt{grid-template-columns:1.14fr .86fr}
.book.alt .bimg{order:2}
.book.alt .bbody{order:1}

@media(max-width:980px){
  .book,.book.alt{grid-template-columns:1fr}
  .book.alt .bimg{order:0}
  .book.alt .bbody{order:0}
  .book .bimg{min-height:300px;padding:36px 30px}
  .book .bbody{padding:34px 32px}
  .book .bimg img{max-height:250px}
}
@media(max-width:720px){
  .book .bbody{padding:28px 24px}
  .book .bimg{min-height:260px;padding:30px 24px}
}