/* instruments-insolites.fr : cabinet de curiosités sombre et coloré. Une seule largeur (--w). Le fil rouge : les cordes colorées, jouables partout. */
@font-face{font-family:'Gloock';src:url('/fonts/gloock-normal.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/fonts/instrument-sans-normal.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--v9or091:#120d20;--v3goscm:#1c1430;--v9gr56a:#2a2047;--v7ueipo:#463a6b;--vcxqv70:#f1ecfa;--v6j32ve:#c9c0e0;--v0ez5xw:#ffb627;--v7utwip:#ff5a7a;--v5lyyr2:#35e0c8;--vamssr2:#7aa8ff;--v5jmq6y:var(--v0ez5xw);--w:1160px;--v63n6kj:24px;--vd5ck8f:#2e2550}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--v9or091);color:var(--vcxqv70);font:400 1.0625rem/1.65 'Instrument Sans',system-ui,sans-serif}
img,svg,canvas{display:block;max-width:100%}
img{height:auto}
a{color:var(--v5jmq6y)}
a:hover{color:#fff}
h1,h2,h3{font-family:'Gloock',Georgia,serif;font-weight:400;line-height:1.14;margin:0}
h1{font-size:clamp(2.4rem,5.6vw,4.4rem);margin-bottom:14px}
h2{font-size:clamp(1.8rem,3.4vw,2.7rem);margin-bottom:22px}
h3,h2.cbvlmp4{font-size:1.42rem;margin:0 0 10px}
p{margin:0 0 16px}
.c7k2x7a{max-width:var(--w);margin:0 auto;padding:0 var(--v63n6kj)}
.ca8iqih{position:absolute;left:-999px}
.ca8iqih:focus{left:12px;top:12px;background:#fff;color:#000;padding:8px 12px;z-index:9}

/* En-tête */
.ce3c352{background:var(--v9or091);border-bottom:1px solid var(--v7ueipo)}
.ce3c352 .c7k2x7a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}
.logo img{height:54px;width:auto}
#nav{display:flex;align-items:center;gap:6px}
#nav>a,.c5x0sqj>button{background:none;border:0;color:var(--vcxqv70);font:600 .98rem 'Instrument Sans',sans-serif;padding:10px 12px;text-decoration:none;cursor:pointer}
#nav>a:hover,.c5x0sqj>button:hover{color:var(--v0ez5xw)}
.c5x0sqj{position:relative}
.c5x0sqj>button::after{content:'';display:inline-block;margin-left:7px;border:5px solid transparent;border-top-color:currentColor;transform:translateY(3px)}
.pan{display:none;position:absolute;right:0;top:100%;z-index:6;width:360px;background:var(--v9gr56a);border:1px solid var(--v7ueipo);border-top:3px solid var(--v0ez5xw);padding:8px}
.c5x0sqj>button[aria-expanded=true]+.pan{display:block}
.pan a{display:block;padding:9px 12px;color:var(--vcxqv70);text-decoration:none;font-weight:600}
.pan a span{display:block;font-weight:400;font-size:.9rem;color:var(--v6j32ve)}
.pan a:hover{background:var(--v3goscm);color:var(--v0ez5xw)}
#b-menu{display:none;background:none;border:1px solid var(--v7ueipo);color:var(--vcxqv70);padding:9px 14px;font:600 1rem 'Instrument Sans',sans-serif;cursor:pointer}

/* Vitrines plein cadre : seule la photo va bord à bord, le contenu reste sur la grille */
.c1p1nmw{position:relative;background-size:cover;background-position:center;isolation:isolate}
.c1p1nmw::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,13,32,.9) 0%,rgba(18,13,32,.58) 46%,rgba(18,13,32,0) 78%)}
.c1p1nmw .c7k2x7a{padding-top:64px;padding-bottom:64px}
.c1p1nmw h1,.c1p1nmw h2{max-width:13em}
.c1p1nmw .cfhadi6{font-size:1.24rem;max-width:32em;color:#fff}
.c1p1nmw.c6c5zb3{min-height:480px;display:flex;align-items:flex-end}
.c1p1nmw.c6c5zb3 .c7k2x7a{width:100%}
.c985aex{font-size:.92rem;margin:0 0 18px;color:var(--v6j32ve)}
.c985aex a{color:var(--v6j32ve)}
.c8mtakr{display:inline-block;font-weight:700;font-size:.86rem;letter-spacing:.09em;text-transform:uppercase;color:var(--v5jmq6y);margin:0 0 10px}
.cce7bq8{font-size:.94rem;color:var(--v6j32ve);margin:0}

/* Accueil : les vitrines défilent en grand, une par famille */
.cg0i3k5{min-height:440px;display:flex;align-items:center}
.cg0i3k5 .c7k2x7a{width:100%}
.cg0i3k5:nth-of-type(even)::before{background:linear-gradient(270deg,rgba(18,13,32,.9) 0%,rgba(18,13,32,.58) 46%,rgba(18,13,32,0) 78%)}
.cg0i3k5:nth-of-type(even) .c4641f7{margin-left:auto}
.c4641f7{max-width:560px}
.c4641f7 .cc98pbz{font:400 1rem 'Gloock',serif;color:var(--v5jmq6y)}
.c4641f7 p{color:#fff}
.c4641f7 .btn{margin-top:6px}

/* Plaque à gratter */
.c1ypdnv{margin-top:30px;background:rgba(18,13,32,.86);border:1px solid var(--v7ueipo);padding:18px}
.c1ypdnv canvas{width:100%;height:176px;touch-action:pan-y;cursor:grab;background:linear-gradient(180deg,#221a3b,#171127)}
.capupqy{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.capupqy button{flex:1 1 72px;background:var(--v9gr56a);color:var(--vcxqv70);border:1px solid var(--v7ueipo);font:600 1rem 'Instrument Sans',sans-serif;padding:10px 6px;cursor:pointer}
.capupqy button[aria-pressed=true]{background:var(--v0ez5xw);border-color:var(--v0ez5xw);color:#1a1205}
.capupqy.ccws4gy button{flex:0 1 auto;padding:6px 14px;font-size:.92rem}
.capupqy.ccws4gy button[aria-pressed=true]{background:var(--v5lyyr2);border-color:var(--v5lyyr2);color:#06201d}
.ccj67xo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;font-size:.95rem;color:var(--v6j32ve);margin:12px 0 0}
.ccj67xo b{color:var(--v0ez5xw);font-weight:600}
.c8edh3q{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.c2w6blc{width:100%;height:34px;touch-action:pan-y;cursor:grab}

/* Sections à fonds alternés */
.cbgvmte{padding:60px 0}
.cbgvmte:nth-of-type(even){background:var(--v3goscm)}
.txt a{color:#ffd27a}
.txt h3{color:var(--v5jmq6y)}
.txt{column-count:2;column-gap:44px;font-size:1.125rem;line-height:1.72;background:var(--vd5ck8f);color:#fff;padding:26px 30px;margin-bottom:6px}
.txt+.txt{margin-top:18px}
.txt.un{column-count:1}
.txt ul,.txt ol{break-inside:avoid}
.txt h3,.txt h2{break-after:avoid;padding-top:6px}
.txt ul,.txt ol{padding-left:22px;margin:0 0 16px}
.txt li{margin-bottom:6px}
.c0rkyt4{margin:22px 0}
.c0rkyt4:last-child{margin-bottom:0}
.celmpfw{background:var(--v9gr56a);padding:18px 0}
.celmpfw ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;padding:0}
.celmpfw a{color:var(--vcxqv70);text-decoration:none;font-weight:600;font-size:.96rem}
.celmpfw a:hover{color:var(--v0ez5xw)}

/* Cartels : la fiche produit d'un cabinet de curiosités */
.cb8ee45{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cb8ee45.cbw272s{grid-template-columns:repeat(2,1fr)}
.c9hdyj5{display:flex;flex-direction:column;background:var(--v9gr56a);border-top:4px solid var(--v5jmq6y)}
.c9hdyj5 .ce34yq6{background:#fff;padding:14px;height:230px;display:flex;align-items:center;justify-content:center}
.c9hdyj5 .ce34yq6 img{height:100%;width:100%;object-fit:contain}
.c9hdyj5 .ceoukht{padding:16px 18px 8px;flex:1}
.c9hdyj5 .c6ha5g6{font:400 .95rem 'Gloock',serif;color:var(--v5jmq6y);margin:0}
.c9hdyj5 .c4an2nw{font:400 1.32rem/1.2 'Gloock',serif;margin:2px 0 8px}
.c9hdyj5 .c2v6r1w{margin:0 0 10px;color:var(--v6j32ve);font-size:.98rem}
.c9hdyj5 dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0 0 10px;font-size:.94rem}
.c9hdyj5 dt{color:var(--v6j32ve)}
.c9hdyj5 dd{margin:0}
.c1nv33y{font-size:.92rem;color:var(--v6j32ve);margin:0 0 10px}
.c1nv33y b{color:var(--v0ez5xw)}
.btn{display:block;text-align:center;background:var(--v0ez5xw);color:#1a1205;font-weight:700;text-decoration:none;padding:13px 16px}
.btn:hover{background:#fff;color:#1a1205}
.btn.cbvlmp4{display:inline-block;padding:8px 14px;font-size:.92rem}
.ce40fyq{display:block;text-align:center;padding:9px;font-weight:600;font-size:.95rem}
.ceedywj{display:grid;grid-template-columns:96px 1fr minmax(220px,auto);gap:18px;align-items:center;background:var(--v9gr56a);border-left:4px solid var(--v5jmq6y);padding:12px 18px 12px 12px}
.ceedywj .ce34yq6{background:#fff;padding:6px}
.ceedywj p{margin:0}
.ceedywj b{display:block;font:400 1.2rem 'Gloock',serif}
.ceedywj span{color:var(--v6j32ve);font-size:.96rem}
.casdcko{background:var(--v9gr56a);border-left:4px solid var(--v5lyyr2);padding:16px 20px}
.casdcko p:last-child{margin-bottom:0}
.casdcko.c871er8{border-left-color:var(--v7utwip)}
figure{margin:0}
.ccjaoao img{width:100%;height:auto;max-height:560px;object-fit:cover}
figcaption{font-size:.92rem;color:var(--v6j32ve);padding-top:8px}
.c4pgw4a{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.98rem}
th{text-align:left;background:var(--v9gr56a);padding:11px 12px;font-weight:700;white-space:nowrap}
th[data-sort]{cursor:pointer}
th[data-sort]::after{content:' ↕';color:var(--v6j32ve)}
td{padding:11px 12px;border-bottom:1px solid var(--v7ueipo);vertical-align:middle}
.ccz8vs9{display:flex;align-items:center;gap:10px;font-weight:600}
.ccz8vs9 img{background:#fff;padding:3px;flex:none;width:52px;height:52px;object-fit:contain}
.c2va8gp{counter-reset:s;list-style:none;padding:0!important}
.c2va8gp li{counter-increment:s;position:relative;padding-left:40px;margin-bottom:12px}
.c2va8gp li::before{content:counter(s);position:absolute;left:0;top:0;font:400 1.5rem/1.2 'Gloock',serif;color:var(--v5jmq6y)}

/* Avis : fiche à côté du titre, deux colonnes égales */
.cd1wbrt{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.c04fpue{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;background:var(--v9gr56a);padding:20px}
.c04fpue .c0hcttw{font:400 3.6rem/1 'Gloock',serif;color:var(--v0ez5xw);text-align:center}
.c04fpue .c0hcttw small{display:block;font:600 .9rem 'Instrument Sans',sans-serif;color:var(--v6j32ve);margin-top:6px}
.c04fpue ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 28px}
.c04fpue li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--v7ueipo);padding-bottom:4px}
.c04fpue li b{color:var(--v0ez5xw)}

/* Sélecteur de l'accueil */
.cg4yquu{font-size:1.15rem;margin-bottom:12px}
.c63gl74 button{font-size:1rem;padding:9px 16px}
.c8753ex{color:var(--v0ez5xw);font-weight:600;margin:12px 0 16px}
.c2iv9ho{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.c3l721g{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:190px;color:#fff;text-decoration:none;overflow:hidden;background:var(--v9gr56a);transition:opacity .25s,filter .25s}
.c3l721g img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c3l721g::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,13,32,.05) 35%,rgba(18,13,32,.9) 100%)}
.c3l721g b,.c3l721g span{position:relative;z-index:1;padding:0 14px}
.c3l721g b{font:400 1.32rem 'Gloock',serif}
.c3l721g span{font-size:.95rem;padding-bottom:12px}
.c3l721g:hover{color:var(--v0ez5xw)}
.c3l721g[data-eteint]{opacity:.22;filter:grayscale(1)}

/* Questions */
details{border-bottom:1px solid var(--v7ueipo)}
summary{cursor:pointer;font-weight:700;padding:14px 0;font-size:1.08rem}
summary:hover{color:var(--v0ez5xw)}
details p{color:var(--v6j32ve);margin-bottom:14px}

/* Pied de page */
.cfovtav{background:#0b0815;padding:46px 0 26px;font-size:.96rem}
.cfovtav .c8stcwq{display:grid;grid-template-columns:repeat(5,1fr);gap:26px}
.cfovtav p.t{font:400 1.14rem 'Gloock',serif;margin:0 0 8px}
.cfovtav ul{list-style:none;margin:0;padding:0}
.cfovtav li{margin-bottom:5px}
.cfovtav a{color:var(--v6j32ve);text-decoration:none}
.cfovtav a:hover{color:var(--v0ez5xw)}
.cfovtav .c4kb45v{border-top:1px solid var(--v7ueipo);margin-top:28px;padding-top:16px;color:var(--v6j32ve);font-size:.9rem}

@media(max-width:1000px){
 #b-menu{display:block}
 #nav{display:none;position:absolute;left:0;right:0;top:84px;z-index:6;background:var(--v9gr56a);flex-direction:column;align-items:stretch;padding:8px var(--v63n6kj) 16px}
 #nav[data-ouvert]{display:flex}
 .ce3c352 .c7k2x7a{position:relative}
 .ce3c352{position:relative}
 .pan{position:static;width:auto;border:0;background:none}
 .cb8ee45{grid-template-columns:repeat(2,1fr)}
 .c2iv9ho{grid-template-columns:repeat(3,1fr)}
 .cd1wbrt{grid-template-columns:1fr}
 .cfovtav .c8stcwq{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 :root{--v63n6kj:16px}
 .txt{column-count:1;padding:20px 18px}
 .c2iv9ho{grid-template-columns:repeat(2,1fr)}
 .c3l721g{min-height:150px}
 .c1p1nmw::before,.cg0i3k5:nth-of-type(even)::before{background:rgba(18,13,32,.74)}
 .c1p1nmw .c7k2x7a{padding-top:40px;padding-bottom:40px}
 .cbgvmte{padding:42px 0}
 .cb8ee45,.cb8ee45.cbw272s{grid-template-columns:1fr}
 .ceedywj{grid-template-columns:72px 1fr}
 .ceedywj .btn{grid-column:1/-1}
 .c04fpue{grid-template-columns:1fr}
 .c04fpue ul{grid-template-columns:1fr}
 .c1ypdnv{padding:12px}
 .c1ypdnv canvas{height:150px}
 .logo img{height:44px}
 .cfovtav .c8stcwq{grid-template-columns:1fr 1fr}
}