.art-product-directory {
  --directory-ink: #061f60;
  --directory-paper: #f8f7f4;
  --directory-line: #d6cfc1;
  padding: clamp(32px, 6vw, 80px) 0;
  color: var(--directory-ink);
  background: var(--directory-paper);
}
.art-product-directory section { padding: 0; margin: 0; }
.art-product-directory > .wrap > .art-product-directory-intro { margin-block-end: 24px; }
.art-product-directory h2 { margin: 0 0 8px; color: var(--directory-ink); }
.art-product-directory .art-product-directory-intro p { margin: 0 0 12px; max-width: 64ch; }
.art-product-directory .art-product-directory-intro > div, .art-product-directory li > div { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.art-product-directory a { display: inline-flex; align-items: center; min-height: 44px; color: var(--directory-ink); font-weight: 650; text-decoration: underline; text-underline-offset: .25em; }
.art-product-directory a:focus-visible { outline: 2px solid #906020; outline-offset: 3px; }
.art-product-directory-groups { display: grid; gap: 32px; }
.art-product-directory-groups section { border-block-start: 1px solid var(--directory-line); padding-block-start: 14px; background: transparent; }
.art-product-directory h3 { margin: 0 0 10px; color: var(--directory-ink); font-size: 1.25rem; }
.art-product-directory ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.art-product-directory li { margin: 0; padding: 14px 16px 9px; min-width: 0; background: #fff; border: 1px solid var(--directory-line); border-radius: 12px; scroll-margin-block-start: 95px; }
.art-product-directory li:target { border-color: var(--directory-ink); }
.art-product-directory li h4 { margin: 0 0 4px; color: var(--directory-ink); font-size: 1.06rem; line-height: 1.35; }
.art-product-directory li p { margin: 0; font-size: .94rem; line-height: 1.5; color: #34486a; }
.art-product-directory--compact .art-product-directory-groups { grid-template-columns: repeat(auto-fit, minmax(min(100%, 165px), 1fr)); gap: 16px 22px; }
.art-product-directory--compact ul { display: block; }
.art-product-directory--compact li { padding: 0; border: 0; background: transparent; }
.art-product-directory--compact a { text-decoration-color: #8d9ab1; }
.art-product-directory--compact .art-product-directory-groups a { font-size: .94rem; }
#produits-artstria, #pizza-mimi { scroll-margin-block-start: 90px; }
.art-product-directory:not(.art-product-directory--compact) > .wrap {
  width: min(var(--r90-max), calc(100% - 2 * var(--r90-gutter)));
  margin-inline: auto;
}