/** Shopify CDN: Minification failed

Line 334:17 Unexpected "{"
Line 334:26 Expected ":"
Line 340:17 Unexpected "{"
Line 340:26 Expected ":"
Line 344:17 Unexpected "{"
Line 344:26 Expected ":"
Line 348:17 Unexpected "{"
Line 348:26 Expected ":"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:clara-about-split (INDEX:9) */
.cm-about{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.08fr .92fr;background:#f5f4f1}.cm-about>div img{width:100%;height:520px;object-fit:cover;object-position:center}.cm-about article{display:flex;flex-direction:column;justify-content:center;padding:54px 70px;background:#f5f4f1}.cm-about.cm-about h2{margin:0 0 22px;font-family:var(--font-cormorant,"Cormorant Garamond",serif)!important;font-size:34px;font-weight:500;line-height:1.08;letter-spacing:normal;text-transform:uppercase}.cm-about article>div{font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif);font-size:15px;font-weight:400;line-height:1.6}.cm-about article a{align-self:flex-start;margin-top:24px;padding:11px 20px;border:1px solid;font-family:var(--font-outfit,"Outfit",Arial,sans-serif);font-size:11px;font-weight:300;letter-spacing:1.21px;text-transform:uppercase}.template-product .cm-about>div img{height:500px}@media(max-width:749px){.cm-about{grid-template-columns:1fr}.cm-about>div img,.template-product .cm-about>div img{height:auto;aspect-ratio:1.15/1;object-fit:cover}.cm-about article{padding:24px 28px 24px}.cm-about.cm-about h2{font-size:25px;letter-spacing:normal}.cm-about article>div{font-size:14px;line-height:1.55}}
/* END_SECTION:clara-about-split */

/* START_SECTION:clara-announcement (INDEX:10) */
.ce-shell.ce-shell-full .ce-announcement{background:rgb(217,45,45);color:#fff;font-family:var(--font-outfit,"Outfit",Arial,sans-serif);font-size:13px;font-weight:600;line-height:13px;letter-spacing:1.82px;text-transform:uppercase}@media(min-width:750px){.ce-shell.ce-shell-full .ce-announcement{letter-spacing:2.34px}}
/* END_SECTION:clara-announcement */

/* START_SECTION:clara-category-tiles (INDEX:11) */
.cct{width:min(100%,1360px);margin:0 auto;padding:60px 40px;box-sizing:border-box}
.cct-h{margin:0 0 26px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#181818}
.cct-grid{display:grid;grid-template-columns:repeat(var(--cct-cols,6),minmax(0,1fr));gap:18px}
.cct-item{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:#181818}
.cct-img{display:block;position:relative;aspect-ratio:1/1;background:#e4dfd5;border:1px solid #d6d0c4;overflow:hidden}
.cct-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.cct-item:hover .cct-img img{transform:scale(1.04)}
.cct-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:10px;letter-spacing:.1em;color:#6b665c}
.cct-label{text-align:center;font-family:Outfit,sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.5}
@media(max-width:989px){.cct-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:749px){.cct{padding:34px 15px}.cct-h{text-align:center;font-size:12px;margin-bottom:18px}.cct-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.cct-label{font-size:9px;letter-spacing:.09em}}
/* END_SECTION:clara-category-tiles */

/* START_SECTION:clara-collection-banner (INDEX:12) */
.ccb{height:333px;padding:27px 40px 26px}.ccb-title{text-align:center}.ccb-title .ce-subtitle{margin-bottom:3px;font-family:Outfit,sans-serif;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:2.4px}.ccb-title h1{margin:0;font-family:"Tenor Sans",sans-serif;font-size:39px;font-weight:400;line-height:1.1;letter-spacing:.975px;text-transform:uppercase}.ccb-title i{display:block;width:44px;height:2px;margin:10px auto 18px;background:var(--ce-green)}.ccb-savings{width:min(100%,1260px);height:190px;margin:0 auto;padding:14px 18px 11px;background:var(--ce-cream);text-align:center}.ccb-copy{display:flex;align-items:baseline;justify-content:center;gap:18px;margin-bottom:10px}.ccb-copy h2{margin:0;font-size:15px;font-weight:600;letter-spacing:2px}.ccb-copy p{margin:0;color:#777;font-size:13px}.ccb-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ccb-tiers article{height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d9d7d2;background:#fff}.ccb-tiers article.best{background:var(--ce-green);color:#fff}.ccb-tiers small{font-size:10px;letter-spacing:2px}.ccb-tiers b{margin:4px 0 1px;font-family:"Tenor Sans",sans-serif;font-size:23px;font-weight:400;letter-spacing:1.5px}.ccb-tiers em{font-size:9px;font-style:normal;letter-spacing:2px}.ccb-note{display:block;margin-top:7px;color:#777;font-size:10px}.ccb-plain{height:auto}.ccd{width:min(100%,760px);margin:4px auto 0;color:var(--ce-ink);font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif);font-size:15px;font-weight:400;line-height:1.6;letter-spacing:normal;text-align:center;overflow-wrap:anywhere}.ccd>:first-child{margin-top:0}.ccd>:last-child{margin-bottom:0}.ccd.ccd p{margin:0 0 13px;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif)!important;font-size:15px;font-weight:400;line-height:1.6;letter-spacing:normal}.ccd.ccd h1,.ccd.ccd h2,.ccd.ccd h3,.ccd.ccd h4{margin:0 0 10px;font-size:17px;font-weight:400;line-height:1.35;letter-spacing:.06em;text-transform:uppercase}.ccd.ccd ul,.ccd.ccd ol{margin:0 0 13px;padding-left:1.2em;text-align:left;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif)!important;font-size:15px;font-weight:400;line-height:1.6}.ccd strong,.ccd b{font-weight:600}.ccd a{text-decoration:underline}.ccd img,.ccd iframe,.ccd video{max-width:100%;height:auto}.ccd table{display:block;max-width:100%;overflow-x:auto}
  @media(max-width:749px){.ccb{height:auto;padding:22px 15px 16px}.ccb-title{margin-bottom:18px}.ccb-title .ce-subtitle{margin-bottom:7px;color:#214f36;font-size:8px;line-height:1.2;letter-spacing:1.68px}.ccb-title h1{color:#181818;font-size:27px;line-height:1.1;letter-spacing:.025em}.ccb-title i{width:32px;margin:11px auto 0;background:#214f36}.ccb-savings{height:auto;padding:14px 11px 11px;background:#f8f6f2;border-top:1px solid #e3ddd4;border-bottom:1px solid #e3ddd4}.ccb-copy{display:block;margin-bottom:12px}.ccb-copy h2{display:block;margin-bottom:3px;color:#181818;font-family:Outfit,sans-serif!important;font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.14em;text-transform:uppercase}.ccb-copy p{display:block;margin:0;color:#77736d;font-size:10px;font-weight:400;line-height:1.3;letter-spacing:.02em}.ccb-tiers{grid-template-columns:1fr 1fr;gap:7px}.ccb-tiers article{position:relative;height:auto;min-height:80px;padding:11px 7px;border-color:#ddd8d1}.ccb-tiers article.best{border-color:#214f36;background:#214f36}.ccb-tiers small{margin-bottom:4px;color:#76716b;font-size:8px;font-weight:500;line-height:1.2;letter-spacing:.13em}.ccb-tiers b{margin:0;color:#181818;font-size:21px;line-height:1;letter-spacing:.414px}.ccb-tiers em{margin-top:5px;color:#96918b;font-size:7px;font-weight:500;line-height:1;letter-spacing:.13em}.ccb-tiers article.best small,.ccb-tiers article.best em{color:rgba(255,255,255,.76)}.ccb-tiers article.best b{color:#fff}.ccb-best{position:absolute;top:6px;left:0;right:0;color:rgba(255,255,255,.72);font-size:7px;font-weight:600;line-height:1;letter-spacing:.16em}.ccb-best-sep{display:none}.ccb-note{margin-top:8px;color:#918c86;font-size:8px;font-weight:400;line-height:1.4;letter-spacing:.414px}.ccd{margin-top:14px;font-size:14px;line-height:1.65}.ccd.ccd p{margin-bottom:12px;font-size:14px;line-height:1.65}.ccd.ccd ul,.ccd.ccd ol{font-size:14px;line-height:1.65}.ccd.ccd h1,.ccd.ccd h2,.ccd.ccd h3,.ccd.ccd h4{font-size:15px}}
  @media(max-width:380px){.ccb-title h1{font-size:24px}.ccb-tiers b{font-size:20px}}
/* Mobile (<=749px) banner rebuilt 1:1 from ellisonboutique.com's own collection banner (2026-09-14, /collections/knitwear and /collections/coats-jackets-men measured live at 375 and 412 with iPhone UA, plus the section's inline stylesheet read from the page). Every mobile literal above is Ellison's computed value, not a rounded guess: section padding 22/15/16 (their section 22px 0 16px + container 0 15px collapsed into one box), header margin-bottom 18, eyebrow 8px/600/1.2/.21em in rgb(33,79,54) with 7px below, h1 27px/1.1/.025em (Ellison steps it down to 24px only at <=380px, hence the second media query; at 412 it really is 27px), accent 32x2 with 11px above and rgb(33,79,54) (their banner green is NOT the brand green rgb(37,72,52) used elsewhere on both shops), offer box rgb(248,246,242) with 1px rgb(227,221,212) top and bottom borders and 14/11/11 padding, offer title Outfit 11px/600/1.3/.14em uppercase (the shared .ce-shell h2 rule forces Tenor Sans with !important, so the override carries !important too), subheading 10px/400/1.3/.02em rgb(119,115,109), tier grid gap 7, tiers min-height 80 with 11px 7px padding and 1px rgb(221,216,209) border, quantity 8px/500/1.2/.13em rgb(118,113,107) with 4px below, discount Tenor Sans 21px/1 (20px at <=380px) with the body letter-spacing .414px, save line 7px/500/1/.13em rgb(150,145,139) 5px above, best tier rgb(33,79,54) with its quantity/save at rgba(255,255,255,.76) and discount white, "BEST VALUE" as a separate absolutely positioned 7px/600/.16em rgba(255,255,255,.72) label 6px from the top, note 8px/400/1.4 rgb(145,140,134) 8px above. The best tier's markup was split so mobile can position "BESTER PREIS" as that label: the two new spans inside the existing <small> are unstyled on desktop, so desktop still renders the single "BESTER PREIS · 5+ ARTIKEL" line byte-for-byte as before; on mobile the separator is hidden and the label is lifted out of flow. Desktop (>=750px) rules are untouched. */
/* Collection description (.ccd), 2026-09-15: the owner writes a per-collection text in the Shopify admin and wants it on sub collections only, so it hangs off the same parent_handles list the tier table uses, inverted. Placement decided by rendering both candidate positions on TEST and looking at them at 375 and 1440 (/collections/damen-pullover): directly under the accent rule inside this banner (chosen) versus under the "N Artikel" count in sections/clara-collection-main.liquid (rejected). The rejected one breaks the intro apart -- the heading block keeps its existing 84px of air down to the count, so at 1440 an empty band sits between the title and its own text and the count line ends up orphaned in the middle of the prose, and at 375 that void grows to about 100px; it also drops the text straight onto the first product row. Under the accent rule the eyebrow, title, rule and text read as one intro, which is also where every Shopify theme with an `rte` collection description puts it. Typography is NOT copied from the reference: ellisonboutique.com has no collection description at all (its own banner element .ellison-collection-intro is eyebrow + title + accent + offer box only, cached in parity-screens/reference/ELLISON-REFERENCE.md, and /collections/{women,knitwear,coats-jackets-men}.json all return an empty body_html), so there is nothing to measure and this uses the theme's own body-text role instead, the one sections/clara-faq.liquid gives an FAQ answer: Montserrat 400, 15px/1.6, letter-spacing normal, var(--ce-ink), stepped to 14px/1.65 below 750px because the measure is much narrower there. The selector is doubled (.ccd.ccd p) and carries !important on font-family for the reason STYLEGUIDE.md records: assets/custom.css:60-70 forces var(--font-body) with !important on every bare <p>, and the description from the admin is always bare <p>. Width is capped at 760px so a 1000-character text keeps a readable measure instead of running the full 1360px content width; it is centred because every paragraph the owner writes carries an inline style="text-align:center" from the admin editor, which no stylesheet can override anyway, and centring the box keeps that consistent with the heading above it. HTML from the description is printed as authored (admin-only content, same as the product description elsewhere in this theme) but boxed in: overflow-wrap:anywhere for unbroken strings, max-width on any img/iframe/video, tables scroll inside themselves, and headings are pinned to a modest size so a stray <h2> cannot outgrow the h1. No max-height / "mehr anzeigen" control was added: the reference has no such control on this surface, so per the brief the text stays full. It does cost vertical space -- on the longest text in the shop (strick-kollektion, 1638 characters) the grid starts about 900px lower at 375 -- which is the owner's own copy decision, editable in the admin. The block renders nothing at all when collection.description is blank (verified on /collections/frontpage: banner height and the distance from the accent rule to the count line are byte-identical to before the change), so there is no empty gap on a leaf without a text. */
/* END_SECTION:clara-collection-banner */

/* START_SECTION:clara-collection-intro (INDEX:13) */
.cci{width:100%;padding:54px 0}
.cci-tint{background:#f7f5f0}
.cci-wrap{width:min(100%,1360px);margin:0 auto;padding:0 40px;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.cci-eyebrow{display:block;margin-bottom:9px;font-family:Outfit,sans-serif;font-size:10px;font-weight:600;letter-spacing:.24em;color:#214f36}
.cci-h{margin:0;font-family:"Tenor Sans",sans-serif;font-size:42px;font-weight:400;line-height:1.1;letter-spacing:.025em;text-transform:uppercase;color:#181818}
.cci-rule{display:block;width:44px;height:2px;margin:14px 0 20px;background:#214f36}
.cci-rte{font-family:var(--font-montserrat,Montserrat,Arial,sans-serif);font-size:15px;line-height:1.75;color:#3a372f}
.cci-rte p{margin:0 0 14px;font-family:var(--font-montserrat,Montserrat,Arial,sans-serif)!important;font-size:15px;line-height:1.75}
.cci-rte p:first-child{font-size:16px;color:#181818}
.cci-rte h3{margin:22px 0 12px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#181818}
.cci-rte ul{margin:0;padding-left:0;list-style:none}
.cci-rte li{position:relative;margin-bottom:11px;padding-left:20px;font-size:14px;line-height:1.65}
.cci-rte li:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:#214f36}
.cci-rte strong{font-weight:600;color:#181818}
.cci-media{position:relative;aspect-ratio:1/1;background:#e4dfd5;border:1px solid #d6d0c4;overflow:hidden}
.cci-media img{width:100%;height:100%;object-fit:cover;display:block}
.cci-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:11px;letter-spacing:.12em;color:#6b665c}
@media(max-width:749px){
.cci{padding:24px 0 30px}
.cci-wrap{grid-template-columns:1fr;gap:22px;padding:0 15px}
.cci-media{order:-1;aspect-ratio:4/3}
.cci-h{font-size:27px}
.cci-rule{margin:11px 0 16px}
.cci-rte,.cci-rte p{font-size:14px;line-height:1.7}
.cci-rte p:first-child{font-size:15px}
.cci-rte li{font-size:13px}
}
/* END_SECTION:clara-collection-intro */

/* START_SECTION:clara-collection-main (INDEX:14) */
.ccm{padding:58px 40px 80px}.ccm-categories{margin:0 auto 60px}.ccm-categories .ce-category-row{height:390px}.ccm-categories .ce-category-card img{height:390px}.ccm-count{margin:0 0 15px;font-size:18px;font-weight:300;line-height:25.2px;letter-spacing:.45px;color:#000;text-align:center}.ccm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:22px;row-gap:30px}.ccm-grid .ce-card{min-width:0}.ccm-grid .ce-card h3{font-size:14px}.ccm-pagination{padding:64px 20px 0;text-align:center}.ccm-pagination .page,.ccm-pagination .next,.ccm-pagination .prev{display:inline-block;margin:0 7px}.ccm-pagination .ccm-pag-icon{display:none}.ccm-empty{grid-column:1/-1;text-align:center}
  @media(max-width:989px){.ccm-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px;row-gap:30px}}
  @media(max-width:749px){.ccm{padding:42px 0 0 14px;overflow:hidden}.ccm-categories{margin-bottom:46px}.ccm-categories .ce-category-row{height:350px;padding-right:14px}.ccm-categories .ce-category-card img{height:350px}.ccm-count{padding-right:14px;font-size:16.56px;line-height:23.184px;letter-spacing:.414px;text-align:center}.ccm-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:28px;margin-left:-14px;padding:0 16px}.ccm-grid .ce-card{display:block;text-align:center}.ccm-grid .ce-card h3{margin:9px 0 5px}.ccm-grid .ce-card p{white-space:normal;font-size:15.3px}.ccm-grid .ce-card s{color:#1c1d1d;margin-right:5px}.ccm-grid .ce-card-saving{font-size:15.3px;margin-left:5px}.ccm-grid .ce-card strong::after{content:" "}.ccm-grid .ce-card .ce-sale{padding:6px 5px 6px 7px;font-size:11.7px;line-height:1;letter-spacing:.414px;background:#1c1d1d}.ccm-grid{padding-bottom:15px}.ccm-grid:last-child{padding-bottom:58px}.ccm-grid .ce-card a{display:block}.ccm-grid .ce-card h3{margin:19px 10px 5px;font-size:13px;color:#000;word-break:break-word;hyphens:auto}.ccm-grid .ce-card p{margin:0 10px;padding-bottom:6px;line-height:1.3;color:#1c1d1d}.ccm-pagination{margin-left:-14px;padding:60px 0;color:#000;font-size:16.56px;font-weight:300;letter-spacing:.414px}.ccm-pagination>span{display:inline-block;vertical-align:middle;line-height:1}.ccm-pagination .page,.ccm-pagination .deco{margin:0}.ccm-pagination a{display:inline-block;color:#000}.ccm-pagination .page.current,.ccm-pagination .page a{padding:8px 12px}.ccm-pagination .page.current{opacity:.3}.ccm-pagination .next,.ccm-pagination .prev{width:35px;margin:0 10px;background:#254834;color:#fff}.ccm-pagination .next a,.ccm-pagination .prev a{display:flex;align-items:center;justify-content:center;padding:15px}.ccm-pagination .ccm-pag-icon{display:block;width:12px;height:12px;color:#fff;fill:currentColor}.ccm-pagination .ccm-pag-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
/* Collection grid rebuilt 1:1 from ellisonboutique.com's own collection page (2026-09-14, /collections/knitwear + /collections/coats-jackets-men measured live at 375px, iPhone UA), superseding the previous "title left, Sparen inline" decision for THIS surface only -- the owner's follow-up made explicit that the collection card should now follow whatever Ellison's collection grid does on mobile, same as the homepage carousel got a day earlier. Ellison's mobile collection grid is a plain 2-column layout with almost no gutter: each `.grid__item` is a 39vw-equivalent box carrying its own 2px left padding as the gap mechanism (not a CSS gap property), giving a measured 2px inset from the viewport edge, a 2px image-to-image gap between columns, and a 184.5px visible image width -- reproduced here with an actual CSS Grid `gap:2px` and `padding:0 2px` (functionally identical result, this codebase's grid already used `display:grid` rather than Ellison's float-based `.grid`) plus `margin-left:-14px` to cancel the section's own 14px left padding (.ccm), which is shared with .ccm-categories/.ccm-count/.ccm-pagination and intentionally left untouched -- those elements are not part of Ellison's collection page at all (its own template has no subcollection-tile row) and are out of this task's "banner + grid + card" scope. Title centred (was left) with margin 9px/5px, price row centred (via the shared `.ce-card{text-align:center}` inherited once `.ccm-grid .ce-card{text-align:center}` overrides the generic `.ce-card{text-align:left}`), white-space unforced from nowrap on the price paragraph so "Sparen N %" wraps onto its own centred red line under the price. The break point missing from the shared snippet's markup is restored via `.ccm-grid .ce-card strong::after{content:" "}` (a generated space AFTER the sale-price `<strong>`, i.e. a normal-white-space sibling standing before the saving span, not inside it) while `.ce-card-saving` itself is left on its base-stylesheet default `white-space:nowrap` -- this card is 184.5px wide (much wider than the carousel's 129px), and a first attempt that instead put the generated space inside `.ce-card-saving` with `white-space:normal` on the saving element caused "Sparen 46 %" to split mid-phrase ("Sparen" glued to the end of the price line, "46 %" wrapping down alone) because normal white-space greedily fills a line without keeping short atomic runs together. Keeping `.ce-card-saving` as one nowrap unit forces the whole "Sparen N %" phrase to move to its own line as a block instead, exactly like Ellison's own "Save N%" (which never splits internally in any measured product). This bug was only caught here, on the wider collection card, because the carousel's narrower 129px card and short two-digit percentages happened to fit either way; the same corrected mechanism was retroactively applied to `sections/clara-product-carousel.liquid` (see its own comment) so both surfaces share the identical, robust fix. Sale badge padding/font-size/line-height/background matched to the same measured values as the carousel (6px 5px 6px 7px, 11.7px, line-height:1, #1c1d1d) -- checked, not assumed: Ellison's collection-grid badge and the homepage-carousel badge use byte-identical CSS. The one property that is NOT shared with the carousel: price/compare/saving font-size stays at this codebase's existing desktop value, 15.3px, un-shrunk on mobile -- Ellison's collection-grid price row has no scroller-scoped font-size override (that 12px override lives only on `.grid-overflow-wrapper .grid-product__price`, i.e. only inside the horizontally-scrolling carousel), so its collection-grid price text renders at the same 15.3px-equivalent size on mobile as on desktop; confirmed by direct measurement, not inferred. These values are duplicated here as literals rather than referencing `.cm-carousel`'s already-committed rule in `sections/clara-product-carousel.liquid`, to keep each section owning its own mobile stylesheet per STYLEGUIDE.md 5 -- the two files simply happen to agree where Ellison's own CSS agrees. Ellison's collection page also shows a plain "97 products" count line above the grid and no filter/sort UI at all (its "Filter" button exists in the DOM but renders at 0x0, effectively dead on this theme) -- no filter/sort bar was added since Ellison doesn't show a working one either. UPDATE 2026-09-14: the owner reversed the earlier "keep `show_count` off" decision -- `show_count` schema default is now `true` and `.ccm-count` is styled 1:1 from a fresh live measurement of Ellison's own count line, which turns out to differ by viewport: desktop (>=750px, `.collection-filter__item--count`) is Outfit 18px/300/25.2px/.45px/#000/left, mobile (<=749px, the separate `p.medium-up--hide.text-center` node Ellison swaps in below 769px) is Outfit 16.56px/300/23.184px/.414px/#000/center; both carry `margin:0 0 15px`. Font-family/weight/color already matched for free since `.ce-shell` already sets `font-family:Outfit,sans-serif` and `color:var(--ce-ink)` was overridden here to Ellison's literal `#000`. The count div already rendered between `.ccm-categories` and `.ccm-grid` in the markup (right after the paginate tag opens, before the grid), so enabling it needed no structural change, only the typography + default flip. SECOND UPDATE same day: two owner follow-ups on the mobile grid. (1) Rows were nearly touching -- the mobile `.ccm-grid` previously used a single `gap:2px` for both axes, so with variable card-content height (h3 title clamps to however many lines it actually needs, not a forced 3; "Sparen N %" sometimes wraps to its own line, sometimes doesn't) the tallest card in a row got only 2px before the next row's image. Split into `column-gap:2px` (unchanged, still the measured Ellison column gutter) + `row-gap:15px`, and 15px is not a guess: measured live on Ellison's own float-based grid (`.grid__item` + `margin-bottom`) as the gap between one row's tallest item bottom and the next row's image top, consistently 15px across every row pair checked -- happens to be the same 15px rhythm unit as `.ccm-count`'s margin, unrelated coincidence confirmed by two independent live measurements. No extra per-card bottom padding was added on top of `row-gap` -- CSS Grid's default `align-items:stretch` already equalizes every card's box height to its row's tallest sibling, so the previously-complained-about card (the row's tallest, whose content ran flush to the track edge) now gets the full 15px like every other card; verified live post-fix, not assumed. (2) `.ccm-count` is now `text-align:center` on desktop too (was `left`, matching Ellison's own `.collection-filter__item--count`) -- explicit owner request to center it on both viewports; this is a DELIBERATE deviation from Ellison's left-aligned desktop count, not a measurement error. `.ccb-title h1` in clara-collection-banner.liquid already matched Ellison's measured collection-page h1 exactly (Tenor Sans 24px/400/26.4px/.6px/uppercase/center) before this change -- left untouched, zero-diff confirmed. Desktop (>=750px) of both the grid and banner is completely unchanged; verified by direct measurement, not assumption. THIRD ROUND (2026-09-14, full top-to-bottom re-audit at 375 and 412 against /collections/knitwear and /collections/coats-jackets-men): four remaining mobile card/grid gaps closed and the pagination rebuilt. (a) The card's <a> was inline inside the block <article>, leaving a stray 16.8px line box under the price on every card; Ellison's .grid-product__content/.grid-product__link are blocks, so `.ccm-grid .ce-card a{display:block}`. (b) Ellison's .grid-product__meta carries `padding:10px 10px 6px` on the flush mobile grid, so image-to-title is 19px (10 + the title's own 9px margin), title and price are inset 10px on each side (164.5px text column inside the 184.5px card) and the price sits 6px above the card's bottom edge; reproduced as h3 margin 19px 10px 5px + p margin 0 10px / padding-bottom 6px. (c) Title colour rgb(0,0,0) and `word-break:break-word;hyphens:auto` exactly as Ellison's .grid-product__title; price line-height 1.3 (19.89px, was inheriting 1.5) and colour rgb(28,29,29) as Ellison's .grid-product__price. (d) The last grid row keeps Ellison's 15px item margin before the pagination (`.ccm-grid{padding-bottom:15px}`; a collection without pagination keeps the previous 58px bottom via :last-child), and the pagination itself now copies Ellison's theme CSS literally: 60px padding top and bottom straight onto the footer (the section's own mobile bottom padding is therefore 0), 16.56px/300/.414px black, inline-block spans with line-height 1 and vertical-align middle, 8px 12px padding on the current page and on page links, current page at opacity .3, the ellipsis as a plain unpadded span, and Prev/Next as 35x42 rgb(37,72,52) blocks (35px wide, 15px padding, flex-centred 12px chevron which the 5px content box squeezes to 5x8.77 exactly like theirs) with the label visually hidden. To get the chevrons the markup no longer uses `default_pagination`; it walks paginate.parts and emits the same classes (page / page current / deco / prev / next) with the same single spaces between spans, so desktop keeps rendering the identical text links (`.ccm-pag-icon` is display:none outside mobile; the label span is unstyled there). Ellison's subcollection tile row does not exist on the reference pages, so `.ccm-categories` stays untouched and unmeasured here. FIFTH ROUND (2026-09-14, desktop >=750px only): the owner asked for the same airier treatment on desktop that the fourth round gave mobile -- smaller photos, clearly larger gaps. Desktop `.ccm-grid` moves from `gap:7px` to `column-gap:22px;row-gap:30px`, which are Ellison's own desktop values measured on its float grid (`.grid__item` 345.5 wide with `padding-left:22px` = 323.5 image, `margin-bottom:30px`; cached in parity-screens/reference/ELLISON-REFERENCE.md), so unlike the mobile round this is parity, not a deviation. The same two longhands replace `gap:7px` in the 3-column band (750..989px) so the whole desktop range shares one rhythm; column count is untouched (4 columns from 990px up, 3 columns 750..989). At 1440 the four tracks become (1360 - 3*22)/4 = 323.5px, exactly Ellison's image width and exactly the card width the homepage carousel already used on desktop, so the two surfaces now agree. Side inset stays the section's 40px (grid, count line and banner content all start at x=40 and end at x=1400, unchanged), the 1500px cap lives in `.ce-shell` and is untouched. Card internals are not touched on desktop (title 12px left, price row left, Sparen inline, badge 7px 12px) -- only the tracks and gutters changed. Variant B (30/40) was screenshotted against Ellison and rejected: it breaks the 22px agreement with the carousel and Ellison for no visible gain in balance. Mobile (<=749px) rule sets its own `column-gap:12px;row-gap:28px` after this block and is byte-identical to 62620d6. TITLE SIZE (2026-09-17, owner request, collection grid only): the card title steps one size down from the shared .ce-card h3 (15px desktop / 14px mobile in assets/clara-ellison.css) to 14px desktop / 13px mobile via `.ccm-grid .ce-card h3{font-size}` in the two blocks above; letter-spacing is in em (.14em / .08em) and line-height is unitless (1.35 / 1.4), so both scale with the size by themselves and the 3 / 4 line clamps are untouched. The homepage carousels and the PDP cross-sell keep the shared rule, this selector does not reach them. */
/* END_SECTION:clara-collection-main */

/* START_SECTION:clara-content-page (INDEX:15) */
.ccp-main{min-height:720px;padding:82px 40px 110px;background:#fff}.ccp-content{width:100%;max-width:980px;margin:0 auto}.ccp-content>h1{margin:0 0 52px;font-family:"Tenor Sans",sans-serif;font-size:36px;font-weight:400;line-height:1.15;letter-spacing:.04em;text-align:center;text-transform:uppercase}.ccp-rte{font-size:18px;font-weight:300;line-height:1.75;letter-spacing:.025em}.ccp-rte>h1:first-child,.ccp-rte>h2:first-child{display:none}.ccp-rte h2,.ccp-rte h3{margin:48px 0 16px;font-family:"Tenor Sans",sans-serif;font-size:23px;font-weight:400;line-height:1.3;letter-spacing:.04em;text-transform:uppercase}.ccp-rte p{margin:0 0 22px}.ccp-rte ul,.ccp-rte ol{margin:0 0 26px;padding-left:24px}.ccp-rte li{margin-bottom:10px}.ccp-rte a,.ccp-contact a{text-decoration:underline}.ccp-rte details{border-top:1px solid #ccc}.ccp-rte details:last-child{border-bottom:1px solid #ccc}.ccp-rte summary{display:flex;justify-content:space-between;padding:18px 0;cursor:pointer;list-style:none;font-size:15px;font-weight:600;letter-spacing:1.5px}.ccp-contact{max-width:760px;margin:0 auto}.ccp-contact>p{margin:0 0 34px;font-size:18px;line-height:1.7}.ccp-form{display:grid;gap:12px}.ccp-form label{margin-top:8px;font-size:14px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase}.ccp-form input,.ccp-form textarea{width:100%;padding:15px 16px;border:1px solid #b9b9b4;background:#fff;color:#171717;font:16px/1.4 Outfit,sans-serif}.ccp-form textarea{resize:vertical}.ccp-form .ce-button{justify-self:start;margin-top:14px;border:0;cursor:pointer}.ccp-success{padding:14px 16px;background:#eef5ef;color:#254834}
  @media(max-width:749px){.ccp-main{min-height:0;padding:58px 22px 82px}.ccp-content>h1{margin-bottom:38px;font-size:31px}.ccp-rte,.ccp-contact>p{font-size:16px;line-height:1.7}.ccp-rte h2,.ccp-rte h3{margin-top:38px;font-size:21px}.ccp-form .ce-button{width:100%}}
/* END_SECTION:clara-content-page */

/* START_SECTION:clara-customer-reviews (INDEX:16) */
.cpr{padding:70px 24px;background:#fff}.cpr>.ce-subtitle{margin:0 0 7px;text-align:left;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif)!important;font-size:10px!important;font-weight:600!important;line-height:1.4;letter-spacing:1.4px!important;text-transform:uppercase;color:#8b8782!important}.cpr>.ce-section-title{margin-bottom:26px;text-align:left;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif)!important;font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.025em;text-transform:uppercase;color:#181818}.cpr-summary{display:grid;grid-template-columns:1fr;align-items:center;max-width:1000px;margin:0 auto 20px;padding:25px 28px;border:1px solid #e8e6e3;border-radius:6px;background:#fafafa}.cpr-summary--chart{grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);gap:52px}.cpr-summary-left{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px 20px}.cpr-summary-left strong{grid-row:1/3;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif);font-size:44px;font-weight:600;line-height:1;letter-spacing:-.04em;color:#171717}.cpr-summary-left span{align-self:end;color:#181818;font-size:16px;line-height:1;letter-spacing:3px}.cpr-summary-left small{align-self:start;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif);color:#88847f;font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.45px}.cpr-breakdown{display:flex;flex-direction:column;gap:8px}.cpr-rating-row{display:grid;grid-template-columns:49px minmax(0,1fr) 34px;align-items:center;gap:12px}.cpr-rating-label,.cpr-rating-count{font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif)!important;font-size:11px;font-weight:400;line-height:1.4;letter-spacing:.45px;color:#77736f;white-space:nowrap}.cpr-rating-count{text-align:right}.cpr-rating-track{height:6px;border-radius:99px;background:#e9e8e6;overflow:hidden}.cpr-rating-fill{display:block;height:6px;border-radius:99px;background:#242424}.cpr-note{max-width:1000px;margin:0 auto 14px;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif)!important;color:#696560;font-size:12.5px;font-weight:400;line-height:1.7;letter-spacing:.45px}.cpr-grid{display:grid;grid-template-columns:1fr;max-width:1000px;margin:0 auto}.cpr article{position:relative;display:block;padding:24px 0 25px;border-bottom:1px solid #eceae7;background:#fff}.cpr-head{display:flex;align-items:center;gap:13px;margin-bottom:12px}.cpr article>.cpr-head>.cpr-avatar{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#202020;color:#fff;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif);font-size:12px;font-weight:500;line-height:1}.cpr-who{display:flex;flex-direction:column;gap:4px;min-width:0}.cpr-meta{display:flex;align-items:center;gap:8px}.cpr-name{font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif);font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.45px;color:#1e1e1e}.cpr-verified{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:99px;background:#eff8f2;color:#348a52;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif);font-size:9.5px;font-weight:600;line-height:1;letter-spacing:.45px}.cpr-verified svg{width:10px;height:10px;flex:none;fill:none;stroke:currentColor;stroke-width:2}.cpr-location{display:block;margin:0;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif);font-size:10.5px;font-weight:400;line-height:1.4;letter-spacing:.45px;color:#aaa6a1}.cpr article>span{display:block;margin:0 0 9px;color:#181818;font-size:13px;line-height:1;letter-spacing:2px}.cpr.cpr h3{margin:0 0 7px;max-width:820px;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif)!important;font-size:15px;font-weight:600;line-height:1.45;letter-spacing:-.01em;text-transform:uppercase;color:#1d1d1d}.cpr article>p{margin:0;max-width:900px;color:#696560;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif)!important;font-size:12.5px;font-weight:400;line-height:1.7;letter-spacing:.45px}.cpr article>b,.cpr article>small{display:none}.cpr-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.cpr-more-inner{min-height:0;overflow:hidden}.cpr.is-expanded .cpr-more{grid-template-rows:1fr}.cpr-actions{display:flex;justify-content:center;max-width:1000px;margin:0 auto;padding-top:24px}.cpr-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 21px;border:1px solid #292929;border-radius:3px;background:#fff;color:#292929;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif);font-size:10.5px;font-weight:600;line-height:1;letter-spacing:.3675px;text-transform:none;gap:9px;cursor:pointer;transition:background-color .2s,color .2s,transform .2s}.cpr-toggle-i{width:10px;height:10px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .32s ease}.cpr.is-expanded .cpr-toggle-i{transform:rotate(180deg)}.cpr-toggle:hover{background:#202020;color:#fff}.cpr-toggle:focus-visible{outline:2px solid #171717;outline-offset:2px}@media(max-width:749px){.cpr{padding:50px 16px}.cpr>.ce-section-title{font-size:23px;margin-bottom:20px}.cpr-summary{margin-bottom:8px;padding:20px 18px;border-radius:5px}.cpr-summary--chart{grid-template-columns:minmax(0,1fr);gap:24px}.cpr-summary-left{gap:7px 15px}.cpr-summary-left strong{font-size:38px}.cpr-summary-left span{font-size:14px;letter-spacing:2px}.cpr-rating-row{grid-template-columns:45px minmax(0,1fr) 25px;gap:9px}.cpr-note{margin-bottom:10px}.cpr article{padding:21px 0 22px}.cpr article>.cpr-head>.cpr-avatar{width:36px;height:36px}.cpr-meta{gap:6px}.cpr.cpr h3{font-size:14.5px}}@media(min-width:750px){.cpr-more--sm{grid-template-rows:1fr;transition:none}.cpr-toggle--sm-only{display:none}}@media(prefers-reduced-motion:reduce){.cpr-more,.cpr-toggle,.cpr-toggle-i{transition:none}}
/* END_SECTION:clara-customer-reviews */

/* START_SECTION:clara-faq (INDEX:17) */
.cm-faq{width:min(100%,880px);height:auto;margin:0 auto;padding:50px 28px}.cm-faq .ce-section-title{margin-bottom:32px;font-family:var(--font-playfair,"Playfair Display",Georgia,serif)!important;font-size:20px;line-height:1.2;text-transform:none}.cm-faq details{border-top:1px solid #ccc}.cm-faq details:last-child{border-bottom:1px solid #ccc}.cm-faq summary{display:flex;justify-content:space-between;padding:22px 0;list-style:none;font-family:var(--font-playfair,"Playfair Display",Georgia,serif);font-size:17px;font-weight:400;line-height:24px;letter-spacing:normal}.cm-faq summary::-webkit-details-marker{display:none}.cm-faq summary span{font-size:24px;font-weight:300;transition:transform .32s ease}.cm-faq details[open] summary span{transform:rotate(45deg)}.cm-faq p{margin:0;padding:0 0 24px;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif)!important;font-size:15px;font-weight:400;line-height:1.6;letter-spacing:normal}.cm-faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.cm-faq details[open] .cm-faq-body{grid-template-rows:1fr}.cm-faq-inner{min-height:0;overflow:hidden}.cm-faq details.is-closing .cm-faq-body{grid-template-rows:0fr}@media(min-width:750px){.cm-faq .ce-section-title{font-size:30px}}@media(max-width:749px){.cm-faq{height:auto;padding:48px 22px}.cm-faq summary{font-size:16px;padding:18px 0}}@media(prefers-reduced-motion:reduce){.cm-faq-body,.cm-faq summary span{transition:none}}
/* END_SECTION:clara-faq */

/* START_SECTION:clara-hero (INDEX:21) */
.ce-shell.cm-hero{position:relative;height:750px;max-height:min(85vh,862px);overflow:hidden;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.cm-hero-image{width:100%;height:100%;object-fit:cover;object-position:center 44%;display:block}.cm-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55))}.cm-hero-copy{position:absolute;left:max(40px,calc(50vw - 710px));bottom:44px;color:#fff}.cm-hero-copy h1{max-width:760px;margin:0 0 20px;font-family:"Tenor Sans",sans-serif;font-size:50px;font-weight:400;line-height:1;text-transform:uppercase}.cm-hero-copy>div{display:flex;gap:8px}.cm-hero-copy .ce-button{flex:0 0 auto;padding:11px 20px;line-height:1.42}@media(max-width:749px){.ce-shell.cm-hero{height:470px;min-height:470px;max-height:470px}.cm-hero-copy{left:28px;right:22px;bottom:38px}.cm-hero-copy h1{max-width:520px;font-size:25px;line-height:1;letter-spacing:normal}.cm-hero-copy a{flex:0 0 auto;min-width:0;font-size:13px;letter-spacing:3.9px}}@media(min-width:1024px){.cm-hero-copy h1{max-width:none;white-space:nowrap}}
/* END_SECTION:clara-hero */

/* START_SECTION:clara-outdoor-grid (INDEX:26) */
.cog{width:100%;padding:34px 0 70px}
.cog-wrap{width:min(100%,1360px);margin:0 auto;padding:0 40px;box-sizing:border-box}
.cog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.cog-gender{display:flex;gap:8px}
.cog-g{appearance:none;border:1px solid #D9D3C8;background:#fff;border-radius:999px;padding:10px 22px;cursor:pointer;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:#3A3530;transition:.15s}
.cog-g:hover{border-color:#214f36}
.cog-g.is-on{background:#214f36;border-color:#214f36;color:#fff}
.cog-count{margin:0;font-family:Outfit,sans-serif;font-size:16px;color:#6B6257}
.cog-chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid #E7E3DB}
.cog-chip{display:flex;align-items:center;gap:10px;appearance:none;border:1px solid #D9D3C8;background:#fff;border-radius:999px;padding:6px 18px 6px 6px;cursor:pointer;transition:.15s}
.cog-chip:hover{border-color:#214f36}
.cog-chip.is-on{border-color:#214f36;background:#214f36}
.cog-chip.is-on .cog-chip-l{color:#fff}
.cog-chip-img{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#EDEAE3;flex:none;display:block}
.cog-chip-img img{width:100%;height:100%;object-fit:cover;display:block}
.cog-chip-l{font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:#2A2622;white-space:nowrap}
.cog-reset{appearance:none;border:0;background:none;cursor:pointer;font-family:Outfit,sans-serif;font-size:15px;color:#6B6257;text-decoration:underline;padding:8px 6px}
.cog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px}
.cog-card[hidden]{display:none}
.cog-link{display:block;text-decoration:none;color:inherit}
.cog-media{display:block;position:relative;aspect-ratio:1/1;background:#F1EFE9;border-radius:4px;overflow:hidden;margin-bottom:12px}
.cog-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.cog-link:hover .cog-media img{transform:scale(1.04)}
.cog-badge{position:absolute;left:12px;top:12px;background:#181818;color:#fff;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:3px}
.cog-t{margin:0 0 6px;font-family:Outfit,sans-serif;font-size:17px;font-weight:600;line-height:1.35;color:#181818}
.cog-price{margin:0;display:flex;align-items:baseline;gap:10px;font-family:Outfit,sans-serif;font-size:17px}
.cog-now{font-weight:700;color:#181818}
.cog-was{color:#8A857D;font-size:15px}
.cog-empty{margin:40px 0;text-align:center;font-family:Outfit,sans-serif;font-size:18px;color:#3A3530}
.cog-inline{appearance:none;border:0;background:none;cursor:pointer;font:inherit;color:#214f36;text-decoration:underline}
@media(max-width:1100px){.cog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:749px){
 .cog{padding:20px 0 48px}
 .cog-wrap{padding:0 16px}
 .cog-bar{flex-direction:column;align-items:flex-start;gap:12px}
 .cog-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px 22px;padding:0 16px 18px}
 .cog-chips::-webkit-scrollbar{display:none}
 .cog-chip{padding:5px 15px 5px 5px}
 .cog-chip-img{width:34px;height:34px}
 .cog-chip-l{font-size:15px}
 .cog-g{padding:9px 18px;font-size:15px}
 .cog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
 .cog-t{font-size:15px}
 .cog-price{font-size:15px}
 .cog-was{font-size:14px}
}
/* END_SECTION:clara-outdoor-grid */

/* START_SECTION:clara-outdoor-hero (INDEX:27) */
.coh{position:relative;width:100%;min-height:600px;display:flex;align-items:center;overflow:hidden;background:#ded8cc}
.coh-media{position:absolute;inset:0}
.coh-img{width:100%;height:100%;object-fit:cover;object-position:72% 50%;display:block}
.coh-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,245,240,.95) 0%,rgba(247,245,240,.88) 32%,rgba(247,245,240,.4) 54%,rgba(247,245,240,0) 72%)}
.coh-ph{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:16px;box-sizing:border-box;background:#ded8cc}
.coh-ph span{font-family:Outfit,sans-serif;font-size:11px;letter-spacing:.16em;color:#6b665c}
.coh-inner{position:relative;z-index:2;width:min(100%,1360px);margin:0 auto;padding:60px 40px;box-sizing:border-box}
.coh-inner>*{max-width:520px}
.coh-h1{margin:0 0 14px;font-family:"Tenor Sans",sans-serif;font-size:56px;font-weight:400;line-height:1.05;letter-spacing:.01em;color:#181818}
.coh-sub{margin:0 0 30px;font-family:var(--font-montserrat,Montserrat,Arial,sans-serif);font-size:17px;font-weight:400;line-height:1.5;color:#3a372f}
.coh-usps{display:flex;gap:34px;margin:0 0 32px;padding:0;list-style:none;max-width:560px}
.coh-usps li{display:flex;flex-direction:column;align-items:flex-start;gap:9px;flex:1}
.coh-ico{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#214f36;color:#fff}
.coh-ico svg{width:20px;height:20px}
.coh-ulabel{font-family:Outfit,sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;line-height:1.35;color:#181818}
.coh-cta{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 44px;background:#181818;color:#fff;text-decoration:none;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;letter-spacing:.16em}
.coh-cta:hover{background:#214f36;color:#fff}
@media(max-width:749px){
.coh{min-height:0;display:block}
.coh-media{position:relative;height:280px}
.coh-scrim{display:none}
.coh-inner{padding:26px 15px 30px;text-align:center}
.coh-inner>*{max-width:none}
.coh-h1{font-size:32px;margin-bottom:10px}
.coh-sub{font-size:15px;margin-bottom:24px}
.coh-usps{gap:10px;margin-bottom:26px}
.coh-usps li{align-items:center;text-align:center}
.coh-ico{width:34px;height:34px}
.coh-ulabel{font-size:10px}
.coh-cta{width:100%}
}
/* END_SECTION:clara-outdoor-hero */

/* START_SECTION:clara-outdoor-intro (INDEX:28) */
.coi{width:100%;padding:64px 0}
.coi-tint{background:#f7f5f0}
.coi-wrap{width:min(100%,1360px);margin:0 auto;padding:0 40px;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.coi-right .coi-copy{order:2}
.coi-right .coi-media{order:1}
.coi-h{margin:0 0 12px;font-family:"Tenor Sans",sans-serif;font-size:40px;font-weight:400;line-height:1.12;color:#181818}
.coi-sub{margin:0 0 18px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;letter-spacing:.02em;color:#214f36}
.coi-rte{font-family:var(--font-montserrat,Montserrat,Arial,sans-serif);font-size:15px;line-height:1.75;color:#3a372f}
.coi-rte p{margin:0 0 14px}
.coi-rte ul{margin:0;padding-left:1.1em}
.coi-rte li{margin-bottom:9px}
.coi-rte strong{font-weight:600;color:#181818}
.coi-media{position:relative;aspect-ratio:4/3;background:#e4dfd5;border:1px solid #d6d0c4;overflow:hidden}
.coi-media img{width:100%;height:100%;object-fit:cover;display:block}
.coi-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:11px;letter-spacing:.12em;color:#6b665c}
@media(max-width:749px){
.coi{padding:34px 0}
.coi-wrap{grid-template-columns:1fr;gap:22px;padding:0 15px}
.coi-right .coi-copy,.coi-right .coi-media{order:initial}
.coi-media{order:-1}
.coi-h{font-size:28px}
.coi-sub{font-size:13px}
.coi-rte{font-size:14px;line-height:1.7}
}
/* END_SECTION:clara-outdoor-intro */

/* START_SECTION:clara-page-main (INDEX:29) */
.cap-main{min-height:1749px;padding:92px 40px 120px;background:#fff}.cap-content{width:100%;max-width:1000px;margin:0 auto}.cap-content>h1{margin:0 0 64px;font-family:"Tenor Sans",sans-serif;font-size:36px;font-weight:400;line-height:1.15;letter-spacing:.04em;text-align:center;text-transform:uppercase}.cap-rte{font-size:18px;font-weight:300;line-height:1.75;letter-spacing:.025em}.cap-rte>h1:first-child{display:none}.cap-rte h2,.cap-rte h3{margin:58px 0 18px;font-family:"Tenor Sans",sans-serif;font-size:23.4px;font-weight:400;line-height:1.3;letter-spacing:.04em;text-transform:uppercase}.cap-rte p{margin:0 0 24px}.cap-rte ul,.cap-rte ol{margin:0 0 28px;padding-left:24px}.cap-rte li{margin:0 0 10px}.cap-rte a{text-decoration:underline}.cap-rte img{display:none}.cap-rte .clara-story-tiles{display:none!important}
  @media(max-width:749px){.cap-main{min-height:0;padding:60px 24px 82px}.cap-content>h1{margin-bottom:42px;font-size:32px}.cap-rte{font-size:17px;line-height:1.7}.cap-rte h2,.cap-rte h3{margin-top:44px;font-size:22px}}
/* END_SECTION:clara-page-main */

/* START_SECTION:clara-product-carousel (INDEX:30) */
.cm-carousel{height:auto;max-width:1500px;margin:0 auto;padding:70px 40px}.cm-carousel .ce-section-title{margin-bottom:50px}.cm-carousel .ce-product-row{height:auto}.cm-view-all{display:block;width:max-content;margin:28px auto 0;padding-bottom:5px;border-bottom:1px solid;font-size:13px;letter-spacing:3px}@media(max-width:749px){.cm-carousel{padding:54px 0 54px 17px;overflow:hidden}.cm-carousel .ce-section-title{margin-right:17px;margin-bottom:30px}.cm-carousel .ce-product-row{gap:17px;padding-right:17px;scrollbar-width:auto}.cm-carousel .ce-product-row::-webkit-scrollbar{display:block;height:auto}.cm-carousel .ce-card{flex:0 0 129px;min-width:0;text-align:center}.cm-carousel .ce-card h3{margin:9px 0 5px}.cm-carousel .ce-card p{white-space:normal;font-size:12px}.cm-carousel .ce-card s{color:#1c1d1d;margin-right:5px}.cm-carousel .ce-card-saving{font-size:12px;margin-left:5px}.cm-carousel .ce-card strong::after{content:" "}.cm-carousel .ce-card .ce-sale{padding:6px 5px 6px 7px;font-size:11.7px;line-height:1;letter-spacing:.414px;background:#1c1d1d}.cm-view-all{margin-right:17px}}
/* Heading-to-content gap matched to ellisonboutique.com homepage (2026-09-13): same fix as clara-category-tiles.liquid, applied to the product-row heading ("DISCOVER OUR COATS & JACKETS" pattern on Ellison), which previously had no margin-bottom at all on .ce-section-title. Ellison's measured gap: 30px at 375, 50px at 1440. Scoped to .cm-carousel .ce-section-title only. */
/* Mobile card rebuilt 1:1 from ellisonboutique.com's own "DISCOVER OUR COATS & JACKETS" homepage row (2026-09-14), measured live at 375px with an iPhone UA: their .grid-overflow-wrapper never hides its native scrollbar (overflow:scroll hidden, scrollbar-width/​::-webkit-scrollbar left at browser default) -- there is no custom JS progress bar, so the "thin bar under the row" the owner saw is just the plain unhidden native scrollbar, reproduced here by overriding the site-wide scrollbar-hiding rule (assets/clara-ellison.css .ce-product-row{scrollbar-width:none} + ::-webkit-scrollbar{display:none}) back to visible, scoped to .cm-carousel only so every other horizontally-scrolling row (.ce-category-row, collection grid) keeps its hidden scrollbar untouched. Card gutter changed 14px->17px and row gap 10px->17px to match Ellison's measured 17px inset/inter-image gap exactly (their grid gives each card a 17px left padding as the gap; our flex+gap model reaches the same visual result with gap:17px). Title centered (was left, set last night for the collection-grid card only; that change is undone here for the carousel specifically) with margin 9px/5px matching Ellison's measured value (was 13px/7px). Price row un-forced from white-space:nowrap (that nowrap was a deliberate collection-grid-only fix, STATE.md #34) so "Sparen N %" can wrap onto its own centered line under the price exactly like Ellison's "Save N%", which relies on a plain whitespace text node before its savings span for the same break opportunity -- ours has none in snippets/clara-product-card.liquid by design (that whitespace was removed for the no-wrap collection card, same #34 note). First attempt generated that missing space via a ::before on .ce-card-saving itself with white-space:normal on the saving element -- this technically produced a break before "Sparen" but ALSO let "Sparen 46 %" split mid-phrase on a wider card (found during the follow-up collection-grid task, STATE.md #43a): with white-space:normal, the renderer greedily fills as much of "Sparen 46 %" onto the end of line 1 as fits, so the whole run splits ("Sparen" stays glued to the price, "46 %" wraps down alone) instead of moving as one unit. Fixed by moving the generated space to `.cm-carousel .ce-card strong::after{content:" "}` (a normal-white-space sibling BEFORE the saving span, not inside it) and leaving `.ce-card-saving` on its default white-space:nowrap from the base stylesheet -- now the whole "Sparen N %" run is one atomic nowrap box that either fits at the end of line 1 or, if not, wraps entirely to its own line, matching Ellison's actual behaviour (confirmed: Ellison's own "Save 27%" never splits internally either, single 19px-tall line in every measured case). Compare-price color changed from grey rgb(138,138,138) to Ellison's near-black rgb(28,29,29)=#1c1d1d, its margin-right 2px->5px, and Sparen's mobile font-size 10px->12px / margin-left 2px->5px, all matching Ellison's measured price-row metrics (font-size 0.75rem=12px inside their scroller, specifically). Sale badge padding/font-size/line-height/background matched to Ellison's measured badge (6px 5px 6px 7px, 11.7px, line-height:1, #1c1d1d) instead of the generic 7px/12px/#171717 badge collection pages keep. Every rule here is under .cm-carousel and inside this same max-width:749px block, so collection grids (clara-collection-main), PDP cross-sell and desktop (>=750px) render exactly as before -- verified by bounding-box diff, see .planning/STATE.md #43. */
/* END_SECTION:clara-product-carousel */

/* START_SECTION:clara-product-cross-sell (INDEX:31) */
.cpx{min-height:635px;padding:56px 40px 68px;overflow:visible}
.cpx .ce-section-title{margin-bottom:28px;font-family:var(--font-playfair,"Playfair Display",Georgia,serif)!important;font-size:28px;font-weight:400;line-height:1.2;letter-spacing:normal;text-transform:uppercase}
.cpx .ce-product-row{height:auto;min-height:480px}
.cpx .ce-card p{display:flex;align-items:baseline;gap:6px;flex-wrap:nowrap;white-space:nowrap;font-family:var(--font-outfit,"Outfit",Arial,sans-serif);font-size:15.3px;font-weight:300;line-height:1.3;letter-spacing:.414px;color:rgb(28,29,29)}
.cpx .ce-card strong{font-weight:300;color:inherit}
.cpx .ce-card-saving{display:inline;margin:0 0 0 6px;white-space:nowrap;font-family:var(--font-outfit,"Outfit",Arial,sans-serif);font-size:15.3px;font-weight:300;line-height:1.3;letter-spacing:.414px;color:rgb(194,0,0)}
@media(min-width:750px){
  .cpx .ce-section-title{font-size:30px}
  .cpx .ce-product-row{gap:8px}
  .cpx .ce-card{flex:0 0 calc((100% - 32px)/5)}
  .cpx .ce-card img{aspect-ratio:2/3;height:auto!important}
}
@media(max-width:749px){
  .cpx{min-height:0;padding:44px 0 58px 14px;overflow:visible}
  .cpx .ce-section-title{margin-right:14px}
  .cpx .ce-product-row{height:auto;min-height:0;padding-right:14px}
  .cpx .ce-card img{height:auto!important;aspect-ratio:.76/1}
  .cpx .ce-card p,.cpx .ce-card-saving{font-size:13px}
}
/* END_SECTION:clara-product-cross-sell */

/* START_SECTION:clara-product-main (INDEX:32) */
/* Galerie 2026-09-14 (přání majitele: o pětinu větší): celý blok galerie roste o ~20 %, tedy stage i miniatury i jejich odstup. Prostor pochází ze tří míst, v tomto pořadí: poměr sloupců 1.05/0.95 na 1.22/0.78, mezera 58px na 44px a boční odsazení 40px na max(24px,2vw). Spodní hranice informačního sloupce zůstává 430px, protože pod ní se láme řádek velikostí a tlačítko do košíku; proto na 1024px galerie vyroste jen o ~7 %, tam je 430px už dosažené i před změnou. Strop obsahu 1500px a výpočet výšky podle obrázku (žádné ořezávání) se nemění. */
.cpm-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(430px,.78fr);gap:44px;padding:54px max(24px,2vw) 76px}.cpm-gallery{min-height:0;display:grid;grid-template-columns:98px 1fr;gap:22px;align-items:start}.cpm-thumbs{max-height:1020px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;scrollbar-width:none}.cpm-thumbs::-webkit-scrollbar{display:none}.cpm-thumbs button{flex:0 0 auto;width:96px;aspect-ratio:.76;padding:0;border:1px solid transparent;background:#f3f3f0;overflow:hidden}.cpm-thumbs button.is-active{border-color:#111}.cpm-thumbs img{width:100%;height:100%!important;object-fit:cover}.cpm-stage{display:block;aspect-ratio:auto;height:auto;overflow:visible;background:#f2f2ef}.cpm-stage figure{display:none;margin:0}.cpm-stage figure.is-active{display:block}.cpm-stage img{width:100%;height:auto;display:block}.cpm-dots{display:none}.cpm-info{align-self:start}/* Rating line: one row at every width. The string is fixed-length German copy plus five stars, so at 320px the 284px column cannot hold it at 14px (it needed 371px and wrapped to two rows at 320 and 375). Weight 500 -> 300 alone saves only 1px, so the size is fluid instead: 14px from 412px up, where nothing changes visually, scaling down to 10.2px at 320px. gap, star size and both letter-spacings are in em so the whole unit scales as one and keeps the 18/14 star-to-text ratio; white-space:nowrap makes a wrap impossible rather than merely unlikely. */.cpm-rating{display:inline-flex;align-items:center;gap:.5714em;margin-bottom:12px;font-family:var(--font-outfit,"Outfit",Arial,sans-serif);font-size:clamp(10.2px,4.13vw - 3px,14px);font-weight:300;letter-spacing:.01em;color:#171717;text-decoration:none;white-space:nowrap}.cpm-rating span{color:#181818;font-size:1.2857em;line-height:1;letter-spacing:.1111em}.cpm h1{margin:0 0 25px;font-family:"Tenor Sans",sans-serif;font-size:30.6px;font-weight:400;line-height:1;letter-spacing:0;text-transform:none}.cpm-price{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:0;padding-bottom:28px;border-bottom:1px solid #d7d7d4}/* Two price states (owner 2026-09-14). Full price is the default: one price, Outfit 24px/300 as before, but in the theme ink #171717 instead of the sale red. .is-sale is written by Liquid for the first variant and re-toggled by the script when the shopper switches variant; it is the only thing that separates the two states, so nothing here depends on an element being present or absent. Discounted values are Ellison`s measured ones (parity-screens/reference/ELLISON-REFERENCE.md, table "Produktova stranka: cenovy blok"): current price 24px/600 rgb(194,0,0), struck original 20px/400 rgb(138,138,138), badge 12px/600 uppercase white on rgb(178,58,50). Weight 600 for the paired price replaces the note in STYLEGUIDE ch. 4 that Clara takes 300 from Ellison`s lone price: that reasoning held while we never showed the pair, and it still governs the full-price state. Struck letter-spacing follows the same 0.45/0.414 desktop-mobile split as the price itself. */.cpm-price strong{color:#171717;font-family:var(--font-outfit,"Outfit",Arial,sans-serif);font-size:24px;font-weight:300;line-height:1.4;letter-spacing:.45px}.cpm-price.is-sale strong{color:rgb(194,0,0);font-weight:600}.cpm-price:not(.is-sale) s,.cpm-price:not(.is-sale) em{display:none}.cpm-price s{color:rgb(138,138,138);font-family:var(--font-outfit,"Outfit",Arial,sans-serif);font-size:20px;font-weight:400;line-height:1.4;letter-spacing:.45px}.cpm-price em{padding:6px 10px;background:rgb(178,58,50);color:#fff;font-family:var(--font-outfit,"Outfit",Arial,sans-serif);font-size:12px;font-style:normal;font-weight:600;line-height:1;letter-spacing:.36px;text-transform:uppercase;border-radius:0}.cpm-options{padding:23px 0 3px;border-bottom:1px solid #d7d7d4}.cpm fieldset{margin:0 0 22px;padding:0;border:0}.cpm legend{display:flex;justify-content:flex-start;gap:10px;width:100%;margin-bottom:12px;font-size:16px;letter-spacing:3px}.cpm legend b{font-weight:400}.cpm legend a{display:flex;align-items:center;gap:5px;font-size:14px;letter-spacing:0;text-decoration:underline}.cpm legend svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:.9;stroke-linecap:round;stroke-linejoin:round}.cpm fieldset>div{display:flex;flex-wrap:wrap;gap:10px}.cpm fieldset button{min-width:64px;padding:12px 16px;border:1px solid #ccc;background:#fff;font-size:15px}/* Size tiles taken from the reference (owner 2026-09-15: ours were too large). Ellison`s Swatch King tile is 50 x 35.5938px with `min-width:50px`, no padding and a centred label, and it is the same box at 375, 412 and 1440, so ours is one geometry at every width too, replacing 64 x 48px on mobile and 64 x 36px on desktop. Type follows it as well: Outfit 400 at 16.56px with letter-spacing 0.414px, stepping to 18px and 0.45px on desktop in the min-width:990px block below, where the reference switches too. Two deliberate divergences, both forced by this catalogue rather than by taste. Ellison never prints a size longer than three characters, so their hard 50px width is safe for them; the same control here also carries shoe sizes such as `EU 40/41 (US 10/10.5)` and, on the products whose option is named `Kleur` or `Taglia` and therefore fails the colour test in the Liquid above, colour words such as `Burgunderrot`. The width is elastic instead: `min-width:50px` with `padding:0 6px` and `white-space:nowrap` renders every label the reference also has, one to three characters plus the numeric 34 to 43, at exactly 50 x 35.5938px, and lets only the long ones grow, the widest to 178.98px on mobile and 193.33px at 1440px, which still sits inside the 284px column at 320px. Six pixels is the largest padding that still clamps `XXL` and `4XL` to 50px at both 16.56 and 18px. Flex centring replaces the old line-height trick because the reference line box, 15.6px, is shorter than the tile and cannot centre the label on its own. Left alone on purpose: the 1px #ccc border, the square corners and the green filled selected state. Ellison instead marks the selected tile with a 1px green border and black text on white and rounds every corner by 2px, which is a different design decision rather than a size, so it is the owner`s to make. The colour swatches keep their own 64 x 64px box, so the 12px column and 8px row gaps are scoped to the non-colour fieldset and the swatch row keeps its 10px. Honest cost: 35.5938px is below the 44px tap target phones want, where the old mobile tile at 48px was above it. */.cpm fieldset:not(.cpm-color-option)>div{column-gap:12px;row-gap:8px}.cpm fieldset button:not(.is-swatch){display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:35.5938px;padding:0 6px;box-sizing:border-box;font-size:16.56px;line-height:15.6px;letter-spacing:.414px;white-space:nowrap}.cpm fieldset button.is-active{background:var(--ce-green);color:#fff}.cpm fieldset button.is-swatch{width:64px;height:64px;min-width:0;min-height:0;padding:4px;overflow:hidden}.cpm fieldset button.is-swatch.is-active{border:2px solid #111;background:#fff;color:#171717}.cpm fieldset button.is-swatch img{width:100%;height:100%;object-fit:cover}.cpm fieldset button.is-swatch-fallback{background:#f2f2ef}.cpm fieldset button.is-swatch-fallback span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:9px;line-height:1.15;letter-spacing:normal;text-align:center;color:#171717;word-break:normal;overflow-wrap:anywhere;hyphens:auto}.cpm-meta{display:grid;grid-template-columns:1fr 1.1fr;gap:14px;align-items:start;padding:19px 0;border-bottom:1px solid #d7d7d4;font-size:13px}.cpm-meta p{margin:0}.cpm-meta>p{text-align:right;font-weight:400;line-height:1.35;letter-spacing:normal}.cpm-stock{display:flex;align-items:center;gap:8px;color:#c11;font-weight:500;line-height:1.35;letter-spacing:normal}.cpm-stock span{width:9px;height:9px;border-radius:50%;background:#c11}.cpm-meta i{display:block;width:110px;height:4px;margin:9px 0 0 1px;border-radius:3px;background:#e8e8e8;overflow:hidden}.cpm-meta i b{display:block;width:42%;height:100%;background:#c11}.cpm-add{width:100%!important;min-height:46px!important;margin-top:18px!important;padding:13px 20px!important;border:0!important;background:var(--ce-green)!important;color:#fff!important;font-family:var(--font-outfit,"Outfit",Arial,sans-serif)!important;font-size:13px!important;font-weight:700!important;letter-spacing:3.9px!important;text-transform:uppercase}/* Add to cart without a reload (2026-09-16). While /cart/add.js runs both submit buttons are disabled and read `Wird hinzugefügt…`; only opacity and cursor change, every measured dimension of the button and of the sticky bar stays. The refusal notice sits under the main button in the sale red, Montserrat 13px like the trust card, and is display:none while hidden so an empty host adds no height. */.cpm-add[disabled],.cpm-sticky-cta button[disabled]{opacity:.65;cursor:progress}.cpm-add-notice{margin:10px 0 0;color:rgb(194,0,0);font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif);font-size:13px;font-weight:400;line-height:1.4;letter-spacing:normal;text-align:left}.cpm-add-notice[hidden]{display:none}.cpm-payments{display:flex;justify-content:center;gap:6px;padding:18px 0;border-bottom:1px solid #d7d7d4}.cpm-payments svg{width:42px;height:27px}.cpm-trust{display:grid;gap:13px;margin:18px 0;padding:18px 20px;border:1px solid #ddd;border-radius:5px;background:#fafafa}.cpm-trust article{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center}.cpm-trust svg{width:27px;height:27px;fill:none;stroke:#171717;stroke-width:1.4}.cpm-trust b,.cpm-trust small{display:block;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif);letter-spacing:normal}.cpm-trust b{font-size:13px;font-weight:500;line-height:17.55px}.cpm-trust small{color:#777;font-size:11px;font-weight:400;line-height:14.85px}.cpm-accordions details{border-top:1px solid #ccc}.cpm-accordions details:last-child{border-bottom:1px solid #ccc}.cpm-accordions summary{display:flex;justify-content:space-between;padding:18px 0;list-style:none;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif);font-size:15px;font-weight:400;letter-spacing:normal}.cpm-accordions summary::-webkit-details-marker{display:none}.cpm-accordions summary span{font-size:20px}.cpm-accordions details[open] summary span{transform:rotate(45deg)}.cpm-accordions details>div{padding:0 0 18px;font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif);font-size:15px;font-weight:400;line-height:1.6;letter-spacing:normal}.cpm-accordions details>div p{font-family:var(--font-montserrat,"Montserrat",Arial,sans-serif)!important;font-size:15px;font-weight:400;line-height:1.6;letter-spacing:normal}.cpm-sticky{position:fixed;z-index:70;left:50%;bottom:0;width:min(100%,1500px);transform:translateX(-50%);display:grid;grid-template-columns:1fr auto 260px;column-gap:24px;align-items:center;padding:40px 60px 16px;border-top:1px solid #ccc;background:#fff;opacity:0;visibility:collapse;transition:opacity .4s ease-in-out,visibility .4s ease-in-out;pointer-events:none}.cpm-sticky.is-visible{opacity:1;visibility:visible;pointer-events:auto}.cpm-sticky-info{display:flex;align-items:center;gap:24px;min-width:0}.cpm-sticky-info img{width:64px;height:64px;object-fit:cover;flex:0 0 auto}.cpm-sticky-opts{display:flex;gap:16px}.cpm-sticky label{margin:0}.cpm-sticky select{border:0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'%3E%3Cpath d='M1 .5 6 5.5 11 .5' fill='none' stroke='%232A2B2B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;padding:0 16px 0 0;appearance:none;-webkit-appearance:none;font-family:var(--font-outfit,"Outfit",Arial,sans-serif);font-size:18px;font-weight:400;line-height:1.2;letter-spacing:.45px;color:#2a2b2b}.cpm-sticky-opts select{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpm-sticky--no-opts{grid-template-columns:auto 1fr auto 260px}@media(min-width:750px){.cpm-sticky--no-opts .cpm-sticky-info{grid-column:1}.cpm-sticky--no-opts .cpm-sticky-pricing{grid-column:3}.cpm-sticky--no-opts .cpm-sticky-cta{grid-column:4}}/* Kaching Bundles (owner follow-up 2026-09-21): once cpm-kaching-active is set on the section root, the sticky bar's own colour/size mini-selects are exactly the same kind of duplicate, stale picker the main block already hides, so it drops into the identical collapsed layout a true single-variant product already gets, .cpm-sticky--no-opts, image + price + button, reusing that layout rather than inventing a second one. Scoped to .cpm.cpm-kaching-active rather than by toggling the --no-opts class itself, so a genuinely single-variant product's own state (set once by Liquid, never touched by this script) can never be read or overwritten by the Kaching detector. .cpm-sticky-opts is display:none here rather than merely narrowed: the grid swap alone only changes column widths, the <select> pair inside .cpm-sticky-info would still render. The price beside the button is left exactly as it already was, the initially rendered variant's price with no live sync to Kaching's own selection, because nothing here can read Kaching's pick any more reliably than before; that is a known, documented limitation (parity-screens/KACHING-BUNDLES.md), not a regression. */.cpm.cpm-kaching-active .cpm-sticky-opts{display:none}.cpm.cpm-kaching-active .cpm-sticky{grid-template-columns:auto 1fr auto 260px}@media(min-width:750px){.cpm.cpm-kaching-active .cpm-sticky-info{grid-column:1}.cpm.cpm-kaching-active .cpm-sticky-pricing{grid-column:3}.cpm.cpm-kaching-active .cpm-sticky-cta{grid-column:4}}.cpm-sticky-pricing{display:flex;align-items:center;gap:24px;position:relative}.cpm-sticky-pricing select{width:68px;height:49px;box-sizing:border-box;border:1px solid #2a2b2b;padding:13px 28px 13px 10px;font-size:21.2px;letter-spacing:.53px;background-position:calc(100% - 10px) 50%}/* The bar is position:fixed;bottom:0, so the quantity control sits flush with the viewport bottom and the browser has nowhere to put a native option list: Chrome flips it above the whole bar or lays it over the CTA, which reads as an unanchored list floating mid-screen. appearance:base-select renders the same native select's picker in-page, anchored to the control. Chromium 135+; engines without it drop the invalid value, keep appearance:none above and behave exactly as before. Scoped to the quantity control only: the colour/size selects are auto-width and base-select would resize them. */.cpm-sticky-pricing select{appearance:base-select}.cpm-sticky-pricing select::picker-icon{display:none}.cpm-sticky-pricing select::picker(select){appearance:base-select;border:1px solid #2a2b2b;border-radius:0;background:#fff;padding:0;margin:0;box-shadow:0 6px 24px rgba(0,0,0,.12)}.cpm-sticky-pricing select::picker(select) option{padding:8px 10px;background:#fff;color:#2a2b2b;font-family:var(--font-outfit,"Outfit",Arial,sans-serif);font-size:16px;letter-spacing:.4px}.cpm-sticky-pricing select::picker(select) option:hover{background:#f2f2ef}.cpm-sticky-price{line-height:1;white-space:nowrap}.cpm-sticky-price strong{font-family:var(--font-outfit,"Outfit",Arial,sans-serif);font-size:16px;font-weight:400;line-height:1.2;letter-spacing:.45px;color:#2a2b2b}/* Sticky bar, discounted state. Same pair as the main block, in Ellison`s bar order (struck original first, current price second, the reverse of their main block), at the bar`s own sizes, which the owner set on 2026-09-14 and which stay untouched: 16px desktop, 14px mobile, centred over the quantity box. Ellison prints both halves in rgb(42,43,43) here, not in the sale red, and gives the current one weight 600 next to the strikethrough; the struck half matches the current one in size on desktop (18/18 there, so 16/16 here) and sits one step below it on mobile (12.42/14.49 there, so 12/14 here), with a 12px and 6px gap. Because the pair is wider than the 61px quantity box, the pricing column widens in this state exactly as Ellison`s does (61 -> 95.25px on mobile, 173.61 -> 246.56px on desktop); the price line keeps left:0;right:0 inside it, so it stays centred on the quantity box instead of overflowing it. */.cpm-sticky-price s{font-family:var(--font-outfit,"Outfit",Arial,sans-serif);font-size:16px;font-weight:400;line-height:1.2;letter-spacing:.45px;color:#2a2b2b;margin-right:12px}.cpm-sticky:not(.is-sale) .cpm-sticky-price s{display:none}.cpm-sticky.is-sale .cpm-sticky-price strong{font-weight:600}@media(min-width:750px){.cpm-sticky-price{position:absolute;left:0;right:0;bottom:calc(100% + 10px);text-align:center}.cpm-sticky.is-sale .cpm-sticky-pricing{justify-content:center;min-width:152px}}.cpm-sticky-cta button{width:100%;min-height:54px;padding:16px 24px;border:0;background:var(--ce-green);color:#fff;font-family:var(--font-outfit,"Outfit",Arial,sans-serif);font-size:18px;font-weight:400;letter-spacing:.45px;text-transform:none;white-space:nowrap}.cpm .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(min-width:990px){.cpm h1{text-transform:uppercase}.cpm fieldset button:not(.is-swatch){font-size:18px;letter-spacing:.45px}.cpm-trust b{font-size:14px;line-height:19px}.cpm-trust small{font-size:12px;line-height:16px}}
@media(max-width:989px){.cpm-grid{grid-template-columns:1fr}}@media(max-width:749px){.cpm-grid{display:block;padding:0 0 48px}.cpm-gallery{min-height:0;display:block}.cpm-thumbs{display:none}.cpm-stage{height:auto!important;display:flex;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory}.cpm-stage figure{display:block;flex:0 0 100%;scroll-snap-align:start}.cpm-stage img{width:100%;height:auto!important;aspect-ratio:auto;object-fit:initial}.cpm-dots{display:flex;justify-content:center;gap:8px;padding:13px}.cpm-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#aaa}.cpm-dots button.is-active{background:#111}.cpm-info{padding:18px}.cpm h1{font-size:23px;line-height:1.25}.cpm-meta{grid-template-columns:auto 1fr;gap:10px;font-size:13px}/* Stock line and dispatch column two steps down on mobile at the owner`s request (2026-09-14), 12 -> 10px on both, desktop 13px untouched. Everything else in the row is scaled by the same 10/12 factor so the proportions hold: red dot 9 -> 7.5px, its gap 8 -> 6.6667px, progress bar 110x4 -> 91.6667x3.3333px with the 9 -> 7.5px gap above it and the radius 3 -> 2.5px. The 19px paddings of .cpm-meta are deliberately left alone, so the block keeps the same distance to the options above and the button below and only its own height falls. white-space:nowrap on the stock line stays: at 10px the line needs 135.2px where 162.2px was needed before, which leaves room to spare even at 320px, but the rule is what guarantees the single line rather than merely making it likely. The owner settled both lines at 11.5px on 2026-09-15, so the stock line reads 12.5 -> 11.5px and the dispatch column on the right 10 -> 11.5px, and the two halves of the row finally carry the same size. The red dot stays at 7.5px, its gap at 6.6667px and the progress bar at 91.6667x3.3333px; all three are absolute px, so they do not follow the font size and none of them had to be pinned separately. Dropping the stock line by one pixel also narrows it 165.4 -> 151.2px, and because the first grid track is `auto` that width goes straight to the `1fr` dispatch column, which gains the same 14.2px: 175.7px at 375px against 161.5px before. That is what makes 11.5px reachable on the right at all. 11.5px is the declared size and the auto fit in the script below now only ever lowers it, never raises it, which is the opposite of what it did when the CSS floor was 10px. Desktop stays at 13px. */.cpm-stock{white-space:nowrap;font-size:11.5px;gap:6.6667px}.cpm-stock span{width:7.5px;height:7.5px}.cpm-meta>p{font-size:11.5px}.cpm-meta i{width:91.6667px;height:3.3333px;margin:7.5px 0 0 1px;border-radius:2.5px}.cpm-sticky{grid-template-columns:1fr 94px;grid-template-areas:"info pricing" "cta cta";column-gap:12px;row-gap:0;padding:14px 16px calc(20px + env(safe-area-inset-bottom))}/* Sale state on mobile: the pricing column and the price box grow from 94/61px to 122/106px so the struck original and the current price fit on one centred line above the quantity box, the way Ellison widens 61 -> 95.25px. The quantity select keeps its own 61px width and stays centred in the wider box (align-items:center), so the price line and the quantity box share one centre axis, which is what the owner asked for. Full-price products keep the 94/61px bar unchanged. */.cpm-sticky.is-sale{grid-template-columns:1fr 122px}.cpm-sticky-info{grid-area:info;gap:10px}.cpm-sticky-info img{width:48px;height:48px}.cpm-sticky-opts{gap:12px}.cpm-sticky select{font-size:16px;letter-spacing:.4px}.cpm-sticky-opts select{max-width:96px}.cpm-sticky--no-opts{grid-template-columns:auto 1fr 94px;grid-template-areas:"info . pricing" "cta cta cta"}.cpm-sticky--no-opts.is-sale{grid-template-columns:auto 1fr 122px}.cpm.cpm-kaching-active .cpm-sticky{grid-template-columns:auto 1fr 94px;grid-template-areas:"info . pricing" "cta cta cta"}.cpm.cpm-kaching-active .cpm-sticky.is-sale{grid-template-columns:auto 1fr 122px}.cpm-sticky-pricing{grid-area:pricing;justify-self:end;width:61px;min-height:63.1875px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.cpm-sticky.is-sale .cpm-sticky-pricing{width:106px}.cpm-sticky-price s{font-size:12px;margin-right:6px}.cpm-sticky-price{position:absolute;left:0;right:0;bottom:44px;text-align:center;transform:none}.cpm-sticky-pricing select{width:61px;height:34px;font-size:16px;letter-spacing:.4px;padding:8px 28px 8px 10px}.cpm-sticky-price strong{font-size:14px}.cpm-sticky-cta{grid-area:cta}.cpm-sticky-cta button{width:100%;min-height:45px;padding:14px 10px;margin-top:14px;font-size:14.5px;letter-spacing:.3625px}.cpm-price strong,.cpm-price s{letter-spacing:.414px}/* Mobile-only sizing pass at the owner's request (2026-09-14). He was looking at the phone layout, so every value here is scoped to <=749px and the desktop rules above are untouched. Payment marks 42x27 -> 33.6x21.6 (-20%, ratio kept), then a step back up to 37x23.7857 later the same day because the owner found the first cut too deep: that is -11.9% against the original and the 14:9 ratio is exact, since 37 x 27/42 = 23.7857. Six marks at 37px with the 6px gap take 252px of the 284px content column at 320px, so the row still holds one line on the narrowest phone. The rule under them is gone and the bottom padding goes with it, so the icon row keeps 18px of air above and the 18px top margin of the trust card below it. Trust icons 27 -> 18.9 (-30%) and their grid column 34 -> 23.8px by the same factor, which keeps the 12px icon-to-text gap instead of leaving the icon floating in a column it no longer fills; row height is set by the two text lines, so the rows follow the text. Trust text two steps down at the owner's request: b 13 -> 11px and small 11 -> 9px, with both line-heights kept on the same 1.35 ratio (17.55 -> 14.85px and 14.85 -> 12.15px), Montserrat and the weights 500 and 400 unchanged. The two text lines go 32.39 -> 27px, still taller than the 18.89px icon, so align-items:center keeps the icon on the row centre and only the card shrinks, 161.17 -> 145px. The desktop rules above and the min-width:990px overrides (b 14/19px, small 12/16px) are untouched. Accordions about 30% tighter: padding alone gets only 16% because the row height is dominated by the 20px plus sign, whose line box is 30px at the inherited line-height 1.5. Padding 18 -> 12.6px (-30%) plus line-height 1.2 on the summary and 1 on the plus sign takes the closed row 66 -> 45.2px and the whole block 202 -> 139.6px (-30.9%). Font sizes and border lines are unchanged; align-items:center keeps the plus sign on the row centre once the line boxes shrink. */.cpm-payments{padding:18px 0 0;border-bottom:0}.cpm-payments svg{width:37px;height:23.7857px}/* Trust card icons and text 5px larger on mobile at the owner`s request (2026-09-17), after a week of looking at the phone layout. Icon 18.9 -> 24px and its grid column 23.8 -> 30.2222px by the same 34/27 factor as before, so the 12px icon-to-text gap is unchanged; title 11 -> 16px and subtitle 9 -> 14px with both line-heights kept on the 1.35 ratio (14.85 -> 21.6px and 12.15 -> 18.9px), Montserrat and the weights 500 and 400 unchanged. The two text lines are now 40.5px against the 24px icon, so align-items:center still puts the icon on the row centre. Card 145 -> 185.5px at 375 and 412px; paddings, border, radius and the 13px row gap are untouched, so everything below the card moves by exactly that 40.5px and nothing else. Measured against the longest strings: at 375px the widest line is the subtitle `Mit DHL, inkl. Sendungsverfolgung` at 244.5px in a 254.8px column, one line with 10px to spare, so every row keeps its two lines from 375px up. The column is the viewport minus 120.22px, so below 365px that subtitle would wrap onto a second line (and `PayPal, Visa, Mastercard & mehr` with it); the max-width:364px block after this media query therefore steps only the narrowest phones down to title 15px and subtitle 11px, the largest sizes at which every line still holds at 320px (widest title 180.7px, widest subtitle 192.1px, in a 199.8px column). Desktop stays at 27px icons and 14/12px text, so the mobile text is now two steps larger than the desktop text; that is the owner`s call and is left alone here. */.cpm-trust article{grid-template-columns:30.2222px 1fr}.cpm-trust svg{width:24px;height:24px}.cpm-trust b{font-size:16px;line-height:21.6px}.cpm-trust small{font-size:14px;line-height:18.9px}.cpm-accordions summary{align-items:center;padding:12.6px 0;line-height:1.2}.cpm-accordions summary span{line-height:1}.cpm-accordions details>div{padding:0 0 12.6px}}@media(max-width:364px){.cpm-trust b{font-size:15px;line-height:20.25px}.cpm-trust small{font-size:11px;line-height:14.85px}}
/* Kaching Bundles integration (owner 2026-09-21, gated by the kaching_hide_theme_picker setting below). Regression fixed 2026-09-22 (introduced by the two rules above on 0e75299/675bf68): the Größentabelle link lives in the SAME fieldset legend as the size option's own name, so display:none on the whole .cpm-options container hid the link along with the colour swatches and size tiles, and a product with a size chart attached (agatha, metaobject damen-hosen) and a Kaching deal left the shopper no way to open it. Fix hides content piece by piece instead of hiding the container: every fieldset (colour and size alike) collapses to nothing UNLESS it contains the size-guide link — :has(), the same modern-CSS baseline this file already assumes for appearance:base-select further up, so no separate feature check is added. The one fieldset that does hold the link (the size fieldset, only when cpm_chart is present) keeps rendering, but its swatch/tile row (the fieldset's direct `>div`) and its option-name label (`legend>span`, "Größe") are hidden too, leaving only the legend's `<a>` on screen — unchanged icon, size and type, since the link's own CSS below is untouched. Margins are zeroed on that one fieldset and its legend so the link sits flush inside .cpm-options' existing 23px/3px padding instead of leaving the 22px fieldset gap and 12px legend gap meant for the tile row that is no longer there; the container's own border-bottom stays, so the divider above .cpm-meta is unchanged and there is no gap where the picker used to be, just one compact link row. A Kaching product with no size chart at all never has the link in any fieldset, so :not(:has(...)) matches the container itself and it still collapses to zero height exactly as display:none did before — that case is untouched. Everything else in the column (price, stock/dispatch meta, trust card, accordions, both add-to-cart buttons) is a sibling outside .cpm-options and was never touched by any of this. */
.cpm.cpm-kaching-active .cpm-options:not(:has(a[href="#cpm-size-guide"])){display:none}
.cpm.cpm-kaching-active .cpm-options fieldset:not(:has(a[href="#cpm-size-guide"])){display:none}
.cpm.cpm-kaching-active .cpm-options fieldset:has(a[href="#cpm-size-guide"]){margin:0}
.cpm.cpm-kaching-active .cpm-options fieldset:has(a[href="#cpm-size-guide"])>legend{margin-bottom:0}
.cpm.cpm-kaching-active .cpm-options fieldset:has(a[href="#cpm-size-guide"])>legend>span{display:none}
.cpm.cpm-kaching-active .cpm-options fieldset:has(a[href="#cpm-size-guide"])>div{display:none}
/* END_SECTION:clara-product-main */

/* START_SECTION:clara-product-sizechart (INDEX:33) */
.cps{width:100%;padding:0 0 10px}
.cps-wrap{width:min(100%,1360px);margin:0 auto;padding:0 40px;box-sizing:border-box}
@media(max-width:749px){.cps-wrap{padding:0 16px}}
/* END_SECTION:clara-product-sizechart */

/* START_SECTION:clara-product-tech (INDEX:34) */
.cpt{width:100%;background:#F7F5F0;padding:64px 0}
.cpt-wrap{width:min(100%,1360px);margin:0 auto;padding:0 40px;box-sizing:border-box}
.cpt-head{max-width:760px;margin:0 0 38px}
.cpt-eyebrow{display:block;margin-bottom:10px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#214f36}
.cpt-h{margin:0;font-family:"Tenor Sans",serif;font-size:38px;font-weight:400;line-height:1.15;letter-spacing:.01em;color:#181818}
.cpt-sub{margin:14px 0 0;font-family:Outfit,sans-serif;font-size:18px;line-height:1.65;color:#3A3530}
.cpt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.cpt-card{display:flex;flex-direction:column}
.cpt-media{position:relative;aspect-ratio:1/1;background:#EDEAE3;border-radius:4px;overflow:hidden;margin-bottom:18px}
.cpt-media img{width:100%;height:100%;object-fit:cover;display:block}
.cpt-num{position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;background:#214f36;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:14px;font-weight:600}
.cpt-t{margin:0 0 8px;font-family:Outfit,sans-serif;font-size:19px;font-weight:600;line-height:1.3;color:#181818}
.cpt-p{margin:0;font-family:Outfit,sans-serif;font-size:17px;line-height:1.6;color:#3A3530}
.cpt-specs{margin-top:46px;border-top:1px solid #E0DBD2;padding-top:30px}
.cpt-specs-h{margin:0 0 16px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#181818}
.cpt-dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.cpt-row{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #E7E3DB}
.cpt-row dt{margin:0;font-family:Outfit,sans-serif;font-size:17px;color:#6B6257}
.cpt-row dd{margin:0;font-family:Outfit,sans-serif;font-size:17px;font-weight:600;color:#181818;text-align:right}
@media(max-width:989px){.cpt-grid{gap:20px}.cpt-h{font-size:32px}}
@media(max-width:749px){
 .cpt{padding:40px 0}
 .cpt-wrap{padding:0 16px}
 .cpt-grid{grid-template-columns:1fr;gap:28px}
 .cpt-h{font-size:27px}
 .cpt-sub{font-size:17px}
 .cpt-dl{grid-template-columns:1fr;gap:0}
}
/* END_SECTION:clara-product-tech */

/* START_SECTION:clara-trust-bar (INDEX:35) */
.ctb{width:100%;background:#f1efe9;border-top:1px solid #e3ddd4;border-bottom:1px solid #e3ddd4}
.ctb-wrap{width:min(100%,1360px);min-height:66px;margin:0 auto;padding:0 40px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:28px}
.ctb-item{display:flex;align-items:center;gap:9px;min-width:0}
.ctb-ico{display:flex;align-items:center;justify-content:center;width:19px;height:19px;flex:none;color:#214f36}
.ctb-ico svg{width:19px;height:19px}
.ctb-copy{display:flex;align-items:baseline;gap:7px;min-width:0;white-space:nowrap}
.ctb-copy b{font-family:Outfit,sans-serif;font-size:10px;font-weight:600;letter-spacing:.09em;color:#181818;line-height:1;text-transform:uppercase}
.ctb-copy em{font-family:var(--font-montserrat,Montserrat,Arial,sans-serif);font-size:10px;font-style:normal;color:#8a857d;line-height:1}
@media(max-width:1200px){.ctb-copy em{display:none}}
@media(max-width:989px){.ctb-wrap{min-height:0;flex-wrap:wrap;justify-content:center;gap:10px 18px;padding:12px 20px}.ctb-copy em{display:none}}
@media(max-width:749px){.ctb-wrap{padding:10px 12px;gap:8px 14px}.ctb-ico{width:15px;height:15px}.ctb-ico svg{width:15px;height:15px}.ctb-copy b{font-size:8px;letter-spacing:.06em}}
/* END_SECTION:clara-trust-bar */

/* START_SECTION:editorial-about-page (INDEX:44) */
body:has(.eap-shell) #shopify-section-header{display:block!important;height:0!important;min-height:0!important;position:relative!important;z-index:1000!important}body:has(.eap-shell) #shopify-section-header>div:not(.drawer){display:none!important}body:has(.eap-shell) #shopify-section-footer-promotions,body:has(.eap-shell) #shopify-section-footer{display:none!important}
  .eap-shell,.eap-shell *{box-sizing:border-box}.eap-shell{color:#171713;background:#fff;font-family:var(--font-body);letter-spacing:.02em}.eap-shell a{color:inherit;text-decoration:none}.eap-announcement{height:38px;display:flex;align-items:center;justify-content:center;padding:0 16px;background:#111;color:#fff;font-size:12px;font-weight:700;letter-spacing:.18em;text-align:center}.eap-header{height:150px;display:grid;grid-template-columns:1fr minmax(260px,340px) 1fr;align-items:center;gap:18px;padding:0 36px;position:relative}.eap-nav{display:flex;justify-content:center;gap:26px;white-space:nowrap;font-size:12px;letter-spacing:.16em}.eap-left{padding-left:45px}.eap-right{padding-right:40px}.eap-wordmark{display:flex;flex-direction:column;align-items:center;font-family:var(--font-heading);line-height:.9}.eap-wordmark span{font-size:48px}.eap-wordmark small{width:230px;display:flex;align-items:center;gap:12px;margin-top:10px;font:11px/1 var(--font-body);letter-spacing:.52em;padding-left:.52em}.eap-wordmark small:before,.eap-wordmark small:after{content:"";height:1px;flex:1;background:#111}.eap-search{position:absolute;left:42px;top:61px;width:25px;height:25px}.eap-search svg,.eap-cart svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3}.eap-cart{position:absolute;right:44px;top:58px;width:24px;height:28px}.eap-cart span{position:absolute;right:-9px;top:-8px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:50%;background:#111;color:#fff;font-size:9px}.eap-menu-toggle,.eap-mobile-menu{display:none}.eap-promo{height:42px;display:flex;align-items:center;justify-content:center;background:#111;color:#fff;font-size:12px;font-weight:700;letter-spacing:.2em;text-align:center}.eap-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:690px}.eap-hero-image{background:#f3f3f0}.eap-hero-image img,.eap-placeholder{width:100%;height:100%;min-height:690px;object-fit:cover;display:block}.eap-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:70px clamp(38px,7vw,120px);background:#f7f7f4}.eap-kicker{margin:0 0 20px!important;font-size:10px!important;font-weight:700;letter-spacing:.2em!important}.eap-hero-copy h1{margin:0 0 28px;font:400 clamp(38px,4.3vw,72px)/.98 var(--font-heading);letter-spacing:-.025em}.eap-hero-copy>p:not(.eap-kicker){margin:0 0 34px;font-size:15px;line-height:1.8}.eap-story{display:grid;grid-template-columns:1fr 1fr;gap:10vw;max-width:1220px;margin:0 auto;padding:110px 42px}.eap-story h2{max-width:500px;margin:0;font:400 clamp(32px,3vw,50px)/1.08 var(--font-heading)}.eap-story>div:last-child{font-size:15px;line-height:1.9}.eap-story>div:last-child>p{margin-top:0}.eap-values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.eap-values article{padding:70px 8vw;background:#fff;text-align:center}.eap-values svg{width:40px;height:40px;margin-bottom:22px;fill:none;stroke:#111;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.eap-values h3{margin:0 0 14px;font-size:11px;letter-spacing:.16em}.eap-values p{margin:0;font-size:12px;line-height:1.7}.eap-quote{padding:105px 25px;background:#f5f5f1;text-align:center}.eap-quote p{max-width:900px;margin:0 auto;font:italic 400 clamp(28px,3vw,48px)/1.2 var(--font-heading)}.eap-footer{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:50px;padding:64px max(36px,6vw) 76px;background:#111;color:#fff}.eap-footer>div{display:flex;flex-direction:column;gap:9px}.eap-footer h3{margin:0 0 10px;font-size:11px;letter-spacing:.18em}.eap-footer a,.eap-footer p{margin:0;color:#fff;font-size:11px;line-height:1.55}.eap-footer-mark{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--font-heading)}.eap-footer-mark b{font-size:32px;font-weight:400}.eap-footer-mark small{font:9px var(--font-body);letter-spacing:.48em;padding-left:.48em}
  @media(max-width:989px){.eap-header{height:92px;grid-template-columns:46px 1fr 46px;padding:0 18px}.eap-nav,.eap-search{display:none}.eap-menu-toggle{display:flex;width:28px;height:24px;padding:2px 0;flex-direction:column;justify-content:space-between;border:0;background:transparent}.eap-menu-toggle span{width:28px;height:1px;background:#111}.eap-wordmark{grid-column:2}.eap-wordmark span{font-size:30px}.eap-wordmark small{width:165px;margin-top:7px;font-size:8px}.eap-cart{top:31px;right:18px}.eap-mobile-menu{position:absolute;z-index:40;left:0;right:0;display:flex;flex-direction:column;padding:18px 24px 28px;background:#fff;border-top:1px solid #ddd;box-shadow:0 10px 18px rgba(0,0,0,.08)}.eap-mobile-menu[hidden]{display:none}.eap-mobile-menu a{padding:12px 0;border-bottom:1px solid #eee;font-size:12px;letter-spacing:.14em}.eap-hero{grid-template-columns:1fr;min-height:0}.eap-hero-image img{min-height:0;aspect-ratio:1.1}.eap-hero-copy{padding:55px 32px 62px}.eap-story{gap:6vw;padding:76px 30px}.eap-values article{padding:55px 30px}.eap-footer{grid-template-columns:1fr 1fr}.eap-footer-mark{grid-column:1/-1}}
  @media(max-width:749px){.eap-announcement{height:32px;font-size:9px;letter-spacing:.13em}.eap-header{height:76px}.eap-wordmark span{font-size:25px}.eap-wordmark small{width:145px;font-size:7px}.eap-cart{top:24px}.eap-promo{height:36px;padding:0 16px;font-size:9px;letter-spacing:.13em}.eap-hero-image img{aspect-ratio:.88}.eap-hero-copy{padding:42px 22px 50px}.eap-hero-copy h1{font-size:40px}.eap-story{grid-template-columns:1fr;gap:28px;padding:64px 22px}.eap-values{grid-template-columns:1fr}.eap-values article{padding:45px 26px}.eap-quote{padding:70px 24px}.eap-footer{grid-template-columns:1fr 1fr;gap:38px 24px;padding:48px 24px 58px}}
/* END_SECTION:editorial-about-page */

/* START_SECTION:editorial-collection (INDEX:45) */
.template-collection #shopify-section-header{display:block!important;height:0!important;min-height:0!important;position:relative!important;z-index:1000!important}.template-collection #shopify-section-header>div:not(.drawer),.template-collection #shopify-section-footer-promotions,.template-collection #shopify-section-footer{display:none!important}.cc-title{padding:64px 24px 38px;text-align:center}.cc-title h1{margin:8px 0 17px;font-size:54px;font-weight:300;line-height:1.05;letter-spacing:.06em;text-transform:uppercase}.cc-title i{display:block;width:50px;height:2px;margin:0 auto;background:var(--ce-green)}.cc-savings{width:min(calc(100% - 48px),1220px);margin:0 auto 58px;padding:27px 28px 22px;background:var(--ce-cream);text-align:center}.cc-savings h2{margin:0 0 5px;font-size:16px;letter-spacing:.14em}.cc-savings>p{margin:0 0 22px;color:#777;font-size:14px}.cc-savings>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cc-savings article{min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d9d7d2;background:#fff}.cc-savings article.best{background:var(--ce-green);color:#fff}.cc-savings article small{font-size:11px;letter-spacing:.14em}.cc-savings article b{margin:7px 0 3px;font-size:27px;font-weight:300;letter-spacing:.08em}.cc-savings article em{font-size:10px;font-style:normal;letter-spacing:.2em}.cc-savings>small{display:block;margin-top:16px;color:#777;font-size:11px}.cc-categories{width:min(100%,1320px);margin:0 auto 66px;padding:0 28px}.cc-count{width:min(100%,1320px);margin:0 auto 25px;padding:0 28px;font-size:20px;text-align:left}.cc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 22px;width:min(100%,1320px);margin:0 auto;padding:0 28px 80px}.cc-grid .ce-card{min-width:0}.cc-pagination{padding:0 20px 70px;text-align:center}.cc-pagination .page,.cc-pagination .next,.cc-pagination .prev{display:inline-block;margin:0 7px}.cc-empty{grid-column:1/-1;text-align:center}
  @media(max-width:989px){.cc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
  @media(max-width:749px){.cc-title{padding:50px 16px 34px}.cc-title h1{font-size:44px}.cc-savings{width:calc(100% - 28px);margin-bottom:48px;padding:22px 14px}.cc-savings h2{font-size:15px}.cc-savings>p{font-size:13px}.cc-savings>div{grid-template-columns:1fr 1fr;gap:8px}.cc-savings article{min-height:118px}.cc-savings article b{font-size:23px}.cc-categories{padding:0 0 0 14px;overflow:hidden}.cc-categories .ce-category-row{padding-right:14px}.cc-count{padding:0 14px;font-size:18px}.cc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 10px;padding:0 14px 60px}.cc-grid .ce-card{display:block}.cc-grid .ce-card h3{font-size:12px}}
/* END_SECTION:editorial-collection */

/* START_SECTION:editorial-product (INDEX:46) */
.template-product #shopify-section-header{display:block!important;height:0!important;min-height:0!important;position:relative!important;z-index:1000!important}.template-product #shopify-section-header>div:not(.drawer),.template-product #shopify-section-footer-promotions,.template-product #shopify-section-footer{display:none!important}.cp-main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:68px;width:min(100%,1320px);margin:0 auto;padding:54px 38px 82px}.cp-gallery{display:grid;grid-template-columns:82px minmax(0,1fr);gap:18px;align-items:start}.cp-thumbs{display:flex;flex-direction:column;gap:12px;max-height:760px;overflow:auto}.cp-thumb{width:80px;aspect-ratio:.76;padding:0;border:1px solid transparent;background:#f3f3f0;overflow:hidden}.cp-thumb.is-active{border-color:#111}.cp-thumb img{width:100%;height:100%;object-fit:cover}.cp-stage{display:grid;background:#f3f3f0}.cp-slide{grid-area:1/1;margin:0;opacity:0;pointer-events:none}.cp-slide.is-active{opacity:1;pointer-events:auto}.cp-main-image{width:100%;aspect-ratio:.76;object-fit:cover;display:block}.cp-dots{display:none}.cp-details{position:sticky;top:20px;align-self:start}.cp-rating{display:inline-flex;gap:8px;margin-bottom:20px;font-size:14px}.cp-rating span,.cp-review-grid>article>span,.cp-review-summary>span{color:#d4a323}.cp-details h1{margin:0 0 28px;font-size:42px;font-weight:300;line-height:1.1;letter-spacing:.02em;text-transform:none}.cp-price{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:33px}.cp-price strong{color:#c31616;font-size:31px}.cp-price s{color:#8b8b8b;font-size:21px}.cp-price em{padding:8px 12px;border-radius:4px;background:#bf342d;color:#fff;font-size:12px;font-style:normal;font-weight:700}.cp-option{margin:0 0 25px;padding:0;border:0}.cp-option legend{display:flex;justify-content:space-between;width:100%;margin-bottom:13px;font-size:16px;letter-spacing:.13em}.cp-option legend a{font-size:12px;text-decoration:underline}.cp-option>div{display:flex;flex-wrap:wrap;gap:10px}.cp-option button{min-width:64px;min-height:54px;padding:12px 16px;border:1px solid #ccc;background:#fff;font-size:15px}.cp-option button.is-active{border-color:var(--ce-green);background:var(--ce-green);color:#fff}.cp-meta{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;align-items:center;margin:20px 0}.cp-meta p{margin:0;font-size:14px}.cp-stock{color:#c11;display:flex;align-items:center;gap:9px}.cp-stock span{width:9px;height:9px;border-radius:50%;background:#c11}.cp-dispatch{text-align:right}.cp-add{width:100%;min-height:64px;border:0;background:var(--ce-green);color:#fff;font-size:15px;font-weight:700;letter-spacing:.2em}.cp-payments{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;padding:20px 0}.cp-payments svg{width:46px;height:29px}.cp-trust{display:grid;gap:12px;padding:20px;border:1px solid #ddd}.cp-trust p{margin:0}.cp-trust b,.cp-trust small{display:block}.cp-trust b{font-size:15px}.cp-trust small{color:#666;font-size:13px}.cp-accordion{border-top:1px solid #ccc}.cp-accordion:last-child{border-bottom:1px solid #ccc}.cp-accordion summary,.cp-faq summary{display:flex;justify-content:space-between;padding:21px 0;list-style:none;font-size:14px;font-weight:700;letter-spacing:.12em}.cp-accordion summary::-webkit-details-marker,.cp-faq summary::-webkit-details-marker{display:none}.cp-accordion summary span,.cp-faq summary span{font-size:20px;font-weight:300}.cp-accordion[open] summary span,.cp-faq details[open] summary span{transform:rotate(45deg)}.cp-accordion>div{padding:0 0 24px;font-size:15px;line-height:1.7}.cp-richtext img{max-width:100%;height:auto}.cp-bundle{width:min(calc(100% - 48px),1150px);margin:0 auto 72px;padding:30px;background:var(--ce-cream);text-align:center}.cp-bundle h2{margin:0 0 6px;font-size:27px;font-weight:300;letter-spacing:.08em}.cp-bundle>p{margin:0 0 22px;color:#666}.cp-bundle>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cp-bundle article{min-height:100px;display:flex;flex-direction:column;justify-content:center;border:1px solid #d8d6d1;background:#fff}.cp-bundle article.best{background:var(--ce-green);color:#fff}.cp-bundle small{font-size:11px;letter-spacing:.14em}.cp-bundle b{margin-top:7px;font-size:23px;font-weight:300}.cp-related{width:min(100%,1380px);margin:0 auto;padding:0 32px 76px}.cp-related h2,.cp-reviews h2,.cp-faq h2{margin:0 0 34px;text-align:center;font-size:34px;font-weight:300;letter-spacing:.08em}.cp-reviews{padding:76px max(24px,5vw);background:var(--ce-cream)}.cp-review-summary{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:18px;max-width:1000px;margin:0 auto 32px;padding:25px 30px;border:1px solid #ddd;background:#fff}.cp-review-summary strong{font-size:52px;font-weight:500}.cp-review-summary span{font-size:20px}.cp-review-summary small{font-size:14px}.cp-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;max-width:1220px;margin:0 auto}.cp-review-grid article{padding:25px;background:#fff}.cp-review-grid h3{margin:12px 0 8px;font-size:17px}.cp-review-grid p{font-size:14px;line-height:1.6}.cp-review-grid b,.cp-review-grid small{display:block;margin-top:11px}.cp-review-grid small{margin-top:4px;color:#666}.cp-about{display:grid;grid-template-columns:1.1fr .9fr;background:var(--ce-cream)}.cp-about>div img{width:100%;height:100%;min-height:570px;object-fit:cover}.cp-about article{display:flex;flex-direction:column;justify-content:center;padding:70px 8vw 70px 64px}.cp-about h2{margin:0 0 24px;font-size:42px;font-weight:300;letter-spacing:.08em}.cp-about p{font-size:18px;line-height:1.7}.cp-about a{align-self:flex-start;margin-top:18px;padding:15px 24px;border:1px solid;font-size:12px;letter-spacing:.16em}.cp-faq{width:min(100%,880px);margin:0 auto;padding:76px 28px}.cp-faq details{border-top:1px solid #ccc}.cp-faq details:last-child{border-bottom:1px solid #ccc}.cp-faq p{margin:0;padding:0 0 24px;font-size:15px;line-height:1.65}.cp-sticky{display:none}
  @media(max-width:989px){.cp-main{grid-template-columns:1fr;gap:38px}.cp-details{position:static}.cp-review-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:749px){.cp-main{display:block;padding:0 0 48px}.cp-gallery{display:block}.cp-thumbs{display:none}.cp-stage{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.cp-stage::-webkit-scrollbar{display:none}.cp-slide{flex:0 0 100%;opacity:1;pointer-events:auto;scroll-snap-align:start}.cp-main-image{aspect-ratio:2/3}.cp-dots{display:flex;justify-content:center;gap:8px;padding:14px}.cp-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#aaa}.cp-dots button.is-active{background:#111}.cp-details{padding:17px 18px 0}.cp-rating{font-size:13px}.cp-details h1{font-size:34px}.cp-price strong{font-size:29px}.cp-option legend{font-size:15px}.cp-option button{min-width:65px;min-height:52px}.cp-meta{grid-template-columns:1fr 1.15fr}.cp-meta p{font-size:12px}.cp-add{min-height:62px}.cp-bundle{width:calc(100% - 28px);margin-bottom:56px;padding:22px 14px}.cp-bundle h2{font-size:24px}.cp-bundle>div{grid-template-columns:1fr 1fr}.cp-related{padding:0 0 58px 14px;overflow:hidden}.cp-related .ce-product-row{padding-right:14px}.cp-related h2{margin-right:14px}.cp-reviews{padding:58px 20px}.cp-review-summary{grid-template-columns:auto 1fr;gap:10px;padding:20px}.cp-review-summary strong{font-size:44px}.cp-review-summary small{grid-column:1/-1}.cp-review-grid{grid-template-columns:1fr}.cp-about{grid-template-columns:1fr}.cp-about>div img{min-height:0;aspect-ratio:1/1.08}.cp-about article{padding:48px 28px 54px}.cp-about h2{font-size:34px}.cp-about p{font-size:16px}.cp-faq{padding:58px 22px}.cp-sticky{position:fixed;z-index:70;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr minmax(170px,48%);gap:12px;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #ddd;background:#fff;box-shadow:0 -6px 18px rgba(0,0,0,.1)}.cp-sticky span{min-width:0}.cp-sticky b{display:block;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.cp-sticky small{font-size:13px}.cp-sticky button{min-height:50px;border:0;background:var(--ce-green);color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em}}
/* END_SECTION:editorial-product */

/* START_SECTION:ellison-rebuild (INDEX:47) */
.template-index #shopify-section-header{display:block!important;height:0!important;min-height:0!important;position:relative!important;z-index:1000!important}.template-index #shopify-section-header>div:not(.drawer),.template-index #shopify-section-footer-promotions,.template-index #shopify-section-footer{display:none!important}.ch-hero{position:relative;height:min(66vw,820px);min-height:620px;overflow:hidden}.ch-hero-image{width:100%;height:100%;object-fit:cover;object-position:center 44%;display:block}.ch-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.55) 100%)}.ch-hero-copy{position:absolute;left:clamp(30px,5vw,74px);bottom:clamp(36px,6vw,74px);color:#fff}.ch-hero-copy h1{max-width:820px;margin:0 0 26px;font-size:clamp(44px,5.1vw,76px);font-weight:300;line-height:1;letter-spacing:.01em}.ch-hero-copy>div{display:flex;gap:14px}.ch-hero-copy a{min-width:150px;padding:16px 24px;background:var(--ce-green);font-size:13px;font-weight:700;letter-spacing:.18em;text-align:center}.ch-main{width:min(100%,1380px);margin:0 auto;padding:0 32px}.ch-section{padding:76px 0 0}.ch-section:last-child{padding-bottom:82px}.ch-products{position:relative}.ch-view-all{display:block;width:max-content;margin:34px auto 0;padding-bottom:5px;border-bottom:1px solid;font-size:12px;letter-spacing:.16em}.ch-about{display:grid;grid-template-columns:1.1fr .9fr;min-height:600px;background:var(--ce-cream)}.ch-about>div img{width:100%;height:100%;min-height:600px;object-fit:cover;display:block}.ch-about article{display:flex;flex-direction:column;justify-content:center;padding:70px 8vw 70px 64px}.ch-about h2{margin:0 0 25px;font-size:44px;font-weight:300;letter-spacing:.08em}.ch-about p{margin:0 0 34px;font-size:18px;line-height:1.75}.ch-about a{align-self:flex-start;padding:16px 25px;border:1px solid;font-size:12px;letter-spacing:.17em}
  @media(max-width:749px){.ch-hero{height:68svh;min-height:610px;max-height:760px}.ch-hero-image{object-position:center}.ch-hero-copy{left:28px;right:22px;bottom:38px}.ch-hero-copy h1{font-size:43px}.ch-hero-copy a{flex:1;min-width:0;padding:16px 10px;font-size:12px}.ch-main{padding:0 0 0 14px;overflow:hidden}.ch-section{padding-top:58px}.ch-section:last-child{padding-bottom:62px}.ch-section .ce-section-title{margin-right:14px}.ch-view-all{margin-right:14px}.ch-about{grid-template-columns:1fr;min-height:0}.ch-about>div img{min-height:0;aspect-ratio:1/1.08}.ch-about article{padding:48px 28px 54px}.ch-about h2{font-size:34px}.ch-about p{font-size:16px}}
/* END_SECTION:ellison-rebuild */

/* START_SECTION:slider-cards (INDEX:94) */
/* Splide vlastní přizpůsobení */
  #slider-cards-{{ section.id }} .card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  }
  #slider-cards-{{ section.id }} .card img {
    width: 100%;
    display: block;
  }
  #slider-cards-{{ section.id }} .card__content {
    padding: 1rem;
    text-align: center;
  }
  #slider-cards-{{ section.id }} .btn {
    display: inline-block;
    margin-top: .5rem;
    padding: .5rem 1rem;
    background: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
  }
/* END_SECTION:slider-cards */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:clara-newsletter-popup (INDEX:132) */
/* 2026-09-16, zákazník neuměl použít košík: popup s vrstvou 2147483000 ležel přes otevřený
     drawer a polykal kliknutí na plus, minus, odebrání i pokladnu, a jeho vlastní křížek nešlo
     na mobilu trefit, protože přes něj leží nápis CLARA ATELIER se stejným z-indexem.
     Odsud tři pravidla: křížek do vrstvy 4, nápis bez pointer-events (je aria-hidden, jen zdobí)
     a `html.cdv2-cart-open` (nasazuje assets/cart-drawer-v2.js, když je otevřený drawer košíku)
     popup schová. Stohování drawer nad popup řeší assets/cart-drawer-v2.css. */
  .cn-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  body.cn-popup-lock{overflow:hidden}.cn-popup[hidden]{display:none!important}html.cdv2-cart-open .cn-popup{display:none!important}.cn-popup{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;padding:24px;font-family:var(--font-body,Arial,sans-serif);color:#171713}.cn-popup__shade{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(9,9,9,.66);cursor:default}.cn-popup__card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(300px,.92fr) minmax(390px,1.08fr);width:min(900px,calc(100vw - 48px));max-height:calc(100svh - 48px);overflow:auto;background:#fff;box-shadow:0 22px 70px rgba(0,0,0,.28)}
  .cn-popup__close{position:absolute;z-index:4;top:14px;right:14px;display:grid;place-items:center;width:43px;height:43px;padding:0;border:1px solid #171713;border-radius:50%;background:#fff;color:#171713;cursor:pointer}.cn-popup__close span{font:300 34px/1 Arial,sans-serif;transform:translateY(-2px)}.cn-popup__media{position:relative;min-height:535px;overflow:hidden;background:#d7d5d1}.cn-popup__media:after{content:'';position:absolute;z-index:1;left:50%;top:41%;width:330px;height:330px;border:1px solid rgba(255,255,255,.92);border-radius:50%;transform:translate(-50%,-50%)}.cn-popup__media img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}.cn-popup__brand{position:absolute;pointer-events:none;z-index:3;left:0;right:0;top:48px;display:flex;flex-direction:column;align-items:center;color:#171713;text-shadow:0 1px 12px rgba(255,255,255,.72)}.cn-popup__brand b{font:400 25px/1.05 var(--font-heading,Georgia,serif);letter-spacing:.18em}.cn-popup__brand span{margin-top:8px;font-size:9px;letter-spacing:.52em;padding-left:.52em}
  .cn-popup__content{display:flex;align-items:center;justify-content:center;padding:66px 48px 48px;text-align:center}.cn-popup__form{width:100%;max-width:390px}.cn-popup__eyebrow{margin:0 0 10px;font-size:13px;line-height:1.4;letter-spacing:.04em}.cn-popup__form h2{margin:0 0 14px;font-weight:400}.cn-popup__form h2 strong{display:block;font:400 clamp(48px,5vw,68px)/.98 var(--font-heading,Georgia,serif);letter-spacing:.01em}.cn-popup__form h2 span{display:block;margin-top:9px;font-size:17px;line-height:1.35}.cn-popup__intro{margin:0 auto 24px;max-width:340px;color:#4b4b47;font-size:13px;line-height:1.55}.cn-popup__form input[type=email]{display:block;width:100%;height:54px;margin:0 0 10px;padding:0 16px;border:1px solid #aaa;border-radius:0;background:#fff;color:#171713;font-size:14px;box-shadow:none}.cn-popup__form input[type=email]:focus{outline:2px solid #171713;outline-offset:2px}.cn-popup__submit,.cn-popup__shop{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:14px 18px;border:1px solid #171713;background:#171713;color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.17em;cursor:pointer}.cn-popup__decline{margin:16px auto 12px;padding:4px 8px;border:0;border-bottom:1px solid transparent;background:transparent;color:#696963;font-size:12px;cursor:pointer}.cn-popup__decline:hover{border-bottom-color:currentColor}.cn-popup__form small{display:block;color:#777;font-size:9px;line-height:1.5;font-style:italic}.cn-popup__error{margin:0 0 10px;color:#a41212;font-size:12px;text-align:left}.cn-popup__error ul{margin:0;padding-left:18px}.cn-popup__success{margin:20px 0;padding:17px;border:1px dashed #171713;background:#f5f4ef;font-size:24px;font-weight:700;letter-spacing:.14em}
  @media(max-width:749px){.cn-popup{align-items:center;padding:14px}.cn-popup__card{grid-template-columns:1fr;width:min(420px,calc(100vw - 28px));max-height:calc(100svh - 28px)}.cn-popup__media{min-height:190px}.cn-popup__media:after{width:230px;height:230px;top:58%}.cn-popup__media img{object-position:center 25%}.cn-popup__brand{top:25px}.cn-popup__brand b{font-size:21px}.cn-popup__close{top:10px;right:10px;width:38px;height:38px}.cn-popup__content{padding:28px 24px 26px}.cn-popup__form h2 strong{font-size:48px}.cn-popup__form h2 span{margin-top:7px;font-size:15px}.cn-popup__intro{margin-bottom:18px}.cn-popup__decline{margin-top:13px}.cn-popup__success{font-size:20px}}
  @media(max-width:390px){.cn-popup__media{min-height:150px}.cn-popup__content{padding:24px 18px 20px}.cn-popup__eyebrow{font-size:11px}.cn-popup__form h2 strong{font-size:43px}.cn-popup__form input[type=email],.cn-popup__submit{min-height:50px;height:50px}}
  @media(prefers-reduced-motion:no-preference){.cn-popup__card{animation:cn-popup-in .32s ease-out both}@keyframes cn-popup-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}}
/* END_SNIPPET:clara-newsletter-popup */