.hro{background:var(--cloud);border-radius:24px;align-items:center;min-height:300px;margin:16px 0 22px;padding:34px 40px;display:grid;position:relative;overflow:hidden}.hro--t-sable{background:var(--cloud)}.hro--t-orange{background:color-mix(in srgb, var(--o500) 18%, var(--paper))}.hro--t-violet{background:color-mix(in srgb, var(--berry,#6c4ab6) 15%, var(--paper))}.hro--t-encre{background:var(--ink);color:#fff}.hro__tx{z-index:3;max-width:560px;position:relative}.hro__kick{background:var(--o500);color:#fff;letter-spacing:1.4px;text-transform:uppercase;border-radius:999px;margin-bottom:12px;padding:5px 13px;font-size:10.5px;font-weight:700;display:inline-block}.hro__t{font-family:var(--font-display);letter-spacing:-1.4px;text-wrap:balance;margin:0 0 14px;font-size:clamp(28px,4.4vw,52px);font-weight:700;line-height:1.04}.hro__t em{color:var(--o700);font-style:normal}.hro--t-encre .hro__t em{color:var(--o400)}.hro__p{opacity:.86;max-width:48ch;margin:0 0 20px;font-size:15.5px;line-height:1.6}.hro__btns{flex-wrap:wrap;gap:12px;display:flex}.hro__cta,.hro__alt{border-radius:999px;align-items:center;padding:13px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .14s;display:inline-flex}.hro__cta{background:var(--ink);color:#fff}.hro--t-encre .hro__cta{color:var(--ink);background:#fff}.hro__alt{color:inherit;background:0 0;border:1.5px solid}.hro__cta:hover,.hro__alt:hover{transform:translateY(-2px)}.hro__fond{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.hro--plein:after,.hro--centre:after,.hro--echeance:after,.hro--diaporama .hro__volet:after,.hro--fond-anime .hro__volet:after{content:"";z-index:2;background:linear-gradient(95deg,#141312c7 0%,#14131285 46%,#1413121f 100%);position:absolute;inset:0}.hro--plein,.hro--centre,.hro--echeance,.hro--diaporama,.hro--fond-anime{color:#fff}.hro--plein .hro__t em,.hro--centre .hro__t em,.hro--echeance .hro__t em,.hro--diaporama .hro__t em,.hro--fond-anime .hro__t em{color:var(--o400)}.hro--plein .hro__cta,.hro--centre .hro__cta,.hro--echeance .hro__cta,.hro--diaporama .hro__cta,.hro--fond-anime .hro__cta{color:var(--ink);background:#fff}.hro--plein{min-height:380px}.hro--cote-a-cote{grid-template-columns:1fr minmax(0,44%);gap:32px}.hro--cote-a-cote .hro__fond{border-radius:18px;grid-column:2;height:100%;min-height:240px;position:relative;inset:auto}.hro--cote-a-cote .hro__tx{grid-area:1/1}.hro--inverse{grid-template-columns:minmax(0,44%) 1fr;gap:32px}.hro--inverse .hro__fond{border-radius:18px;grid-area:1/1;height:100%;min-height:240px;position:relative;inset:auto}.hro--inverse .hro__tx{grid-area:1/2}.hro--centre{text-align:center;justify-items:center;min-height:360px}.hro--centre .hro__tx{max-width:620px}.hro--centre .hro__p{margin-inline:auto}.hro--centre .hro__btns{justify-content:center}.hro--aplat .hro__fond,.hro--bande-fine .hro__fond{display:none}.hro--aplat{min-height:240px}.hro--bande-fine{border-radius:16px;min-height:0;padding:18px 28px}.hro--bande-fine .hro__tx{flex-wrap:wrap;align-items:center;gap:18px;max-width:none;display:flex}.hro--bande-fine .hro__t{letter-spacing:-.4px;margin:0;font-size:clamp(17px,2vw,22px)}.hro--bande-fine .hro__t br{display:none}.hro--bande-fine .hro__p{margin:0;font-size:14px}.hro--bande-fine .hro__kick{margin:0}.hro--bande-fine .hro__btns{margin-left:auto}.hro--bande-fine .hro__cta,.hro--bande-fine .hro__alt{padding:9px 18px;font-size:13px}.hro--decoupe{align-items:stretch;min-height:340px;padding:0}.hro--decoupe .hro__fond{width:auto;inset:0 0 0 26%}.hro--decoupe .hro__tx{background:var(--surface);max-width:460px;box-shadow:var(--sh2);border-radius:20px;align-self:center;margin:28px;padding:30px 32px}.hro--empile{min-height:0;padding:0;display:block}.hro--empile .hro__fond{border-radius:0;height:300px;position:relative;inset:auto}.hro--empile .hro__tx{max-width:none;padding:26px 34px 32px}.hro--diaporama,.hro--fond-anime{min-height:380px;padding:0}.hro__defil{width:100%;min-height:380px;position:relative}.hro__defil:focus-visible{outline:3px solid var(--o500);outline-offset:-3px}.hro__volet{opacity:0;visibility:hidden;align-items:center;padding:34px 40px;transition:opacity .45s,visibility .45s;display:grid;position:absolute;inset:0}.hro__volet.on{opacity:1;visibility:visible}.hro__fl{z-index:5;cursor:pointer;width:42px;height:42px;color:var(--ink);background:#ffffffe0;border:0;border-radius:50%;place-items:center;font-size:24px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.hro__fl:hover{background:#fff}.hro__fl--g{left:14px}.hro__fl--d{right:14px}.hro__points{z-index:5;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hro__points button{cursor:pointer;background:#ffffff73;border:0;border-radius:50%;width:9px;height:9px;padding:0}.hro__points button.on{background:#fff;border-radius:999px;width:24px}.hro--mosaique{display:block}.hro__mos{grid-template-rows:repeat(2,1fr);grid-template-columns:1.6fr 1fr;gap:12px;min-height:300px;margin-top:18px;display:grid}.hro__mos-c{color:#fff;background:var(--hair);border-radius:18px;text-decoration:none;position:relative;overflow:hidden}.hro__mos-c:first-child{grid-row:1/3}.hro__mos-c img{object-fit:cover;width:100%;height:100%}.hro__mos-t{font-family:var(--font-display);text-shadow:0 1px 12px #141312b8;font-size:17px;font-weight:700;position:absolute;bottom:14px;left:16px;right:16px}.hro--duo{padding:0;display:block}.hro__duo{grid-template-columns:1fr 1fr;gap:12px;min-height:320px;display:grid}.hro__duo-c{color:#fff;background:var(--ink);border-radius:20px;align-items:end;padding:26px 28px;display:grid;position:relative;overflow:hidden}.hro__duo-c:after{content:"";z-index:2;background:linear-gradient(#1413122e 30%,#141312d1 100%);position:absolute;inset:0}.hro__duo-c .hro__t{font-size:clamp(20px,2.4vw,30px)}.hro__duo-c .hro__cta{color:var(--ink);background:#fff}.hro--raccourcis,.hro--vitrine{background:0 0;padding:0;display:block}.hro__haut{color:#fff;background:var(--ink);border-radius:22px;align-items:center;min-height:300px;padding:32px 38px;display:grid;position:relative;overflow:hidden}.hro__haut:after{content:"";z-index:2;background:linear-gradient(95deg,#141312c2 0%,#14131238 100%);position:absolute;inset:0}.hro__haut .hro__t em{color:var(--o400)}.hro__haut .hro__cta{color:var(--ink);background:#fff}.hro__racc{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px;display:grid}.hro__racc-c{background:var(--surface);border:1px solid var(--line2);color:var(--ink);text-align:center;border-radius:14px;padding:14px 16px;font-size:13.5px;font-weight:600;text-decoration:none}.hro__racc-c:hover{border-color:var(--o500)}.hro__vitrine{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:14px;display:grid}.hro--echeance{min-height:340px}.hro__ech{z-index:3;color:var(--o400);margin:14px 0 0;font-size:14px;font-weight:700;position:relative}@media (max-width:860px){.hro{border-radius:18px;min-height:0;padding:24px 20px}.hro--cote-a-cote,.hro--inverse{grid-template-columns:1fr;gap:18px}.hro--cote-a-cote .hro__fond,.hro--inverse .hro__fond{grid-area:2/1;min-height:190px}.hro--cote-a-cote .hro__tx,.hro--inverse .hro__tx{grid-area:1/1}.hro--decoupe{padding:0;display:block}.hro--decoupe .hro__fond{width:100%;height:200px;position:relative;inset:auto}.hro--decoupe .hro__tx{box-shadow:none;border-radius:0;max-width:none;margin:0;padding:22px}.hro__mos{grid-template-rows:none;grid-template-columns:1fr;min-height:0}.hro__mos-c{height:170px;grid-row:auto!important}.hro__duo{grid-template-columns:1fr}.hro--diaporama,.hro--fond-anime,.hro__defil{min-height:330px}.hro__volet{padding:24px 20px}.hro--bande-fine .hro__btns{margin-left:0}.hro__haut{min-height:240px;padding:24px 20px}}.hro--vitrine-large,.hro--trio,.hro--bande-produits,.hro--texte-grille,.hro--liste-prix,.hro--vedette,.hro--vedette-fond,.hro--damier,.hro--panorama,.hro--affiche{padding:26px 30px;display:block}.hro--vitrine-large,.hro--trio,.hro--bande-produits,.hro--texte-grille,.hro--liste-prix,.hro--vedette{background:var(--surface)}.hro--vitrine-large .hro__tx,.hro--trio .hro__tx,.hro--bande-produits .hro__tx,.hro--damier .hro__tx{max-width:720px;margin-bottom:16px}.hro__prods{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.hro--vitrine-large .hro__prods{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.hro--trio .hro__prods{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.hro--bande-produits .hro__prods{scroll-snap-type:x proximity;scrollbar-width:thin;gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.hro--bande-produits .hro__prods>*{scroll-snap-align:start;flex:0 0 210px}.hro__cote{grid-template-columns:minmax(260px,360px) 1fr;align-items:center;gap:26px;display:grid}.hro--texte-grille .hro__prods{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.hro--liste-prix .hro__prods{grid-template-columns:1fr;gap:8px}.hro--liste-prix .hro__prods .pdt{grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.hro--liste-prix .hro__prods .pdt img{object-fit:cover;border-radius:10px;width:64px;height:64px}.hro__vedette{grid-template-columns:minmax(240px,340px);justify-content:end;display:grid}.hro--vedette-fond{color:#fff;background:var(--ink);border-radius:22px;position:relative;overflow:hidden}.hro--vedette-fond .hro__fond{object-fit:cover;opacity:.5;width:100%;height:100%;position:absolute;inset:0}.hro--vedette-fond .hro__cote{z-index:2;position:relative}.hro--vedette-fond .hro__t em{color:var(--o400)}.hro__damier{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.hro__damier-im{border-radius:16px;min-height:180px;overflow:hidden}.hro__damier-im img{object-fit:cover;width:100%;height:100%;display:block}.hro--panorama .hro__haut{min-height:190px;margin-bottom:16px}.hro--affiche .hro__cote{grid-template-columns:1.15fr 1fr;align-items:stretch}.hro--affiche .hro__haut{min-height:320px}.hro--affiche .hro__prods{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:center}@media (max-width:880px){.hro__cote,.hro--affiche .hro__cote{grid-template-columns:1fr;gap:18px}.hro__vedette{grid-template-columns:minmax(0,340px);justify-content:start}.hro--trio .hro__prods{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:520px){.hro--vitrine-large,.hro--trio,.hro--bande-produits,.hro--texte-grille,.hro--liste-prix,.hro--vedette,.hro--vedette-fond,.hro--damier,.hro--panorama,.hro--affiche{padding:18px 16px}.hro__prods,.hro__damier{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.hro--liste-prix .hro__prods,.hro__vedette{grid-template-columns:1fr}}