@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;src:url('/fonts/google/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5-bec94a4daf.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 700;font-display:swap;src:url('/fonts/google/6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq-9e5095030b.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Extrait de https://chutex-innovation.com/static/css/main.7039d80f.css le 2026-10-26T16:11:23.942Z (tools/extract_chrome.mjs) : règles utilisées par l'en-tête et le pied du site. */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}a{color:inherit;text-decoration:inherit}button,input{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}p{margin:0}ul{list-style:none;margin:0;padding:0}input::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}img,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--chutex:#bff66f;--chutex-rgb:191 246 111;--chutex-50-rgb:243 252 224;--chutex-100-rgb:228 247 184;--chutex-600-rgb:168 227 79;--chutex-text:#3f6212;--chutex-text-rgb:63 98 18;--chutex-ink:#111;--chutex-glow:191,246,111;--partner-accent-ink:#fff;--da-pill:#bff66f;--primary:84 88% 70%;--primary-foreground:0 0% 7%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:84 88% 70%;--radius:0.75rem}html{background-color:#fff;overflow-x:hidden;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#0a0a0a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;max-width:100vw;width:100%}#root{min-height:100vh;min-height:100dvh}::selection{background-color:#bff66f;background-color:var(--chutex);color:#111;color:var(--chutex-ink)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a2a2a}*{border-color:#e5e5e5;border-color:hsl(var(--border))}[data-debug-wrapper=true]{display:contents!important}[data-debug-wrapper=true]>*{border:inherit;column-gap:inherit;gap:inherit;margin:inherit;padding:inherit;row-gap:inherit}.glass-floating-light-hero{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);background-color:#ffffff38;border:1px solid #ffffff47;box-shadow:0 12px 36px -24px #00000014}@media (min-width:1024px){.glass-floating-light-hero{backdrop-filter:blur(8px) saturate(130%);-webkit-backdrop-filter:blur(8px) saturate(130%);background-color:#ffffff1f;border:1px solid #ffffff29;box-shadow:none}}.glass-drawer-backdrop{backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);background-color:#ffffff1f}.glass-cart-panel{backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%);background-color:#fffffff5}.glass-cart-inset{backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);background-color:#ffffff42;border:1px solid #ffffff5c;box-shadow:inset 0 1px 0 #ffffff7a}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.left-0{left:0}.left-1\/2{left:50%}.left-3\.5{left:.875rem}.right-0{right:0}.top-0{top:0}.top-1\/2{top:50%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[60\]{z-index:60}.z-\[65\]{z-index:65}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-0\.5{margin-top:.125rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-7{margin-top:1.75rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[2px\]{height:2px}.h-full{height:100%}.h-px{height:1px}.max-h-0{max-height:0}.min-h-0{min-height:0}.w-10{width:2.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-\[18px\]{width:18px}.w-\[2px\]{width:2px}.w-auto{width:auto}.w-fit{width:-webkit-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[2\.25rem\]{min-width:2.25rem}.max-w-\[1400px\]{max-width:1400px}.max-w-\[1780px\]{max-width:1780px}.max-w-\[6\.5rem\]{max-width:6.5rem}.max-w-\[min\(100\%\2c 9\.5rem\)\]{max-width:min(100%,9.5rem)}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1}.shrink-0{flex-shrink:0}.origin-center{transform-origin:center}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;user-select:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[2\.75rem_1fr_auto\]{grid-template-columns:2.75rem 1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-7{gap:1.75rem}.gap-x-4{column-gap:1rem}.gap-x-6{column-gap:1.5rem}.gap-y-1\.5{row-gap:.375rem}.gap-y-2{row-gap:.5rem}.gap-y-8{row-gap:2rem}.self-start{align-self:flex-start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.whitespace-nowrap{white-space:nowrap}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.75rem;border-radius:var(--radius)}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-black\/\[0\.08\]{border-color:#00000014}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/\[0\.14\]{border-color:#ffffff24}.bg-\[\#0A0A0A\]\/80{background-color:#0a0a0acc}.bg-black\/25{background-color:#00000040}.bg-chutex{--tw-bg-opacity:1;background-color:#bff66f;background-color:rgb(var(--chutex-rgb)/var(--tw-bg-opacity,1))}.bg-ink-950{--tw-bg-opacity:1;background-color:#0a0a0a;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/\[0\.06\]{background-color:#ffffff0f}.bg-\[linear-gradient\(90deg\2c transparent_0\%\2c rgba\(10\2c 10\2c 10\2c 0\.38\)_50\%\2c transparent_100\%\)\]{background-image:linear-gradient(90deg,#0000,#0a0a0a61 50%,#0000)}.bg-\[radial-gradient\(ellipse_at_50\%_40\%\2c rgba\(0\2c 0\2c 0\2c 0\.06\)_0\%\2c rgba\(0\2c 0\2c 0\2c 0\.02\)_50\%\2c transparent_72\%\)\]{background-image:radial-gradient(ellipse at 50% 40%,#0000000f 0,#00000005 50%,#0000 72%)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-ink-950\/50{--tw-gradient-from:#0a0a0a80 var(--tw-gradient-from-position);--tw-gradient-to:#0a0a0a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/\[0\.14\]{--tw-gradient-from:#ffffff24 var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-ink-950\/65{--tw-gradient-to:#0a0a0a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0a0a0aa6 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0000 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/20{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff3 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-ink-950\/90{--tw-gradient-to:#0a0a0ae6 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-left{object-position:left}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.pb-3{padding-bottom:.75rem}.pb-8{padding-bottom:2rem}.pb-\[max\(0\.75rem\2c env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-\[max\(0\.75rem\2c env\(safe-area-inset-top\)\)\]{padding-top:max(.75rem,env(safe-area-inset-top))}.text-left{text-align:left}.font-sf-display{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,Segoe UI,sans-serif}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[clamp\(1\.35rem\2c 5\.5vw\2c 2\.15rem\)\]{font-size:clamp(1.35rem,5.5vw,2.15rem)}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-\[1\.12\]{line-height:1.12}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-\[-0\.005em\]{letter-spacing:-.005em}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.text-\[\#0A0A0A\]{--tw-text-opacity:1;color:#0a0a0a;color:rgb(10 10 10/var(--tw-text-opacity,1))}.text-\[\#0A0A0A\]\/75{color:#0a0a0abf}.text-bone-50{--tw-text-opacity:1;color:#fafaf7;color:rgb(250 250 247/var(--tw-text-opacity,1))}.text-ink-950{--tw-text-opacity:1;color:#0a0a0a;color:rgb(10 10 10/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/35{color:#ffffff59}.text-white\/50{color:#ffffff80}.text-white\/55{color:#ffffff8c}.text-white\/60{color:#fff9}.text-white\/\[0\.56\]{color:#ffffff8f}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-45{opacity:.45}.opacity-55{opacity:.55}.opacity-70{opacity:.7}.shadow-\[0_0_8px_rgba\(0\2c 0\2c 0\2c 0\.18\)\]{--tw-shadow:0 0 8px #0000002e;--tw-shadow-colored:0 0 8px var(--tw-shadow-color)}.shadow-\[0_0_8px_rgba\(0\2c 0\2c 0\2c 0\.18\)\]{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_32px_-8px_rgba\(var\(--chutex-glow\)\2c 0\.45\)\]{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_32px_-8px_rgba\(var\(--chutex-glow\)\2c 0\.45\)\]{--tw-shadow:0 12px 32px -8px rgba(var(--chutex-glow),0.45);--tw-shadow-colored:0 12px 32px -8px var(--tw-shadow-color)}.shadow-\[0_24px_80px_-24px_rgba\(0\2c 0\2c 0\2c 0\.65\)\]{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_80px_-24px_rgba\(0\2c 0\2c 0\2c 0\.65\)\]{--tw-shadow:0 24px 80px -24px #000000a6;--tw-shadow-colored:0 24px 80px -24px var(--tw-shadow-color)}.outline-none{outline:2px solid #0000;outline-offset:2px}.backdrop-blur-2xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-saturate-150{--tw-backdrop-saturate:saturate(1.5);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-\[border-radius\2c box-shadow\2c background-color\2c border-color\]{transition-duration:.15s;transition-property:border-radius,box-shadow,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[max-height\]{transition-duration:.15s;transition-property:max-height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-300{animation-duration:.3s}[data-testid=complement-pdp],[data-testid=complement-seo-sections]{max-width:100%;overflow-x:clip;width:100%}#emergent-badge,[class*=emergent-badge],[id*=emergent-badge],a[href*="app.emergent.sh"],a[href*="emergent.dev"],a[href*="emergent.sh"]{display:none!important;pointer-events:none!important;visibility:hidden!important}.bg-chutex,.bg-chutex *{color:#111!important;color:var(--chutex-ink)!important}.placeholder\:text-white\/\[0\.56\]::placeholder{color:#ffffff8f}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:bg-black\/\[0\.05\]:hover{background-color:#0000000d}.hover\:bg-black\/\[0\.06\]:hover{background-color:#0000000f}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/90:hover{background-color:#ffffffe6}.hover\:text-\[\#0A0A0A\]:hover{--tw-text-opacity:1;color:#0a0a0a;color:rgb(10 10 10/var(--tw-text-opacity,1))}.hover\:text-ink-950\/75:hover{color:#0a0a0abf}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-white\/80:hover{color:#fffc}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:brightness-\[1\.03\]:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:brightness-\[1\.03\]:hover{--tw-brightness:brightness(1.03)}.focus\:border-white\/35:focus{border-color:#ffffff59}.focus\:bg-black\/35:focus{background-color:#00000059}.active\:scale-\[0\.98\]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:opacity-50{opacity:.5}@media (prefers-reduced-motion:no-preference){}@media (min-width:640px){.sm\:mt-12{margin-top:3rem}.sm\:block{display:block}.sm\:h-10{height:2.5rem}.sm\:h-11{height:2.75rem}.sm\:h-14{height:3.5rem}.sm\:flex-row{flex-direction:row}.sm\:items-stretch{align-items:stretch}.sm\:justify-start{justify-content:flex-start}.sm\:gap-3{gap:.75rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:gap-x-6{column-gap:1.5rem}.sm\:gap-y-10{row-gap:2.5rem}.sm\:rounded-\[1\.75rem\]{border-radius:1.75rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-3{padding-bottom:.75rem;padding-top:.75rem}.sm\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-\[14px\]{font-size:14px}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:768px){.md\:mb-8{margin-bottom:2rem}.md\:mt-14{margin-top:3.5rem}.md\:mt-8{margin-top:2rem}.md\:h-\[4\.5rem\]{height:4.5rem}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-7{padding-bottom:1.75rem;padding-top:1.75rem}.md\:pb-14{padding-bottom:3.5rem}.md\:pt-20{padding-top:5rem}}@media (min-width:1024px){.lg\:h-8{height:2rem}.lg\:max-w-\[1680px\]{max-width:1680px}.lg\:grid-cols-\[minmax\(0\2c 20rem\)_1fr\]{grid-template-columns:minmax(0,20rem) 1fr}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:gap-16{gap:4rem}.lg\:gap-x-8{column-gap:2rem}.lg\:gap-y-12{row-gap:3rem}.lg\:self-end{align-self:flex-end}.lg\:border-l{border-left-width:1px}.lg\:border-t-0{border-top-width:0}.lg\:border-white\/10{border-color:#ffffff1a}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-7{padding-left:1.75rem;padding-right:1.75rem}.lg\:py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.lg\:py-4{padding-bottom:1rem;padding-top:1rem}.lg\:pl-12{padding-left:3rem}.lg\:pt-0{padding-top:0}.lg\:text-right{text-align:right}}@media (min-width:1280px){.xl\:inline{display:inline}.xl\:hidden{display:none}.xl\:h-10{height:2.5rem}.xl\:max-w-\[1780px\]{max-width:1780px}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\2c 22rem\)_1fr\]{grid-template-columns:minmax(0,22rem) 1fr}.xl\:gap-1{gap:.25rem}.xl\:gap-20{gap:5rem}.xl\:gap-6{gap:1.5rem}.xl\:px-3\.5{padding-left:.875rem;padding-right:.875rem}.xl\:px-6{padding-left:1.5rem;padding-right:1.5rem}.xl\:pl-16{padding-left:4rem}.xl\:text-\[13\.5px\]{font-size:13.5px}}@media (min-width:1440px){.min-\[1440px\]\:flex{display:flex}.min-\[1440px\]\:hidden{display:none}.min-\[1440px\]\:flex-col{flex-direction:column}}#root>[data-chutex-patch-seo]{background:#fff;box-sizing:border-box;color:#0a0a0a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;margin:0 auto;max-width:48rem;padding:5.5rem 1.25rem 3rem}#root>[data-chutex-patch-seo] p{margin:0 0 .85rem}#root>[data-chutex-patch-seo] img{border-radius:.75rem;display:block;height:auto;margin:1.25rem 0;max-width:100%}#root>[data-chutex-patch-seo] a{color:#5b21b6}#root>[data-chutex-patch-seo] img[loading=eager]{border-radius:0;height:auto;margin:0 -1.25rem 1rem;max-width:none;width:calc(100% + 2.5rem)}
/* attributs style des composants du site, convertis en classes (CSP) */
.cxs0{opacity: 0; transform: scale(0.86)}
.cxs1{color: rgb(10, 10, 10); letter-spacing: 0.01em; transform: none}
.cxs2{color: rgb(10, 10, 10)}
.cxs3{opacity: 0.68; transform: none}
.cxs4{opacity: 0; transform: scaleX(0)}
.cxs5{opacity: 0; transform: scale(0)}
.cxs6{opacity: 1; transform: none}
.cxs7{color: rgb(10, 10, 10); letter-spacing: 0.035em; transform: translateY(-0.75px)}
/* Chutex One, page protégée v2 (ONE-DA, 26/10/2026) : fond blanc, en-tête et pied du site, récit 3D au défilement,
   colonne d'achat avec carte noire. Jetons de la charte (DA/01_JETONS.md) ; aucune couleur citron en texte sur fond clair. */
:root {
  --od-ink: #0a0a0a;
  --od-ink-2: rgba(10, 10, 10, 0.72);
  --od-ink-3: rgba(10, 10, 10, 0.56);
  --od-line: rgba(10, 10, 10, 0.1);
  --od-paper: #ffffff;
  --od-mist: #f4f4f6;
  --od-mist-2: #ececef;
  --od-night: #050508;
  --od-lime: #bff66f;
  --od-on-lime: #1a2e05;
  --od-green-text: #3f6212;
  --od-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --od-gutter: clamp(16px, 4vw, 48px);
  --od-max: 1320px;
  --od-sans: Inter, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --od-serif: Fraunces, Georgia, serif;
  --od-header: 84px;
}
@media (max-width: 1439px) { :root { --od-header: 72px; } }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; background: var(--od-paper); color: var(--od-ink); font-family: var(--od-sans); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.od { overflow-x: clip; }
.od *, .od *::before, .od *::after { box-sizing: border-box; }
.od img { max-width: 100%; height: auto; display: block; }
.od-skip { position: fixed; left: 12px; top: 12px; z-index: 100; background: var(--od-ink); color: #fff; padding: 12px 16px; border-radius: 999px; font: 500 14px/1 var(--od-sans); clip-path: inset(50%); opacity: 0; pointer-events: none; }
.od-skip:focus { clip-path: none; opacity: 1; pointer-events: auto; }
.od [hidden] { display: none !important; }
.od-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.od-wrap { width: 100%; max-width: var(--od-max); margin: 0 auto; padding: 0 var(--od-gutter); }
.od :focus-visible { outline: 2px solid var(--od-ink); outline-offset: 3px; border-radius: 8px; }

/* typographie */
.od-pill { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 14px; border-radius: 999px; background: var(--od-mist); color: var(--od-ink); font: 500 13px/1 var(--od-sans); letter-spacing: 0.005em; }
.od-pill__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--od-lime); box-shadow: 0 0 0 3px rgba(191, 246, 111, 0.35); }
.od-pill--dark { background: rgba(255, 255, 255, 0.1); color: #fff; }
.od-h2 { margin: 16px 0 0; font: 650 clamp(34px, 5vw, 64px)/1.02 var(--od-sans); letter-spacing: -0.045em; color: var(--od-ink); text-wrap: balance; }
.od-h3 { margin: 0; font: 600 clamp(20px, 2vw, 24px)/1.2 var(--od-sans); letter-spacing: -0.02em; }
.od-lead { margin: 18px 0 0; max-width: 640px; font: 400 clamp(17px, 1.5vw, 20px)/1.55 var(--od-sans); color: var(--od-ink-2); text-wrap: pretty; }
.od-body { margin: 10px 0 0; font: 400 16px/1.6 var(--od-sans); color: var(--od-ink-2); }
.od-caption { font: 400 13px/1.5 var(--od-sans); color: var(--od-ink-3); }
.od-head { max-width: 820px; }
.od-head--center { margin: 0 auto; text-align: center; }
.od-head--center .od-lead { margin-left: auto; margin-right: auto; }
.od-section { padding: clamp(72px, 10vw, 140px) 0; position: relative; }
.od-section + .od-section { padding-top: 0; }

/* boutons */
.od-btn { -webkit-appearance: none; appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 26px; border-radius: 999px; border: 0; cursor: pointer; text-decoration: none; font: 600 16px/1 var(--od-sans); letter-spacing: -0.005em; transition: transform 0.4s var(--od-ease), box-shadow 0.4s var(--od-ease), background-color 0.3s; }
.od-btn svg { width: 18px; height: 18px; flex: none; }
.od-btn--lime { background: var(--od-lime); color: var(--od-on-lime); box-shadow: 0 14px 34px -14px rgba(120, 190, 40, 0.75); }
.od-btn--lime:hover { transform: translateY(-1px); box-shadow: 0 18px 40px -14px rgba(120, 190, 40, 0.9); }
.od-btn--ink { background: var(--od-ink); color: #fff; }
.od-btn--ghost { background: var(--od-mist); color: var(--od-ink); }
.od-btn--ghost:hover { background: var(--od-mist-2); }
.od-btn--block { width: 100%; }
.od-btn--lg { min-height: 58px; padding: 0 30px; font-size: 17px; }
.od-link { color: var(--od-ink); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }

/* ───── récit 3D au défilement ───── */
.od-stage { position: relative; background: linear-gradient(180deg, #ffffff 0%, #ffffff 40%, #f5f5f7 100%); }
.js .od-stage { height: 620vh; height: 620svh; }
.od-stage__sticky { position: relative; height: auto; }
.js .od-stage__sticky { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }
.od-stage__floor { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(120% 70% at 62% 74%, rgba(10, 10, 10, 0.045) 0%, rgba(10, 10, 10, 0) 55%); }
.od-stage__canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.9s var(--od-ease); }
.od-stage[data-renderer="webgl"] .od-stage__canvas { opacity: 1; }
.od-stage__still { position: absolute; pointer-events: none; display: none; }
.js .od-stage__still { display: block; left: 44%; right: 2%; top: calc(var(--od-header) + 2vh); bottom: 4vh; }
.od-stage__still img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity 0.7s var(--od-ease); }
.js .od-stage[data-renderer="webgl"] .od-stage__still img { opacity: 0 !important; transition-duration: 0.9s; }
.od-stage[data-scene="0"] .od-stage__still img[data-s="0"], .od-stage[data-scene="1"] .od-stage__still img[data-s="1"], .od-stage[data-scene="2"] .od-stage__still img[data-s="2"],
.od-stage[data-scene="3"] .od-stage__still img[data-s="3"], .od-stage[data-scene="4"] .od-stage__still img[data-s="4"], .od-stage[data-scene="5"] .od-stage__still img[data-s="5"] { opacity: 1; }
.od-stage__render { position: absolute; left: max(var(--od-gutter), calc((100vw - var(--od-max)) / 2 + var(--od-gutter))); bottom: 18px; margin: 0; z-index: 3; }
.od-stage__scroll { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); display: none; align-items: center; gap: 10px; font: 500 13px/1 var(--od-sans); color: var(--od-ink-3); transition: opacity 0.4s; }
.js .od-stage__scroll { display: inline-flex; }
.od-stage__scroll i { width: 1px; height: 28px; background: linear-gradient(var(--od-ink-3), transparent); animation: od-drip 2.2s var(--od-ease) infinite; }
.od-stage:not([data-scene="0"]) .od-stage__scroll { opacity: 0; }
@keyframes od-drip { 0% { transform: scaleY(0); transform-origin: top; } 50% { transform: scaleY(1); transform-origin: top; } 51% { transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } }

.od-cap { position: relative; padding: 32px var(--od-gutter); }
.js .od-cap { position: absolute; left: 0; top: 0; bottom: 0; width: min(46%, 620px); padding: calc(var(--od-header) + 24px) 0 64px var(--od-gutter); padding-left: max(var(--od-gutter), calc((100vw - var(--od-max)) / 2 + var(--od-gutter))); display: flex; flex-direction: column; justify-content: center; opacity: 0; visibility: hidden; transform: translateY(26px); transition: opacity 0.6s var(--od-ease), transform 0.8s var(--od-ease), visibility 0s linear 0.6s; z-index: 2; }
.js .od-cap.is-on { opacity: 1; visibility: visible; transform: none; transition: opacity 0.7s var(--od-ease) 0.08s, transform 0.9s var(--od-ease) 0.08s, visibility 0s; }
.od-cap > .od-pill { align-self: flex-start; }
.od-hero__name { display: block; font: 500 clamp(15px, 1.3vw, 17px)/1.3 var(--od-sans); color: var(--od-ink-2); margin: 22px 0 14px; letter-spacing: -0.005em; }
.od-hero__title { margin: 0; }
.od-hero__line { display: block; font: 750 clamp(56px, 7.6vw, 124px)/0.92 var(--od-sans); letter-spacing: -0.06em; color: var(--od-ink); white-space: nowrap; }
.od-hero__line--b { font-family: var(--od-serif); font-weight: 300; font-style: italic; letter-spacing: -0.045em; padding-left: 0.04em; }
.od-hero__lead { margin: 26px 0 0; max-width: 480px; font: 400 clamp(17px, 1.4vw, 19px)/1.55 var(--od-sans); color: var(--od-ink-2); }
.od-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.od-hero__meta { list-style: none; padding: 0; margin: 26px 0 0; display: flex; flex-wrap: wrap; gap: 8px 20px; font: 500 13px/1.4 var(--od-sans); color: var(--od-ink-2); }
.od-hero__meta li { display: inline-flex; align-items: center; gap: 8px; }
.od-hero__meta svg { width: 16px; height: 16px; color: var(--od-green-text); }
.od-step__n { display: inline-flex; align-items: center; gap: 10px; font: 600 14px/1 var(--od-sans); color: var(--od-ink-3); letter-spacing: 0.01em; }
.od-step__n b { display: inline-grid; place-items: center; min-width: 34px; height: 34px; padding: 0 8px; border-radius: 999px; background: var(--od-ink); color: var(--od-lime); font-weight: 600; font-size: 13px; }
.od-step__title { margin: 20px 0 0; font: 700 clamp(40px, 5.4vw, 80px)/0.96 var(--od-sans); letter-spacing: -0.055em; text-wrap: balance; }
.od-step__text { margin: 20px 0 0; max-width: 460px; font: 400 clamp(17px, 1.4vw, 19px)/1.6 var(--od-sans); color: var(--od-ink-2); }
.od-step__day { margin-top: 26px; max-width: 360px; }
.od-step__bar { height: 6px; border-radius: 999px; background: var(--od-mist-2); overflow: hidden; }
.od-step__bar span { display: block; height: 100%; width: 0; border-radius: inherit; background: var(--od-ink); transition: width 0.3s linear; }
.od-step__daylabel { display: block; margin-top: 12px; font: 600 15px/1 var(--od-sans); font-variant-numeric: tabular-nums; }
.od-stage__progress { position: absolute; right: var(--od-gutter); top: 50%; transform: translateY(-50%); display: none; flex-direction: column; gap: 10px; z-index: 3; list-style: none; margin: 0; padding: 0; }
.js .od-stage__progress { display: flex; }
.od-stage__progress li { width: 6px; height: 6px; border-radius: 50%; background: rgba(10, 10, 10, 0.18); transition: transform 0.4s var(--od-ease), background-color 0.4s; }
.od-stage[data-scene="0"] .od-stage__progress li:nth-child(1), .od-stage[data-scene="1"] .od-stage__progress li:nth-child(2), .od-stage[data-scene="2"] .od-stage__progress li:nth-child(3),
.od-stage[data-scene="3"] .od-stage__progress li:nth-child(4), .od-stage[data-scene="4"] .od-stage__progress li:nth-child(5), .od-stage[data-scene="5"] .od-stage__progress li:nth-child(6) { background: var(--od-ink); transform: scale(1.5); }

/* sans JavaScript : les scènes se suivent, chacune avec son rendu */
html:not(.js) .od-stage__still { display: none; }
.od .od-cap__img { display: none; }
html:not(.js) .od .od-cap__img { display: block; margin-top: 20px; max-width: 520px; }

@media (max-width: 899px) {
  .js .od-stage { height: 560vh; height: 560svh; }
  .js .od-stage__still { left: 4%; right: 4%; top: calc(var(--od-header) + 1vh); bottom: 46%; }
  .js .od-cap { width: 100%; top: auto; bottom: 0; height: auto; min-height: 46%; padding: 0 var(--od-gutter) 36px; justify-content: flex-end; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 22%, #fff 40%); }
  .js .od-cap--hero { top: 0; bottom: 0; justify-content: flex-start; padding-top: calc(var(--od-header) + 18px); background: none; }
  .js .od-cap--hero .od-hero__lead, .js .od-cap--hero .od-hero__meta { display: none; }
  .js .od-cap--hero .od-hero__actions { position: absolute; left: var(--od-gutter); right: var(--od-gutter); bottom: 96px; margin: 0; }
  .js .od-cap--hero .od-hero__actions .od-btn { flex: 1 1 0; min-height: 54px; padding: 0 16px; }
  .od-hero__name { margin: 14px 0 10px; }
  .od-hero__line { font-size: clamp(54px, 15.5vw, 80px); }
  .od-step__title { font-size: clamp(34px, 9.6vw, 48px); margin-top: 14px; }
  .od-step__text { margin-top: 12px; font-size: 16px; }
  .od-stage__progress { right: 10px; }
  .od-stage__render { left: var(--od-gutter); right: 92px; bottom: 10px; font-size: 11px; }
  .js .od-cap { padding-bottom: 92px; }
  .js .od-stage[data-scene="0"] .od-stage__still { top: 36%; bottom: 17%; }
  .js .od-stage__still { transition: top 0.6s var(--od-ease), bottom 0.6s var(--od-ease); }
  .od-stage__scroll { display: none !important; }
}
@media (max-width: 899px) and (max-height: 700px) { .js .od-cap--hero .od-hero__name { display: none; } }

/* ───── colonne d'achat ───── */
.od-buy { padding: clamp(56px, 8vw, 110px) 0 clamp(72px, 9vw, 130px); scroll-margin-top: var(--od-header); }
.od-buy__grid { display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 64px); align-items: start; }
.od-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0; padding: 0; list-style: none; }
.od-gallery li { position: relative; border-radius: 26px; background: var(--od-mist); overflow: hidden; aspect-ratio: 1 / 1; }
.od-gallery li:first-child { grid-column: 1 / -1; aspect-ratio: 4 / 3; }
.od-gallery img { width: 100%; height: 100%; object-fit: contain; transition: transform 1.2s var(--od-ease); }
.od-gallery li:hover img { transform: scale(1.035); }
.od-gallery__tag { position: absolute; left: 14px; bottom: 14px; padding: 6px 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.82); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); font: 500 11px/1 var(--od-sans); color: var(--od-ink-2); }
.od-col { position: sticky; top: calc(var(--od-header) + 16px); }
.od-col__eyebrow { margin: 0; font: 600 14px/1.3 var(--od-sans); color: var(--od-green-text); }
.od-col__title { margin: 10px 0 0; font: 700 clamp(32px, 3.6vw, 48px)/1.02 var(--od-sans); letter-spacing: -0.045em; text-wrap: balance; }
.od-col__lead { margin: 14px 0 0; font: 400 17px/1.55 var(--od-sans); color: var(--od-ink-2); }
.od-stats { display: grid; grid-template-columns: repeat(3, 1fr); margin: 24px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--od-line); border-bottom: 1px solid var(--od-line); }
.od-stats li { padding: 16px 8px; text-align: center; }
.od-stats li + li { border-left: 1px solid var(--od-line); }
.od-stats b { display: block; font: 700 28px/1 var(--od-sans); letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
.od-stats span { display: block; margin-top: 6px; font: 500 12px/1.3 var(--od-sans); color: var(--od-ink-3); }
.od-plans { border: 0; margin: 22px 0 0; padding: 0; display: grid; gap: 10px; }
.od-plan { position: relative; display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 14px; min-height: 76px; padding: 14px 18px; border-radius: 20px; background: var(--od-mist); cursor: pointer; box-shadow: inset 0 0 0 1.5px transparent; transition: box-shadow 0.3s var(--od-ease), background-color 0.3s; }
.od-plan:hover { background: var(--od-mist-2); }
.od-plan input { position: absolute; opacity: 0; pointer-events: none; }
.od-plan__radio { width: 22px; height: 22px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px rgba(10, 10, 10, 0.32); display: grid; place-items: center; background: #fff; }
.od-plan__radio::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--od-ink); transform: scale(0); transition: transform 0.3s var(--od-ease); }
.od-plan:has(input:checked) { background: #fff; box-shadow: inset 0 0 0 2px var(--od-ink); }
.od-plan input:checked + .od-plan__radio { box-shadow: inset 0 0 0 1.5px var(--od-ink); }
.od-plan input:checked + .od-plan__radio::after { transform: scale(1); }
.od-plan input:focus-visible + .od-plan__radio { outline: 2px solid var(--od-ink); outline-offset: 3px; }
.od-plan__label { display: block; font: 600 16px/1.2 var(--od-sans); }
.od-plan__detail { display: block; margin-top: 4px; font: 400 13px/1.35 var(--od-sans); color: var(--od-ink-3); }
.od-plan__badge { display: inline-block; margin-left: 8px; padding: 4px 8px; border-radius: 999px; background: var(--od-lime); color: var(--od-on-lime); font: 600 11px/1 var(--od-sans); vertical-align: 2px; }
.od-plan__price { text-align: right; font: 700 18px/1 var(--od-sans); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.od-plan__price small { display: block; margin-top: 5px; font: 500 11px/1 var(--od-sans); color: var(--od-ink-3); letter-spacing: 0; }

.od-card { margin-top: 14px; padding: clamp(24px, 2.6vw, 32px); border-radius: 28px; background: var(--od-night); color: #fff; position: relative; overflow: hidden; isolation: isolate; box-shadow: 0 30px 70px -38px rgba(5, 5, 8, 0.7); }
.od-card::before { content: ""; position: absolute; right: -30%; top: -60%; width: 90%; height: 120%; background: radial-gradient(closest-side, rgba(191, 246, 111, 0.22), rgba(191, 246, 111, 0)); z-index: -1; pointer-events: none; }
.od-card__top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.od-card__name { font: 600 15px/1.2 var(--od-sans); color: rgba(255, 255, 255, 0.72); }
.od-card__price { margin: 14px 0 0; display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; }
.od-card__amount { font: 700 clamp(48px, 5vw, 64px)/0.95 var(--od-sans); letter-spacing: -0.05em; font-variant-numeric: tabular-nums; }
.od-card__unit { font: 500 15px/1.2 var(--od-sans); color: rgba(255, 255, 255, 0.72); }
.od-card__perday { margin: 8px 0 0; font: 500 15px/1.3 var(--od-sans); color: var(--od-lime); }
.od-card__list { list-style: none; margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.12); display: grid; gap: 12px; }
.od-card__list li { display: grid; grid-template-columns: 20px 1fr; gap: 12px; font: 400 15px/1.45 var(--od-sans); color: rgba(255, 255, 255, 0.86); }
.od-card__list svg { width: 20px; height: 20px; color: var(--od-lime); margin-top: 1px; }
.od-card .od-btn { margin-top: 22px; }
.od-card__closed { display: none; margin-top: 14px; padding: 16px; border-radius: 18px; background: rgba(255, 255, 255, 0.07); }
.od-card__closed.is-on { display: block; animation: od-in 0.5s var(--od-ease); }
.od-card__closed strong { display: block; font: 600 15px/1.3 var(--od-sans); }
.od-card__closed p { margin: 6px 0 0; font: 400 14px/1.5 var(--od-sans); color: rgba(255, 255, 255, 0.72); }
.od-card__closed a { display: inline-flex; margin-top: 10px; color: #fff; font: 600 14px/1.3 var(--od-sans); text-decoration: underline; text-underline-offset: 4px; }
.od-card__note { margin: 14px 0 0; font: 400 12px/1.5 var(--od-sans); color: rgba(255, 255, 255, 0.56); }
@keyframes od-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.od-mini { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 10px; }
.od-mini li { display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: center; }
.od-mini i { width: 40px; height: 40px; border-radius: 12px; background: var(--od-mist); display: grid; place-items: center; }
.od-mini svg { width: 20px; height: 20px; }
.od-mini b { display: block; font: 600 14px/1.3 var(--od-sans); }
.od-mini span { display: block; font: 400 13px/1.4 var(--od-sans); color: var(--od-ink-3); }
@media (max-width: 999px) {
  .od-buy__grid { grid-template-columns: 1fr; }
  .od-col { position: static; }
  .od-gallery { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 10px; margin: 0 calc(-1 * var(--od-gutter)); padding: 0 var(--od-gutter); scrollbar-width: none; }
  .od-gallery::-webkit-scrollbar { display: none; }
  .od-gallery li, .od-gallery li:first-child { flex: 0 0 84%; aspect-ratio: 1 / 1; scroll-snap-align: center; border-radius: 22px; }
}

/* ───── bienfaits ───── */
.od-cards3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 44px; }
.od-tile { padding: 28px; border-radius: 26px; background: var(--od-mist); }
.od-tile__n { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--od-ink); color: var(--od-lime); font: 600 13px/1 var(--od-sans); }
.od-tile .od-h3 { margin-top: 22px; }
.od-compo { margin-top: 14px; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 14px; }
.od-table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 26px; box-shadow: inset 0 0 0 1px var(--od-line); overflow: hidden; }
.od-table caption { text-align: left; padding: 24px 24px 8px; font: 600 20px/1.2 var(--od-sans); letter-spacing: -0.02em; }
.od-table th { text-align: left; padding: 14px 24px; font: 600 13px/1.3 var(--od-sans); color: var(--od-ink-3); border-bottom: 1px solid var(--od-line); }
.od-table td { padding: 22px 24px 26px; font: 400 15px/1.5 var(--od-sans); color: var(--od-ink-2); }
.od-table td span { display: inline-flex; align-items: center; gap: 10px; }
.od-table td svg { width: 18px; height: 18px; flex: none; }
.od-mandatory { padding: 24px; border-radius: 26px; background: var(--od-mist); }
.od-mandatory h3 { margin: 0; font: 600 18px/1.2 var(--od-sans); }
.od-mandatory ul { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.od-mandatory li { display: grid; grid-template-columns: 18px 1fr; gap: 10px; font: 400 14px/1.5 var(--od-sans); color: var(--od-ink-2); }
.od-mandatory li svg { width: 18px; height: 18px; margin-top: 2px; }
.od-mandatory p { margin: 14px 0 0; }
@media (max-width: 899px) { .od-cards3 { grid-template-columns: 1fr; margin-top: 32px; } .od-compo { grid-template-columns: 1fr; } .od-table th:nth-child(3) { display: none; } }

/* ───── rituel ───── */
.od-ritual { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 3vw, 48px); margin: 48px 0 0; padding: 0; }
.od-ritual li { list-style: none; padding-top: 22px; border-top: 1px solid var(--od-ink); }
.od-ritual__n { font: 300 clamp(56px, 6vw, 84px)/1 var(--od-serif); letter-spacing: -0.04em; font-style: italic; }
.od-ritual h3 { margin-top: 18px; }
@media (max-width: 899px) { .od-ritual { grid-template-columns: 1fr; margin-top: 32px; } }

/* ───── abonnement ───── */
.od-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 80px); align-items: center; }
.od-split__media { border-radius: 30px; background: var(--od-mist); aspect-ratio: 5 / 4; overflow: hidden; }
.od-split__media img { width: 100%; height: 100%; object-fit: contain; }
.od-check { list-style: none; margin: 26px 0 0; padding: 0; display: grid; gap: 14px; }
.od-check li { display: grid; grid-template-columns: 26px 1fr; gap: 12px; font: 500 16px/1.45 var(--od-sans); }
.od-check li i { width: 26px; height: 26px; border-radius: 50%; background: var(--od-lime); color: var(--od-on-lime); display: grid; place-items: center; }
.od-check li i svg { width: 15px; height: 15px; }
.od-check li.is-muted { color: var(--od-ink-3); font-weight: 400; }
.od-check li.is-muted i { background: var(--od-mist); color: var(--od-ink-3); }
.od-split .od-btn { margin-top: 30px; }
@media (max-width: 899px) { .od-split { grid-template-columns: 1fr; } }

/* ───── écosystème ───── */
.od-eco { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 44px; }
.od-eco__card { display: block; border-radius: 28px; background: var(--od-mist); overflow: hidden; text-decoration: none; color: inherit; }
.od-eco__card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform 1.2s var(--od-ease); }
.od-eco__card:hover img { transform: scale(1.03); }
.od-eco__body { padding: 24px 26px 28px; }
.od-eco__body .od-link { display: inline-flex; margin-top: 14px; }
.od-eco__note { margin: 20px 0 0; max-width: 820px; }
@media (max-width: 899px) { .od-eco { grid-template-columns: 1fr; margin-top: 32px; } }

/* ───── fabriqué en France ───── */
.od-made { border-top: 1px solid var(--od-line); border-bottom: 1px solid var(--od-line); padding: clamp(56px, 8vw, 110px) 0; }
.od-made__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 32px; align-items: end; }
.od-made__title { margin: 18px 0 0; font: 700 clamp(40px, 6vw, 88px)/0.95 var(--od-sans); letter-spacing: -0.055em; }
.od-made__title span { display: block; }
.od-made__title span + span { font: 300 italic clamp(36px, 5.2vw, 76px)/1 var(--od-serif); letter-spacing: -0.04em; color: var(--od-ink-2); margin-top: 6px; }
@media (max-width: 899px) { .od-made__grid { grid-template-columns: 1fr; } }

/* ───── réassurance ───── */
.od-assure { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; list-style: none; margin: 0; padding: 0; }
.od-assure li { padding: 24px; border-radius: 24px; background: var(--od-mist); }
.od-assure i { width: 44px; height: 44px; border-radius: 14px; background: #fff; display: grid; place-items: center; }
.od-assure svg { width: 22px; height: 22px; }
.od-assure b { display: block; margin-top: 16px; font: 600 16px/1.25 var(--od-sans); }
.od-assure span { display: block; margin-top: 6px; font: 400 14px/1.5 var(--od-sans); color: var(--od-ink-2); }
@media (max-width: 999px) { .od-assure { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .od-assure { grid-template-columns: 1fr; } }

/* ───── questions ───── */
.od-faq { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 80px); }
.od-faq__list { border-top: 1px solid var(--od-line); }
.od-faq details { border-bottom: 1px solid var(--od-line); }
.od-faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 64px; padding: 18px 0; font: 600 17px/1.35 var(--od-sans); letter-spacing: -0.01em; }
.od-faq summary::-webkit-details-marker { display: none; }
.od-faq summary svg { width: 22px; height: 22px; flex: none; transition: transform 0.4s var(--od-ease); }
.od-faq details[open] summary svg { transform: rotate(45deg); }
.od-faq__a { padding: 0 40px 22px 0; }
.od-faq__a p { margin: 0; font: 400 16px/1.6 var(--od-sans); color: var(--od-ink-2); }
@media (max-width: 899px) { .od-faq { grid-template-columns: 1fr; } }

/* ───── liste d'attente ───── */
.od-wait { text-align: center; scroll-margin-top: var(--od-header); }
.od-wait .od-lead { margin-left: auto; margin-right: auto; }
.od-form { max-width: 520px; margin: 30px auto 0; text-align: left; }
.od-field { width: 100%; height: 58px; padding: 0 20px; border: 0; border-radius: 18px; background: var(--od-mist); color: var(--od-ink); font: 400 17px/1 var(--od-sans); outline: none; box-shadow: inset 0 0 0 1.5px transparent; transition: box-shadow 0.25s, background-color 0.25s; }
.od-field::placeholder { color: rgba(10, 10, 10, 0.44); }
.od-field:focus { background: #fff; box-shadow: inset 0 0 0 2px var(--od-ink); }
.od-form__row { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.od-consent { display: grid; grid-template-columns: 22px 1fr; gap: 12px; margin-top: 16px; font: 400 14px/1.5 var(--od-sans); color: var(--od-ink-2); cursor: pointer; }
.od-consent input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--od-ink); }
.od-consent a { color: var(--od-ink); }
.od-msg { min-height: 22px; margin-top: 12px; font: 500 14px/1.5 var(--od-sans); }
.od-msg[data-tone="error"] { color: #b42318; }
.od-done { display: none; max-width: 520px; margin: 30px auto 0; padding: 18px 20px; border-radius: 18px; background: var(--od-mist); font: 500 16px/1.5 var(--od-sans); }
.od-wait.is-done .od-form { display: none; }
.od-wait.is-done .od-done { display: block; }
.od-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 560px) { .od-form__row { grid-template-columns: 1fr; } }

/* ───── mentions et accès ───── */
.od-legal { padding: 0 0 56px; }
.od-legal__box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; padding: 22px 26px; border-radius: 24px; box-shadow: inset 0 0 0 1px var(--od-line); }
.od-legal__box p { margin: 0; font: 400 13px/1.55 var(--od-sans); color: var(--od-ink-3); }
.od-legal__box p strong { color: var(--od-ink-2); font-weight: 600; }
.od-legal form { margin: 0; }

/* ───── barre d'achat collante ───── */
.od-sticky { position: fixed; z-index: 45; left: 50%; bottom: max(14px, env(safe-area-inset-bottom)); transform: translate(-50%, 140%); width: min(560px, calc(100% - 32px - 88px)); display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 8px 8px 22px; border-radius: 999px; background: rgba(5, 5, 8, 0.94); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); color: #fff; box-shadow: 0 20px 50px -20px rgba(5, 5, 8, 0.6); transition: transform 0.6s var(--od-ease); }
.od-sticky.is-on { transform: translate(-50%, 0); }
.od-sticky__t { min-width: 0; font: 600 15px/1.2 var(--od-sans); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.od-sticky__t span { display: block; font: 500 12px/1.2 var(--od-sans); color: rgba(255, 255, 255, 0.7); }
.od-sticky .od-btn { min-height: 46px; padding: 0 20px; font-size: 15px; flex: none; }
@media (max-width: 1100px) { .od-sticky { left: 16px; transform: translateY(140%); width: calc(100% - 32px - 84px); } .od-sticky.is-on { transform: none; } }

/* ───── Aria ───── */
.od-aria-btn { position: fixed; z-index: 46; right: 16px; bottom: max(14px, env(safe-area-inset-bottom)); width: 64px; height: 64px; padding: 6px; border: 0; border-radius: 50%; background: #000; cursor: pointer; box-shadow: 0 18px 48px -18px rgba(0, 0, 0, 0.55); transition: transform 0.4s var(--od-ease); }
.od-aria-btn:hover { transform: scale(1.05); }
.od-aria-btn img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: center 26%; }
@media (min-width: 1024px) { .od-aria-btn { width: 76px; height: 76px; right: 24px; bottom: 24px; } }
.od-aria { position: fixed; z-index: 70; right: 16px; bottom: 92px; width: min(400px, calc(100% - 32px)); height: min(560px, calc(100svh - 120px)); display: flex; flex-direction: column; border-radius: 28px; background: #fff; color: var(--od-ink); box-shadow: 0 40px 90px -30px rgba(5, 5, 8, 0.45), 0 0 0 1px var(--od-line); opacity: 0; visibility: hidden; transform: translateY(14px) scale(0.98); transform-origin: bottom right; transition: opacity 0.3s var(--od-ease), transform 0.45s var(--od-ease), visibility 0s linear 0.3s; }
@media (min-width: 1024px) { .od-aria { right: 24px; bottom: 112px; } }
.od-aria.is-open { opacity: 1; visibility: visible; transform: none; transition: opacity 0.3s var(--od-ease), transform 0.45s var(--od-ease), visibility 0s; }
.od-aria__head { display: flex; align-items: center; gap: 12px; padding: 16px 16px 14px 18px; border-bottom: 1px solid var(--od-line); }
.od-aria__head img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; object-position: center 26%; background: #000; }
.od-aria__head b { display: block; font: 600 16px/1.2 var(--od-sans); }
.od-aria__head span { display: block; font: 400 12px/1.3 var(--od-sans); color: var(--od-ink-3); }
.od-aria__x { margin-left: auto; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--od-mist); cursor: pointer; display: grid; place-items: center; }
.od-aria__x svg { width: 18px; height: 18px; }
.od-aria__log { flex: 1; overflow-y: auto; padding: 16px 16px 8px; display: flex; flex-direction: column; gap: 10px; overscroll-behavior: contain; }
.od-aria__m { max-width: 86%; padding: 11px 14px; border-radius: 18px; font: 400 15px/1.5 var(--od-sans); white-space: pre-wrap; word-wrap: break-word; }
.od-aria__m--a { align-self: flex-start; background: var(--od-mist); border-bottom-left-radius: 6px; }
.od-aria__m--u { align-self: flex-end; background: var(--od-ink); color: #fff; border-bottom-right-radius: 6px; }
.od-aria__m--wait { color: var(--od-ink-3); }
.od-aria__sugg { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 16px 10px; }
.od-aria__sugg button { border: 0; border-radius: 999px; padding: 9px 12px; background: #fff; box-shadow: inset 0 0 0 1px var(--od-line); font: 500 13px/1.2 var(--od-sans); color: var(--od-ink); cursor: pointer; }
.od-aria__form { display: grid; grid-template-columns: 1fr 46px; gap: 8px; padding: 10px 12px 8px; border-top: 1px solid var(--od-line); }
.od-aria__form input { height: 46px; padding: 0 16px; border: 0; border-radius: 999px; background: var(--od-mist); font: 400 15px/1 var(--od-sans); color: var(--od-ink); outline: none; }
.od-aria__form input:focus { box-shadow: inset 0 0 0 2px var(--od-ink); background: #fff; }
.od-aria__form button { width: 46px; height: 46px; border: 0; border-radius: 50%; background: var(--od-lime); color: var(--od-on-lime); cursor: pointer; display: grid; place-items: center; }
.od-aria__form button svg { width: 20px; height: 20px; }
.od-aria__legal { margin: 0; padding: 0 16px 14px; font: 400 11px/1.4 var(--od-sans); color: var(--od-ink-3); }

/* ───── apparitions ───── */
.js .od-reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.8s var(--od-ease), transform 1s var(--od-ease); }
.js .od-reveal.is-in { opacity: 1; transform: none; }
.js .od-reveal[data-d="1"] { transition-delay: 0.08s; }
.js .od-reveal[data-d="2"] { transition-delay: 0.16s; }
@media (prefers-reduced-motion: reduce) {
  .js .od-reveal { opacity: 1; transform: none; transition: none; }
  .js .od-cap, .js .od-cap.is-on { transition: none; transform: none; }
  .od-stage__scroll i { animation: none; }
  .od-btn, .od-gallery img, .od-eco__card img { transition: none; }
}

/* ───── en-tête et pied du site (page sans React) ───── */
header[data-testid="navbar"] [data-testid="mobile-drawer"] { transform: translateX(-100%); visibility: hidden; transition: transform 0.5s var(--od-ease), visibility 0s linear 0.5s; }
html.od-drawer-open header[data-testid="navbar"] [data-testid="mobile-drawer"] { transform: none; visibility: visible; transition: transform 0.5s var(--od-ease), visibility 0s; }
html.od-drawer-open { overflow: hidden; }
header[data-testid="navbar"] [data-testid="mobile-drawer-backdrop"] { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.4s var(--od-ease), visibility 0s linear 0.4s; }
html.od-drawer-open header[data-testid="navbar"] [data-testid="mobile-drawer-backdrop"] { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity 0.4s var(--od-ease), visibility 0s; }
footer[data-testid="site-footer"] { margin-top: 0; }

/* ───── page du mot de passe ───── */
.od-gate { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; background: #fff; }
.od-gate__main { flex: 1; display: grid; place-items: center; padding: calc(var(--od-header) + 40px) var(--od-gutter) 64px; }
.od-gate__box { width: 100%; max-width: 1100px; text-align: center; }
.od-gate__form, .od-gate__lead { max-width: 460px; margin-left: auto; margin-right: auto; }
.od-gate__title { margin: 0; font: 750 clamp(64px, 13vw, 156px)/0.88 var(--od-sans); letter-spacing: -0.065em; color: var(--od-ink); white-space: nowrap; }
.od-gate__title span { font-family: var(--od-serif); font-weight: 300; font-style: italic; letter-spacing: -0.05em; }
.od-gate__lead { margin: 22px 0 0; font: 400 17px/1.5 var(--od-sans); color: var(--od-ink-2); }
.od-gate__form { margin-top: 34px; display: grid; gap: 12px; }
.od-gate__field { position: relative; }
.od-gate__field .od-field { height: 60px; padding-right: 60px; text-align: center; font-size: 18px; letter-spacing: 0.02em; }
.od-gate__eye { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: 0; border-radius: 50%; background: transparent; color: var(--od-ink-3); cursor: pointer; display: grid; place-items: center; }
.od-gate__eye svg { width: 20px; height: 20px; }
.od-gate__eye[aria-pressed="true"] { color: var(--od-ink); }
.od-gate__form .od-btn { min-height: 60px; font-size: 17px; }
.od-gate__msg { min-height: 22px; font: 500 14px/1.4 var(--od-sans); color: #b42318; }
.od-gate__msg:empty { min-height: 0; }
.od-gate__msg span { display: inline-flex; align-items: center; gap: 8px; }
.od-gate__msg svg { width: 18px; height: 18px; }