.saut{position:fixed;top:-100px;left:16px;z-index:1000;padding:12px 18px;background:var(--yellow);border-radius:10px}.saut:focus{top:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;background:var(--ink);color:#fff;padding:14px 20px;border-radius:14px;max-width:calc(100% - 32px);visibility:hidden}.toast.on,.toast.visible{visibility:visible}.icon-btn{border:1px solid var(--line);border-radius:12px;background:#fff;width:44px;height:44px;cursor:pointer}.catalogue-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:10px 24px 36px 0}.catalogue-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--blue);margin-bottom:14px}.catalogue-intro h1{font-size:clamp(34px,3.8vw,56px);line-height:1.08;letter-spacing:-.045em}.catalogue-intro p:not(.catalogue-kicker){font-size:16px;line-height:1.65;color:var(--muted);margin:18px 0 24px}.catalogue-intro img{width:clamp(170px,24vw,300px);object-fit:contain;flex-shrink:0}.reprise{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:#fff;padding:26px 30px;border-radius:20px;margin-bottom:36px}.reprise .catalogue-kicker{color:var(--yellow);margin-bottom:8px}.reprise h2{font-size:22px;line-height:1.2}.reprise p:last-child{color:#c3c9dc;font-size:14px;margin-top:8px}.catalogue-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.catalogue-heading h2{font-size:26px;line-height:1.15}.catalogue-heading p{color:var(--muted);font-size:14px;margin-top:10px;line-height:1.6}.catalogue-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.catalogue-erreur{padding:30px;background:#fff;border:1px solid var(--line);border-radius:16px}.catalogue-erreur p{margin:12px 0 20px;color:var(--muted);line-height:1.6}.catalogue-erreur{margin-bottom:20px}[hidden]{display:none!important}@media(max-width:1100px){.catalogue-page{padding:14px 22px 40px;min-width:0;width:100%;max-width:none;margin:0}.catalogue-intro img{width:180px}}@media(max-width:900px){.catalogue-page{padding:14px 22px 40px;min-width:0;width:100%;max-width:none;margin:0}.catalogue-intro img{width:220px}}@media(max-width:600px){.catalogue-page{padding:14px 22px 40px;min-width:0;width:100%;max-width:none;margin:0}.catalogue-intro{padding:8px 0 28px;position:relative}.catalogue-intro img{position:absolute;right:0;top:0;width:90px}.catalogue-intro .catalogue-kicker{max-width:210px;font-size:10px}.catalogue-intro h1{font-size:34px;padding-top:20px}.catalogue-intro p:not(.catalogue-kicker){font-size:14px}.catalogue-heading{align-items:stretch;flex-direction:column;gap:16px}.catalogue-grille{grid-template-columns:1fr}.reprise{align-items:flex-start;flex-direction:column;padding:22px}.reprise .btn{white-space:normal}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:600px){.catalogue-intro h1{padding-top:64px}}.catalogue-page{padding:14px 22px 40px;min-width:0;width:100%;max-width:none;margin:0}.catalogue-intro{position:relative;isolation:isolate;overflow:hidden;min-height:270px;padding:32px 38px;margin-bottom:0;border-radius:24px;background:var(--blue);color:#fff;gap:30px}.catalogue-intro:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff12 1.5px,transparent 1.5px),linear-gradient(90deg,#ffffff12 1.5px,transparent 1.5px);background-size:34px 34px;mask-image:linear-gradient(100deg,transparent 35%,#000 90%)}.catalogue-intro .catalogue-kicker{color:#a8c3ff;font-size:10px;letter-spacing:.16em;margin-bottom:13px}.catalogue-intro h1{font-size:clamp(30px,3vw,43px);line-height:1.12;letter-spacing:-.035em;padding:0}.catalogue-intro h1 em{font-style:normal;color:#ffda5b}.catalogue-intro p:not(.catalogue-kicker){color:#d0dbf4;font-size:14px;max-width:420px;margin:14px 0 20px;line-height:1.6}.catalogue-intro .btn{font-size:14px;gap:24px;padding:11px 18px}.intro-copy{position:relative;z-index:1}.intro-compagnon{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;flex:0 0 300px}.catalogue-intro .intro-compagnon img{width:220px;position:relative;margin-bottom:-24px;filter:drop-shadow(0 12px 12px #0d1c4a40)}.catalogue-heading h2{font-size:24px}.catalogue-heading p{font-size:13px;margin-top:8px}@keyframes catalogue-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.catalogue-intro{animation:catalogue-arrive .4s ease-out}}@media(max-width:1150px){.catalogue-page{padding:14px 22px 40px;min-width:0;width:100%;max-width:none;margin:0}.intro-compagnon{flex-basis:220px}.catalogue-intro{padding:28px}}@media(max-width:700px){.catalogue-intro{min-height:250px;padding:26px 24px}.intro-compagnon{flex-basis:140px}.catalogue-intro .intro-compagnon img{width:155px;margin-bottom:0}.catalogue-grille{grid-template-columns:1fr}}@media(max-width:500px){.catalogue-page{padding:14px 22px 40px;min-width:0;width:100%;max-width:none;margin:0}.catalogue-intro{padding:25px 22px;display:block}.catalogue-intro h1{font-size:31px;padding:0}.catalogue-intro p:not(.catalogue-kicker){font-size:13px;margin:14px 0 20px;max-width:240px}.catalogue-intro .catalogue-kicker{font-size:9px;max-width:none}.intro-compagnon{position:absolute;right:-15px;bottom:14px;width:90px;opacity:.9}.catalogue-intro .intro-compagnon img{position:static;width:90px;max-width:none}.catalogue-intro .btn{font-size:12px;gap:12px}.catalogue-heading h2{font-size:23px}.reprise{padding:22px}.reprise h2{font-size:20px}}.catalogue-intro{box-shadow:0 5px 0 var(--blue-deep)}.catalogue-intro .catalogue-kicker{color:#fff;font-size:13px;letter-spacing:0;text-transform:none;display:inline-block;padding:6px 11px;background:#ffffff24;border-radius:10px;font-weight:600}.catalogue-intro p:not(.catalogue-kicker){font-size:16.5px;color:#ffffffeb;max-width:560px}.catalogue-intro .intro-compagnon img{width:180px;margin:0;filter:drop-shadow(0 12px 16px #151b2e25)}.catalogue-panel{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--lift);padding:22px}.catalogue-heading h2{font-size:22px}@media(max-width:900px){.catalogue-page{padding:12px 14px 30px}}@media(max-width:600px){.catalogue-panel{padding:18px}.catalogue-intro .intro-compagnon img{width:90px}.catalogue-intro p:not(.catalogue-kicker){font-size:15px;max-width:240px}.catalogue-intro .btn{font-size:14px;padding:12px 16px}.catalogue-intro .catalogue-kicker{font-size:11px}}.catalogue-grille{gap:14px}.catalogue-intro{min-height:0;padding:28px 34px;margin-bottom:22px}.catalogue-intro .intro-compagnon img{width:150px}.catalogue-heading{margin-bottom:18px}.catalogue-grille{display:grid;grid-template-columns:1fr;gap:26px}.fiche-groupe{display:grid;gap:12px}.fiche-groupe-tete{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 2px 2px}.fiche-groupe-tete h3{font-size:17px;letter-spacing:-.01em}.fiche-groupe-tete p{font-size:13px;color:var(--muted)}.fiche{display:grid;grid-template-columns:300px minmax(0,1fr) 190px;gap:22px;align-items:center;padding:12px 18px 12px 12px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 3px #151b2e08;transition:transform .15s,border-color .15s,box-shadow .15s}.fiche:hover{transform:translateY(-2px);border-color:#c9d5fb;box-shadow:0 6px #3260e814}.fiche-image{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#e9eeff}.fiche-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.fiche:hover .fiche-image img{transform:scale(1.04)}.fiche-acces{position:absolute;left:8px;bottom:8px;font-size:11.5px;font-weight:700;padding:4px 8px;border-radius:7px;background:var(--green-tint);color:#178a43}.fiche-corps{min-width:0;display:flex;flex-direction:column;gap:5px}.fiche-sur{font-size:12px;font-weight:700;color:var(--blue);letter-spacing:.02em}.fiche-corps h3{font-size:19px;letter-spacing:-.02em;line-height:1.2}.fiche-accroche{font-size:14px;color:var(--muted);line-height:1.45}.fiche-apprends{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:6px}.fiche-apprends-titre{font-size:12px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.06em}.fiche-apprends ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}.fiche-apprends li{font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--blue-tint);color:#2448b8}.fiche-apprends li:nth-child(6n+2){background:#fff4cc;color:#8a650a}.fiche-apprends li:nth-child(6n+3){background:#e6f5ed;color:#1d7a4b}.fiche-apprends li:nth-child(6n+4){background:#f1ecff;color:#5b42c9}.fiche-apprends li:nth-child(6n+5){background:#fff1e6;color:#b4561c}.fiche-apprends li:nth-child(6n+6){background:#ffe9ee;color:#b8344f}.fiche-cote{display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:center}.fiche-faits{font-size:12.5px;font-weight:600;color:var(--muted)}.fiche-barre{height:7px;border-radius:9px;background:#eef0f5;overflow:hidden}.fiche-barre span{display:block;height:100%;background:var(--blue);border-radius:9px}.fiche-pct{font-size:12.5px;font-weight:700}.fiche-cote .btn{justify-content:center}.fiche.fiche-reussie{background:#f3fbf5;border-color:#8dd6a6;box-shadow:0 4px #ccebd6}.fiche.fiche-reussie:hover{border-color:#24834b;box-shadow:0 6px #ccebd6}.fiche-maintenance{position:absolute;left:12px;bottom:12px;padding:6px 11px;border-radius:9px;background:#fff1e6;color:var(--orange-deep);font-size:13px;font-weight:700;box-shadow:0 3px #151b2e1f}.fiche-fermee .fiche-image img{filter:grayscale(.55) brightness(.92)}.fiche-reussite{align-self:flex-start;display:inline-flex;align-items:center;padding:7px 12px;margin-bottom:5px;border-radius:9px;background:#187843;color:#fff;font-size:14px;font-weight:700}.fiche-reussie .fiche-barre span{background:#21834b}.fiche-reussie .fiche-pct{color:#17663a}.fiche:focus-visible{outline:3px solid var(--blue);outline-offset:4px}@media(max-width:1180px){.fiche{grid-template-columns:240px minmax(0,1fr)}.fiche-cote{grid-column:2;flex-direction:row;align-items:center;text-align:left;flex-wrap:wrap}.fiche-cote .btn{margin-left:auto}.fiche-barre{flex:1;min-width:80px}}@media(max-width:700px){.fiche{grid-template-columns:1fr;padding:10px 10px 16px;gap:12px}.fiche-corps,.fiche-cote{padding:0 6px}.fiche-cote{grid-column:1}}@media(prefers-reduced-motion:reduce){.fiche,.fiche-image img{transition:none}}.catalogue-intro{display:flex;align-items:center;justify-content:space-between;min-height:290px;padding:30px 34px}.catalogue-intro .intro-copy{flex:1;min-width:0}.catalogue-intro .intro-compagnon{position:relative;flex:0 0 440px;align-self:stretch;min-height:230px;display:block}.catalogue-intro .intro-compagnon .intro-couv{position:absolute;width:210px;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0;border-radius:14px;border:3px solid rgba(255,255,255,.5);box-shadow:0 14px 28px #0d1c4a59;filter:none}.intro-couv.c1{left:0;top:6px;--r:-8deg;transform:rotate(var(--r))}.intro-couv.c2{right:0;top:-6px;--r:7deg;transform:rotate(var(--r))}.intro-couv.c3{left:70px;bottom:-4px;--r:-3deg;transform:rotate(var(--r))}.catalogue-intro .intro-compagnon .intro-bloxi{position:absolute;right:26px;bottom:-26px;width:170px;height:auto;margin:0;filter:drop-shadow(0 12px 14px #0d1c4a40)}@keyframes intro-flotte{50%{transform:translateY(-6px) rotate(var(--r))}}@media(prefers-reduced-motion:no-preference){.intro-couv.c1{animation:intro-flotte 6s ease-in-out infinite}.intro-couv.c2{animation:intro-flotte 7s ease-in-out -2s infinite}.intro-couv.c3{animation:intro-flotte 6.5s ease-in-out -4s infinite}}.intro-reprise{display:flex;align-items:center;gap:14px;max-width:540px;margin-top:4px;padding:10px 14px 10px 10px;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 5px #1f43b8;transition:transform .15s}.intro-reprise:hover{transform:translateY(-2px)}.intro-reprise img{width:124px;height:70px;object-fit:cover;border-radius:11px;flex:none}.intro-reprise-texte{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.intro-reprise-texte small:first-child{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.intro-reprise-texte b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intro-reprise-barre{display:block;height:6px;border-radius:9px;background:#e3e9fb;overflow:hidden}.intro-reprise-barre span{display:block;height:100%;width:0;background:var(--blue);border-radius:9px}.intro-reprise-texte small:last-child{font-size:12.5px;color:var(--muted);font-weight:600}.intro-reprise .btn{flex:none}@media(max-width:1150px){.catalogue-intro .intro-compagnon{flex-basis:300px}.catalogue-intro .intro-compagnon .intro-couv{width:160px}.intro-couv.c3{left:40px}.catalogue-intro .intro-compagnon .intro-bloxi{width:130px}}@media(max-width:820px){.catalogue-intro .intro-compagnon{display:none}}@media(max-width:520px){.intro-reprise{flex-wrap:wrap}.intro-reprise img{width:96px;height:54px}.intro-reprise .btn{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.intro-reprise{transition:none}}.catalogue-intro .intro-reprise img{position:static;width:124px;height:70px;max-width:none}@media(max-width:520px){.catalogue-intro .intro-reprise img{width:96px;height:54px}}.catalogue-intro .souhaits{margin-top:14px;max-width:600px;padding:0;background:none;border:0;color:#fff}.catalogue-intro .souhaits-ouvrir{gap:8px;margin-top:14px;padding:8px 13px;font-size:13px}.souhaits-ouvrir[aria-expanded=true]{background:#ffffff3d}.souhaits-ouvrir:focus-visible{outline:2px solid #fff;outline-offset:3px}.souhaits-contenu{margin-top:10px;padding:16px;border-radius:12px;background:var(--surface,#fff);color:var(--ink)}.souhaits-tete{margin-bottom:12px}.souhaits-tete h2{font-size:16px;letter-spacing:-.02em;margin:0}.catalogue-intro .souhaits-tete p:not(.catalogue-kicker){font-size:12.5px;max-width:none;margin:2px 0 0;color:var(--muted)}.catalogue-intro .souhaits-statut:not(.catalogue-kicker){font-size:12px;color:var(--muted);margin:10px 0 0}.souhaits-genres{display:flex;flex-wrap:wrap;gap:8px 7px}.souhait{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1.5px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 3px 0 var(--line);font:600 13px var(--font);color:var(--ink);cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s}.souhait:hover:not(:disabled){transform:translateY(-1px);border-color:#cfd4e0}.souhait:active:not(:disabled){transform:translateY(3px);box-shadow:none}.souhait:disabled{cursor:default;opacity:.7}.souhait-votes{min-width:18px;padding:1px 5px;border-radius:6px;background:#f0f2f7;color:var(--muted);font-size:11px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.souhait.choisi{border-color:var(--blue);background:var(--blue-tint);box-shadow:0 3px 0 var(--blue);color:#2448b8}.souhait.choisi .souhait-votes{background:var(--blue);color:#fff}.souhait.autre{border-style:dashed;box-shadow:none;color:#2448b8}.souhait.autre.choisi{border-style:solid;box-shadow:0 3px 0 var(--blue)}.souhait:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.souhaits-idee{margin-top:12px}.souhaits-idee div{display:flex;align-items:center;gap:8px}.souhaits-idee input{flex:1;min-width:0;padding:10px 13px;border:1.5px solid var(--line);border-radius:11px;background:#fff;font:inherit;font-size:14px;color:var(--ink)}.souhaits-idee input:focus-visible{outline:0;border-color:var(--blue)}.souhaits-statut{margin-top:10px;font-size:12px;font-weight:400;color:var(--muted)}.souhaits-statut:empty{display:none}@media(max-width:600px){.souhaits-contenu{padding:14px}.souhait{min-height:40px}}@media(prefers-reduced-motion:reduce){.souhait{transition:none}}
