:root{--ink:#1f2a24;--ink-soft:#6b7a71;--paper:#fbf6ee;--card:#fff;--surface:#f1ece2;--line:#ece4d6;--brand:#b8322a;--brand-press:#9c2821;--on-brand:#fff;--on-ink:#f1ead9;--fir:#2f6b4f;--gold:#b9862e;--gold-ink:#8a5d00;--danger:#a3122a;--pastel-0:#dfeee4;--pastel-1:#fde9c9;--pastel-2:#d7e6f4;--pastel-3:#f8d9d4;--pastel-4:#ece3f6;--st-idee-bg:#f1ece2;--st-idee-ink:var(--ink-soft);--st-achete-bg:#fde9c9;--st-achete-ink:#8a5d00;--st-emballe-bg:#f8d9d4;--st-emballe-ink:#9c2821;--st-offert-bg:var(--fir);--st-offert-ink:#fff;--font-display:"DM Serif Display", Georgia, serif;--font-body:"Outfit", system-ui, sans-serif;--fs-display:calc(clamp(2.5rem, 12vw, 3.5rem));--fs-title:2.5rem;--fs-heading:1.375rem;--fs-lead:1.125rem;--fs-body:1.0625rem;--fs-meta:.9375rem;--fs-small:.8125rem;--radius:18px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--tap:52px;--tabs-h:64px;--inset-l:env(safe-area-inset-left,0px);--inset-r:env(safe-area-inset-right,0px);--gutter:max(16px + max(var(--inset-l), var(--inset-r)), 50vw - 264px);font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background:var(--paper);-webkit-tap-highlight-color:transparent;margin:0;line-height:1.4}:where(button,[role=button],label.option,a.button,a.card,.tabs a,.top a){touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .1s var(--ease-out)}:where(button:not(:disabled),[role=button],label.option,a.button,a.card):active{transform:scale(.97)}:where(a.row-link,button.row-link){touch-action:manipulation;-webkit-touch-callout:none}:where(a.row-link,button.row-link):active{background:var(--surface)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.screen{min-height:100dvh}.screen.with-tabs{padding-bottom:calc(var(--tabs-h) + env(safe-area-inset-bottom))}.content{max-width:560px;padding:20px calc(16px + var(--inset-r)) 24px calc(16px + var(--inset-l));margin:0 auto}.message{padding-top:8svh}.message p{max-width:34ch;color:var(--ink-soft);font-size:var(--fs-body);margin:0}.message .lead{color:var(--ink);font-size:var(--fs-heading);margin-bottom:6px;font-weight:600}.page-title{font-family:var(--font-display);font-size:var(--fs-title);letter-spacing:-.01em;text-wrap:balance;margin:0 0 20px;font-weight:400;line-height:1}.kicker{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px;font-size:.75rem;font-weight:600;display:flex}.kicker a,.kicker button{color:var(--ink-soft);font-weight:500;font-size:var(--fs-meta);letter-spacing:0;text-transform:none;background:0 0;border:0;min-height:44px;padding:0}.button,.kicker a,.kicker button,.pill-button{cursor:pointer;text-decoration:none}.button{min-height:var(--tap);border:2px solid var(--ink);border-radius:var(--radius);background:var(--card);color:var(--ink);font-weight:600;font-size:var(--fs-body);place-items:center;padding:0 20px;display:inline-grid}.button.primary{border-color:var(--ink)}.button.primary,.pill-button{background:var(--ink);min-height:56px;color:var(--on-ink);border-radius:28px}.pill-button{right:var(--gutter);bottom:calc(24px + env(safe-area-inset-bottom));z-index:9;font-weight:600;font-size:var(--fs-body);border:0;align-items:center;gap:8px;padding:0 22px;display:inline-flex;position:fixed;box-shadow:0 10px 24px -10px #1f2a2499}.with-tabs .pill-button{bottom:calc(16px + var(--tabs-h) + env(safe-area-inset-bottom))}.pill-button.secondary{right:auto;left:var(--gutter);background:var(--st-achete-bg);color:var(--st-achete-ink)}.pill-button:disabled{opacity:.6}.button:disabled{opacity:.55}.text-button{min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.field{width:100%;min-height:var(--tap);border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card);font-size:var(--fs-body);padding:0 16px}.field:focus{border-color:var(--ink);outline:none}.error{color:var(--danger);font-weight:600}.form{gap:16px;padding-bottom:96px}.form,.form label{flex-direction:column;display:flex}.form label{color:var(--ink-soft);font-size:var(--fs-meta);gap:6px;font-weight:500}.form label>span:first-child{color:var(--ink)}.form textarea.field{resize:none;min-height:120px;padding:12px 16px;line-height:1.4}.form .submit{left:var(--gutter);right:var(--gutter);bottom:calc(20px + env(safe-area-inset-bottom));z-index:9;position:fixed}.text-button.danger{color:var(--danger);font-weight:600;text-decoration:none}.segments{border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.segments label.option{min-height:44px;font-size:var(--fs-small);color:var(--ink-soft);cursor:pointer;border-radius:14px;place-items:center;font-weight:600;display:grid}.segments label.option input{opacity:0;pointer-events:none;position:absolute}.segments label.option:has(input:checked){background:var(--card);color:var(--ink);box-shadow:0 1px 2px #1f2a241f}.segments label.option:has(input:focus-visible){outline:3px solid var(--ink)}
