/* doc-project | public/assets/css/shop.css | organise en-tête boutique, barre d'outils, catalogue, tri et résultat vide */
.shop-hero { padding-block: 3.5rem 2rem; text-align: center; }
.shop-hero h1 { margin: .4rem 0 .8rem; }
.shop-hero p { max-width: 40rem; margin-inline: auto; color: var(--ink-soft); }
.shop-layout { display: grid; gap: 1.3rem; padding-bottom: 4rem; }
.shop-results { min-width: 0; }
.shop-toolbar { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-bottom: 1rem; }
.shop-toolbar > div { display: flex; align-items: center; gap: .7rem; }
.shop-toolbar strong { color: var(--ink-soft); font-size: .78rem; }
.shop-toolbar select { min-height: 2.7rem; max-width: 11rem; border-radius: var(--radius-pill); font-size: .78rem; }
.filter-button { min-height: 2.6rem; padding-inline: .8rem; }
@media (min-width: 920px) { .shop-layout { grid-template-columns: 15rem minmax(0, 1fr); align-items: start; gap: 2rem; } .filter-button { display: none; } .shop-toolbar { margin-bottom: 1.4rem; } }