/* Brochures — direction "Horizon" (maquettes 36a, 37a, 37b — lot 130).
   Feuille à part, chargée seulement sur /nos-brochures/ et les pages brochure spas de nage / saunas.
   horizon.css n'est pas modifié. */

.hz-bro{
  --b-bleu:#12314A;--b-nuit:#0C2333;--b-sauge:#3F5C4C;--b-or:#A8875E;--b-clair:#C5DBF7;
  --b-txt:#1C201E;--b-txt2:#4B5049;--b-filet:#E4E5E2;--b-doux:#F1F2F0;--b-err:#9B3B2E;
  --b-in:cubic-bezier(.22,1,.36,1);--b-head:56px;
  font-family:var(--horizon-font-sans,'Manrope',system-ui,sans-serif);color:var(--b-txt);background:#FFFFFF;
}
.hz-bro *,.hz-bro *::before,.hz-bro *::after{box-sizing:border-box}
.hz-bro h1,.hz-bro h2{text-transform:none;font-family:inherit}
.hz-bro [hidden]{display:none !important}
.hz-bro button{font-family:inherit}

/* Sur-titre avec trait doré */
.hz-bro-eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--b-bleu)}
.hz-bro-eyebrow span{flex:none;width:20px;height:1px;background:var(--b-or)}
.hz-bro-eyebrow.is-light{color:#FFFFFF}

/* Fil d'Ariane */
.hz-bro-crumb ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--b-txt2)}
.hz-bro-crumb a{color:inherit;text-decoration:none}
.hz-bro-crumb a:hover{text-decoration:underline;text-underline-offset:3px}
.hz-bro-crumb [aria-current]{color:var(--b-bleu)}
.hz-bro-crumb.is-light ol{color:#FFFFFF}
.hz-bro-crumb.is-light li[aria-hidden],.hz-bro-crumb.is-light [aria-current]{color:var(--b-clair)}

/* ---------- Couverture simulée ---------- */
.hz-bro-cover{position:relative;display:block;overflow:hidden;background:var(--hz-bro-c,#12314A);border-radius:3px 8px 8px 3px}
.hz-bro-cover__img{display:block;width:100%;object-fit:cover}
.hz-bro-cover__spine{position:absolute;left:0;top:0;bottom:0;width:6px;background:rgba(12,35,51,.3)}
.hz-bro-cover__logo{position:absolute;left:9px;top:8px;height:8px;width:auto}
.hz-bro-cover__txt{position:absolute;left:9px;right:9px;bottom:9px;display:block;color:#FFFFFF}
.hz-bro-cover__name{display:block;font-weight:800;line-height:1.15}
.hz-bro-cover__kicker{display:block;font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--b-clair)}

.hz-bro-cover--big{position:absolute;inset:0;border-radius:4px 10px 10px 4px}
.hz-bro-cover--big .hz-bro-cover__img{height:184px}
.hz-bro-cover--big .hz-bro-cover__spine{width:10px;background:linear-gradient(to right,rgba(12,35,51,.35),rgba(12,35,51,0))}
.hz-bro-cover--big .hz-bro-cover__logo{left:16px;top:14px;height:12px}
.hz-bro-cover--big .hz-bro-cover__txt{left:16px;right:16px;bottom:16px}
.hz-bro-cover--big .hz-bro-cover__name{margin-top:6px;font-size:18px;letter-spacing:-.03em;line-height:1.1}

.hz-bro-cover--mini{width:100%;height:100%}
.hz-bro-cover--mini .hz-bro-cover__img{height:64%}
.hz-bro-cover--mini .hz-bro-cover__name{font-size:10.5px}

.hz-bro-cover.is-real .hz-bro-cover__img{height:100% !important;object-position:50% 30%}
.hz-bro-cover--tiny{width:30px;height:40px;border-radius:2px 5px 5px 2px}
.hz-bro-cover--tiny .hz-bro-cover__img{height:25px}
.hz-bro-cover--tiny .hz-bro-cover__spine{width:3px}

/* ---------- Boutons ---------- */
.hz-bro-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 20px;border:0;border-radius:999px;background:var(--b-bleu);color:#FFFFFF;font-size:15.5px;font-weight:700;cursor:pointer;transition:opacity 200ms,background-color 200ms}
.hz-bro-submit:hover{background:var(--b-nuit)}
.hz-bro-submit[disabled]{opacity:.7;cursor:progress}
.hz-bro-ghost{width:100%;min-height:50px;border-radius:999px;border:1.5px solid rgba(18,49,74,.18);background:#FFFFFF;color:var(--b-bleu);font-size:14.5px;font-weight:700;cursor:pointer;transition:border-color 200ms}
.hz-bro-ghost:hover{border-color:var(--b-bleu)}
.hz-bro-white{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 18px;border-radius:999px;background:#FFFFFF;color:var(--b-bleu);font-size:15px;font-weight:700;text-decoration:none}
.hz-bro-white--split{justify-content:space-between;min-height:56px;margin-top:16px}
.hz-bro-white:hover{background:var(--b-clair);color:var(--b-bleu)}
.hz-bro-outline{margin-top:10px;display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);color:#FFFFFF;font-size:14.5px;font-weight:700;text-decoration:none}
.hz-bro-outline:hover{border-color:#FFFFFF;color:#FFFFFF}
.hz-bro-link{min-height:48px;border:0;background:transparent;color:var(--b-clair);font-size:14px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.hz-bro :focus-visible{outline:2px solid var(--b-or);outline-offset:2px}

/* ---------- Formulaire commun ---------- */
.hz-bro-form{display:flex;flex-direction:column;gap:14px;margin:0}
.hz-bro-form--card{margin-top:22px;padding:20px 16px 18px;border-radius:18px;background:#FFFFFF}
.hz-bro-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hz-bro-row2--tel{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.hz-bro-row2--cp{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
.hz-bro-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.hz-bro-field label{font-size:13px;font-weight:700;color:var(--b-bleu)}
.hz-bro-field input{width:100%;min-height:52px;margin:0;padding:0 14px;border:1.5px solid rgba(18,49,74,.18);border-radius:12px;background:#FFFFFF;font:500 16px var(--horizon-font-sans,'Manrope',system-ui,sans-serif);color:var(--b-txt);outline:none;box-shadow:none;transition:border-color 180ms;-webkit-appearance:none;appearance:none}
.hz-bro-field input:focus{border-color:var(--b-bleu)}
.hz-bro-field input.is-ok{border-color:var(--b-sauge)}
.hz-bro-field input[aria-invalid="true"]{border-color:var(--b-err)}
.hz-bro-field__err{font-size:12.5px;font-weight:600;color:var(--b-err)}
.hz-bro-field__err:empty{display:none}
.hz-bro-check{display:flex;align-items:flex-start;gap:10px;min-height:44px;cursor:pointer;margin:0}
.hz-bro-check input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--b-bleu)}
.hz-bro-check span{font-size:13.5px;line-height:1.5;color:var(--b-txt)}
.hz-bro-formerr{margin:0;font-size:13px;font-weight:600;color:var(--b-err)}
.hz-bro-legal{margin:0;font-size:12px;line-height:1.55;color:var(--b-txt2)}
.hz-bro-legal a{color:var(--b-bleu);font-weight:700}
.hz-bro-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* =================================================================
   36a — Nos brochures
   ================================================================= */
.hz-bro36__head{padding:22px 0 24px}
.hz-bro36__title{margin:16px 0 0;font-size:40px;font-weight:800;letter-spacing:-.045em;line-height:1;color:var(--b-bleu)}
.hz-bro36__lede{margin:12px 0 0;font-size:16px;line-height:1.6;color:var(--b-txt);max-width:36em}
.hz-bro36__fan{position:relative;height:150px;margin-top:20px}
.hz-bro36__fanitem{position:absolute;left:50%;top:6px;width:98px;height:132px;margin-left:-49px;transform:translateX(var(--hz-bro-x)) rotate(var(--hz-bro-r));transform-origin:50% 120%;box-shadow:0 10px 24px -14px rgba(12,35,51,.55);border-radius:3px 8px 8px 3px}
.hz-bro36__fanitem .hz-bro-cover__name{font-size:9px}
.hz-bro36__fan.is-many .hz-bro36__fanitem{width:84px;height:114px;margin-left:-42px}
.hz-bro36__fanitem .hz-bro-cover__logo{display:none}
.hz-bro36__all{margin-top:8px}

.hz-bro36__tabs{position:sticky;top:var(--b-head);z-index:20;background:#FFFFFF;border-bottom:1px solid var(--b-filet)}
.hz-bro36__tabsin{display:grid;grid-template-columns:repeat(var(--hz-bro-n,3),minmax(0,1fr));max-width:820px;margin:0 auto;padding:0 4px}
.hz-bro36__tabs a{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:4px 2px;font-size:13.5px;font-weight:700;color:var(--b-txt2);text-decoration:none;text-align:center;line-height:1.2}
.hz-bro36__tabs a::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--b-bleu);transform:scaleX(0);transition:transform 320ms var(--b-in)}
.hz-bro36__tabs a.is-current{color:var(--b-bleu)}
.hz-bro36__tabs a.is-current::after{transform:scaleX(1)}
.hz-bro36__tabdot{flex:none;width:6px;height:6px;border-radius:999px;background:var(--b-or);opacity:0;transition:opacity 200ms}
.hz-bro36__tabs a.is-selected .hz-bro36__tabdot{opacity:1}

.hz-bro36__sec{padding:34px 0;background:#FFFFFF;scroll-margin-top:calc(var(--b-head) + 48px)}
.hz-bro36__sec.is-alt{background:var(--b-doux)}
.hz-bro36__body{margin-top:28px}
.hz-bro36__body h2{margin:10px 0 0;font-size:26px;font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--b-bleu);text-wrap:balance}
.hz-bro36__body > p{margin:8px 0 0;font-size:16px;line-height:1.6;color:var(--b-txt)}
.hz-bro36__page{margin:10px 0 0 !important;font-size:12.5px !important;line-height:1.5;color:var(--b-txt2) !important;text-align:center}
.hz-bro36__page a{color:var(--b-bleu);font-weight:700}

/* Livre (couverture + épaisseur de pages) */
.hz-bro-book{position:relative;width:216px;height:290px;margin:0 auto;perspective:900px}
.hz-bro-book__page2{position:absolute;left:10px;right:-6px;top:6px;bottom:-6px;border-radius:4px 10px 10px 4px;background:var(--b-filet)}
.hz-bro-book__page1{position:absolute;left:6px;right:-3px;top:3px;bottom:-3px;border-radius:4px 10px 10px 4px;background:#F7F7F5;border:1px solid var(--b-filet)}
.hz-bro-book__cover{position:absolute;inset:0;display:block;border-radius:4px 10px 10px 4px;transform-origin:0 50%;will-change:transform;box-shadow:0 18px 34px -22px rgba(12,35,51,.6)}
.hz-bro-book__check{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:999px;background:#FFFFFF;color:var(--b-bleu);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;opacity:0;transform:scale(.6);transition:opacity 260ms var(--b-in),transform 260ms var(--b-in)}
.hz-bro-book.is-selected .hz-bro-book__check{opacity:1;transform:none}

.hz-bro-add{margin-top:18px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:999px;border:1.5px solid var(--b-bleu);background:#FFFFFF;color:var(--b-bleu);font-size:15px;font-weight:700;cursor:pointer;transition:background-color 220ms var(--b-in),color 220ms var(--b-in)}
.hz-bro-add__ic{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;border:1.5px solid currentColor;font-size:13px;line-height:1}
.hz-bro-add[aria-pressed="true"]{background:var(--b-bleu);color:#FFFFFF}

/* Votre demande */
.hz-bro36__req{padding:36px 0 30px;background:var(--b-nuit);color:#FFFFFF;scroll-margin-top:var(--b-head)}
.hz-bro36__reqwrap{max-width:640px}
.hz-bro36__req h2{margin:10px 0 0;font-size:28px;font-weight:800;letter-spacing:-.04em;line-height:1.08;color:#FFFFFF;outline:none}
.hz-bro36__empty{margin-top:16px;padding:16px;border-radius:14px;border:1.5px dashed rgba(255,255,255,.3)}
.hz-bro36__empty p{margin:0;font-size:14.5px;line-height:1.55;color:var(--b-filet)}
.hz-bro36__quick{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.hz-bro36__quick button{min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#FFFFFF;font-size:13px;font-weight:700;cursor:pointer}
.hz-bro36__quick button:hover{border-color:#FFFFFF}
.hz-bro36__list{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.hz-bro36__list li{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 10px;border-radius:12px;background:rgba(255,255,255,.08)}
.hz-bro36__list .hz-bro-cover{flex:none}
.hz-bro36__listname{flex:1;font-size:14.5px;font-weight:700;color:#FFFFFF}
.hz-bro36__list button{flex:none;width:44px;height:44px;border:0;border-radius:999px;background:transparent;color:var(--b-clair);font-size:18px;font-weight:700;line-height:1;cursor:pointer}
.hz-bro36__list button:hover{background:rgba(255,255,255,.1)}

/* Après l'envoi : enveloppe */
.hz-bro-env{position:relative;width:220px;height:200px;margin:4px auto 0}
.hz-bro-env__stack{position:absolute;left:50%;bottom:70px;width:0;height:0}
.hz-bro-env__stack .hz-bro-cover{position:absolute;bottom:0;width:76px;height:100px}
.hz-bro-env__stack .hz-bro-cover__img{height:62px}
.hz-bro-env__back{position:absolute;left:10px;right:10px;bottom:0;height:118px;border-radius:8px;background:#F7F7F5}
.hz-bro-env__flap{position:absolute;left:10px;right:10px;bottom:56px;height:62px;background:var(--b-filet);clip-path:polygon(0 100%,50% 0,100% 100%);transform-origin:50% 100%;transform:rotateX(180deg)}
.hz-bro-env__front{position:absolute;left:10px;right:10px;bottom:0;height:118px;border-radius:8px;background:#FFFFFF;clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%)}
.hz-bro36__done [data-hz-bro-donetx]{margin-top:18px}
.hz-bro36__done p{margin:10px 0 0;font-size:15.5px;line-height:1.6;color:var(--b-filet)}
.hz-bro36__pdfs{margin-top:16px;display:flex;flex-direction:column;gap:8px}
.hz-bro36__pdfs a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 16px;border-radius:14px;border:1.5px solid rgba(255,255,255,.22);color:#FFFFFF;font-size:14.5px;font-weight:700;text-decoration:none}
.hz-bro36__pdfs a:hover{border-color:#FFFFFF;color:#FFFFFF}
.hz-bro36__pdfs a small{font-size:12px;color:var(--b-clair);white-space:nowrap}
.hz-bro36__next{margin-top:20px;display:flex;flex-direction:column;gap:10px}

/* Réassurance */
.hz-bro36__reassure{padding-top:30px;padding-bottom:100px}
.hz-bro36__reassure ul{margin:0 auto;padding:0;list-style:none;max-width:640px}
.hz-bro36__reassure li{display:flex;align-items:center;gap:14px;min-height:56px;border-top:1px solid var(--b-filet);font-size:15.5px;font-weight:700;color:var(--b-bleu)}
.hz-bro36__reassure li:last-child{border-bottom:1px solid var(--b-filet)}
.hz-bro36__reassure li span{font-size:12px;font-weight:800;color:#7E6140;font-variant-numeric:tabular-nums}

/* Barre panier flottante */
.hz-bro36__bar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:90;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;max-width:520px;margin:0 auto;padding:8px 8px 8px 12px;border-radius:999px;background:var(--b-bleu);box-shadow:0 14px 30px -16px rgba(12,35,51,.7);transform:translateY(calc(100% + 30px));transition:transform 460ms var(--b-in);-webkit-transform:translateY(calc(100% + 30px))}
.hz-bro36__bar.is-on{transform:translateY(0) translateZ(0);-webkit-transform:translateY(0) translateZ(0)}
.hz-bro36__barstack{display:flex;align-items:center;height:44px;min-width:30px}
.hz-bro36__barstack > span{margin-right:-10px}
.hz-bro36__barstack .hz-bro-cover{border:1.5px solid var(--b-bleu)}
.hz-bro36__barstack > span:last-of-type{margin-right:0}
.hz-bro36__barn{padding-left:6px;font-size:14px;font-weight:700;color:#FFFFFF;font-variant-numeric:tabular-nums}
.hz-bro36__bar button{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:#FFFFFF;color:var(--b-bleu);font-size:14px;font-weight:700;cursor:pointer}
/* Le bouton des cookies Axeptio (48 px, en bas a gauche, de 18 a 66 px) : la barre commence apres lui. */
body:has(#axeptio_overlay) .hz-bro36__bar{left:76px}
html.hz-bro-bar-on .hz-chat{bottom:calc(84px + env(safe-area-inset-bottom,0px));transition:bottom 420ms cubic-bezier(.22,1,.36,1)}
.hz-bro-ghostfly{position:fixed;z-index:95;pointer-events:none;transform-origin:0 0}

@media (min-width:768px){
  .hz-bro36__head{padding:40px 0 44px}
  .hz-bro36__headwrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"intro fan" "intro all";column-gap:48px;align-items:center}
  .hz-bro36__intro{grid-area:intro}
  .hz-bro36__fan{grid-area:fan;margin-top:0;height:170px}
  .hz-bro36__all{grid-area:all;max-width:320px;justify-self:center}
  .hz-bro36__title{font-size:56px}
  .hz-bro36__lede{font-size:17px}
  .hz-bro36__sec{padding:56px 0}
  .hz-bro36__secwrap{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:center;max-width:880px}
  .hz-bro36__body{margin-top:0}
  .hz-bro36__body h2{font-size:32px}
  .hz-bro-add{width:auto;padding:0 26px}
  .hz-bro36__page{text-align:left}
  .hz-bro36__req{padding:56px 0 48px}
  .hz-bro36__req h2{font-size:34px}
  .hz-bro-form--card{padding:26px 24px 22px}
}

/* =================================================================
   37a / 37b — page d'une brochure
   ================================================================= */
.hz-bro37__hero{position:relative;height:300px;overflow:hidden;background:var(--hz-bro-c,#0C2333)}
.hz-bro37__hero{overflow:visible}
.hz-bro37__hero picture{position:absolute;inset:0;overflow:hidden;display:block}
.hz-bro37__heroimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hz-bro37__shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,35,51,.92) 0%,rgba(12,35,51,.45) 55%,rgba(12,35,51,.25) 100%)}
.hz-bro37__herowrap{position:relative;height:100%}
.hz-bro37__hero .hz-bro-crumb{position:absolute;left:16px;right:16px;top:16px}
.hz-bro37__heading{position:absolute;left:16px;right:150px;bottom:22px}
.hz-bro37__heading h1{margin:10px 0 0;font-size:30px;font-weight:800;letter-spacing:-.045em;line-height:1.02;color:#FFFFFF;text-wrap:balance}
.hz-bro37__book{position:absolute;right:18px;bottom:-34px;z-index:2;width:118px;height:158px;perspective:700px}
.hz-bro37__bookpage{position:absolute;left:6px;right:-4px;top:4px;bottom:-4px;border-radius:3px 8px 8px 3px;background:var(--b-filet)}
.hz-bro37__bookcover{position:absolute;inset:0;display:block;transform-origin:0 50%;border-radius:3px 8px 8px 3px;box-shadow:0 16px 30px -18px rgba(12,35,51,.7)}
.hz-bro37__bookcover .hz-bro-cover__name{font-size:10.5px}

.hz-bro37__lede{margin:0;padding:22px 150px 0 0;font-size:15px;line-height:1.55;color:var(--b-txt)}
.hz-bro37__formsec{padding:22px 0 30px;scroll-margin-top:calc(var(--b-head) + 14px)}
.hz-bro37__done{padding:22px 18px;border-radius:18px;background:var(--b-nuit);color:#FFFFFF}
.hz-bro37__done h2{margin:10px 0 0;font-size:26px;font-weight:800;letter-spacing:-.04em;line-height:1.1;color:#FFFFFF;outline:none}
.hz-bro37__done p{margin:8px 0 0;font-size:15px;line-height:1.6;color:var(--b-filet)}

.hz-bro37__inside{margin:0 -16px;padding:30px 16px 32px;background:var(--b-doux)}
.hz-bro37__inside h2{margin:10px 0 18px;font-size:24px;font-weight:800;letter-spacing:-.035em;line-height:1.12;color:var(--b-bleu)}
.hz-bro37__items{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.hz-bro37__items li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;padding:10px;border-radius:14px;background:#FFFFFF}
.hz-bro37__thumb{display:block;width:72px;height:60px;border-radius:10px;overflow:hidden;background:var(--b-doux)}
.hz-bro37__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hz-bro37__items strong{display:block;font-size:15.5px;font-weight:800;letter-spacing:-.02em;color:var(--b-bleu)}
.hz-bro37__items strong span{color:var(--b-or);font-variant-numeric:tabular-nums}
.hz-bro37__items strong + span{display:block;margin-top:3px;font-size:13.5px;line-height:1.5;color:var(--b-txt2)}
.hz-bro37__pillslabel{margin-top:20px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--b-txt2)}
.hz-bro37__pills{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.hz-bro37__pills a,.hz-bro37__pills span{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;background:#FFFFFF;border:1px solid var(--b-filet);font-size:13px;font-weight:700;color:var(--b-bleu);text-decoration:none}
.hz-bro37__pills a:hover{border-color:var(--b-bleu)}
.hz-bro37__top{margin-top:22px;min-height:52px;font-size:15px}

.hz-bro37__others{padding-top:30px;padding-bottom:40px}
.hz-bro37__others h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.03em;color:var(--b-bleu)}
.hz-bro37__othergrid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;max-width:720px}
.hz-bro37__othergrid a{display:block;text-decoration:none}
.hz-bro37__othergrid .hz-bro-cover{height:170px;border-radius:3px 10px 10px 3px;transition:transform 300ms var(--b-in)}
.hz-bro37__othergrid a:hover .hz-bro-cover{transform:translateY(-4px)}
.hz-bro37__othergrid .hz-bro-cover__img{height:108px}
.hz-bro37__othergrid .hz-bro-cover__logo{left:12px;top:10px;height:9px}
.hz-bro37__othergrid .hz-bro-cover__txt{left:12px;right:12px;bottom:12px}
.hz-bro37__othergrid .hz-bro-cover__name{font-size:13.5px}
.hz-bro37__othergo{display:block;margin-top:8px;font-size:13px;font-weight:700;line-height:1.3;color:var(--b-bleu)}
@media (min-width:768px){.hz-bro37__othergrid .hz-bro-cover{height:220px}.hz-bro37__othergrid .hz-bro-cover__img{height:140px}.hz-bro37__othergrid .hz-bro-cover__name{font-size:15px}}
.hz-bro37__all{margin:18px 0 0;font-size:14px}
.hz-bro37__all a{color:var(--b-bleu);font-weight:700}

@media (min-width:768px){
  .hz-bro37__hero{height:420px}
  .hz-bro37__hero .hz-bro-crumb{left:32px;right:32px;top:28px}
  .hz-bro37__heading{left:32px;right:280px;bottom:40px}
  .hz-bro37__heading h1{font-size:48px}
  .hz-bro37__book{right:40px;bottom:-48px;width:180px;height:240px}
  .hz-bro37__bookcover .hz-bro-cover__name{font-size:15px}
  .hz-bro37__bookcover .hz-bro-cover__logo{left:14px;top:12px;height:11px}
  .hz-bro37__bookcover .hz-bro-cover__txt{left:14px;right:14px;bottom:14px}
  .hz-bro37__lede{padding:30px 240px 0 0;font-size:17px;max-width:none}
  .hz-bro37__inside{margin:0;padding:30px 28px 32px;border-radius:18px}
  .hz-bro37__others{padding-top:48px;padding-bottom:64px}
}
@media (min-width:1024px){
  .hz-bro37__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:48px;align-items:start}
  .hz-bro37__lede{padding-right:0;max-width:30em}
  .hz-bro37__col{padding-top:40px}
  .hz-bro37__inside{margin-top:88px}
}

/* Mouvement réduit : aucun mouvement, les états changent sans transition */
@media (prefers-reduced-motion:reduce){
  .hz-bro *,.hz-bro *::before,.hz-bro *::after{transition:none !important;animation:none !important}
}