/* Blocs de présentation d'un fermoir, partagés par la modale de l'étape 05
   et la page vitrine /fermoirs. Toute règle utilisée par les deux vit ici. */
.clasp-diagram{margin:0 0 18px;padding:12px;border:1px solid rgba(185,141,73,.16);border-radius:var(--ba-radius-sm);background:radial-gradient(circle at 50% 55%,#161512,#0a0a09 76%)}.clasp-diagram svg{display:block;width:100%;height:auto;max-height:180px;color:var(--ba-gold)}.clasp-diagram text{fill:var(--ba-gold-light)}.clasp-diagram figcaption{margin-top:6px;text-align:center;font:600 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ba-text-muted)}
.clasp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.clasp-points>div{display:grid;gap:5px;padding:12px;border:1px solid #2a2621;border-radius:var(--ba-radius-sm);background:#100f0d}.clasp-points b{font:600 11.5px/1.3 var(--sans);letter-spacing:.02em;color:var(--ba-text)}.clasp-points small{font:400 11px/1.5 var(--sans);color:var(--ba-text-muted)}
.clasp-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px 18px;margin:0 0 16px;padding:0;list-style:none}.clasp-badges li{position:relative;padding-left:19px;font:400 11.5px/1.5 var(--sans);color:var(--ba-text-muted)}.clasp-badges li:before{content:'✓';position:absolute;left:0;color:var(--ba-gold)}
.clasp-comparison{margin:0 0 16px;padding:14px;border:1px solid rgba(185,141,73,.16);border-radius:var(--ba-radius-sm);background:#100f0d}.clasp-comparison h3{margin:0 0 6px;font:600 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ba-gold-light)}.clasp-comparison p{margin:0 0 12px;font:400 11.5px/1.5 var(--sans);color:var(--ba-text-muted)}.clasp-comparison table{width:100%;border-collapse:collapse;table-layout:fixed}.clasp-comparison col.is-label{width:46%}.clasp-comparison th,.clasp-comparison td{padding:7px 10px;text-align:left;border-bottom:1px solid #221f1b;font:400 11.5px/1.4 var(--sans)}.clasp-comparison thead th{font-weight:600;color:var(--ba-gold-light);text-align:center}.clasp-comparison thead th:first-child{text-align:left}.clasp-comparison tbody th{font-weight:400;color:var(--ba-text-muted)}.clasp-comparison td{text-align:center}.clasp-stars{letter-spacing:.12em;color:var(--ba-gold)}
.clasp-detail-ideal{margin:0;padding:11px 13px;border-left:2px solid var(--ba-gold);background:rgba(185,141,73,.07);font:400 12px/1.55 var(--sans);color:var(--ba-text)}
@media(max-width:820px){.clasp-points{grid-template-columns:1fr}.clasp-badges{grid-template-columns:1fr}.clasp-comparison{padding:12px}.clasp-comparison th,.clasp-comparison td{padding:6px 5px;font-size:10.5px}}