/* User-supplied Extra Batches design, isolated from the other public pages. */
#main-content.extra-batches-reference{--container:1200px; --gutter:24px;
    --ink:#0b0f19; --ink-2:#3f3f46; --muted:#52525b; --muted-2:#6b7280;
    --line:#e4e4e7; --bg:#fff; --bg-soft:#f8f8f9;
    --accent:#0b0f19; --accent-soft:#f4f4f5;
    --radius:16px;}
#main-content.extra-batches-reference *{box-sizing:border-box;margin:0;padding:0}
#main-content.extra-batches-reference{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}
#main-content.extra-batches-reference a{color:inherit;text-decoration:none}
#main-content.extra-batches-reference ul{list-style:none}
#main-content.extra-batches-reference .xbr-container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
#main-content.extra-batches-reference .xbr-narrow{max-width:760px;margin:0 auto}
#main-content.extra-batches-reference .xbr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;font-family:inherit}
#main-content.extra-batches-reference .xbr-btn:active{transform:translateY(1px)}
#main-content.extra-batches-reference .xbr-btn svg{width:16px;height:16px;transition:transform .15s}
#main-content.extra-batches-reference .xbr-btn:hover svg{transform:translateX(2px)}
#main-content.extra-batches-reference .xbr-btn-dark{background:var(--ink);color:#fff;border:1px solid var(--ink)}
#main-content.extra-batches-reference .xbr-btn-dark:hover{background:#1f2937}
#main-content.extra-batches-reference .xbr-btn-light{background:#fff;color:var(--ink);border:1px solid #d4d4d8}
#main-content.extra-batches-reference .xbr-btn-light:hover{border-color:var(--ink)}
#main-content.extra-batches-reference .xbr-btn-md{font-size:15px;padding:13px 20px}
#main-content.extra-batches-reference section{padding:96px 0}
#main-content.extra-batches-reference .xbr-eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:12px}
#main-content.extra-batches-reference .xbr-center{text-align:center}
#main-content.extra-batches-reference h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.03em;font-weight:700}
#main-content.extra-batches-reference .xbr-lead{margin-top:14px;font-size:17px;color:var(--muted);max-width:560px;margin-left:auto;margin-right:auto}
#main-content.extra-batches-reference .xbr-hero{position:relative;isolation:isolate;padding:56px 0 0;text-align:center}
#main-content.extra-batches-reference .xbr-bg-grid{position:absolute;left:0;right:0;top:0;height:520px;pointer-events:none;z-index:-1;
    background-image:linear-gradient(#eaeaed 1px,transparent 1px),linear-gradient(90deg,#eaeaed 1px,transparent 1px);
    background-size:56px 56px;background-position:center top;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 45%,transparent 90%),linear-gradient(to right,transparent 0,#000 15%,#000 85%,transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 45%,transparent 90%),linear-gradient(to right,transparent 0,#000 15%,#000 85%,transparent 100%);
    mask-composite:intersect}
#main-content.extra-batches-reference .xbr-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;color:var(--muted)}
#main-content.extra-batches-reference .xbr-hero h1{margin-top:24px;font-size:clamp(34px,5vw,64px);line-height:1.05;letter-spacing:-.04em;font-weight:700}
#main-content.extra-batches-reference .xbr-hero h1 .xbr-soft{display:block;color:var(--muted-2)}
#main-content.extra-batches-reference .xbr-plans{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1040px;margin-left:auto;margin-right:auto;align-items:stretch;text-align:left}
#main-content.extra-batches-reference .xbr-plan{position:relative;display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
#main-content.extra-batches-reference .xbr-plan.xbr-featured{border:2px solid var(--ink);box-shadow:0 24px 48px -24px rgba(0,0,0,.25);padding:27px}
#main-content.extra-batches-reference .xbr-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;white-space:nowrap}
#main-content.extra-batches-reference .xbr-plan-tagline{margin-top:2px;font-size:14px;color:var(--muted)}
#main-content.extra-batches-reference .xbr-price{margin-top:22px;display:flex;align-items:baseline;gap:6px}
#main-content.extra-batches-reference .xbr-price b{font-size:48px;font-weight:700;letter-spacing:-.04em;line-height:1}
#main-content.extra-batches-reference .xbr-price span{font-size:15px;color:var(--muted)}
#main-content.extra-batches-reference .xbr-plan .xbr-btn{margin-top:auto;width:100%}
#main-content.extra-batches-reference .xbr-plan .xbr-spacer{height:24px}
#main-content.extra-batches-reference .xbr-g-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:18px}
#main-content.extra-batches-reference .xbr-g-icon svg{width:20px;height:20px}
#main-content.extra-batches-reference .xbr-faq-list{margin-top:40px;display:flex;flex-direction:column;gap:10px}
#main-content.extra-batches-reference .xbr-faq-list details{border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .15s}
#main-content.extra-batches-reference .xbr-faq-list details[open]{border-color:#d4d4d8}
#main-content.extra-batches-reference .xbr-faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:16px;font-weight:600}
#main-content.extra-batches-reference .xbr-faq-list summary::-webkit-details-marker{display:none}
#main-content.extra-batches-reference .xbr-faq-list summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:12px}
#main-content.extra-batches-reference .xbr-faq-list .xbr-plus{width:20px;height:20px;flex:none;color:var(--muted-2);transition:transform .2s}
#main-content.extra-batches-reference .xbr-faq-list details[open] .xbr-plus{transform:rotate(45deg)}
#main-content.extra-batches-reference .xbr-faq-list .xbr-answer{padding:0 20px 18px;font-size:15px;color:var(--muted)}
#main-content.extra-batches-reference .xbr-final{padding-top:24px}
#main-content.extra-batches-reference .xbr-final-box{position:relative;overflow:hidden;max-width:1040px;margin:0 auto;padding:64px 24px;border-radius:24px;background:var(--ink);color:#fff;text-align:center}
#main-content.extra-batches-reference .xbr-final-box::before{content:"";position:absolute;inset:0;
    background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
    background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000,transparent)}
#main-content.extra-batches-reference .xbr-final-box > *{position:relative}
#main-content.extra-batches-reference .xbr-final-box .xbr-eyebrow{color:#a1a1aa}
#main-content.extra-batches-reference .xbr-final-box h2{color:#fff}
#main-content.extra-batches-reference .xbr-final-box .xbr-lead{color:#a1a1aa}
#main-content.extra-batches-reference .xbr-final-box .xbr-btn{margin-top:28px;background:#fff;color:var(--ink);border:1px solid #fff}
#main-content.extra-batches-reference .xbr-final-box .xbr-btn:hover{background:#e4e4e7}
@media (max-width:960px){
#main-content.extra-batches-reference .xbr-plans{grid-template-columns:1fr;max-width:460px;gap:28px}
#main-content.extra-batches-reference .xbr-plan.xbr-featured{order:-1}
}
@media (max-width:560px){
#main-content.extra-batches-reference{--gutter:16px}
#main-content.extra-batches-reference section{padding:72px 0}
#main-content.extra-batches-reference .xbr-hero{padding-top:36px}
#main-content.extra-batches-reference .xbr-plans{margin-top:44px}
#main-content.extra-batches-reference .xbr-final-box{padding:48px 20px;border-radius:20px}
}
#main-content.extra-batches-reference .xbr-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);margin-bottom:20px;padding:6px 10px;border-radius:8px}
#main-content.extra-batches-reference .xbr-back:hover{color:var(--ink);background:#f4f4f5}
#main-content.extra-batches-reference .xbr-back svg{width:14px;height:14px;transform:rotate(180deg)}
#main-content.extra-batches-reference .xbr-pill svg{width:14px;height:14px;color:var(--ink)}
#main-content.extra-batches-reference .xbr-hero .xbr-sub{margin:20px auto 0;max-width:560px;font-size:18px;line-height:1.6;color:var(--muted)}
#main-content.extra-batches-reference .xbr-batch-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 12px}
#main-content.extra-batches-reference .xbr-batch-name{font-size:22px;font-weight:700;letter-spacing:-.02em}
#main-content.extra-batches-reference .xbr-save{font-size:12px;font-weight:600;color:var(--ink);border:1px solid var(--ink);border-radius:999px;padding:2px 9px;white-space:nowrap}
html[lang="fr"] #main-content.extra-batches-reference .xbr-batch-name{font-size:20px}
html[lang="fr"] #main-content.extra-batches-reference .xbr-save{font-size:11px;padding-inline:6px}
#main-content.extra-batches-reference .xbr-unit{margin-top:22px;padding-top:16px;border-top:1px solid #efeff1;font-size:14px;color:var(--muted)}
#main-content.extra-batches-reference .xbr-req{margin:24px auto 0;max-width:720px;display:flex;align-items:flex-start;justify-content:center;gap:8px;font-size:14px;color:var(--muted);text-align:left}
#main-content.extra-batches-reference .xbr-req svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--ink)}
#main-content.extra-batches-reference .xbr-perks{padding-top:72px}
#main-content.extra-batches-reference .xbr-perks-box{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);background:#fff}
#main-content.extra-batches-reference .xbr-perk{padding:28px}
#main-content.extra-batches-reference .xbr-perk + .xbr-perk{border-left:1px solid var(--line)}
#main-content.extra-batches-reference .xbr-perk .xbr-g-icon{margin-bottom:16px}
#main-content.extra-batches-reference .xbr-perk h3{font-size:16px;font-weight:600}
#main-content.extra-batches-reference .xbr-perk p{margin-top:6px;font-size:14px;color:var(--muted);line-height:1.55}
#main-content.extra-batches-reference .xbr-banner{max-width:1040px;margin:20px auto 0;display:flex;align-items:center;gap:20px;padding:24px 28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft)}
#main-content.extra-batches-reference .xbr-banner .xbr-g-icon{margin:0;background:#fff;border:1px solid var(--line)}
#main-content.extra-batches-reference .xbr-banner .xbr-txt{flex:1}
#main-content.extra-batches-reference .xbr-banner h3{font-size:17px;font-weight:600}
#main-content.extra-batches-reference .xbr-banner p{margin-top:2px;font-size:15px;color:var(--muted)}
@media (max-width:960px){
#main-content.extra-batches-reference .xbr-perks-box{grid-template-columns:1fr 1fr}
#main-content.extra-batches-reference .xbr-perk:nth-child(3){border-left:0}
#main-content.extra-batches-reference .xbr-perk:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:560px){
#main-content.extra-batches-reference .xbr-perks-box{grid-template-columns:1fr}
#main-content.extra-batches-reference .xbr-perk + .xbr-perk{border-left:0;border-top:1px solid var(--line)}
#main-content.extra-batches-reference .xbr-banner{flex-direction:column;align-items:flex-start;padding:24px}
#main-content.extra-batches-reference .xbr-banner .xbr-btn{width:100%}
#main-content.extra-batches-reference .xbr-req{justify-content:flex-start}
}

body:has(.extra-batches-reference){background:#fff;--font-dm-sans:'EEAT Inter'}
#main-content.extra-batches-reference{--font-dm-sans:'EEAT Inter';margin:0;padding:0;width:100%;max-width:none;line-height:1.5}
#main-content.extra-batches-reference :is(h1,h2,h3,p){text-align:inherit}
#main-content.extra-batches-reference :is(a,summary):focus-visible{outline:2px solid #0b0f19;outline-offset:4px}
#main-content.extra-batches-reference .xbr-g-icon{flex-shrink:0}
#main-content.extra-batches-reference #batch-options{scroll-margin-top:96px}
body:has(.extra-batches-reference) .eec-footer{margin-top:96px}
@media(max-width:560px){body:has(.extra-batches-reference) .eec-footer{margin-top:72px}}
@media(prefers-reduced-motion:reduce){#main-content.extra-batches-reference *{transition:none!important}}
