.offrir{min-height:100dvh;padding:96px var(--pad) 48px;grid-template-columns:minmax(0,34rem) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.offrir [hidden]{display:none!important}.offrir-texte{gap:14px;display:grid}.offrir h1{font-variation-settings:"wdth" 112;letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.1rem,3.8vw,3rem);font-weight:780;line-height:.98}.offrir-chapeau,.offrir-merci p:first-child{color:#3c3b37;text-wrap:pretty;max-width:34rem;font-size:16px}.offrir-form{gap:16px;margin-top:6px;display:grid}.offrir-groupe{border:0;gap:8px;min-width:0;display:grid}.offrir-groupe legend,.offrir-champ label{margin-bottom:8px;padding:0;font-size:15px;font-weight:650}.offrir-formats{background:#1111101a;border-radius:26px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;display:grid}.offrir-format{font-feature-settings:"tnum";white-space:nowrap;cursor:pointer;border-radius:21px;justify-items:center;gap:2px;padding:10px 4px 9px;font-size:13px;display:grid;position:relative}.offrir-format input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.offrir-format:hover{background:#11111014}.offrir-format:has(:checked){background:var(--ink);color:#fff}.offrir-format:has(:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.offrir-format-nom,.offrir-format-valeur,.offrir-montant{font-family:var(--dots);font-variation-settings:"ROND" 100;font-feature-settings:"tnum"}.offrir-format-nom{margin-bottom:4px;font-size:26px;font-weight:900;line-height:1}.offrir-format-valeur{font-weight:800}.offrir-interrupteur{cursor:pointer;align-items:flex-start;gap:12px;font-weight:650;display:flex}.offrir-interrupteur small{color:#3c3b37;margin-top:2px;font-size:14px;font-weight:400;display:block}.offrir-interrupteur input{appearance:none;cursor:pointer;background:#11111038;border-radius:999px;flex:none;width:40px;height:24px;margin-top:1px;transition:background .2s;position:relative}.offrir-interrupteur input:after{content:"";width:18px;height:18px;transition:transform .24s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.offrir-interrupteur input:checked{background:var(--ink)}.offrir-interrupteur input:checked:after{transform:translate(16px)}.offrir-interrupteur input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.offrir-interrupteur:has(:disabled){opacity:.5;cursor:not-allowed}.offrir-champ{display:grid}.offrir-champ input,.offrir-champ textarea{font:inherit;color:var(--ink);caret-color:var(--rouge);background:#fff;border:0;font-size:16px;font-weight:400;box-shadow:inset 0 0 0 1.5px #1111102e}.offrir-champ input{border-radius:999px;height:46px;padding:0 18px}.offrir-champ textarea{resize:vertical;border-radius:14px;padding:12px 16px}.offrir-champ input::placeholder{color:#5f5e59}.offrir-champ input:focus-visible,.offrir-champ textarea:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.offrir-champ small{color:#3c3b37;margin-top:6px;font-size:14px}.offrir-pied{border-top:1px solid #1111101f;gap:12px;padding-top:18px;display:grid}.offrir-valeur{flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-weight:650;display:flex}.offrir-montant{font-size:2.4rem;font-weight:850;line-height:1}.offrir-pied .live:empty{display:none}.offrir-pied .live.err{color:var(--rouge-fonce);font-weight:600}.offrir-pied .btn{justify-content:center;width:100%}.offrir-pied .btn:disabled{color:#3c3b37;cursor:progress;background:#1111102e}.offrir-note{color:#3c3b37;font-size:13px}.offrir-merci{gap:18px;display:grid}.offrir-actions{flex-wrap:wrap;gap:10px;display:flex}.bon{justify-self:center;width:min(100%,30rem)}.bon-feuille{aspect-ratio:210/297;background:#fff;border-radius:6px;grid-template-rows:36% 1fr;display:grid;overflow:hidden;box-shadow:0 28px 60px -30px #1111108c;container-type:inline-size}.bon-bandeau{background:var(--rouge-fonce);color:#fff;position:relative}.bon-titre{font-variation-settings:"wdth" 125;font-size:10.1cqw;font-weight:450;line-height:.97;position:absolute;top:16.1cqw;left:9.4cqw}.bon-site{font-size:3cqw;font-weight:650;position:absolute;bottom:5cqw;left:9.4cqw}.bon-hex{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;width:29cqw;position:absolute;top:11.4cqw;right:9.4cqw}.bon-courbe{stroke-width:1.1px;opacity:.55}.bon-maitresse{stroke-width:1.6px;opacity:.9}.bon-contour{stroke-width:2.1px}.bon-corps{isolation:isolate;flex-direction:column;align-items:flex-start;padding:5.4cqw 9.4cqw 0;display:flex;position:relative}.bon-fond{z-index:-1;fill:none;stroke:#e4e4e0;stroke-width:.6px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;position:absolute;inset:0}.bon-fond .bon-fond-maitresse{stroke-width:1px}.bon-pour{font-variation-settings:"wdth" 112;letter-spacing:-.02em;overflow-wrap:anywhere;margin-bottom:1.7cqw;font-size:5cqw;font-weight:780;line-height:1.2}.bon-objet{margin-bottom:2.4cqw;font-size:2.7cqw;font-weight:650}.bon-message{white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:7;-webkit-box-orient:vertical;margin-bottom:1.3cqw;font-size:2cqw;line-height:1.42;display:-webkit-box;overflow:hidden}.bon-code span{opacity:.62}.bon-code{background:var(--paper);font-family:var(--dots);font-variation-settings:"ROND" 100;white-space:nowrap;border-radius:999px;margin:1.7cqw 0 3cqw;padding:2.7cqw 5.4cqw;font-size:6.7cqw;font-weight:850;line-height:1}.bon-validite,.bon-mode{font-size:2.2cqw;font-weight:650}.bon-validite{margin-bottom:4.5cqw}.bon-mode{margin-bottom:1.5cqw}.bon-etapes{gap:1cqw;padding-left:3.4cqw;font-size:1.85cqw;line-height:1.41;display:grid}.bon-etapes ::marker{font-weight:650}.bon-pied{color:#555552;font-size:1.5cqw;position:absolute;bottom:5.4cqw;left:9.4cqw;right:9.4cqw}.bon-pied small{margin-bottom:1.6cqw;font-size:1.26cqw;line-height:1.33;display:block}@media (width<=899px){.offrir{grid-template-columns:minmax(0,1fr);align-items:start;padding-top:96px}.offrir-texte{display:contents}.offrir h1{order:1}.offrir-chapeau{order:2}.bon{order:3;width:min(100%,280px)}.offrir-form,.offrir-merci{order:4}}@media (prefers-reduced-motion:reduce){.offrir-interrupteur input,.offrir-interrupteur input:after{transition:none}}