/* Boutique FR — studio interactif (#generation) et continuité commerce (#demo).
   Interface : couleurs et styles de texte du site (variables de style.css).
   Aperçus de boutique (.atelier-site, .atelier-commerce-panel) : univers propre à chaque marchand. */

/* ---------- Base ---------- */
.atelier,.atelier-live{position:relative;isolation:isolate;box-sizing:border-box;background:#fff;color:var(--ink);font-family:var(--font-sans)}
.atelier *,.atelier-live *{box-sizing:border-box}
.atelier button,.atelier select,.atelier input,.atelier-live button{font:inherit}
.atelier button,.atelier-live button{cursor:pointer}
.atelier [hidden],.atelier-live [hidden]{display:none!important}
.atelier :focus-visible,.atelier-live :focus-visible{outline:2px solid var(--green-ink);outline-offset:4px}
.atelier a,.atelier-live a{text-decoration:none}
.atelier{overflow:clip;scroll-margin-top:80px}
.atelier-live-head,.atelier-live-stage,.atelier-outro{width:min(1440px,calc(100% - 96px));margin-inline:auto}

/* ---------- Textes partagés : titre, chapô ---------- */
.atelier h2,.atelier-live h2{font-family:var(--font-serif);font-size:clamp(31px,5.4vw,48px);font-weight:500;letter-spacing:-.073em;line-height:1.02;color:var(--shop-ink-2);margin:0 0 20px;max-width:none;text-wrap:balance}
.atelier-intro-bottom p,.atelier-live-head>p{font-size:clamp(16.5px,1.1vw + 13px,19px);letter-spacing:-.04em;line-height:1.68;color:var(--shop-muted);margin:0}
.atelier-intro-bottom strong,.atelier-live-head>p strong{color:var(--shop-ink-2);font-weight:600}

/* ---------- Section 2 : introduction ---------- */
.atelier-intro{padding:0 0 48px}
.atelier-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px}
.atelier-intro-bottom>a{display:flex;gap:42px;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--ink);font-size:.9rem;font-weight:600}
.atelier-intro-bottom>a span{font-size:22px;line-height:1}
.atelier-workspace{scroll-margin-top:100px}
.atelier-demo-line{display:flex;justify-content:space-between;gap:20px;padding:28px 0 22px;border-top:1px solid var(--line);font-size:.72rem;font-weight:600;letter-spacing:.1em;color:var(--shop-muted)}
.atelier-demo-line>span:first-child{color:var(--green-deep)}
.atelier-demo-line i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:middle}

/* Univers */
.atelier-worlds{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.atelier-worlds button{display:flex;align-items:center;gap:14px;padding:17px 20px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;color:var(--shop-ink-2);font-size:.92rem;font-weight:600;text-align:left;transition:background .25s,border-color .25s,color .25s}
.atelier-worlds button>span{font-size:.72rem;font-weight:500;color:var(--shop-muted)}
.atelier-worlds button i{margin-left:auto;font-style:normal;font-size:15px;color:var(--shop-muted)}
.atelier-worlds button:hover{border-color:rgba(21,33,27,.28)}
.atelier-worlds button[aria-pressed=true]{background:#fff;border-color:var(--ad-lime);color:var(--ad-lime-ink)}
.atelier-worlds button[aria-pressed=true]>span,.atelier-worlds button[aria-pressed=true] i{color:var(--ad-lime-ink)}
.atelier-illustration-note{margin:14px 0 30px;font-size:.74rem;line-height:1.6;text-align:right;color:var(--shop-muted)}

/* ---------- Éditeur ---------- */
/* Intro, univers et signature suivent .container ; la démo occupe toute la largeur. */
.atelier-editor{position:relative;padding:8px clamp(16px,2.2vw,40px) 0}
.atelier-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;height:58px;padding:0 0 20px;font-size:.78rem}
.atelier-project{display:flex;align-items:center;gap:12px;color:var(--shop-muted)}
.atelier-project i{margin:0 10px;font-style:normal;color:rgba(21,33,27,.25)}
.atelier-project b{font-weight:600;color:var(--shop-ink-2)}
.atelier-project img{width:23px;height:23px;border-radius:7px}
.atelier-devices{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px;background:#fff}
.atelier-devices button{display:grid;place-items:center;width:34px;height:28px;border:0;border-radius:999px;background:transparent;color:var(--shop-muted)}
.atelier-devices button[aria-pressed=true]{background:var(--ink);color:#fff}
.atelier-devices svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.atelier-publish,.atelier-signature>a{display:flex;align-items:center;gap:12px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:.84rem;font-weight:600;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.atelier-publish:hover,.atelier-signature>a:hover{background:var(--ad-lime);border-color:var(--ad-lime);color:var(--ad-lime-ink)}
.atelier-editor-body{display:grid;grid-template-columns:236px minmax(0,1fr) 252px;gap:20px;align-items:start}

/* ---------- Panneaux d'interface : repris de l'éditeur Gillia (Personnalisation, Réglages) ---------- */
.atelier-editor{--ui-green:#7ea36d;--ui-green-ink:#3d8a66;--ui-ink:#1d2a24;--ui-muted:#8a938e;--ui-line:#e5e8e3;--ui-field:#d4d9d2;--ui-soft:#f4f5f2;--site-block:#fff;--site-bg:#faf9f4;--site-ink:#292d26;--site-accent:#9c4c34;--site-font:Georgia,'Times New Roman',serif;--title-size:60px;--site-radius:0px;--site-space:32px;--hero-bg:var(--site-block)}
.ui{position:relative;min-width:0;overflow:hidden;border:1px solid var(--ui-line);border-radius:14px;background:#fff;box-shadow:var(--shadow-soft);color:var(--ui-ink);font-size:12.5px;line-height:1.35}
.ui svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ui button{color:inherit}
.ui-chev{flex:none;width:7px;height:7px;margin-left:auto;border-right:1.5px solid var(--ui-muted);border-bottom:1.5px solid var(--ui-muted);transform:translateY(-2px) rotate(45deg)}

/* Personnalisation (thème) */
.atelier-theme{padding:0 10px 10px}
.ui-head{display:flex;align-items:center;gap:8px;margin:0 -10px;padding:13px 14px 12px;border-bottom:1px solid var(--ui-line);font-size:14px}
.ui-head b{font-weight:700}
.ui-back{font-size:20px;line-height:.8;color:var(--ui-ink)}
.ui-theme-intro{padding:11px 4px 12px;text-align:center;color:var(--ui-muted)}
.ui-theme-intro>span{display:inline-flex;align-items:center;gap:6px}
.ui-theme-intro svg{width:14px;height:14px}
.ui-theme-intro p{margin:3px 0 0;font-size:11.5px;line-height:1.45;color:var(--ui-ink)}
.ui-acc{border:1px solid var(--ui-line);border-radius:12px;background:#fff}
.ui-acc+.ui-acc{margin-top:7px}
.ui-acc__h{display:flex;align-items:center;gap:9px;padding:8px 11px 8px 9px;font-weight:700}
.ui-acc.is-open .ui-acc__h{border-bottom:1px solid var(--ui-line)}
.ui-acc.is-open .ui-chev{transform:translateY(2px) rotate(-135deg)}
.ui-acc__ic{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:6px;background:var(--ui-soft);color:var(--ui-green)}
.ui-acc__ic svg{width:14px;height:14px}
.ui-acc__b{display:grid;gap:10px;padding:11px 11px 12px}
.ui-field{display:grid;gap:5px}
.ui-field>span:first-child,.ui-label{font-size:12px;font-weight:500;color:var(--ui-ink)}
.ui-label{display:block;margin:0 0 6px}
.ui-color{display:flex;align-items:center;justify-content:space-between;gap:8px;width:min(100%,168px);height:32px;padding:2px 2px 2px 9px;border:1px solid var(--ui-field);border-radius:6px;background:#fff;font-size:12px;font-variant-numeric:tabular-nums;cursor:pointer}
.ui-color input{flex:none;width:40px;height:26px;padding:0;border:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}
.ui-color input::-webkit-color-swatch-wrapper{padding:0}
.ui-color input::-webkit-color-swatch{border:1px solid rgba(0,0,0,.08);border-radius:4px}
.ui-color input::-moz-color-swatch{border:1px solid rgba(0,0,0,.08);border-radius:4px}
.ui-texts{display:grid;gap:1px;padding:5px;border-radius:10px;background:var(--ui-soft)}
.ui-texts button{display:flex;align-items:center;gap:11px;min-height:34px;padding:4px 7px;border:0;border-radius:7px;background:none;text-align:left}
.ui-texts button:hover{background:#fff}
.ui-texts i{flex:none;width:13px;height:13px;border:1.5px solid #9aa29d;border-radius:50%}
.ui-texts button[aria-pressed=true] i{border-color:var(--ui-green);background:var(--ui-green);box-shadow:inset 0 0 0 2.5px #fff}
.ui-t1{font-family:var(--t1-font,var(--site-font));font-size:20px;font-weight:700;letter-spacing:-.03em;line-height:1}
.ui-p{font-size:12.5px;color:#4b5550}
.ui-k{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--site-accent)}

/* Réglages de la section / du texte */
.ui-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 12px 7px 14px;font-size:13.5px}
.ui-panel-head b{font-weight:600}
.ui-x{display:grid;place-items:center;width:22px;height:22px;border:0;background:none;color:var(--ui-muted);font-size:18px;line-height:1}
.ui-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:0 14px 10px}
.ui-crumbs>span,.ui-crumbs>button{padding:3px 10px;border:0;border-radius:999px;background:var(--ui-soft);font-size:11.5px;line-height:1.4}
.ui-crumbs>.is-on{background:var(--ui-green);color:#fff}
.ui-crumbs>i{font-style:normal;color:var(--ui-muted)}
.ui-tabs{display:flex;border-bottom:1px solid var(--ui-line)}
.ui-tabs>*{display:flex;flex:1;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 9px;border:0;border-bottom:2px solid transparent;background:none;color:#99a29d;font-size:11.5px}
.ui-tabs svg{width:15px;height:15px}
.ui-tabs [aria-pressed=true],.ui-tabs .is-on{border-bottom-color:var(--ui-green);color:var(--ui-green-ink)}
.ui-group{padding:13px 14px 15px}
.ui-group+.ui-group{border-top:1px dashed var(--ui-field)}
.ui-stack{display:grid;gap:13px}
.ui-stack>.ui-group__h{margin-bottom:0}
.ui-group__h{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;font-size:11.5px;font-weight:500;letter-spacing:.07em;text-transform:uppercase}
.ui-group__h>svg{width:14px;height:14px}
.ui-seg{display:flex;gap:2px;padding:3px;border-radius:8px;background:var(--ui-soft)}
.ui-seg button{flex:1;display:grid;place-items:center;min-height:28px;padding:4px;border:0;border-radius:6px;background:none;color:#8e9792 !important;font-size:12px}
.ui-seg button[aria-pressed=true]{background:var(--ui-green);color:#fff !important}
.ui-seg svg{width:15px;height:15px}
.ui-box{display:grid;gap:4px;margin-top:10px;padding:10px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-soft)}
.ui-box .ui-label{margin:2px 0 4px}
.ui-thumb{position:relative;height:64px;margin-bottom:6px;padding:6px;border:1px solid var(--ui-line);border-radius:6px;background:#fff;color:var(--site-ink)}
.ui-thumb .atelier-ph{height:100%;border-radius:4px}
.ui-input,.ui-select{display:flex;align-items:center;width:100%;height:32px;padding:0 10px;border:1px solid #c9cec7;border-radius:6px;background:#fff;color:var(--ui-ink);font-size:12px}
.ui-select{justify-content:space-between;padding-right:28px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238a938e' stroke-width='1.4'/%3E%3C/svg%3E") right 10px center / 9px no-repeat;-webkit-appearance:none;appearance:none}
select.ui-select{cursor:pointer;color-scheme:light}
.ui-range{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;font-size:12px}
.ui-range output{color:var(--ui-muted);font-size:11.5px;font-variant-numeric:tabular-nums}
.ui input[type=range]{width:100%;height:16px;margin:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}
.ui input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:#e2e5e0}
.ui input[type=range]::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px;border:2px solid #fff;border-radius:50%;background:var(--ui-green);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-appearance:none;appearance:none}
.ui input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:#e2e5e0}
.ui input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:var(--ui-green);box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.ui-help{margin:0 0 8px;font-size:11.5px;line-height:1.5}
.ui-help code{font-family:ui-monospace,Menlo,monospace;color:#c2185b}
.ui-code{margin:0;padding:9px 10px;border:1px solid var(--ui-field);border-radius:6px;background:#fff;color:var(--ui-ink);font:11px/1.5 ui-monospace,Menlo,monospace;white-space:pre-wrap}

/* Sélection dans l'aperçu, comme dans l'éditeur */
.atelier-site [data-section],.atelier-site [data-target]{cursor:pointer;outline:1.5px solid transparent;transition:outline-color .2s}
.atelier-site [data-section]{outline-offset:-1.5px}
.atelier-site [data-target]{outline-offset:3px}
.atelier-site [data-target]:hover{outline-color:color-mix(in srgb,var(--ui-green) 50%,transparent)}
.atelier-site .is-selected,.atelier-site .is-selected:hover{outline-color:var(--ui-green)}

/* Canevas */
.atelier-canvas{display:flex;flex-direction:column;align-items:center;min-width:0;padding:0}
.atelier-canvas-label{display:flex;justify-content:space-between;width:100%;margin-bottom:12px;font-size:.62rem;font-weight:600;letter-spacing:.12em;color:var(--shop-muted)}

/* ---------- Aperçu de la boutique générée (univers du marchand) ---------- */
.atelier-site{--k:.6;width:100%;max-width:1100px;align-self:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--site-radius);background:var(--site-bg);color:var(--site-ink);box-shadow:var(--shadow-lift);container-type:inline-size;transition:background .35s,color .35s,max-width .5s,border-radius .3s}
.atelier-site-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;height:52px;padding:0 24px;border-bottom:1px solid #20282022;font-size:8px}
.atelier-site-nav>b{font-family:var(--site-font);font-size:19px;font-weight:400;letter-spacing:-.04em;white-space:nowrap}
.atelier-site-nav>b span{padding-left:2px;font:8px Inter,sans-serif;vertical-align:super}
.atelier-site-nav>span{font-size:7px}
.atelier-site-nav>i{font-style:normal;font-size:7px;white-space:nowrap}
.atelier-site-hero{position:relative;display:grid;grid-template-columns:1.04fr 1fr;min-height:340px}
.atelier-site[data-bg=color] .atelier-site-hero{background:var(--hero-bg)}
.atelier-site[data-align=center] .atelier-site-copy{align-items:center;text-align:center}
.atelier-site[data-align=end] .atelier-site-copy{align-items:end;text-align:right}
.atelier-site[data-shadow=drop] .atelier-site-hero{z-index:1;box-shadow:0 16px 30px -10px rgba(0,0,0,.35)}
.atelier-site[data-shadow=inset] .atelier-site-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 40px rgba(0,0,0,.28)}
.atelier-site-copy{z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:start;padding:var(--site-space)}
.atelier-site-kicker{font-family:var(--k-font,inherit);font-size:calc(var(--k-size,11) * var(--k) * 1px);font-weight:var(--k-w,600);letter-spacing:calc(var(--k-ls,2) * .08em);line-height:var(--k-lh,1.7);color:var(--k-color,inherit)}
.atelier-site h3{margin:28px 0 18px;font-family:var(--t1-font,var(--site-font));font-size:clamp(22px,calc(var(--title-size) * .72),8cqw);font-weight:var(--t1-w,400);letter-spacing:calc(var(--t1-ls,-2) * .028em);line-height:var(--t1-lh,1.02);color:var(--t1-color,inherit)}
.atelier-site-copy p{max-width:25ch;margin:0 0 25px;font-family:var(--p-font,inherit);font-size:calc(var(--p-size,15) * var(--k) * 1px);font-weight:var(--p-w,400);letter-spacing:calc(var(--p-ls,0) * .06em);line-height:var(--p-lh,1.7);color:var(--p-color,inherit);opacity:var(--p-op,.8)}
.atelier-site-cta{display:flex;gap:20px;padding:12px 14px;border-radius:calc(var(--site-radius) / 3);background:var(--site-accent);color:#fff;font-size:8px}
.atelier-site-cta>i{font-style:normal}
.atelier-site-photo{position:relative;min-width:0;min-height:340px;overflow:hidden}
.atelier-site-photo>.atelier-ph{position:absolute;inset:0;background:#f6f6f3}
.atelier-site-photo>span{position:absolute;left:18px;right:18px;bottom:18px;font-size:6px;letter-spacing:.15em;color:#fff;text-shadow:0 1px 8px #000}
/* Emplacements d'image : teinte et encre suivent la palette de l'aperçu */
.atelier-ph{display:grid;place-content:center;justify-items:center;gap:6px;width:100%;border:1px dashed color-mix(in srgb,currentColor 30%,transparent);background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;font-size:9px;font-weight:600;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.atelier-ph::before{content:"";width:22px;height:22px;background:currentColor;opacity:.4;-webkit-mask:var(--ph-icon) center / contain no-repeat;mask:var(--ph-icon) center / contain no-repeat}
.atelier-ph>span{opacity:.6}
.atelier,.atelier-live{--ph-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.8'/%3E%3Cpath d='m21 16-5-5-9 9'/%3E%3C/svg%3E")}
.atelier-site:not([data-layout=full]) .atelier-site-photo>span{color:inherit;text-shadow:none;opacity:.6}
.atelier-site[data-layout=full] .atelier-site-photo>.atelier-ph{grid-auto-flow:column;place-content:start end;padding:18px;border-color:rgba(255,255,255,.3);background:color-mix(in srgb,var(--site-ink) 62%,#000);color:#fff}
.atelier-site[data-layout=full] .atelier-site-photo>.atelier-ph::before{width:14px;height:14px}
.atelier-sale-products .atelier-ph::before,.atelier-products .atelier-ph::before{width:18px;height:18px}

.atelier-site-collection{padding:22px 24px 24px}
.atelier-site-collection>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-size:8px}
.atelier-site-collection>div:first-child>span:first-child{font-family:var(--site-font);font-size:16px;letter-spacing:-.02em}
.atelier-products{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.atelier-products>div{min-width:0;overflow:hidden;border-radius:calc(var(--site-radius) / 2)}
.atelier-products .atelier-ph{height:110px;background:var(--site-block)}
.atelier-products>div>span{display:flex;justify-content:space-between;gap:3px;margin-top:8px;font-size:7px}
.atelier-products b{font-weight:400}
.atelier-products i{font-style:normal;white-space:nowrap}
.atelier-site[data-layout=full] .atelier-site-hero{grid-template-columns:1fr;min-height:340px}
.atelier-site[data-layout=full] .atelier-site-photo{position:absolute;inset:0}
.atelier-site[data-layout=full] .atelier-site-copy{max-width:75%;min-height:340px;color:#fff}
.atelier-site[data-layout=full] .atelier-site-copy h3{font-size:clamp(30px,calc(var(--title-size) * .9),10cqw)}
.atelier-site[data-layout=full] .atelier-site-photo>span{left:auto;z-index:1}
.atelier-canvas[data-device-view=mobile] .atelier-site{max-width:300px}
.atelier-canvas[data-device-view=mobile] .atelier-site-hero{grid-template-columns:1fr}
.atelier-canvas[data-device-view=mobile] .atelier-site-copy{max-width:100%;padding:23px}
.atelier-canvas[data-device-view=mobile] .atelier-site h3{margin:15px 0;font-size:calc(var(--title-size) * .62)}
.atelier-canvas[data-device-view=mobile] .atelier-site-photo{min-height:210px}
.atelier-canvas[data-device-view=mobile] .atelier-site-nav>span{display:none}
.atelier-canvas[data-device-view=mobile] .atelier-site-copy p{max-width:32ch;margin-bottom:15px}
.atelier-canvas[data-device-view=mobile] .atelier-products{grid-template-columns:1fr 1fr}
.atelier-canvas[data-device-view=mobile] .atelier-products .atelier-ph{height:85px}
.atelier-canvas[data-device-view=mobile] .atelier-products>div:last-child{display:none}

/* ---------- Prompt (repris de la carte de demande du hero) ---------- */
.atelier-spark,.atelier-live-ask>span{flex:none;width:13px;height:17px;font-size:0;background:url("../images/gillia-point-morph.svg") center / contain no-repeat;opacity:.85}
.atelier-prompt{position:relative;z-index:2;display:flex;align-items:center;gap:16px;max-width:700px;margin:28px auto 0;padding:16px 16px 16px 22px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-soft)}
.atelier-prompt>div{flex:1}
.atelier-prompt>div>span,.atelier-live-ask small{font-size:.66rem;font-weight:600;letter-spacing:.12em;color:var(--shop-muted)}
.atelier-prompt p,.atelier-live-ask p{margin:4px 0 0;font-size:.95rem;font-weight:550;line-height:1.4;color:var(--ink)}
.atelier-prompt button{padding:10px 16px;border:0;border-radius:999px;background:var(--ink);color:#fff;font-size:.8rem;font-weight:600;white-space:nowrap;transition:background .2s,color .2s}
.atelier-prompt button:hover:not(:disabled){background:var(--ad-lime);color:var(--ad-lime-ink)}
.atelier-prompt button:disabled{opacity:.5;cursor:default}
.atelier-prompt button>span{margin-left:8px;font-size:15px}
.atelier-build-status{display:flex;justify-content:space-between;gap:20px;max-width:700px;margin:0 auto;padding:13px 4px;font-size:.72rem;color:var(--shop-muted)}
.atelier-build-status>span:last-child{font-size:.62rem;letter-spacing:.1em;white-space:nowrap}

/* Signature */
.atelier-signature{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:48px 0 70px}
.atelier-signature>span{font-family:var(--font-serif);font-size:24px;font-weight:500;letter-spacing:-.05em;line-height:1.2;color:var(--shop-muted)}
.atelier-signature strong{font-weight:500;color:var(--shop-ink-2)}
.atelier-signature p{margin:0;font-size:.84rem;line-height:1.7;color:var(--shop-muted)}

/* ---------- Section 3 : du design à la vente ---------- */
.atelier-live{padding:0 0 70px!important;overflow:clip}
.atelier-live:before{content:'';position:absolute;left:50%;top:0;width:1px;height:58px;background:var(--line)}
.atelier-live-head{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;column-gap:70px;padding-top:74px;border-top:1px solid var(--line)}
.atelier-live h2{margin-bottom:0}
.atelier-live-head>p{margin-bottom:5px}
.atelier-live-stage{display:grid;grid-template-columns:1fr 1.15fr;gap:76px;align-items:center;margin-top:65px}

/* Scénarios */
.atelier-scenarios>button{display:flex;align-items:start;gap:19px;width:100%;padding:27px 0;border:0;border-top:1px solid var(--line);background:none;color:var(--shop-muted);text-align:left;transition:color .25s,box-shadow .25s}
.atelier-scenarios>button>span{padding-top:5px;font-size:.72rem;font-weight:600}
.atelier-scenarios>button>div{flex:1}
.atelier-scenarios>button b{font-family:var(--font-serif);font-size:20px;font-weight:500;letter-spacing:-.065em;line-height:1.2}
.atelier-scenarios>button p{margin:7px 0 0;font-size:.84rem;line-height:1.6;color:var(--shop-muted)}
.atelier-scenarios>button>i{font-style:normal;font-size:19px}
.atelier-scenarios>button:hover{color:var(--shop-ink-2)}
.atelier-scenarios>button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 2px 0 var(--ink)}
.atelier-live-ask{display:flex;align-items:start;gap:15px;margin-top:23px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-soft)}
.atelier-live-ask>span{margin-top:2px}
.atelier-live-result{margin:16px 0 0 5px;font-size:.8rem;line-height:1.7;color:var(--shop-muted)}

/* Carte boutique */
.atelier-commerce{overflow:hidden;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:0 24px 60px rgba(21,33,27,.1)}
.atelier-commerce-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 22px;border-bottom:1px solid var(--line-soft);background:#fff;color:var(--shop-muted);font-size:.66rem;font-weight:600;letter-spacing:.09em}
.atelier-commerce-bar i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--green)}
.atelier-commerce-bar>span:last-child{font-size:.62rem}
.atelier-commerce-panel{background:var(--bg-soft);color:var(--ink)}
.atelier-collection-image{position:relative;isolation:isolate;height:430px;overflow:hidden;background:#302f2a;color:#fff}
.atelier-collection-image:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,18,15,.82) 0%,rgba(13,18,15,.56) 38%,rgba(13,18,15,.05) 72%)}
.atelier-collection-image>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.78) contrast(1.04)}
.atelier-collection-copy{display:flex;flex-direction:column;align-items:flex-start;height:100%;width:min(54%,410px);padding:34px 36px}
.atelier-collection-copy>span{font-size:.68rem;font-weight:600;letter-spacing:.18em}
.atelier-collection-copy>small{margin-top:auto;font-size:.58rem;font-weight:600;letter-spacing:.18em;opacity:.72}
.atelier-collection-image h3{margin:13px 0 24px;font-family:var(--font-serif);font-size:clamp(44px,5.4vw,68px);font-weight:500;letter-spacing:-.07em;line-height:.93;color:#fff}
.atelier-collection-image h3 em{font-style:normal;font-weight:500}
.atelier-collection-copy>a{display:inline-flex;align-items:center;gap:20px;padding:11px 15px;border:1px solid rgba(255,255,255,.55);border-radius:999px;color:#fff;font-size:.67rem;font-weight:600;letter-spacing:.02em}
.atelier-collection-copy>a i{font-style:normal}
.atelier-collection-index{position:absolute;right:24px;bottom:22px;display:flex;align-items:center;gap:12px;font-size:.55rem;letter-spacing:.12em;color:rgba(255,255,255,.8)}
.atelier-collection-index>span:first-child{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(255,255,255,.45);border-radius:50%}
.atelier-filter-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line-soft);background:#fff}
.atelier-filter-row>div:first-child{display:grid;gap:2px}
.atelier-filter-row>div:first-child>span{font-family:var(--font-serif);font-size:1.15rem;font-weight:500;letter-spacing:-.045em}
.atelier-filter-row small{font-size:.62rem;color:var(--shop-muted)}
.atelier-filter-actions{display:flex;align-items:center;gap:7px;font-size:.65rem}
.atelier-filter-actions>span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg-soft)}
.atelier-filter-actions>b{margin-left:3px;font-weight:600}
/* Offres : une composition éditoriale, avec la sélection en photo. */
.atelier-sale{display:grid;grid-template-columns:1.08fr 1fr;min-height:430px;background:#e5eadb;color:#30432d}
.atelier-sale-copy{display:flex;flex-direction:column;align-items:flex-start;padding:32px 0 30px 30px;position:relative;z-index:1}
.atelier-sale-copy>span:first-child{font-size:.68rem;font-weight:600;letter-spacing:.18em}
.atelier-sale-copy>small{margin-top:48px;font-size:.55rem;letter-spacing:.14em;font-weight:600}
.atelier-sale h3{position:relative;width:100%;padding-right:12px;margin:14px 0 12px;font-family:var(--font-serif);font-size:clamp(28px,2.3vw,38px);font-weight:500;letter-spacing:-.065em;line-height:1.06;color:#30432d}
.atelier-sale h3 em{font-style:normal;color:#607058}
.atelier-sale-copy>strong{display:block;font-family:var(--font-serif);font-size:clamp(70px,7.3vw,108px);font-weight:500;letter-spacing:-.09em;line-height:1}
.atelier-sale-copy>strong>span{font-size:.57em;letter-spacing:-.065em}
.atelier-sale-copy>p{margin:9px 0 24px;font-size:.65rem;color:#4b5f45}
.atelier-sale-cta{display:inline-flex;align-items:center;gap:18px;margin-top:auto;padding:11px 14px;border:1px solid #91a187;border-radius:999px;font-size:.64rem;font-weight:600}
.atelier-sale-cta i{font-style:normal}
.atelier-sale-photo{position:relative;isolation:isolate;min-width:0;margin:22px 22px 22px 0;overflow:hidden;border-radius:90px 90px 4px 4px;background:#686d5e;color:#fff}
.atelier-sale-photo:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(20,28,18,.8),transparent 60%)}
.atelier-sale-photo img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:32% center;filter:saturate(.68)}
.atelier-sale-photo>span{position:absolute;bottom:27px;left:22px;font-size:.54rem;letter-spacing:.12em;line-height:1.7}
.atelier-sale-photo b{display:block;margin-top:4px;font-family:var(--font-serif);font-size:27px;font-weight:500;letter-spacing:-.05em}
.atelier-sale-photo>i{position:absolute;right:18px;bottom:27px;font-size:22px;font-style:normal}
.atelier-sale-products{padding:20px 24px;background:#fff;border-bottom:1px solid var(--line-soft)}
.atelier-sale-products>div{display:flex;align-items:center;gap:15px}
.atelier-sale-marker{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#e5eadb;color:#30432d;font-size:.75rem;font-weight:600;transform:rotate(-12deg)}
.atelier-sale-products small{font-size:.52rem;letter-spacing:.1em;color:var(--shop-muted)}
.atelier-sale-products b{display:block;margin-top:4px;font-family:var(--font-serif);font-size:1.04rem;font-weight:500;letter-spacing:-.04em}
.atelier-sale-products i{margin-left:auto;font-style:normal;font-size:20px}

/* Retrait : aperçu de commande et point de retrait illustré. */
.atelier-checkout{padding:26px 30px 24px;background:#f4f3ee}
.atelier-checkout-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.62rem;font-weight:600;letter-spacing:.12em}
.atelier-checkout-head>span:last-child{font-size:.51rem;color:var(--shop-muted)}
.atelier-checkout-head i{margin-left:10px;font-style:normal;color:var(--ink)}
.atelier-checkout-title{margin:29px 0 22px}
.atelier-checkout-title>small{font-size:.55rem;letter-spacing:.14em;color:var(--shop-muted)}
.atelier-checkout h3{margin:8px 0 9px;font-family:var(--font-serif);font-size:clamp(32px,3.1vw,46px);font-weight:500;letter-spacing:-.065em;line-height:1.08;color:var(--ink)}
.atelier-checkout-title>p{margin:0;font-size:.7rem;line-height:1.6;color:var(--shop-muted)}
.atelier-pickup-card{display:grid;grid-template-columns:.85fr 1.2fr;border:1px solid #a4b49c;border-radius:12px;overflow:hidden;background:#fff}
.atelier-pickup-photo{position:relative;isolation:isolate;min-height:160px;background:#354337}
.atelier-pickup-photo:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(14,25,18,.8),transparent 75%)}
.atelier-pickup-photo img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:57% center;filter:saturate(.7)}
.atelier-pickup-photo>span{position:absolute;left:13px;right:13px;bottom:13px;font-size:.46rem;letter-spacing:.11em;line-height:1.6;color:#fff}
.atelier-pickup-details{padding:18px 16px}
.atelier-delivery{display:flex;align-items:center;gap:10px;font-size:.72rem}
.atelier-delivery>i{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;border:1px solid #a4b49c;font-style:normal;color:#526848}
.atelier-delivery.selected>i{background:#314b32;border-color:#314b32;color:#fff;font-size:.65rem}
.atelier-delivery>div{flex:1;min-width:0}
.atelier-delivery b{font-weight:600}
.atelier-delivery small{display:block;margin-top:4px;font-size:.58rem;line-height:1.5;color:var(--shop-muted)}
.atelier-delivery>span{font-size:.58rem}
.atelier-delivery.selected>span{align-self:flex-start;margin-top:2px;padding:4px 7px;border-radius:999px;background:#e9efdf;color:#3b5330;font-size:.52rem}
.atelier-pickup-schedule{margin-top:22px}
.atelier-pickup-schedule>small{font-size:.48rem;font-weight:600;letter-spacing:.09em;color:var(--shop-muted)}
.atelier-slots{display:flex;gap:6px;margin-top:9px}
.atelier-slots>span{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 4px;border:1px solid var(--line);border-radius:6px;font-size:.64rem;background:#fff;white-space:nowrap}
.atelier-slots>span:nth-child(2){border-color:#687e58;background:#e9efdf;color:#30442a;font-weight:600}
.atelier-slots i{font-size:.53rem;font-style:normal}
.atelier-delivery-alternative{margin-top:10px;padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:#fafaf7}
.atelier-order{padding-top:19px}
.atelier-order>span{display:flex;justify-content:space-between;align-items:center;font-size:.72rem}
.atelier-order small{margin-left:6px;color:var(--shop-muted);font-size:.62rem}
.atelier-order b{font-size:.9rem;font-weight:600}
.atelier-order>strong{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding:14px 18px;border-radius:8px;background:#243c2b;color:#fff;font-size:.7rem;font-weight:500}
.atelier-order>strong>i{font-size:18px;font-style:normal}

/* Confirmation Gillia sous l'aperçu */
.atelier-commerce-notice{display:flex;align-items:center;gap:12px;margin:0;padding:16px 22px;border-top:0;background:#fff;color:var(--ink)}
.atelier-commerce-notice>span{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--ad-lime);font-size:11px}
.atelier-commerce-notice>div{flex:1}
.atelier-commerce-notice b{display:block;font-size:.76rem;font-weight:600}
.atelier-commerce-notice small{display:block;margin-top:2px;font-size:.66rem;color:var(--shop-muted)}
.atelier-commerce-notice>i{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;font-style:normal}

/* Conclusion */
.atelier-outro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:90px;padding-top:40px;border-top:1px solid var(--line)}
.atelier-outro p{margin:0;font-family:var(--font-serif);font-size:clamp(24px,2.9vw,40px);font-weight:500;letter-spacing:-.06em;line-height:1.1;color:var(--shop-ink-2)}
.atelier-outro em{font-style:normal;color:var(--shop-muted)}
.atelier-outro a{display:flex;align-items:center;gap:14px;padding:15px 28px;border-radius:999px;background:#14211b;color:#fff;font-size:1rem;font-weight:600;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.22);transition:background .2s,color .2s}
.atelier-outro a:hover{background:var(--ad-lime);color:var(--ad-lime-ink)}

/* ---------- Animations ---------- */
.atelier-editor.is-building .atelier-site{animation:atelier-build 1.5s ease both}
.atelier-site.is-changing,.atelier-commerce-panel.is-changing{animation:atelier-enter .45s ease both}
@keyframes atelier-enter{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes atelier-build{0%{opacity:.15;filter:blur(6px);transform:translateY(12px)}100%{opacity:1;filter:blur(0);transform:translateY(0)}}

/* ---------- Responsive ---------- */
@media(min-width:1151px){
  .atelier-site h3{font-size:clamp(32px,calc(var(--title-size) * .75),6.4cqw)}
  .atelier-site{--k:.733}
  .atelier-site-cta{font-size:9px}
  .atelier-site-nav>span,.atelier-site-nav>i,.atelier-products>div>span{font-size:9px}
  .atelier-site-photo>span{font-size:7px}
}
@media(min-width:1500px){
  .atelier-editor-body{grid-template-columns:250px minmax(0,1fr) 268px;gap:24px}
  .atelier-site-hero,.atelier-site-photo{min-height:405px}
  .atelier-products .atelier-ph{height:135px}
  .atelier-site-nav{height:62px}
}
@media(max-width:1150px){
  .atelier-live-head,.atelier-live-stage,.atelier-outro{width:calc(100% - 56px)}
  .atelier-editor-body{grid-template-columns:minmax(0,1fr) 248px;gap:22px}
  .atelier-theme{display:none}
  .atelier-worlds button{gap:8px;padding:15px 13px;font-size:.84rem}
  .atelier-live-head{column-gap:40px}
  .atelier-live-stage{gap:45px}
  .atelier-collection-image h3{font-size:65px}
  .atelier-scenarios>button b{font-size:18px}
}
@media(max-width:800px){
  .atelier-worlds{grid-template-columns:1fr 1fr}
  .atelier-illustration-note{max-width:65ch;text-align:left}
  .atelier-toolbar{padding-bottom:15px}
  .atelier-editor-body{display:flex;flex-direction:column;gap:20px}
  .atelier-canvas{width:100%}
  .atelier-inspector{width:100%;max-width:420px;margin-inline:auto}
  .atelier-site-hero{grid-template-columns:1fr}
  .atelier-site-copy{min-height:230px;padding:calc(var(--site-space) * .75)}
  .atelier-site h3{margin:18px 0 13px;font-size:calc(var(--title-size) * .65)}
  .atelier-site-copy p{max-width:32ch}
  .atelier-site-photo{min-height:230px}
  .atelier-site-nav>span{display:none}
  .atelier-site-collection{padding:18px}
  .atelier-site-collection>div:first-child>span:first-child{font-size:13px}
  .atelier-products{gap:8px}
  .atelier-products .atelier-ph{height:85px}
  .atelier-products>div>span{display:block}
  .atelier-products i{display:block;margin-top:4px}
  .atelier-prompt{padding:16px 16px 16px 20px}
  .atelier-prompt p,.atelier-live-ask p{font-size:.9rem}
  .atelier-build-status>span:last-child{display:none}
  .atelier-signature{flex-wrap:wrap;gap:16px;padding:34px 0 50px}
  .atelier-signature p{max-width:55%}
  .atelier-signature>a{margin-top:12px}
  .atelier-live-head{grid-template-columns:1fr;padding-top:58px}
  .atelier-live-head>p{margin-top:12px}
  .atelier-live-stage{grid-template-columns:1fr;gap:32px;margin-top:40px}
  .atelier-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .atelier-scenarios>button{flex-wrap:wrap;gap:8px;padding:18px 0}
  .atelier-scenarios>button>div{flex-basis:100%;order:2}
  .atelier-scenarios>button i{margin-left:auto;font-size:17px}
  .atelier-scenarios>button b{font-size:16px}
  .atelier-scenarios>button p{font-size:.76rem}
  .atelier-live-ask{grid-column:1/-1;margin-top:8px}
  .atelier-live-result{grid-column:1/-1;margin:0}
  .atelier-collection-image{height:400px}
  .atelier-collection-copy{width:min(62%,360px);padding:28px}
  .atelier-collection-image h3{font-size:58px}
  .atelier-outro{margin-top:60px}
  .atelier-outro p{max-width:300px}
}
@media(max-width:560px){
  .atelier-live-head,.atelier-live-stage,.atelier-outro{width:calc(100% - 32px)}
  .atelier-intro{padding:0 0 35px}
  .atelier-intro-bottom{display:block}
  .atelier-intro-bottom>a{display:inline-flex;gap:34px;margin-top:22px}
  .atelier-demo-line{gap:10px;padding:20px 0;font-size:.64rem}
  .atelier-demo-line>span:last-child{max-width:130px;line-height:1.6;text-align:right}
  .atelier-worlds{gap:7px}
  .atelier-worlds button{gap:7px;padding:13px 10px;font-size:.78rem}
  .atelier-illustration-note{max-width:42ch;margin:12px 0 23px;font-size:.68rem;line-height:1.7}
  .atelier-toolbar{gap:8px;height:45px}
  .atelier-project{gap:7px}
  .atelier-project>span{font-size:0}
  .atelier-project b{font-size:.74rem}
  .atelier-project i{display:none}
  .atelier-project img{width:19px;height:19px}
  .atelier-publish{padding:8px 12px;font-size:.72rem}
  .atelier-publish span{display:none}
  .atelier-devices{gap:0}
  .atelier-devices button{width:28px}
  .atelier-canvas-label{margin:0 3px 10px;font-size:.56rem}
  .atelier-site-hero{grid-template-columns:1fr 1fr;min-height:265px}
  .atelier-site-copy{min-height:265px;padding:calc(var(--site-space) * .56) calc(var(--site-space) * .44)}
  .atelier-site{--k:.533}
  .atelier-site h3{margin:18px 0 12px;font-size:calc(var(--title-size) * .46)}
  .atelier-site-copy p{margin-bottom:17px}
  .atelier-site-cta{gap:9px;padding:9px 8px;font-size:6px}
  .atelier-site-photo{min-height:265px}
  .atelier-site-photo>span{left:10px;bottom:12px;font-size:5px}
  .atelier-site-nav{height:46px;padding:0 14px}
  .atelier-site-nav>b{font-size:16px}
  .atelier-site-collection{padding:18px 14px}
  .atelier-site-collection>div:first-child{font-size:6px}
  .atelier-products .atelier-ph{height:80px}
  .atelier-products>div>span{font-size:6px}
  .atelier-inspector{max-width:none}
  .atelier-prompt{flex-wrap:wrap;gap:11px;margin-top:18px;padding:16px}
  .atelier-prompt>div{flex-basis:80%}
  .atelier-prompt p,.atelier-live-ask p{font-size:.86rem}
  .atelier-prompt>div>span,.atelier-live-ask small{font-size:.6rem}
  .atelier-prompt button{margin-left:auto;padding:8px 14px}
  .atelier-build-status{padding:11px 2px;font-size:.66rem;line-height:1.7}
  .atelier-signature{align-items:start;padding:34px 0 48px}
  .atelier-signature>span{font-size:23px}
  .atelier-signature p{width:100%;max-width:none;margin-top:4px}
  .atelier-signature>a{margin-top:6px}
  .atelier-live{padding-bottom:45px!important}
  .atelier-live-head{padding-top:48px}
  .atelier-live-stage{gap:27px;margin-top:32px}
  .atelier-scenarios{gap:10px}
  .atelier-scenarios>button>span{font-size:.62rem}
  .atelier-scenarios>button b{display:block;font-size:14px;line-height:1.3}
  .atelier-scenarios>button>i{font-size:16px}
  .atelier-scenarios>button p{display:none}
  .atelier-live-ask{gap:12px;margin-top:4px;padding:18px}
  .atelier-live-result{font-size:.72rem}
  .atelier-commerce-bar{padding:14px;font-size:.6rem}
  .atelier-commerce-bar>span:last-child{font-size:.56rem}
  .atelier-collection-image{height:360px}
  .atelier-collection-image:after{background:linear-gradient(90deg,rgba(13,18,15,.84),rgba(13,18,15,.42) 70%,rgba(13,18,15,.08))}
  .atelier-collection-image>img{object-position:56% center}
  .atelier-collection-copy{width:76%;padding:24px 20px}
  .atelier-collection-copy>span{font-size:.58rem}
  .atelier-collection-image h3{margin-block:10px 18px;font-size:47px}
  .atelier-collection-copy>a{gap:12px;padding:9px 12px;font-size:.6rem}
  .atelier-collection-index{right:15px;bottom:14px}
  .atelier-collection-index>span:last-child{display:none}
  .atelier-filter-row{align-items:flex-start;gap:14px;padding:17px 16px}
  .atelier-filter-row>div:first-child>span{font-size:16px}
  .atelier-filter-row small{font-size:.56rem}
  .atelier-filter-actions{justify-content:flex-end;flex-wrap:wrap;gap:5px;font-size:.57rem}
  .atelier-filter-actions>span{padding:6px 8px}
  .atelier-filter-actions>b{flex-basis:100%;margin:3px 0 0;text-align:right}
  .atelier-commerce-notice{gap:10px;padding:18px 16px}
  .atelier-commerce-notice b{font-size:.76rem;line-height:1.5}
  .atelier-commerce-notice small{font-size:.68rem;line-height:1.5}
  .atelier-sale{min-height:360px;grid-template-columns:1.15fr 1fr}
  .atelier-sale-copy{padding:23px 0 23px 18px}
  .atelier-sale-copy>span:first-child{font-size:.55rem}
  .atelier-sale-copy>small{margin-top:37px;font-size:.44rem;letter-spacing:.08em}
  .atelier-sale h3{font-size:27px;width:100%;padding-right:8px;margin-top:12px}
  .atelier-sale-copy>strong{font-size:74px}
  .atelier-sale-copy>p{font-size:.52rem;max-width:125px;line-height:1.5;margin-bottom:20px}
  .atelier-sale-cta{gap:9px;padding:9px 10px;font-size:.53rem}
  .atelier-sale-photo{margin:16px 14px 16px 0;border-radius:65px 65px 3px 3px}
  .atelier-sale-photo>span{left:12px;bottom:20px;font-size:.43rem}
  .atelier-sale-photo b{font-size:22px}
  .atelier-sale-photo>i{display:none}
  .atelier-sale-products{padding:17px 16px}
  .atelier-sale-products>div{gap:10px}
  .atelier-sale-marker{width:39px;height:39px;font-size:.64rem}
  .atelier-sale-products small{font-size:.43rem;letter-spacing:.06em}
  .atelier-sale-products b{font-size:.87rem}
  .atelier-checkout{padding:23px 16px 20px}
  .atelier-checkout-head{font-size:.54rem;letter-spacing:.08em}
  .atelier-checkout-head>span:last-child{font-size:.43rem}
  .atelier-checkout-head i{margin-left:5px}
  .atelier-checkout-title{margin:26px 0 18px}
  .atelier-checkout h3{font-size:34px}
  .atelier-checkout-title>p{font-size:.64rem}
  .atelier-pickup-card{grid-template-columns:1fr}
  .atelier-pickup-photo{min-height:108px}
  .atelier-pickup-photo img{object-position:center 43%}
  .atelier-pickup-details{padding:15px}
  .atelier-pickup-schedule{margin-top:16px}
  .atelier-pickup-schedule>small{font-size:.5rem}
  .atelier-delivery{font-size:.73rem}
  .atelier-slots>span{padding:10px 7px}

  .atelier-outro{flex-direction:column;align-items:start;gap:24px;margin-top:44px;padding-top:30px}
  .atelier-outro p{max-width:none;font-size:28px}
  .atelier-outro a{padding:14px 22px;font-size:.92rem}
}
@media(prefers-reduced-motion:reduce){
  .atelier *,.atelier-live *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}