/* ==========================================================================
   Atelier 2027 — storefront design (v1.22.0)
   Loaded only when a storefront's layout is 'atelier' (Admin → Storefronts → Layout, or an admin's
   ?__layout=atelier preview). Everything is scoped to html[data-layout="atelier"], so other designs are untouched.
   Language: warm ivory and stone neutrals, one deep accent from the palette (Forest ★ / Clay / Ink), fully rounded
   buttons and pills, 16px card radius, 1px stone lines, no heavy shadows, Manrope only, plain words. Light only.
   ========================================================================== */
html[data-layout="atelier"]{
  --atl-bg:#fbfaf7; --atl-band:#f4f2ec; --atl-card:#fff; --atl-ink:#26231f; --atl-soft:#6c665d; --atl-faint:#756e63;
  --atl-head:#1d2a24; --atl-hair:#e7e2d8; --atl-hair2:#d8d1c3; --atl-foot:#f1eee7; --atl-footline:#ddd6c8;
  --atl-gold:#80601f; --atl-goldw:#f8f1e4; --atl-ok:#1d7a4f; --atl-okw:#eaf5ee; --atl-warn:#9a5b0f; --atl-warnw:#fbf1e2; --atl-bad:#a93226; --atl-badw:#fbecea;
  --atl-r:16px; --atl-rs:12px;
  /* shared tokens used by the classic templates */
  --navy-900:#1d2a24; --navy-800:#26332d; --navy-700:#33413a;
  --steel-600:var(--accent-600); --steel-500:var(--accent);
  --slate-500:#6c665d; --slate-400:#756e63; --muted:#6c665d;
  --line:#e7e2d8; --line-soft:#efebe3; --border:#e7e2d8; --bg:#fbfaf7; --bg-alt:#f4f2ec; --white:#ffffff;
  --ink:#26231f; --ink-soft:#4f4a42;
  --gold:#80601f; --warn:#9a5b0f; --danger:#a93226; --ok:#1d7a4f; --info:var(--accent);
  --radius:12px; --radius-lg:16px;
  --shadow:none; --shadow-lg:0 16px 44px rgba(38,35,31,.10);
  --font:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-head:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* palette fallback = Forest (the signature); the palette blocks at the end override these */
  --accent:#1f5b46; --accent-600:#174836; --atl-wash:#eef4f0;
  --tint:var(--atl-band); --dv:var(--atl-wash);
}
html[data-layout="atelier"] body{background:var(--atl-bg);color:var(--atl-ink);font-family:var(--font);font-size:14.5px;line-height:1.65}
html[data-layout="atelier"] h1,html[data-layout="atelier"] h2,html[data-layout="atelier"] h3,html[data-layout="atelier"] h4{color:var(--atl-head);font-weight:700;letter-spacing:-.025em;font-family:var(--font)}
html[data-layout="atelier"] h1{font-size:34px;line-height:1.12}
html[data-layout="atelier"] h2{font-size:24px;line-height:1.2}
html[data-layout="atelier"] a{color:var(--accent)}
html[data-layout="atelier"] .muted{color:var(--atl-soft)}
html[data-layout="atelier"] .eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
html[data-layout="atelier"] :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html[data-layout="atelier"] button,html[data-layout="atelier"] input,html[data-layout="atelier"] select,html[data-layout="atelier"] textarea{font-family:inherit}
html[data-layout="atelier"] .emo,html[data-layout="atelier"] .mega .ic,html[data-layout="atelier"] .sec-card .si,html[data-layout="atelier"] .si,html[data-layout="atelier"] .fopt .fi{display:none}
html[data-layout="atelier"] .rulebar{display:none}

/* ---------- shell ---------- */
html[data-layout="atelier"] .utilbar{background:var(--atl-band);color:var(--atl-soft);border-bottom:1px solid var(--atl-hair)}
html[data-layout="atelier"] .utilbar a{color:var(--atl-soft);font-weight:600}
html[data-layout="atelier"] .utilbar a:hover{color:var(--atl-head)}
html[data-layout="atelier"] .masthead{background:var(--atl-bg);border-bottom:1px solid var(--atl-hair);box-shadow:none}
html[data-layout="atelier"] .masthead .container{height:72px}
html[data-layout="atelier"] .brand{font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--atl-head)}
html[data-layout="atelier"] .brand small{display:none}
html[data-layout="atelier"] .brand .logo{width:32px;height:32px;border-radius:50%;background:var(--accent);font-size:0;position:relative}
html[data-layout="atelier"] .brand .logo::after{content:"";position:absolute;inset:8px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.5' fill='black'/%3E%3Cpath d='M5 7V5a3 3 0 0 1 6 0v2' stroke='black' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.5' fill='black'/%3E%3Cpath d='M5 7V5a3 3 0 0 1 6 0v2' stroke='black' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-layout="atelier"] .mainnav{gap:24px}
html[data-layout="atelier"] .mainnav a,html[data-layout="atelier"] .mainnav .navitem>a{color:var(--atl-soft);font-weight:600;font-size:14px}
html[data-layout="atelier"] .mainnav a:hover,html[data-layout="atelier"] .mainnav .navitem:hover>a{color:var(--atl-head)}
html[data-layout="atelier"] .mainnav a.active,html[data-layout="atelier"] .mainnav .navitem.active>a{color:var(--atl-head);border-bottom:2px solid var(--accent)}
html[data-layout="atelier"] .mega{border-radius:var(--atl-r);border-color:var(--atl-hair);box-shadow:var(--shadow-lg);padding:10px}
html[data-layout="atelier"] .mega a{border-radius:var(--atl-rs);border-color:var(--atl-hair)}
html[data-layout="atelier"] .mega a:hover{background:var(--atl-band);border-color:var(--atl-hair2)}
html[data-layout="atelier"] .mega.mega-rich a{border-color:transparent}
html[data-layout="atelier"] .mega.mega-rich a:hover{background:var(--atl-band);border-color:var(--atl-hair)}
html[data-layout="atelier"] .mega-rich .lbl{color:var(--atl-head)}
html[data-layout="atelier"] .mega-rich .d{color:var(--atl-soft)}
html[data-layout="atelier"] .mega.mega-rich a.choose{background:var(--atl-wash);color:var(--accent-600)}
html[data-layout="atelier"] .head-actions{gap:12px}
html[data-layout="atelier"] .head-actions .btn-ghost{color:var(--atl-soft);font-weight:600}
html[data-layout="atelier"] .head-actions .btn-ghost:hover{color:var(--atl-head)}
@media (max-width:960px){html[data-layout="atelier"] .navtoggle,html[data-layout="atelier"] .head-actions .ha-icon{border-radius:999px!important;border-color:var(--atl-hair2)!important}}
html[data-layout="atelier"] .navtoggle span{background:var(--atl-head)}
html[data-layout="atelier"] .mobilenav{background:var(--atl-bg);border-color:var(--atl-hair)}
html[data-layout="atelier"] .mobilenav a{border-bottom-color:var(--atl-hair);color:var(--atl-head);font-weight:600}
html[data-layout="atelier"] .mobilenav a:hover{background:var(--atl-band)}
html[data-layout="atelier"] .mobilenav a.mn-cta{color:#fff}

/* ---------- buttons, tags, panels ---------- */
html[data-layout="atelier"] .btn{border-radius:999px;font-weight:700;font-size:14px;padding:10px 20px;border:1px solid transparent;box-shadow:none}
html[data-layout="atelier"] .btn:hover{filter:none;box-shadow:none!important}
html[data-layout="atelier"] .btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-layout="atelier"] .btn-primary:hover{background:var(--accent-600);border-color:var(--accent-600);color:#fff}
html[data-layout="atelier"] .btn-outline{background:#fff;border-color:var(--atl-hair2);color:var(--atl-head)}
html[data-layout="atelier"] .btn-outline:hover{border-color:var(--accent);color:var(--atl-head)}
html[data-layout="atelier"] .btn-dark{background:var(--atl-head);color:#fff}
html[data-layout="atelier"] .btn-ghost{background:transparent;color:var(--accent)}
html[data-layout="atelier"] .btn-sm{padding:7px 14px;font-size:13px}
html[data-layout="atelier"] .btn-lg{padding:14px 26px;font-size:15px}
html[data-layout="atelier"] .btn-white{border-radius:999px}
html[data-layout="atelier"] .tag,html[data-layout="atelier"] .pill,html[data-layout="atelier"] .badge,html[data-layout="atelier"] .chip,html[data-layout="atelier"] .lchip{border-radius:999px!important;font-weight:700;letter-spacing:.01em;text-transform:none}
html[data-layout="atelier"] .tag{font-size:12px;padding:3px 10px;background:#f0ede6;color:var(--atl-soft)}
html[data-layout="atelier"] .tag-dv{background:var(--atl-wash);color:var(--accent)}
html[data-layout="atelier"] .tag-ov{background:#f0efe9;color:#4b463e}
html[data-layout="atelier"] .tag-ev{background:var(--atl-goldw);color:var(--atl-gold)}
html[data-layout="atelier"] .tag-wild{background:#f0ede6;color:var(--atl-soft)}
html[data-layout="atelier"] .card,html[data-layout="atelier"] .panel,html[data-layout="atelier"] .prod,html[data-layout="atelier"] .feature,html[data-layout="atelier"] .kpi,html[data-layout="atelier"] .stats,html[data-layout="atelier"] .quote-card{border-radius:var(--atl-r);border-color:var(--atl-hair);box-shadow:none;background:#fff}
html[data-layout="atelier"] .prod:hover,html[data-layout="atelier"] .feature:hover,html[data-layout="atelier"] .kpi:hover{transform:none;box-shadow:none;border-color:var(--atl-hair2)}
html[data-layout="atelier"] .panel-head{background:transparent;border-bottom:1px solid var(--atl-hair);padding:16px 20px}
html[data-layout="atelier"] .panel-head h3{font-size:16px}
html[data-layout="atelier"] .panel-body{padding:20px}
html[data-layout="atelier"] .card-pad{padding:22px}
html[data-layout="atelier"] .prod .prod-foot{background:var(--atl-band);border-top-color:var(--atl-hair)}
html[data-layout="atelier"] .prod ul.feat li{border-bottom-color:var(--atl-hair)}
html[data-layout="atelier"] .price .amt{font-weight:800;letter-spacing:-.03em;color:var(--atl-head)}
html[data-layout="atelier"] .notice{border:0;border-radius:var(--atl-rs);background:var(--atl-wash);color:var(--atl-head);padding:12px 16px;font-size:13.5px}
html[data-layout="atelier"] .notice-warn{background:var(--atl-warnw);color:#5c3a0b}
html[data-layout="atelier"] .notice-ok{background:var(--atl-okw);color:#174d33}
html[data-layout="atelier"] .notice-danger{background:var(--atl-badw);color:#6e2018}
html[data-layout="atelier"] .stats .stat{border-right-color:var(--atl-hair)}
html[data-layout="atelier"] .stats .stat .n,html[data-layout="atelier"] .kpi .k-n{font-weight:800;letter-spacing:-.03em;color:var(--atl-head)}
html[data-layout="atelier"] .divider{background:var(--atl-hair)}
html[data-layout="atelier"] .steps .step .b{border-color:var(--atl-hair2)}
html[data-layout="atelier"] .steps .step.done .b{background:var(--accent);border-color:var(--accent)}
html[data-layout="atelier"] .steps .step:before{background:var(--atl-hair)}
html[data-layout="atelier"] .gtee{border:0!important;border-radius:var(--atl-rs)!important;background:var(--atl-wash)!important;box-shadow:none!important}
html[data-layout="atelier"] .gtee-tx{color:var(--atl-ink)}
html[data-layout="atelier"] .codebox{border-radius:var(--atl-rs);background:var(--atl-band);border-color:var(--atl-hair)}
html[data-layout="atelier"] .dot-ok{background:var(--atl-ok)}

/* ---------- tables & forms ---------- */
html[data-layout="atelier"] table.data th,html[data-layout="atelier"] .acct-table th{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--atl-faint);background:transparent;border-bottom:1px solid var(--atl-hair)}
html[data-layout="atelier"] table.data td,html[data-layout="atelier"] .acct-table td{border-bottom-color:var(--atl-hair)}
html[data-layout="atelier"] table.data tr:hover td{background:#fdfcfa}
html[data-layout="atelier"] .input,html[data-layout="atelier"] select.input,html[data-layout="atelier"] textarea.input,
html[data-layout="atelier"] input[type=text],html[data-layout="atelier"] input[type=email],html[data-layout="atelier"] input[type=tel],html[data-layout="atelier"] input[type=password],html[data-layout="atelier"] input[type=number],html[data-layout="atelier"] input[type=search],html[data-layout="atelier"] input[type=url],html[data-layout="atelier"] select,html[data-layout="atelier"] textarea{border-radius:var(--atl-rs);border:1px solid var(--atl-hair2);background-color:#fff;color:var(--atl-ink);font-family:inherit}
html[data-layout="atelier"] .input,html[data-layout="atelier"] select.input{min-height:46px;padding:10px 14px}
html[data-layout="atelier"] .input:focus,html[data-layout="atelier"] input:focus,html[data-layout="atelier"] select:focus,html[data-layout="atelier"] textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
html[data-layout="atelier"] label.fld .lbl{font-weight:700;color:var(--atl-head)}
html[data-layout="atelier"] input[type=checkbox],html[data-layout="atelier"] input[type=radio]{accent-color:var(--accent)}

/* ---------- page headers ---------- */
html[data-layout="atelier"] .hero,html[data-layout="atelier"] .pagehero{background:var(--atl-bg);border-bottom:1px solid var(--atl-hair)}
html[data-layout="atelier"] .pagehero .container{padding-top:40px;padding-bottom:36px}
html[data-layout="atelier"] .pagehero h1{font-size:38px;max-width:24ch}
html[data-layout="atelier"] .pagehero .lede,html[data-layout="atelier"] .hero p.lede{color:var(--atl-soft)}
html[data-layout="atelier"] .crumbs{font-size:13px;color:var(--atl-faint)}
html[data-layout="atelier"] .crumbs a{color:var(--atl-soft)}
html[data-layout="atelier"] .crumbs a:hover{color:var(--accent)}
html[data-layout="atelier"] .crumbs span{margin:0 6px;color:var(--atl-hair2)}
html[data-layout="atelier"] .page-head h1{font-size:30px}
html[data-layout="atelier"] .page-head .sub{color:var(--atl-soft)}

/* ---------- footer: warm linen ---------- */
html[data-layout="atelier"] .footer{background:var(--atl-foot);color:#5a544b;border-top:1px solid var(--atl-footline);margin-top:64px}
html[data-layout="atelier"] .footer h4{color:var(--atl-head);font-size:13px;text-transform:none;letter-spacing:0;font-weight:800}
html[data-layout="atelier"] .footer a{color:#5a544b}
html[data-layout="atelier"] .footer a:hover{color:var(--atl-head)}
html[data-layout="atelier"] .foot-legal{border-top-color:var(--atl-footline)}
html[data-layout="atelier"] .foot-legal b{color:var(--atl-head);text-transform:none;letter-spacing:0;font-size:13px;font-weight:800}
html[data-layout="atelier"] .foot-bottom{border-top-color:var(--atl-footline);color:var(--atl-faint)}
html[data-layout="atelier"] .pay-badges .pb{background:#fff;border-color:var(--atl-hair2);color:var(--atl-head);border-radius:8px}
html[data-layout="atelier"] main:has(> .flush-foot:last-child) + .footer{margin-top:0}

/* ---------- classic templates under Atelier: component swaps ---------- */
html[data-layout="atelier"] :is(.pol-card,.grail-card,.tw-card,.guide-card,.tool-card,.acx-card,.acx-doc,.acx-howto,.acx-list,.acx-bp-pane,.acx-status,.mm-card,.mm-banner,.cd-bar,.cd-cancelled,.cx-more,.cx-warn,.rx-opt,.acct-setup,.acct-setup-row,.acct-expire,.acct-multiexplain,.sup-bubble,.rsl-card,.rsl-feat,.rsl-segc,.rsl-tier,.rsl-ok,.rsl-err,.rsl-verified,.cform-errors,.cform-flash,.tw-err,.tw-warn,.cad-card,.sec-card,.sec-panel,.xcard,.fopt,.rcard,.finder-rail,.gw,.lcard){border-radius:var(--atl-r)!important;box-shadow:none!important;border-color:var(--atl-hair)}
html[data-layout="atelier"] :is(.mm-card,.rsl-feat,.rsl-tier,.guide-card,.tool-card,.card,.rcard,.fopt,.lcard):hover{transform:none!important;box-shadow:none!important}
html[data-layout="atelier"] :is(.cn-pill,.acx-pill,.mm-pill,.od-badge,.sup-badge,.cd-badge,.rx-tag,.tw-badge,.tchip,.acct-tab .cnt,.acx-ct,.dnsh-pill,.rpick,.rsl-tier .ribbon){border-radius:999px!important;font-weight:700}
html[data-layout="atelier"] :is(.acct-tab,.acx-subtabs button,.actbtn,.btn-react,.cp-btn,.tool-next,.tw-copy,.tw-dl,.pslot-btn,.cad-btn){border-radius:999px!important}
html[data-layout="atelier"] :is(.tw-input,.tw-ta,.cform-field input,.cform-field select,.cform-field textarea,.rfld input,.rfld select,.rfld textarea,.acx-fld input,.acx-fld select,.acx-search input,.acct-search){border-radius:var(--atl-rs)!important;border-color:var(--atl-hair2)!important}
html[data-layout="atelier"] :is(.guide-body pre,.pslot-img){border-radius:var(--atl-rs)!important}
html[data-layout="atelier"] :is(.vstep,.vstep-b){border-radius:var(--atl-rs)}
html[data-layout="atelier"] .vstep.done .vstep-b{background:var(--accent);border-color:var(--accent)}
html[data-layout="atelier"] [class^="cd-"],html[data-layout="atelier"] [class*=" cd-"]{border-radius:var(--atl-rs)}
html[data-layout="atelier"] .gw.sel{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)!important}
html[data-layout="atelier"] .rsl-hero{background:var(--atl-band)!important;background-image:none!important;border-bottom:1px solid var(--atl-hair)}
html[data-layout="atelier"] .rsl-alt{background:var(--atl-band)!important}
html[data-layout="atelier"] .rsl-ico{background:var(--atl-wash)!important;color:var(--accent)!important;border-radius:50%!important}
html[data-layout="atelier"] .rsl-benefits li{border-radius:999px!important;background:#fff!important;border:1px solid var(--atl-hair2)!important}
html[data-layout="atelier"] .pslot-card,html[data-layout="atelier"] .cad-card{background-image:none!important;background-color:var(--atl-head)!important}
html[data-layout="atelier"] :is(.acct-table,table.sup-tickets) tr{box-shadow:none!important}
html[data-layout="atelier"] .sidebar a.active{background:var(--accent)}
html[data-layout="atelier"] .acx-doc .ic,html[data-layout="atelier"] .tool-ic{display:none}
html[data-layout="atelier"] .rsl-step .num,html[data-layout="atelier"] span.num{border-radius:50%!important;background:var(--atl-wash);color:var(--accent)}
html[data-layout="atelier"] :is(.sum-row.total,.sum-row.tot){font-weight:800;border-top-color:var(--atl-hair2)}
html[data-layout="atelier"] .sum-row{border-bottom-color:var(--atl-hair)}
html[data-layout="atelier"] .cart-tblwrap table.data td:nth-child(4){white-space:nowrap}
html[data-layout="atelier"] details{border-color:var(--atl-hair)}
/* home FAQ (classic) / collection FAQs */
html[data-layout="atelier"] .faq details{border-radius:var(--atl-rs);border-color:var(--atl-hair)}
html[data-layout="atelier"] .faq summary{color:var(--atl-head);font-weight:700}
/* classic catalogue type tabs (shared partial, used on any page that includes it) */
html[data-layout="atelier"] .ctabs a{border-radius:999px;border-color:var(--atl-hair2);font-weight:700;color:var(--atl-soft);padding:8px 16px}
html[data-layout="atelier"] .ctabs a.on{background:var(--atl-head);border-color:var(--atl-head);color:#fff}
/* compare bar + modal */
html[data-layout="atelier"] .cmpbar{background:var(--atl-head)}
html[data-layout="atelier"] .cmp-th{border-radius:999px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
html[data-layout="atelier"] .cmp-modal{border-radius:var(--atl-r)}
html[data-layout="atelier"] table.cmp-table thead th.col{background:var(--atl-band)}
html[data-layout="atelier"] table.cmp-table tbody th{background:#fdfcfa;color:var(--atl-faint)}
/* website chat */
html[data-layout="atelier"] .sslx-chat{font-family:var(--font)}
html[data-layout="atelier"] .sslx-chat-fab{border-radius:999px;background:var(--accent);box-shadow:0 8px 22px rgba(38,35,31,.18)}
html[data-layout="atelier"] .sslx-chat-panel{border-radius:var(--atl-r);border-color:var(--atl-hair)}
html[data-layout="atelier"] .sslx-chat-head{background:var(--atl-head)}
html[data-layout="atelier"] .sslx-chat-log,html[data-layout="atelier"] .sslx-chat-typing{background:var(--atl-bg)}
html[data-layout="atelier"] .sslx-chat-bubble{border-radius:16px;border-color:var(--atl-hair)}
html[data-layout="atelier"] .sslx-chat-me .sslx-chat-bubble{background:var(--atl-head)}
html[data-layout="atelier"] .sslx-chat-input{border-radius:var(--atl-rs)}
html[data-layout="atelier"] .sslx-chat-send{border-radius:999px;background:var(--accent)}
html[data-layout="atelier"] .sslx-chat-chip{border-radius:999px}
/* sticky phone buy bar on the product page */
html[data-layout="atelier"] .buybar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--atl-hair);box-shadow:0 -6px 18px rgba(38,35,31,.06)}
html[data-layout="atelier"] .buybar .bp{font-weight:800;color:var(--atl-head);font-size:18px;letter-spacing:-.02em}
html[data-layout="atelier"] .buybar .bp small{font-size:12.5px;color:var(--atl-soft);font-weight:600;letter-spacing:0}
html[data-layout="atelier"] .buybar form{margin:0}
html[data-layout="atelier"] .buybar .btn{min-height:44px}
@media (max-width:900px){html[data-layout="atelier"] .buybar{display:flex} html[data-layout="atelier"] main{padding-bottom:0} html[data-layout="atelier"] .atl-prod{padding-bottom:96px}}

/* ==========================================================================
   Bespoke Atelier templates (sf/atelier/...): .atl-* components
   ========================================================================== */
html[data-layout="atelier"] .atl-mut{color:var(--atl-soft)}
html[data-layout="atelier"] .atl-sm{font-size:13px}
html[data-layout="atelier"] .atl-xs{font-size:12px}
html[data-layout="atelier"] .atl-b{font-weight:700}
html[data-layout="atelier"] .atl-c{text-align:center}
html[data-layout="atelier"] .atl-mono{font-family:var(--mono);font-size:12.5px}
html[data-layout="atelier"] .atl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html[data-layout="atelier"] .atl-eb{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
html[data-layout="atelier"] .atl-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;border-radius:999px;padding:4px 11px;background:var(--atl-wash);color:var(--accent);white-space:nowrap;line-height:1.4}
html[data-layout="atelier"] .atl-pill.ov{background:#f0efe9;color:#4b463e}
html[data-layout="atelier"] .atl-pill.ev{background:var(--atl-goldw);color:var(--atl-gold)}
html[data-layout="atelier"] .atl-pill.n{background:#f0ede6;color:var(--atl-soft)}
html[data-layout="atelier"] .atl-pill.best{background:var(--atl-head);color:#fff}
html[data-layout="atelier"] .atl-card{background:#fff;border:1px solid var(--atl-hair);border-radius:var(--atl-r)}
html[data-layout="atelier"] .atl-note{display:block;background:var(--atl-wash);border-radius:var(--atl-rs);padding:12px 16px;font-size:13.5px;color:var(--atl-head)}
html[data-layout="atelier"] .atl-price{font-size:26px;font-weight:800;color:var(--atl-head);letter-spacing:-.03em;line-height:1.15}
html[data-layout="atelier"] .atl-price small{font-size:13px;color:var(--atl-soft);font-weight:600;letter-spacing:0}
html[data-layout="atelier"] .atl-kv{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--atl-hair);font-size:14px}
html[data-layout="atelier"] .atl-kv:first-child{border-top:0}
html[data-layout="atelier"] .atl-kv>span{color:var(--atl-soft)}
html[data-layout="atelier"] .atl-kv>b{color:var(--atl-head);font-weight:700;text-align:right}
html[data-layout="atelier"] .atl-kv>b a{color:var(--accent)}
html[data-layout="atelier"] ul.atl-ok{list-style:none;padding:0;margin:0}
html[data-layout="atelier"] ul.atl-ok li{position:relative;padding-left:26px;margin:8px 0}
html[data-layout="atelier"] ul.atl-ok li:before{content:"";position:absolute;left:0;top:5px;width:15px;height:15px;border-radius:50%;border:1.5px solid var(--accent);background:radial-gradient(circle,var(--accent) 0 3px,transparent 3.5px)}
html[data-layout="atelier"] .atl-from .btn{white-space:nowrap}
html[data-layout="atelier"] .atl-from{flex-wrap:wrap;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--atl-hair)}
html[data-layout="atelier"] .atl-sect{padding:72px 0}
html[data-layout="atelier"] .atl-band{background:var(--atl-band)}
html[data-layout="atelier"] .atl-narrow{max-width:808px}
html[data-layout="atelier"] .atl-shead{text-align:center;max-width:700px;margin:0 auto 34px}
html[data-layout="atelier"] .atl-shead h2{text-wrap:balance;font-size:34px;line-height:1.15;margin:10px 0 0}
html[data-layout="atelier"] .atl-shead p{margin:12px 0 0;color:var(--atl-soft)}
html[data-layout="atelier"] .atl-faq details{border-top:1px solid var(--atl-hair);padding:16px 4px}
html[data-layout="atelier"] .atl-faq details:first-child{border-top:0}
html[data-layout="atelier"] .atl-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;color:var(--atl-head);font-weight:700;font-size:15.5px;min-height:28px;align-items:center}
html[data-layout="atelier"] .atl-faq summary::-webkit-details-marker{display:none}
html[data-layout="atelier"] .atl-faq summary:after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;background:var(--atl-wash);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-weight:700}
html[data-layout="atelier"] .atl-faq details[open] summary:after{content:"−"}
html[data-layout="atelier"] .atl-faq details p{margin:8px 0 0;color:var(--atl-soft)}

/* ---------- home ---------- */
html[data-layout="atelier"] .atl-hero{text-align:center;padding:88px 0 60px}
html[data-layout="atelier"] .atl-hero h1{text-wrap:balance;font-size:58px;line-height:1.04;max-width:900px;margin:20px auto 0;letter-spacing:-.035em}
html[data-layout="atelier"] .atl-hero .atl-lede{font-size:17.5px;color:var(--atl-soft);max-width:640px;margin:22px auto 34px}
html[data-layout="atelier"] .atl-finder{max-width:800px;margin:0 auto;background:#fff;border:1px solid var(--atl-hair);border-radius:999px;padding:8px 8px 8px 26px;display:flex;align-items:center;gap:14px;box-shadow:0 16px 44px rgba(38,35,31,.08);font-size:15px;text-align:left}
html[data-layout="atelier"] .atl-fq{display:flex;align-items:center;gap:10px;min-width:0}
html[data-layout="atelier"] .atl-fq .o{color:var(--atl-soft);white-space:nowrap}
html[data-layout="atelier"] .atl-fq select{appearance:none;-webkit-appearance:none;border:0;border-bottom:2px solid var(--atl-wash);border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%231d2a24'/%3E%3C/svg%3E") right 2px center/9px 6px no-repeat;padding:6px 18px 4px 2px;font:700 15px var(--font);color:var(--atl-head);cursor:pointer;min-width:0;max-width:300px;text-overflow:ellipsis}
html[data-layout="atelier"] .atl-fq select:focus{box-shadow:none;border-bottom-color:var(--accent)}
html[data-layout="atelier"] .atl-finder .btn{margin-left:auto;flex:none}
html[data-layout="atelier"] .atl-under{font-size:13.5px;color:var(--atl-soft);margin:20px 0 0}
html[data-layout="atelier"] .atl-under a{font-weight:700;color:var(--accent)}
html[data-layout="atelier"] .atl-cas{border-top:1px solid var(--atl-hair);border-bottom:1px solid var(--atl-hair)}
html[data-layout="atelier"] .atl-cas-h{text-align:center;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--atl-faint);padding-top:18px}
html[data-layout="atelier"] .atl-cas-l{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:22px 0 26px;max-width:980px;margin:0 auto;flex-wrap:wrap}
html[data-layout="atelier"] .atl-cas-l a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;color:var(--atl-soft);font-weight:700}
html[data-layout="atelier"] .atl-cas-l img{display:block;height:22px;width:auto;max-width:110px;object-fit:contain}
html[data-layout="atelier"] .atl-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html[data-layout="atelier"] .atl-tier{padding:28px;display:flex;flex-direction:column}
html[data-layout="atelier"] .atl-tier h3{font-size:22px;margin:14px 0 6px}
html[data-layout="atelier"] .atl-tier p{margin:0 0 12px;color:var(--atl-soft)}
html[data-layout="atelier"] .atl-tier .atl-from{margin-top:auto}
html[data-layout="atelier"] .atl-tier ul.atl-ok{margin-bottom:18px}
html[data-layout="atelier"] .atl-covers{text-align:center;color:var(--atl-soft);max-width:720px;margin:26px auto 0;font-size:14px}
html[data-layout="atelier"] .atl-covers a{font-weight:700}
html[data-layout="atelier"] .atl-feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
html[data-layout="atelier"] .atl-featc{display:flex;flex-direction:column;gap:6px;padding:20px;color:inherit;text-decoration:none;align-items:flex-start}
html[data-layout="atelier"] .atl-featc:hover{text-decoration:none;border-color:var(--accent)}
html[data-layout="atelier"] .atl-featc b{color:var(--atl-head);font-size:16px;margin-top:6px}
html[data-layout="atelier"] .atl-featc .atl-price{font-size:22px;margin-top:6px}
html[data-layout="atelier"] .atl-brandname{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--atl-faint)}
html[data-layout="atelier"] .atl-lt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:900px;margin:0 auto}
html[data-layout="atelier"] .atl-lt>div{padding:24px;text-align:center}
html[data-layout="atelier"] .atl-lt .n{font-size:40px;font-weight:800;color:var(--atl-head);letter-spacing:-.04em;line-height:1.1;margin-top:4px}
html[data-layout="atelier"] .atl-lt .n small{font-size:15px;color:var(--atl-soft);font-weight:700;letter-spacing:0}
html[data-layout="atelier"] .atl-lt .atl-b{color:var(--atl-soft)}
html[data-layout="atelier"] .atl-lt .now{border:2px solid var(--accent);background:var(--atl-wash)}
html[data-layout="atelier"] .atl-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
html[data-layout="atelier"] .atl-steps li{background:#fff;border:1px solid var(--atl-hair);border-radius:var(--atl-r);padding:18px;text-align:center}
html[data-layout="atelier"] .atl-steps b{display:block;color:var(--atl-head);font-size:15px}
html[data-layout="atelier"] .atl-steps span{font-size:13px;color:var(--atl-soft)}
html[data-layout="atelier"] .atl-steps i{display:inline-flex;width:32px;height:32px;border-radius:50%;background:var(--atl-wash);color:var(--accent);font-style:normal;font-weight:800;align-items:center;justify-content:center;margin-bottom:8px}
html[data-layout="atelier"] .atl-cta{background:var(--atl-head);color:#e9ece9}
html[data-layout="atelier"] .atl-cta .container{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-top:44px;padding-bottom:44px}
html[data-layout="atelier"] .atl-cta h2{color:#fff;margin:0;font-size:28px}
html[data-layout="atelier"] .atl-cta p{margin:6px 0 0;color:#c9d0cb}
html[data-layout="atelier"] .atl-cta-a{display:flex;gap:10px;flex-wrap:wrap}
html[data-layout="atelier"] .atl-cta .btn-primary{background:#fff;border-color:#fff;color:var(--atl-head)}
html[data-layout="atelier"] .atl-cta .btn-primary:hover{background:var(--atl-wash);border-color:var(--atl-wash);color:var(--atl-head)}
html[data-layout="atelier"] .atl-cta .btn-outline{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
html[data-layout="atelier"] .atl-cta .btn-outline:hover{border-color:#fff;color:#fff}
html[data-layout="atelier"] .atl-cta :focus-visible{outline-color:#fff}

/* ---------- catalogue ---------- */
html[data-layout="atelier"] .atl-cathead{text-align:center;padding:40px 0 0}
html[data-layout="atelier"] .atl-cathead .crumbs{padding:0 0 6px}
html[data-layout="atelier"] .atl-cathead h1{font-size:42px;margin:6px 0 0}
html[data-layout="atelier"] .atl-cathead>.container>p{margin:10px 0 26px}
html[data-layout="atelier"] .atl-tabs{display:flex;gap:8px;flex-wrap:wrap}
html[data-layout="atelier"] .atl-tabs a{flex:1 1 0;min-width:max-content;text-align:center;border:1px solid var(--atl-hair2);background:#fff;border-radius:999px;padding:9px 16px;font-weight:700;font-size:13.5px;color:var(--atl-soft);min-height:42px;display:inline-flex;align-items:center;justify-content:center}
html[data-layout="atelier"] .atl-tabs a:hover{text-decoration:none;border-color:var(--accent);color:var(--atl-head)}
html[data-layout="atelier"] .atl-tabs em{font-style:normal;font-weight:600;color:var(--atl-faint);margin-left:6px}
html[data-layout="atelier"] .atl-tabs a.on{background:var(--atl-head);border-color:var(--atl-head);color:#fff}
html[data-layout="atelier"] .atl-tabs a.on em{color:#c9d3cd}
html[data-layout="atelier"] .atl-catgrid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;padding-top:26px;padding-bottom:64px;align-items:start}
html[data-layout="atelier"] .atl-filters form{padding:22px}
html[data-layout="atelier"] .atl-filters fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}
html[data-layout="atelier"] .atl-filters fieldset:last-of-type{margin-bottom:0}
html[data-layout="atelier"] .atl-filters .fh{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--atl-faint);margin:0 0 6px;padding:0}
html[data-layout="atelier"] .atl-chk{display:flex;align-items:center;gap:10px;margin:4px 0;font-size:14px;cursor:pointer;min-height:32px;color:var(--atl-ink)}
html[data-layout="atelier"] .atl-chk input{width:18px;height:18px;margin:0;accent-color:var(--accent);flex:none}
html[data-layout="atelier"] .atl-notelink{margin-top:14px;color:var(--atl-head)}
html[data-layout="atelier"] .atl-notelink:hover{text-decoration:none}
html[data-layout="atelier"] .atl-notelink b{color:var(--accent)}
html[data-layout="atelier"] .atl-results{min-width:0}
html[data-layout="atelier"] .atl-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
html[data-layout="atelier"] .atl-tb-l{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html[data-layout="atelier"] .atl-count{font-size:13.5px;color:var(--atl-soft)}
html[data-layout="atelier"] .atl-count b{color:var(--atl-head)}
html[data-layout="atelier"] .atl-chip{display:inline-flex;align-items:center;gap:4px;background:var(--atl-wash);color:var(--accent);border-radius:999px;padding:2px 4px 2px 12px;font-size:12.5px;font-weight:700}
html[data-layout="atelier"] .atl-chip button{border:0;background:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;width:26px;height:26px;border-radius:50%}
html[data-layout="atelier"] .atl-chip button:hover{background:rgba(0,0,0,.06)}
html[data-layout="atelier"] .atl-clear{font-size:13px;font-weight:700}
html[data-layout="atelier"] .atl-sort{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--atl-soft);font-weight:600}
html[data-layout="atelier"] .atl-sort select{border-radius:999px;padding:8px 34px 8px 16px;min-height:40px;font:600 13.5px var(--font);color:var(--atl-head);appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%236c665d'/%3E%3C/svg%3E") right 14px center/9px 6px no-repeat}
html[data-layout="atelier"] .atl-yearsnote{margin-bottom:16px}
html[data-layout="atelier"] .atl-yearsnote a{font-weight:700;margin-left:6px}
html[data-layout="atelier"] .atl-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
html[data-layout="atelier"] .atl-pc{display:flex;flex-direction:column;gap:6px;padding:22px;overflow:visible;position:relative}
html[data-layout="atelier"] .atl-pc.cmp-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
html[data-layout="atelier"] .atl-pc-top{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding-right:0}
html[data-layout="atelier"] .atl-pc h3{font-size:18px;margin:6px 0 0;line-height:1.25}
html[data-layout="atelier"] .atl-pc h3 a{color:var(--atl-head)}
html[data-layout="atelier"] .atl-pc h3 a:hover{color:var(--accent);text-decoration:none}
html[data-layout="atelier"] .atl-pc .atl-tagline{font-size:13px;color:var(--atl-soft);margin:2px 0 4px}
html[data-layout="atelier"] .atl-pc .atl-kv{font-size:13.5px;padding:8px 0}
html[data-layout="atelier"] .atl-pc .atl-kv:first-of-type{border-top:1px solid var(--atl-hair)}
html[data-layout="atelier"] .atl-pc .atl-from{border-top:0;padding-top:10px}
html[data-layout="atelier"] .atl-cmp.cmp-check{position:static;margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--atl-faint);font-weight:700;cursor:pointer;min-height:32px}
html[data-layout="atelier"] .atl-cmp input{width:16px;height:16px;margin:0;accent-color:var(--accent)}
html[data-layout="atelier"] .atl-empty{text-align:center;padding:48px 20px}
html[data-layout="atelier"] .atl-empty h2{font-size:20px}
html[data-layout="atelier"] .atl-glossary{display:grid;gap:12px}
html[data-layout="atelier"] .atl-glossary>div{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:baseline;background:#fff;border:1px solid var(--atl-hair);border-radius:var(--atl-rs);padding:14px 18px}
html[data-layout="atelier"] .atl-glossary .atl-pill{justify-self:start}
html[data-layout="atelier"] .atl-glossary p{margin:0;color:var(--atl-soft)}
html[data-layout="atelier"] .atl-glossary p b{color:var(--atl-head)}
@media (min-width:961px){html[data-layout="atelier"] .atl-showsm{display:none}}

/* ---------- product ---------- */
html[data-layout="atelier"] .atl-prod{display:grid;grid-template-columns:minmax(0,1fr) 370px;grid-template-areas:"a s" "b s";column-gap:40px;row-gap:8px;align-items:start;padding-top:8px;padding-bottom:70px}
html[data-layout="atelier"] .atl-prod-a{grid-area:a;min-width:0}
html[data-layout="atelier"] .atl-prod-b{grid-area:b;min-width:0}
html[data-layout="atelier"] .atl-prod-side{grid-area:s;position:sticky;top:90px}
html[data-layout="atelier"] .atl-prodtags{display:flex;gap:8px;flex-wrap:wrap}
html[data-layout="atelier"] .atl-prod h1{font-size:46px;margin:14px 0 10px;letter-spacing:-.035em}
html[data-layout="atelier"] .atl-prod .atl-lede{font-size:17px;color:var(--atl-soft);max-width:640px;margin:0 0 8px}
html[data-layout="atelier"] .atl-prod-b h2{font-size:20px;margin:28px 0 12px}
html[data-layout="atelier"] .atl-get{max-width:640px}
html[data-layout="atelier"] .atl-details{padding:6px 22px}
html[data-layout="atelier"] .atl-details .atl-kv{padding:13px 0}
html[data-layout="atelier"] .atl-details .atl-kv>span{flex:0 0 42%}
html[data-layout="atelier"] .atl-glance{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}
html[data-layout="atelier"] .atl-glance li{display:flex;gap:10px;align-items:baseline;font-size:14px}
html[data-layout="atelier"] .atl-glance li>span:first-child{flex:none;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;transform:translateY(3px)}
html[data-layout="atelier"] .atl-glance li.on>span:first-child{background:var(--atl-wash);color:var(--accent)}
html[data-layout="atelier"] .atl-glance li.off{color:var(--atl-faint)}
html[data-layout="atelier"] .atl-glance li.off>span:first-child{background:#f0ede6;color:var(--atl-faint)}
html[data-layout="atelier"] .atl-buy{padding:22px}
html[data-layout="atelier"] .atl-terms{border:0;margin:0;padding:0;min-width:0;display:grid;gap:8px}
html[data-layout="atelier"] .atl-terms legend,html[data-layout="atelier"] .atl-legend{font-size:13px;font-weight:700;color:var(--atl-soft);padding:0;margin:0 0 10px}
html[data-layout="atelier"] .atl-term{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid var(--atl-hair2);border-radius:var(--atl-rs);padding:12px 14px;font-size:14px;cursor:pointer;background:#fff;min-height:50px}
html[data-layout="atelier"] .atl-term.ro{grid-template-columns:1fr auto;cursor:default}
html[data-layout="atelier"] .atl-term input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--atl-hair2);margin:0;background:#fff;flex:none;cursor:pointer}
html[data-layout="atelier"] .atl-term input:checked{border:5px solid var(--accent)}
html[data-layout="atelier"] .atl-term input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html[data-layout="atelier"] .atl-term:has(input:checked){border:2px solid var(--accent);background:var(--atl-wash);padding:11px 13px}
html[data-layout="atelier"] .atl-term .t b{color:var(--atl-head)}
html[data-layout="atelier"] .atl-term .t small{color:var(--atl-soft);font-size:12px}
html[data-layout="atelier"] .atl-term .p{font-weight:800;color:var(--atl-head);text-align:right;white-space:nowrap}
html[data-layout="atelier"] .atl-term .p small{display:block;font-size:11.5px;font-weight:600;color:var(--atl-soft)}
html[data-layout="atelier"] .atl-san{margin-top:14px}
html[data-layout="atelier"] .atl-san label{display:block;font-size:13px;font-weight:700;color:var(--atl-head);margin-bottom:6px}
html[data-layout="atelier"] .atl-san input{width:110px;min-height:46px;padding:8px 12px;font-size:15px}
html[data-layout="atelier"] .atl-san #bb-san-note{margin-top:6px}
html[data-layout="atelier"] .atl-sum{margin-top:14px}
html[data-layout="atelier"] .atl-sum .tot{font-size:16px;border-top:1.5px solid var(--atl-hair2);padding-top:12px}
html[data-layout="atelier"] .atl-sum .tot>span,html[data-layout="atelier"] .atl-sum .tot>b{color:var(--atl-head);font-weight:800}
html[data-layout="atelier"] .atl-buy form .btn-block{margin-top:14px}
html[data-layout="atelier"] .atl-buy>.btn-block{margin-top:16px}
html[data-layout="atelier"] .atl-taxnote{margin:12px 0 0}
html[data-layout="atelier"] .atl-quotelink{display:block;text-align:center;margin-top:12px;font-size:13.5px;font-weight:700;min-height:28px}
html[data-layout="atelier"] .atl-plannote{margin-top:16px}
html[data-layout="atelier"] .atl-buyfoot{margin-top:14px;border-top:1px solid var(--atl-hair);padding-top:4px}
html[data-layout="atelier"] .atl-buyfoot .atl-kv{font-size:13px;padding:8px 0}
html[data-layout="atelier"] .atl-buyfoot .atl-kv:first-child{border-top:0}
html[data-layout="atelier"] .atl-prod-side .gtee{margin-top:12px}

/* ---------- tablet & phone ---------- */
@media (max-width:1000px){
  html[data-layout="atelier"] .atl-prod{grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "s" "b"}
  html[data-layout="atelier"] .atl-prod-side{position:static}
  html[data-layout="atelier"] .atl-tiers,html[data-layout="atelier"] .atl-lt{grid-template-columns:minmax(0,1fr)}
  html[data-layout="atelier"] .atl-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  html[data-layout="atelier"] .atl-catgrid{grid-template-columns:minmax(0,1fr);padding-top:18px}
  html[data-layout="atelier"] .atl-filters{display:none}
  html[data-layout="atelier"] .atl-filters.open{display:block}
  html[data-layout="atelier"] .masthead .container{height:auto;min-height:64px}
}
@media (max-width:760px){
  html[data-layout="atelier"] .atl-finder{flex-direction:column;align-items:stretch;border-radius:var(--atl-r);padding:16px;gap:4px;box-shadow:0 10px 30px rgba(38,35,31,.06)}
  html[data-layout="atelier"] .atl-fq{flex-direction:column;align-items:flex-start;gap:2px;padding:4px 0 8px}
  html[data-layout="atelier"] .atl-fq .o{font-size:12px}
  html[data-layout="atelier"] .atl-fq select{width:100%;max-width:none;min-height:42px;font-size:16px;border:0;border-bottom:1px solid var(--atl-hair);padding-left:0}
  html[data-layout="atelier"] .atl-finder .btn{margin:8px 0 0;width:100%}
}
@media (max-width:640px){
  html[data-layout="atelier"] .container{padding-left:18px;padding-right:18px}
  html[data-layout="atelier"] h1{font-size:28px}
  html[data-layout="atelier"] .atl-sect{padding:44px 0}
  html[data-layout="atelier"] .atl-shead h2{font-size:26px}
  html[data-layout="atelier"] .atl-hero{padding:40px 0 30px}
  html[data-layout="atelier"] .atl-hero h1{font-size:34px;line-height:1.08;margin-top:14px}
  html[data-layout="atelier"] .atl-hero .atl-lede{font-size:15px;margin:14px auto 20px}
  html[data-layout="atelier"] .atl-cas-l{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 16px;justify-items:center;padding:16px 0 20px}
  html[data-layout="atelier"] .atl-cas-l img{height:20px;max-width:92px}
  html[data-layout="atelier"] .atl-tier{padding:22px}
  html[data-layout="atelier"] .atl-steps{grid-template-columns:minmax(0,1fr)}
  html[data-layout="atelier"] .atl-steps li{display:grid;grid-template-columns:32px 1fr;column-gap:12px;text-align:left;align-items:start}
  html[data-layout="atelier"] .atl-steps li i{grid-row:span 2;margin:0}
  html[data-layout="atelier"] .atl-cta h2{font-size:24px}
  html[data-layout="atelier"] .atl-cta-a,html[data-layout="atelier"] .atl-cta-a .btn{width:100%}
  html[data-layout="atelier"] .atl-cathead{text-align:left;padding-top:24px}
  html[data-layout="atelier"] .atl-cathead h1{font-size:28px}
  html[data-layout="atelier"] .atl-cathead>.container>p{margin:6px 0 14px;font-size:13px}
  html[data-layout="atelier"] .atl-tabs a{padding:8px 12px;font-size:13px}
  html[data-layout="atelier"] .atl-toolbar{align-items:stretch}
  html[data-layout="atelier"] .atl-sort{width:100%;justify-content:space-between}
  html[data-layout="atelier"] .atl-pgrid{grid-template-columns:minmax(0,1fr);gap:12px}
  html[data-layout="atelier"] .atl-glossary>div{grid-template-columns:minmax(0,1fr);gap:6px}
  html[data-layout="atelier"] .atl-prod h1{font-size:30px;margin:10px 0 6px}
  html[data-layout="atelier"] .atl-prod .atl-lede{font-size:15px}
  html[data-layout="atelier"] .atl-details{padding:4px 16px}
  html[data-layout="atelier"] .atl-details .atl-kv{flex-direction:column;gap:2px}
  html[data-layout="atelier"] .atl-details .atl-kv>span{flex:none;font-size:13px}
  html[data-layout="atelier"] .atl-details .atl-kv>b{text-align:left}
  html[data-layout="atelier"] .atl-glance{grid-template-columns:minmax(0,1fr)}
  html[data-layout="atelier"] .atl-buy{padding:18px}
  html[data-layout="atelier"] .pagehero h1{font-size:28px}
  html[data-layout="atelier"] .btn-sm{min-height:40px}
  html[data-layout="atelier"] .atl-chk,html[data-layout="atelier"] .atl-cmp.cmp-check,html[data-layout="atelier"] .atl-quotelink,html[data-layout="atelier"] .atl-clear{min-height:40px;display:flex;align-items:center}
  html[data-layout="atelier"] .atl-quotelink{justify-content:center}
  html[data-layout="atelier"] .atl-chip button{width:40px;height:40px;margin:-8px -6px -8px -4px}
  html[data-layout="atelier"] .crumbs a{display:inline-block;padding:8px 0}
  html[data-layout="atelier"] .footer{margin-top:40px}
}

/* ---------- palettes (Admin → Storefronts → Theme; only offered for this layout). The design fixes its warm
   neutrals; the palette sets the accent, its darker hover shade and the pale wash. Forest is the signature. ---------- */
html[data-layout="atelier"][data-theme="atl-forest"]{--accent:#1f5b46;--accent-600:#174836;--atl-wash:#eef4f0}
html[data-layout="atelier"][data-theme="atl-clay"]{--accent:#a4553a;--accent-600:#87442d;--atl-wash:#f8eee9}
html[data-layout="atelier"][data-theme="atl-ink"]{--accent:#1d2a26;--accent-600:#111a17;--atl-wash:#eef0ee}