/* @version Comptoir 1.7.1 */
/* Thème Atelier — étiquettes de boutique, typographie grasse, grands aplats. */
:root {
  --bg: #F6F7F4; --surface: #ECEFE8; --text: #1D2433; --muted: #5B6271; --line: #D5DACF;
  --accent: #1F6E54; --accent-ink: #FFFFFF; --sale: #B8321F; --warn: #9A6400; --ok: #2E7D4F;
  --radius: 3px; --radius-small: 2px;
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body: "Atkinson Hyperlegible", system-ui, sans-serif;
}
.brand-name { font-weight: 800; font-size: 1.9rem; letter-spacing: -.045em; }
h1, h2 { font-weight: 800; letter-spacing: -.035em; }
.site-header { background: var(--bg); }
.main-nav { border-top: 1px solid var(--line); }
.hero { padding-block: 72px 56px; border-bottom: 1px solid var(--line); }
.hero h1 { font-size: clamp(2.6rem, 6vw, 5.2rem); line-height: .95; max-width: 11ch; }
.hero-media img { border-radius: 0; box-shadow: 14px 14px 0 var(--accent); }
.product-card-media { border-radius: 0; background: var(--surface); }
.product-card-title { font-family: var(--font-display); font-size: 1.05rem; font-weight: 700; letter-spacing: -.01em; }
.price span { background: var(--text); color: var(--bg); padding: 1px 7px; }
.price s + span, .price-large span { background: transparent; color: var(--text); padding: 0; }
.category-list a { border: 0; background: var(--surface); border-radius: 0; border-left: 4px solid var(--accent); }
.btn { border-radius: 0; letter-spacing: .01em; }
.site-footer { background: var(--text); color: #DCE1D8; border-top: 0; }
.site-footer a { color: #fff; }
.site-footer .muted { color: #A9B0BC; }
.footer-bottom { border-color: #39425A; }