/* Fiche produit : Volume I Dark Romance */
.product-main{background:var(--paper);color:var(--ink);padding-bottom:0}
.product-main :focus-visible{outline-color:var(--wine)}
.product-main .eyebrow{color:var(--gold-ink)}
.breadcrumb{padding:24px 0 8px}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;font-size:14px;color:var(--on-paper-muted)}
.breadcrumb li+li::before{content:'/';margin-right:10px;color:#b9a69c}
.breadcrumb a{color:var(--on-paper-muted);text-underline-offset:3px;display:inline-flex;min-height:44px;align-items:center}
.breadcrumb a:hover{color:var(--wine)}
.breadcrumb [aria-current]{display:inline-flex;min-height:44px;align-items:center;color:var(--ink)}

.product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:start;padding:16px 0 96px}

/* Galerie */
.gallery{position:sticky;top:24px;min-width:0}
.gallery-stage{position:relative;aspect-ratio:1;background:var(--paper-2);overflow:hidden}
.stage-view{position:absolute;inset:0;display:grid;place-items:center}
.stage-cover{background:radial-gradient(circle at 50% 55%,#f6efe2 0 42%,transparent 43%)}
.mini-book.product-book{width:44%;background:linear-gradient(90deg,#26101a,#6a3448 6%,#46202f 10%,#4f2436);color:var(--gold)}
.product-book .mini-title{font-size:clamp(28px,17cqi,52px)}
.stage-cover .shop-tag{top:16%;right:22%}
.stage-page{border:0;padding:6%;background:var(--sheet);cursor:zoom-in;width:100%;height:100%}
.stage-page img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.stage-badge{position:absolute;z-index:1;top:14px;left:14px;background:var(--wine);color:var(--paper);font-size:12px;font-weight:600;letter-spacing:.04em;padding:5px 10px}
.stage-zoom{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;background:rgba(255,252,245,.92);color:var(--wine);border:1px solid var(--rule-paper);font-size:13px;font-weight:600;padding:8px 12px}
.stage-zoom svg{width:16px;height:16px}
.stage-page:hover .stage-zoom{background:var(--paper)}
.thumbs{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.thumb{display:block;width:100%;aspect-ratio:1;padding:6px;border:1px solid var(--rule-paper);background:var(--sheet);cursor:pointer;transition:border-color .2s}
.thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.thumb[aria-pressed="true"]{border:2px solid var(--wine);padding:5px}
.thumb:hover{border-color:var(--wine)}
.thumb-cover{background:var(--paper-2);display:grid;place-items:center}
.thumb-cover .mini-book{width:62%;padding:10% 6%;transform:rotate(-4deg);box-shadow:2px 3px 0 -1px #f4ecdf,3px 4px 0 -1px #9b8466;background:linear-gradient(90deg,#26101a,#6a3448 6%,#46202f 10%,#4f2436);color:var(--gold)}
.thumb-cover .mini-book::before{display:none}
.thumb-cover .mini-title{font-size:clamp(9px,1vw,13px);margin-top:20%}
.gallery-note{font-size:14px;color:var(--on-paper-muted);margin-top:14px}

/* Achat */
.buybox{min-width:0;padding-top:8px}
.buybox h1{font-size:clamp(44px,5.4vw,72px);line-height:1;letter-spacing:-.01em}
.product-mood{font:italic 24px/1.3 var(--serif);color:#6b3a48;margin:8px 0 24px}
.product-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;padding:20px 0;border-top:1px solid var(--rule-paper);border-bottom:1px solid var(--rule-paper)}
.product-price .amount{font:500 48px/1 var(--serif);color:var(--wine)}
.product-price .unit{font-size:15px;color:var(--on-paper-muted)}
.stock{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--ink);margin:18px 0}
.stock .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(199,171,117,.25);flex-shrink:0}
.product-lead{color:#3d2e30;font-size:17px;max-width:560px;margin-bottom:28px}
.product-buy .button-buy{width:100%}
.product-soon{border-left:2px solid var(--gold);padding-left:16px;margin-bottom:8px}
.product-soon p{color:var(--on-paper-muted)}
.buybox>.envie{margin-top:8px}
.reassurance{list-style:none;margin:28px 0;padding:20px 0;display:grid;gap:16px;border-top:1px solid var(--rule-paper);border-bottom:1px solid var(--rule-paper)}
.reassurance li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;font-size:15px;color:var(--on-paper-muted)}
.reassurance svg{width:24px;height:24px;color:var(--gold-ink)}
.reassurance b{display:block;color:var(--ink);font-weight:600}
.details details{border-bottom:1px solid var(--rule-paper)}
.details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;font:600 16px var(--sans);color:var(--ink)}
.details summary::-webkit-details-marker{display:none}
.details summary::after{content:'+';font:300 26px/1 var(--sans);color:var(--gold-ink);transition:transform .25s var(--ease)}
.details details[open] summary::after{transform:rotate(45deg)}
.details p,.details ul{color:var(--on-paper-muted);margin:0 0 18px;font-size:16px}
.details ul{padding-left:20px}
.details li{margin-bottom:4px}
.details li[hidden]{display:none}
.details a{color:var(--wine);text-underline-offset:3px}

/* Autres volumes */
.related{padding:88px 0 96px;background:var(--paper-2);border-top:1px solid var(--rule-paper)}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.related-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center}
.related-card .volume-cover{aspect-ratio:1}
.related-card .mini-book{width:58%}
.related-card h3{font-size:32px;line-height:1.1}
.link-button{border:0;background:none;padding:0;cursor:pointer;font:inherit;font-weight:500}

/* Barre d'achat mobile */
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--wine-ink);color:var(--on-wine);box-shadow:0 -10px 30px rgba(0,0,0,.25);transform:translateY(110%);transition:transform .3s var(--ease)}
.sticky-buy.visible{transform:none}
.sticky-info{display:flex;flex-direction:column;line-height:1.3}
.sticky-info b{font:500 20px var(--serif)}
.sticky-info span{font-size:14px;color:var(--on-wine-muted)}
.sticky-buy .button{min-height:48px}

@media (max-width:1000px){
  .product{gap:40px}
  .related-grid{grid-template-columns:1fr;max-width:560px}
}
@media (max-width:900px){
  .product{grid-template-columns:1fr;padding-bottom:72px}
  .gallery{position:static}
}
@media (max-width:700px){
  .breadcrumb{padding-top:12px}
  .thumbs{gap:8px}
  .related{padding:64px 0 72px}
  .related-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}
  .related-card .volume-cover{aspect-ratio:.8}
  .related-card .mini-book{width:70%}
  .related-card h3{font-size:26px}
  .product-price .amount{font-size:42px}
}
@media (min-width:901px){.sticky-buy{display:none}}
@media (max-width:900px){html[data-vente="ouverte"] body[data-gabarit="produit"] .footer{padding-bottom:112px}}

/* Couleurs des volumes II et III */
[data-produit="new"] .mini-book.product-book{background:linear-gradient(90deg,#b67885,#e2b2b8 6%,#d49ba4 10%,#d7a0a8);color:#4b1f2b}
[data-produit="new"] .stage-cover{background:radial-gradient(circle at 50% 55%,#f8ecea 0 42%,transparent 43%),var(--rose-soft)}
[data-produit="new"] .product-mood{color:#8c4a5a}
[data-produit="fantasy"] .mini-book.product-book{background:linear-gradient(90deg,#14231e,#46604f 6%,#2a4638 10%,#2c4a3b);color:#d6c58f}
[data-produit="fantasy"] .stage-cover{background:radial-gradient(circle at 50% 55%,#eef1ea 0 42%,transparent 43%),var(--sage)}
[data-produit="fantasy"] .product-mood{color:var(--forest)}
.stage-soon{top:16px;left:16px}
.pages-todo{margin-top:16px;padding:20px;border:1px dashed rgba(69,31,44,.3);color:var(--on-paper-muted);font-size:15px}
.pages-todo b{color:var(--ink)}
.dot-dark{background:#6a3448!important;box-shadow:0 0 0 3px rgba(106,52,72,.2)!important}

.related-card.volume-dark .volume-cover{background:#e6d8cf}
[data-produit="new"] .thumb-cover{background:var(--rose-soft)}
[data-produit="new"] .thumb-cover .mini-book{background:linear-gradient(90deg,#b67885,#e2b2b8 6%,#d49ba4 10%,#d7a0a8);color:#4b1f2b}

/* Flèches de la galerie */
.stage-arrow{position:absolute;top:50%;z-index:2;width:48px;height:48px;margin-top:-24px;display:grid;place-items:center;border:1px solid var(--rule-paper);border-radius:50%;background:rgba(255,252,245,.94);color:var(--wine);box-shadow:0 6px 18px rgba(39,22,30,.18);cursor:pointer;transition:background .2s,transform .2s}
.stage-arrow svg{width:22px;height:22px}
.stage-prev{left:14px}
.stage-prev svg{transform:scaleX(-1)}
.stage-next{right:14px}
.stage-arrow:hover{background:var(--paper);transform:scale(1.06)}
.stage-arrow:active{transform:scale(.97)}
.stage-count{position:absolute;left:14px;bottom:14px;z-index:2;margin:0;padding:6px 10px;background:rgba(255,252,245,.92);border:1px solid var(--rule-paper);color:var(--wine);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:700px){.stage-arrow{width:44px;height:44px;margin-top:-22px}.stage-prev{left:8px}.stage-next{right:8px}}

.mini-book.product-book.cover-img{width:66%}
.thumb-cover .mini-book.cover-img{width:74%;padding:0}
.related-card .mini-book.cover-img{width:72%}
.stage-cover .shop-tag{display:none}
/* 4e de couverture : la reliure est à droite */
.mini-book.cover-img.dos{border-radius:4px 1px 1px 4px}
.mini-book.cover-img.dos::before{background:linear-gradient(270deg,rgba(0,0,0,.4),rgba(255,255,255,.16) 3%,rgba(0,0,0,.1) 6%,transparent 10%)}
.thumb-cover .mini-book.cover-img.dos{transform:rotate(4deg)}
.thumbs.thumbs-6{grid-template-columns:repeat(6,minmax(0,1fr))}