/* =====================================================================
   SÉLECTIONS (pages or / pierre / style / collection) — DA du site herzo.fr
   ===================================================================== */
.hz-sel {
  --s-ink: #242424; --s-grey: #5a5a5a; --s-muted: #9a928a; --s-cuivre: #c09578; --s-line: #ece6df;
  --s-studio: radial-gradient(120% 95% at 50% 38%, #f7efe7 0%, #f0e4d8 62%, #eadbcd 100%);
  width: min(1280px, 100% - 48px);
  margin: 0 auto;
  padding: 10px 0 90px;
  color: var(--s-grey);
  font: 400 19px/1.75 "Cormorant Garamond", Georgia, serif;
}
.hz-sel *, .hz-sel *::before, .hz-sel *::after { box-sizing: border-box; }
.hz-sel a { color: inherit; text-decoration: none; }
.hz-sel__note { margin: 0 0 24px; padding: 12px 18px; background: #fff4e5; border: 1px solid #f0b849; color: #3c2a00; font: 14px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; text-align: center; }
.hz-sel__head { max-width: 760px; margin: 0 auto 44px; text-align: center; }
.hz-sel__intro { margin: 0 0 14px; }
.hz-sel__count { margin: 0; font: 400 11px/1.4 "Montserrat", Arial, sans-serif; letter-spacing: .28em; text-transform: uppercase; color: var(--s-cuivre); }

.hz-sel__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 34px 18px; margin: 0; padding: 0; list-style: none; }
.hz-sel-card { display: block; text-align: center; }
.hz-sel-card__img { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; background: var(--s-studio); }
.hz-sel-card__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .6s ease, transform 1s cubic-bezier(.22,.61,.36,1); }
.hz-sel-card__img .hz-sel-card__img2 { opacity: 0; }
.hz-sel-card:hover .hz-sel-card__img img { transform: scale(1.04); }
.hz-sel-card:hover .hz-sel-card__img .hz-sel-card__img2 { opacity: 1; }
.hz-sel-card__eyebrow { display: block; margin-top: 16px; font: 400 10px/1.4 "Montserrat", Arial, sans-serif; letter-spacing: .26em; text-transform: uppercase; color: var(--s-cuivre); }
.hz-sel-card__name { display: block; margin-top: 6px; font: 400 21px/1.25 "Cormorant Garamond", Georgia, serif; color: var(--s-ink); transition: color .3s; }
.hz-sel-card:hover .hz-sel-card__name { color: var(--s-cuivre); }
.hz-sel-card__sub { display: block; margin-top: 2px; font: italic 400 16px/1.35 "Cormorant Garamond", Georgia, serif; color: var(--s-muted); }
.hz-sel-card__price { display: block; margin-top: 4px; font: 400 12px/1.4 "Montserrat", Arial, sans-serif; letter-spacing: .04em; color: var(--s-grey); }

.hz-sel__back { margin: 56px 0 0; text-align: center; }
.hz-sel__back a { display: inline-block; padding: 14px 30px; border: 1px solid var(--s-ink); font: 400 11px/1 "Montserrat", Arial, sans-serif; letter-spacing: .24em; text-transform: uppercase; color: var(--s-ink); transition: background .3s, color .3s; }
.hz-sel__back a:hover { background: var(--s-ink); color: #fff; }

/* Liens « Explorer » (or, pierre, style, collections) */
.hz-sel-links { margin: 64px auto 0; padding-top: 40px; border-top: 1px solid var(--s-line); max-width: 1000px; text-align: center; }
.hz-sel--links { padding-top: 0; }
.hz-sel--links .hz-sel-links { margin-top: 30px; }
.hz-sel-links__title { margin: 0 0 22px; font: 300 22px/1.3 "Montserrat", Arial, sans-serif; color: var(--s-ink); }
.hz-sel-links__group { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 8px 22px; margin: 0 0 14px; }
.hz-sel-links__label { flex-basis: 100%; font: 400 10px/1.4 "Montserrat", Arial, sans-serif; letter-spacing: .26em; text-transform: uppercase; color: var(--s-muted); }
.hz-sel-links__group a { font: italic 400 18px/1.4 "Cormorant Garamond", Georgia, serif; color: var(--s-grey); border-bottom: 1px solid transparent; transition: color .3s, border-color .3s; }
.hz-sel-links__group a:hover { color: var(--s-cuivre); border-bottom-color: var(--s-cuivre); }

@media (max-width: 1000px) { .hz-sel__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px) { .hz-sel__grid { grid-template-columns: repeat(2, 1fr); gap: 26px 12px; } .hz-sel { width: calc(100% - 28px); } }
.hz-sel-card__img.is-cut img { object-fit: contain; padding: 12%; }