.livraison{z-index:3;flex-wrap:wrap;align-items:center;gap:18px;margin:-54px 0 0;padding:18px 22px 20px;display:flex;position:relative}.livraison .tete-skin{width:48px;height:48px;box-shadow:0 0 0 3px var(--contour), inset 0 -16px 0 0 #6c4c36, inset 0 16px 0 0 #3a2a20;background:#8e6a4e;flex:none}.livraison p{color:var(--encre2);margin:0;font-size:15px}.livraison p b{color:var(--encre);font-size:19px;display:block}.livraison .btn{margin-left:auto}.rayon{padding-top:56px}.rayon-tete{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.rayon-tete h2{color:var(--encre);font-size:40px}.rayon-tete p{color:var(--encre2);max-width:600px;margin:6px 0 0}.packs{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.pack{flex-direction:column;padding:20px 18px 18px;display:flex;position:relative}.pack .gemmes{align-items:flex-end;gap:2px;height:72px;margin-bottom:14px;display:flex}.pack .gemmes img{width:40px;height:40px;image-rendering:pixelated;margin-right:-14px}.pack .gemmes img:nth-child(2n){margin-bottom:14px}.pack .qte{font:400 32px/1 var(--titre);color:var(--encre)}.pack .qte small{font:800 14px/1.3 var(--corps);color:var(--encre2);margin-top:4px;display:block}.pack .bonus{color:#1f7a2c}.pack .prix{font:800 22px/1 var(--corps);color:var(--encre);margin:16px 0 12px}.pack .prix.vide{color:var(--encre2);font-size:16px}.pack .btn{width:100%;margin-top:auto}.pack.vedette{background:#fff3d0}.pack.vedette .etiquette{position:absolute;top:-12px;right:14px}.note-packs{color:var(--encre2);margin:16px 0 0;font-size:14px}.offre-premium{background:var(--panneau);grid-template-columns:300px minmax(0,1fr);gap:0;display:grid}.offre-premium .visuel{image-rendering:pixelated;background:#241a4e url(/img/banniere.webp) 50%/cover no-repeat;place-items:center;min-height:260px;display:grid;position:relative}.offre-premium .visuel .cases-p{grid-template-columns:repeat(3,56px);gap:10px;display:grid;position:relative}.offre-premium .visuel .cases-p span{width:56px;height:56px;image-rendering:pixelated;filter:drop-shadow(0 4px #0a061e99);background:url(/img/case-premium-verrouille.webp) 50%/56px 56px;place-items:center;display:grid}.offre-premium .visuel .cases-p span.c-spe{background-image:url(/img/case-speciale.webp)}.offre-premium .visuel .cases-p img{width:32px;height:32px;image-rendering:pixelated}.offre-premium .visuel .couronne{width:36px;height:24px;image-rendering:pixelated;position:absolute;top:18px;left:18px}.offre-premium .corps{padding:28px 32px 26px}.offre-premium h3{color:var(--encre);margin:12px 0 10px;font-size:32px}.offre-premium .corps>p{color:var(--encre2);max-width:640px}.offre-premium .achat{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.offre-premium .achat .prix{font:400 40px/1 var(--titre);color:var(--encre)}.offre-premium .achat .ou{color:var(--encre2);font-size:15px}.rappel{color:#3e2a78;box-shadow:inset 4px 0 0 0 var(--premium);background:#efe4ff;margin-top:18px;padding:12px 14px;font-size:15px}.liste-grades{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.liste-grades li{background:#fbf4e2;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 14px;display:grid;box-shadow:inset 0 0 0 2px #e6d7b4}.liste-grades b{font:400 21px/1.1 var(--titre);color:var(--encre)}.liste-grades .prix-g{font:800 18px/1.1 var(--corps);color:var(--encre)}.liste-grades .detail{color:var(--encre2);grid-column:1/-1;font-size:14.5px}.note-g{margin:12px 0 0;font-size:14.5px}.petits{font:400 21px/1.1 var(--titre);color:var(--encre);margin:22px 0 0}.deux-col{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:24px;display:grid}.grades,.paiement{padding:26px 26px 24px}.pile{gap:24px;display:grid}.paiement h3{color:var(--encre);font-size:28px}.paiement ol{color:var(--encre2);margin:0;padding-left:22px;font-size:15.5px}.paiement li{margin-bottom:8px;padding-left:4px}.paiement li::marker{font:400 18px var(--titre);color:var(--or-sombre)}.grades h3,.cles h3{font-size:28px}.grades h3{color:var(--encre)}.grades p{color:var(--encre2)}.cles{padding:26px 26px 24px}.cles h3{color:var(--texte);align-items:center;gap:12px;display:flex}.cles h3 img{width:32px;height:32px;image-rendering:pixelated}.cles>p{color:var(--texte2)}@media (width<=1100px){.packs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.offre-premium,.deux-col{grid-template-columns:1fr}.offre-premium .visuel{min-height:200px}}@media (width<=600px){.livraison{margin-top:-46px;padding:16px 16px 18px}.livraison .btn{width:100%;margin-left:0}.rayon{padding-top:40px}.rayon-tete{display:block}.rayon-tete h2{font-size:30px}.packs{gap:14px}.pack{padding:16px 14px 14px}.pack .gemmes{height:54px}.pack .gemmes img{width:28px;height:28px;margin-right:-12px}.pack .gemmes img:nth-child(n+6){display:none}.pack .qte{font-size:25px}.pack .prix{font-size:19px}.pack .btn{min-height:42px;padding:6px 10px 10px;font-size:15px}.offre-premium .corps{padding:22px 18px 20px}.premium h3{font-size:26px}.offre-premium .achat .btn{width:100%}.grades,.cles,.paiement{padding:22px 18px 20px}.voile{align-items:flex-end;padding:0}.fenetre{max-height:100vh;padding:22px 18px 20px}.fenetre .boutons{flex-direction:column-reverse}}.bandeau.photo{image-rendering:auto;background:linear-gradient(90deg,#0d0c28 0 36%,#0d0c2880 58%,#0d0c2800 80%),linear-gradient(#0d0c28 0,#0d0c28c2 104px,#0d0c2800 160px),url(/img/latias-960.webp) 100% 0/64% no-repeat,#0d0c28}.src-ba{z-index:2;font:800 10px/1 var(--corps);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#080718b8;padding:3px 5px 4px;position:absolute;bottom:64px;right:12px}@media (width<=600px){.bandeau.photo{background:linear-gradient(#0d0c28 0,#0d0c28db 22%,#0d0c288c 55%,#0d0c2840),url(/img/latias-960.webp) 64%/cover no-repeat,#0d0c28}.src-ba{bottom:56px}}.fenetre{width:calc(100% - 48px);max-width:560px;max-height:calc(100vh - 48px);color:var(--encre);border:0;padding:34px 34px 30px;overflow:auto}.fenetre::backdrop{background:#0b0a1fc7}.fenetre h2{color:var(--encre);margin-bottom:4px;font-size:30px}.fenetre .sous{color:var(--encre2);margin:0 0 18px;font-size:15px}.recap{border-top:2px dashed #d3c39c;border-bottom:2px dashed #d3c39c;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;margin:0;padding:16px 0;font-size:15px;display:grid}.recap dt{color:var(--encre2)}.recap dd{color:var(--encre);margin:0}.recap .total{font:400 26px/1 var(--titre)}.case{font:700 15px/1.45 var(--corps);color:var(--encre);cursor:pointer;grid-template-columns:26px minmax(0,1fr);gap:12px;margin:18px 0 0;display:grid}.case input{-webkit-appearance:none;appearance:none;width:26px;height:26px;box-shadow:0 0 0 3px var(--contour), inset 0 3px 0 0 #e2d7bc;cursor:pointer;background:#fffdf6;place-items:center;margin:2px 0 0;display:grid}.case input:checked{background:var(--reussite);box-shadow:0 0 0 3px var(--contour), inset 0 -3px 0 0 #2e7a38}.case input:checked:after{content:"";border-bottom:4px solid #0f3a16;border-left:4px solid #0f3a16;width:12px;height:7px;transform:translateY(-2px)rotate(-45deg)}.case input:focus-visible{outline:3px solid var(--gratuit);outline-offset:4px}.mineur{color:var(--or-texte);box-shadow:inset 4px 0 0 0 var(--or);background:#fff0cc;margin:16px 0 0;padding:12px 14px;font-size:14px}.fenetre .boutons{gap:14px;margin-top:22px;display:flex}.fenetre .boutons .btn.primaire{flex:1}.fenetre .liens{color:var(--encre2);margin:16px 0 0;font-size:13px}.fenetre .message{color:#6b2a0c;box-shadow:inset 4px 0 0 0 var(--rouge);background:#fce2b8;margin:16px 0 0;padding:12px 14px;font-size:15px}.livraison .champ{flex:320px}.livraison label{margin-bottom:6px}.livraison input{max-width:360px}.livraison .aide-pseudo{margin:8px 0 0;font-size:14px}.livraison .tete-skin{align-self:flex-start;margin-top:26px}.etat-boutique{color:#3e2a78;box-shadow:inset 4px 0 0 0 var(--premium);background:#efe4ff;margin:18px 0 0;padding:12px 14px;font-size:15px}.etat-boutique.erreur{color:#6b2a0c;box-shadow:inset 4px 0 0 0 var(--rouge);background:#fce2b8}.pack .qte{margin:0}.rayon.dernier{padding-bottom:72px}.grades h3,.paiement h3{margin:12px 0 10px}.cles .intro{margin-top:10px}.liste-grades .choisir{grid-column:1/-1;justify-self:start;margin-top:6px}@media (width<=600px){.fenetre{width:100%;max-width:none;max-height:100vh;margin:auto 0 0;padding:22px 18px 20px}.fenetre .boutons{flex-direction:column-reverse}.livraison .tete-skin{display:none}.pack .btn{min-height:44px}}