/* Une seule surface claire pour la collection, la réalisation et le décor. */
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog{
  --inspiration-paper:#f5f3ee;--inspiration-ink:#302f2b;--inspiration-muted:#696761;--inspiration-line:#d8d5ce;
  width:min(1480px,calc(100% - 56px));max-width:none;max-height:calc(100svh - 48px);
  padding:0;margin:auto;border:1px solid #dad7d0;border-radius:4px;background:var(--inspiration-paper);color:var(--inspiration-ink);
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 22px 90px #0004;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog[open]{display:block;grid-template-columns:none}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog::backdrop{background:#272722c2;backdrop-filter:blur(5px)}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog>.dialog-close{
  position:sticky;display:grid;place-items:center;top:16px;right:auto;z-index:12;
  width:48px;height:48px;min-width:44px;min-height:44px;margin:16px 18px -64px auto;padding:0;
  border:1px solid #d6d3cd;border-radius:50%;background:#f5f3eef5;color:var(--inspiration-ink);font:400 27px/1 sans-serif;cursor:pointer;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-header{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 32px;
  padding:36px 44px 32px;background:transparent;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-header>:is(.eyebrow,.realisation-category,.supplier-card-brand){
  grid-column:1/-1;margin:0;padding-right:62px;color:#7a7871;font:500 13px/1.4 'Manrope',sans-serif;letter-spacing:.025em;text-transform:uppercase;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-header>:is(#collection-title,#realisation-title,#worktop-title){
  grid-column:1;margin:0;padding:0;font:400 clamp(48px,4.25vw,64px)/1.08 'Manrope',sans-serif!important;
  letter-spacing:-.045em;color:var(--inspiration-ink);overflow-wrap:anywhere;text-wrap:balance;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-header>p:not(.eyebrow,.realisation-category,.supplier-card-brand){
  grid-column:2;margin:0 0 6px;max-width:30ch;color:var(--inspiration-muted);font:400 12px/1.6 'Manrope',sans-serif;text-align:right;letter-spacing:0;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-layout{
  display:grid;grid-template-columns:minmax(0,2.05fr) minmax(270px,.95fr);align-items:start;gap:40px;padding:0 44px 42px;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-layout>:first-child{
  position:static;display:block;align-self:start;min-width:0;margin:0;padding:0;background:transparent;color:var(--inspiration-ink);
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog :is(.realisation-main-photo,.realisation-photo-frame,.collection-photo,.worktop-dialog-media){
  position:relative;margin:0;padding:0;min-width:0;min-height:0;height:auto;max-height:none;border:0;border-radius:0;background:transparent;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog :is(.realisation-photo-frame,.collection-photo,.worktop-dialog-media){
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .collection-photo{width:100%;cursor:zoom-in}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog :is(#collection-image,#realisation-image,#worktop-image){
  display:block;position:static;width:auto;height:auto;min-height:0;max-width:100%;max-height:min(62svh,720px);margin:0 auto;padding:0;
  aspect-ratio:auto;object-fit:contain;object-position:center;filter:none;transform:none;background:transparent;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog :is(.inspiration-expand,.inspiration-expand-indicator){
  position:absolute;right:14px;bottom:14px;z-index:3;display:grid;place-items:center;flex:none;
  width:44px;height:44px;min-height:44px;margin:0;padding:11px;border:0;border-radius:50%;background:#fffdf7f2;color:#302f2b;
  font-size:0;box-shadow:0 1px 4px #0002;cursor:zoom-in;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog :is(.inspiration-expand,.inspiration-expand-indicator) svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-photo-meta{
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:12px 0 16px;padding:0;border:0;
  color:var(--inspiration-ink);font:400 12px/1.6 'Manrope',sans-serif;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-photo-meta>*{
  margin:0;padding:0;min-height:0;font:inherit;color:inherit;letter-spacing:0;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-photo-meta .realisation-counter{flex:none;white-space:nowrap;font-variant-numeric:tabular-nums}
html body #realisation-dialog.inspiration-dialog .realisation-controls{display:none}
html body #realisation-dialog.inspiration-dialog #realisation-views{
  display:flex;align-items:start;gap:12px;flex-wrap:wrap;margin:0;padding:0;background:transparent;
}
html body #realisation-dialog.inspiration-dialog #realisation-views button{
  position:relative;display:block;flex:none;width:106px;height:74px;min-width:0;min-height:44px;margin:0;padding:3px;
  border:1px solid transparent;border-radius:0;background:transparent;font-size:0;color:transparent;cursor:pointer;
}
html body #realisation-dialog.inspiration-dialog #realisation-views button[aria-pressed=true]{border-color:#56534e;background:transparent;color:transparent}
html body #realisation-dialog.inspiration-dialog #realisation-views img{display:block;width:98px;height:66px;margin:0;padding:0;object-fit:cover;border:0}
html body #realisation-dialog.inspiration-dialog #realisation-views button>span{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-copy{
  position:static;min-width:0;margin:0;padding:20px 0 0;background:transparent;color:var(--inspiration-ink);
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-editorial-title{
  margin:0 0 28px;padding:0;font:400 clamp(29px,2.8vw,40px)/1.18 'Manrope',sans-serif;letter-spacing:-.045em;text-wrap:balance;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-copy>.realisation-story-section{border:0;margin:0;padding:0}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-copy>p:not(.selection-share,.small-note,.supplier-credit,.realisation-credit),
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-copy>.realisation-story-section>p{
  max-width:none;margin:0 0 36px;padding:0;color:var(--inspiration-muted);font:400 16px/1.75 'Manrope',sans-serif;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-details{
  margin:0 0 36px;padding:0;border-top:1px solid var(--inspiration-line);border-bottom:1px solid var(--inspiration-line);background:transparent;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-details>summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;margin:0;padding:18px 0;list-style:none;
  color:#65625c;font:400 16px/1.5 'Manrope',sans-serif;cursor:pointer;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-details>summary::-webkit-details-marker{display:none}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-details>summary::after{content:'+';font:300 30px/1 sans-serif;color:#4d4b46}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-details[open]>summary::after{content:'−'}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-details>:not(summary){
  max-width:none;border:0;margin:0 0 20px;padding:0;color:var(--inspiration-muted);font:400 13px/1.8 'Manrope',sans-serif;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-details .collection-facts{display:grid;grid-template-columns:1fr;gap:14px}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-details .collection-facts :is(dt,dd){margin:0;font-size:13px;line-height:1.8}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-details .collection-facts dt{color:#48463f;font-weight:500}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-details ul{list-style:none}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-details li+li{margin-top:8px}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-project-link{
  display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin:0;padding:15px 18px;border:1px solid #565750;border-radius:0;
  background:#565750;color:#fff;font:500 14px/1.4 'Manrope',sans-serif;text-align:center;text-decoration:none;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-project-link:hover{background:#41433d;border-color:#41433d;color:#fff}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .selection-share{margin:40px 0 0;padding:0;border:0;font-size:12px}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .selection-share button{
  min-height:44px;padding:8px 0;border:0;background:none;color:var(--inspiration-ink);font:400 12px/1.5 'Manrope',sans-serif;text-decoration:underline;text-underline-offset:5px;cursor:pointer;
}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog :is(button,a,summary):focus-visible{outline:2px solid #55534b;outline-offset:4px}
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .photo-arrow:focus-visible{outline-color:#fff;outline-offset:-5px}

/* Le zoom suit le cadre de la photo, avec fermeture en dehors de ce cadre. */
html body dialog.inspiration-photo-viewer{
  width:fit-content;max-width:calc(100vw - 40px);height:auto;max-height:calc(100svh - 32px);margin:auto;padding:0;
  border:0;border-radius:0;background:transparent;color:#fff;overflow:visible;box-shadow:none;
}
html body dialog.inspiration-photo-viewer[open]{display:block}
html body dialog.inspiration-photo-viewer::backdrop{background:#1c1b19db;backdrop-filter:blur(4px)}
html body dialog.inspiration-photo-viewer>figure{display:block;width:fit-content;max-width:100%;margin:0;padding:0;background:transparent}
html body dialog.inspiration-photo-viewer :is(img,.inspiration-viewer-image){
  display:block;width:auto;height:auto;max-width:calc(100vw - 48px);max-height:calc(100svh - 112px);min-height:0;
  padding:0;margin:auto;aspect-ratio:auto;object-fit:contain;object-position:center;background:transparent;border:0;filter:none;
}
html body dialog.inspiration-photo-viewer>.dialog-close{
  position:absolute;top:10px;right:10px;z-index:5;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;
  margin:0;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#242320b3;color:#fff;font:400 27px/1 sans-serif;cursor:pointer;
}
html body dialog.inspiration-photo-viewer figcaption{margin:0;padding:10px 4px 0;color:#e4e1da;font:400 12px/1.6 'Manrope',sans-serif;text-align:center}
html body dialog.inspiration-photo-viewer button:focus-visible{outline:2px solid #fff;outline-offset:3px}

@media(max-width:1100px){
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog{width:calc(100% - 32px)}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-header{padding:32px 30px 28px;gap:14px 24px}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-layout{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:28px;padding:0 30px 32px}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-editorial-title{font-size:30px}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-copy{padding-top:8px}
}
@media(max-width:760px){
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog{width:calc(100% - 20px);max-height:calc(100svh - 20px);border-radius:3px}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog>.dialog-close{top:10px;width:44px;height:44px;margin:10px 10px -54px auto}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-header{display:block;padding:25px 20px 24px}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-header>:is(.eyebrow,.realisation-category,.supplier-card-brand){margin:0 0 14px;padding-right:52px;font-size:11px}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-header>:is(#collection-title,#realisation-title,#worktop-title){font-size:clamp(30px,7.7vw,36px)!important;line-height:1.12!important}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-header>p:not(.eyebrow,.realisation-category,.supplier-card-brand){max-width:none;margin:12px 0 0;font-size:11px;text-align:left}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:0 20px 28px}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog :is(#collection-image,#realisation-image,#worktop-image){max-height:52svh}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog :is(.inspiration-expand,.inspiration-expand-indicator){right:9px;bottom:9px}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-photo-meta{margin:10px 0 12px;font-size:11px}
  html body #realisation-dialog.inspiration-dialog #realisation-views{gap:8px}
  html body #realisation-dialog.inspiration-dialog #realisation-views button{width:86px;height:64px;padding:3px}
  html body #realisation-dialog.inspiration-dialog #realisation-views img{width:78px;height:56px}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-copy{padding:0}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-editorial-title{font-size:29px;margin-bottom:20px}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-copy>p:not(.selection-share,.small-note,.supplier-credit,.realisation-credit),
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-copy>.realisation-story-section>p{font-size:15px;margin-bottom:28px}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-details{margin-bottom:28px}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .inspiration-details>summary{font-size:15px;min-height:56px}
  html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog .selection-share{margin-top:20px}
  html body dialog.inspiration-photo-viewer{max-width:calc(100vw - 20px)}
  html body dialog.inspiration-photo-viewer :is(img,.inspiration-viewer-image){max-width:calc(100vw - 24px);max-height:calc(100svh - 100px)}
}
/* Les états masqués des galeries et du partage priment sur leurs règles de présentation. */
html body :is(#collection-dialog,#realisation-dialog,#worktop-dialog).inspiration-dialog [hidden],
html body dialog.inspiration-photo-viewer [hidden]{display:none!important}