/* Nos collections — vignettes détourées sur fond « studio » et fiche produit en verre. */
.collections-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.collections-tabs button{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 18px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:var(--blur-soft);backdrop-filter:var(--blur-soft);font:500 14px var(--font-body);color:var(--choco);transition:background var(--t-fast),color var(--t-fast)}
.collections-tabs button:hover{background:rgba(255,255,255,.85)}
.collections-tabs button[aria-pressed=true]{background:var(--choco);border-color:var(--choco);color:var(--cream)}
.collections-tabs .count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:rgba(183,131,73,.2);font:600 11px var(--font-body)}
.collections-tabs button[aria-pressed=true] .count{background:rgba(252,247,236,.2)}
.collections-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
.produit-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-edge);box-shadow:var(--shadow-1);overflow:hidden;transition:transform var(--t-slow) var(--ease),box-shadow var(--t-slow) var(--ease)}
.produit-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2)}
.produit-visuel{position:relative;aspect-ratio:4/3;display:grid;place-items:center;padding:22px;background:radial-gradient(70% 55% at 50% 82%,rgba(74,37,16,.16),transparent 70%),radial-gradient(90% 80% at 50% 30%,#FFFFFF,#F1E7D6 80%)}
.produit-visuel img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(42,27,16,.22));transition:transform var(--t-slow) var(--ease)}
.produit-card:hover .produit-visuel img{transform:scale(1.05)}
.produit-vues{position:absolute;top:14px;left:14px;padding:5px 12px;border-radius:var(--r-pill);background:var(--glass-strong);border:1px solid var(--glass-edge);font:600 11px var(--font-body);color:var(--choco)}
.produit-corps{display:flex;flex-direction:column;gap:6px;padding:20px 22px 22px}
.produit-corps .eyebrow{margin:0;font-size:10px}
.produit-corps h3{margin:0;font-size:34px}
.produit-dim{margin:0;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.produit-ouvrir{align-self:flex-start;margin-top:8px;min-height:44px;padding:0;border:0;border-bottom:1px solid var(--caramel);background:none;font:600 13px var(--font-body);color:var(--choco)}
/* Toute la carte reste cliquable, le bouton porte le nom accessible. */
.produit-ouvrir:after{content:'';position:absolute;inset:0;border-radius:var(--r-lg)}
.produit-ouvrir:focus-visible{outline:none}
.produit-ouvrir:focus-visible:after{outline:3px solid var(--caramel);outline-offset:-3px}
.collections-note{margin:26px 0 0;font-size:13px;color:var(--muted)}

/* Fiche */
.in-produit{overflow:hidden}
.produit-dialog{width:min(1120px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--glass-edge);border-radius:32px;background:var(--glass-strong);-webkit-backdrop-filter:saturate(150%) blur(26px);backdrop-filter:saturate(150%) blur(26px);color:var(--ink);box-shadow:0 40px 100px -30px rgba(0,0,0,.55);overflow:auto}
.produit-dialog::backdrop{background:rgba(42,27,16,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.produit-dialog:not([open]){display:none}
.produit-dialog[open]{animation:produit-in .45s var(--ease)}
@keyframes produit-in{from{opacity:0;transform:translateY(24px) scale(.98)}}
.produit-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.produit-layout>*{min-width:0}
.produit-dialog{overflow-x:hidden}
.produit-galerie{display:flex;flex-direction:column;gap:14px;padding:24px;background:radial-gradient(70% 45% at 50% 78%,rgba(74,37,16,.14),transparent 70%),radial-gradient(90% 80% at 50% 30%,#FFFFFF,#F1E7D6 85%)}
.produit-scene{position:relative;flex:1;min-height:340px;display:grid;place-items:center}
#produit-image{width:100%;max-height:520px;object-fit:contain;filter:drop-shadow(0 26px 24px rgba(42,27,16,.25))}
#produit-vue{position:absolute;left:0;top:0;padding:6px 14px;border-radius:var(--r-pill);background:var(--glass-strong);border:1px solid var(--glass-edge);font:600 11px var(--font-body);letter-spacing:.08em;color:var(--choco)}
.produit-thumbs{display:flex;gap:8px;overflow-x:auto;padding:2px}
.produit-thumbs button{flex:none;width:76px;height:60px;padding:4px;border-radius:var(--r-sm);border:1px solid var(--line);background:rgba(255,255,255,.7);transition:border-color var(--t-fast)}
.produit-thumbs button[aria-pressed=true]{border:2px solid var(--choco)}
.produit-thumbs img{width:100%;height:100%;object-fit:contain}
.produit-infos{position:relative;padding:44px 40px 36px}
.produit-fermer{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--glass-strong);font-size:24px;line-height:1;color:var(--choco)}
.produit-infos .eyebrow{margin-bottom:10px}
.produit-infos h2{font-size:clamp(44px,5vw,64px);margin-bottom:16px}
#produit-description{font-size:16px;color:var(--muted)}
#produit-atouts{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:8px}
#produit-atouts li{display:flex;gap:10px;font-size:15px}
#produit-atouts li:before{content:'';flex:none;width:8px;height:8px;margin-top:8px;border-radius:50%;background:var(--caramel)}
.produit-dims{margin-bottom:24px;padding:16px 18px;border-radius:var(--r-md);background:rgba(255,255,255,.65);border:1px solid var(--line)}
.produit-dims h3{font:600 11px var(--font-body);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px}
#produit-dimensions ul{margin:0 0 6px;padding-left:18px;font:600 15px var(--font-body);font-variant-numeric:tabular-nums}
#produit-dimensions p{margin:0;font-size:13px;color:var(--muted)}
.produit-actions{display:flex;flex-wrap:wrap;gap:10px}
.produit-actions .button{min-height:50px}
.produit-mention{margin:18px 0 0;font-size:12px;color:var(--muted)}

@media(max-width:860px){.produit-layout{grid-template-columns:minmax(0,1fr)}.produit-scene{min-height:240px}#produit-image{max-height:300px}.produit-infos{padding:28px 22px 26px}}
@media(max-width:720px){.collections-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.produit-corps{padding:14px}.produit-corps h3{font-size:26px}.produit-visuel{padding:12px}.produit-vues{top:8px;left:8px;font-size:10px;padding:4px 8px}.produit-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:24px}.produit-actions .button{width:100%;justify-content:center}}
@media(max-width:720px){.produit-corps .eyebrow{font-size:9px;letter-spacing:.12em}.produit-dim{font-size:12px}.produit-ouvrir{font-size:12px}}
@media(max-width:340px){.collections-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.produit-dialog[open]{animation:none}.produit-card:hover,.produit-card:hover .produit-visuel img{transform:none}}
.reduce-motion .produit-card:hover,.reduce-motion .produit-card:hover .produit-visuel img{transform:none}