/* famille.css : composants ajoutés le 29/09/2026 (tableaux, famille R36, pages produits). Tokens du style.css (DA Arcade Club). */
.sys-table{width:100%;border-collapse:separate;border-spacing:0;margin:8px 0 24px;border:3px solid var(--ink);border-radius:16px;overflow:hidden;box-shadow:var(--sh);font-weight:700;font-size:.96rem;background:#fff}
.sys-table th,.sys-table td{padding:11px 13px;text-align:left;border-bottom:2px solid var(--ink);vertical-align:top}
.sys-table thead th{background:var(--blue);color:#fff;font-family:var(--disp);font-weight:400;letter-spacing:.02em}
.sys-table tbody tr:nth-child(odd){background:var(--paper)}
.sys-table tbody tr:nth-child(even){background:#fff9ec}
.sys-table tbody tr:last-child td{border-bottom:none}
.sys-table td:first-child,.sys-table th[scope=row]{font-family:var(--disp);font-weight:400;color:var(--ink)}
.q{display:inline-block;padding:2px 9px;border-radius:999px;border:2px solid var(--ink);font-size:.78rem;font-weight:800;white-space:nowrap}
.q-top{background:var(--green)}.q-good{background:var(--yellow)}.q-mid{background:#ffd9a8}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}

/* bloc réponse courte (extrait) */
.answer{background:#fff;border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--sh);padding:22px 24px;margin:0 auto;max-width:880px}
.answer p{margin:0 0 10px;font-size:1.08rem;line-height:1.6}
.answer p:last-child{margin-bottom:0}
.prose{max-width:880px;margin:0 auto}
.prose p,.prose li{font-size:1.04rem;line-height:1.65}
.prose h3{font-size:1.28rem;margin:22px 0 8px}
.prose ul,.prose ol{padding-left:1.2em;margin:0 0 14px}
.prose li{margin-bottom:6px}
.prose a,.answer a{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:980px;margin:0 auto}
.two-col .gcard ul{padding-left:1.1em;margin:8px 0 0}
.two-col .gcard li{margin-bottom:5px;line-height:1.5}
@media (max-width:760px){.two-col{grid-template-columns:1fr}}

/* famille R36 */
.fam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.fam-card{display:flex;flex-direction:column;background:#fff;border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--sh);overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .15s}
.fam-card:hover{transform:translate(-2px,-2px)}
.fam-card img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:var(--paper);border-bottom:3px solid var(--ink)}
.fam-card .fc-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.fam-card b.fc-name{font-family:var(--disp);font-weight:400;font-size:1.3rem;line-height:1.1}
.fam-card .fc-spec{font-size:.92rem;line-height:1.45;font-weight:700;opacity:.85}
.fam-card .fc-price{margin-top:auto;font-weight:900;font-size:1.05rem}
.fam-card .fc-soon{margin-top:auto;display:inline-block;align-self:flex-start;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;font-weight:800;font-size:.85rem}
.fam-card.is-here{outline:4px dashed var(--pink);outline-offset:-10px}

/* pages produits */
.crumbs{font-weight:800;font-size:.9rem;margin:18px 0 0}
.crumbs a{color:var(--ink)}
.crumbs span{opacity:.7}
.pp-gallery{display:flex;flex-direction:column;gap:12px}
.pp-gallery .pp-main{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--sh);background:var(--paper)}
.pp-thumbs{display:flex;gap:10px;flex-wrap:wrap}
.pp-thumbs button{padding:0;border:3px solid var(--ink);border-radius:12px;overflow:hidden;width:68px;height:68px;background:var(--paper);cursor:pointer}
.pp-thumbs button[aria-pressed=true]{outline:3px solid var(--pink);outline-offset:2px}
.pp-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.pp-lead{font-size:1.05rem;line-height:1.55;margin:6px 0 14px}
.pp-hl{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:6px}
.pp-hl li{font-weight:700;line-height:1.4;padding-left:26px;position:relative}
.pp-hl li::before{content:"";position:absolute;left:0;top:.28em;width:15px;height:15px;border-radius:4px;background:var(--green);border:2px solid var(--ink)}
.cap.off{opacity:.55;cursor:not-allowed}
.soon-box{background:var(--yellow);border:3px solid var(--ink);border-radius:var(--r-lg);padding:16px 18px;font-weight:800;line-height:1.5;box-shadow:var(--sh)}
.soon-box a{color:var(--ink)}
.pp-note{font-size:.9rem;font-weight:700;opacity:.8;margin:8px 0 0}
.pp-box{font-weight:700;font-size:.95rem;margin:10px 0 0;line-height:1.5}

/* pages produits : mise en page (ajout 29/09 soir) */
.pp-shop{padding:36px 0 50px}
.pp-shop .pp-gallery{position:sticky;top:90px}
.pp-h1{font-size:clamp(1.8rem,4vw,2.5rem);margin:10px 0 6px}
.pp-sec{padding:44px 0}
.pp-sec.alt{background:var(--paper);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.pp-sec h2{font-size:clamp(1.7rem,3.6vw,2.4rem);margin:0 0 14px}
.pp-cap{caption-side:top;text-align:left;font-weight:800;padding:0 0 8px;font-size:.95rem}
.pp-cmp th,.pp-cmp td{min-width:120px}
.crumbs{display:block}
@media (max-width:860px){.pp-shop .pp-gallery{position:static}}
.pp-sec .prose p{margin:0 0 12px}
.pp-sec .prose h3{margin:20px 0 8px}
.pp-sec .prose .tbl-wrap{margin-top:8px}

/* option pack protection (30/09) */
.packs .cap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.packs .cap small{line-height:1.35;font-size:.82rem}
.packs .cap-pack img{width:44px;height:44px;border-radius:8px;border:2px solid var(--ink);object-fit:cover}