/* Packaging sample showroom. Public surfaces only; admin and service contracts stay separate. */
body.xm-storefront {
 --xm-ink:#20262d; --xm-muted:#606977; --xm-green:#d8443f; --xm-blue:#d8443f;
 --xm-paper:#f5f6f8; --xm-line:#dde2e8; --xm-soft:#fff4f2;
 --ink:var(--xm-ink); --muted:var(--xm-muted); --accent:var(--xm-blue); --blue:var(--xm-blue);
 font-family:"PingFang SC","HarmonyOS Sans","Microsoft YaHei",system-ui,sans-serif;
 font-size:16px; line-height:1.65; background:#fff;
}
body.xm-storefront .xm-page {font-size:16px; line-height:1.65; background:#fff}
body.xm-storefront .xm-wrap {max-width:1280px; width:calc(100% - 96px)}
body.xm-storefront .xm-page h1,body.xm-storefront .xm-page h2,body.xm-storefront .xm-page h3 {letter-spacing:-.035em; font-weight:600; text-wrap:balance}
body.xm-storefront .xm-page h2 {font-size:34px; line-height:1.35}
body.xm-storefront .xm-page h3 {font-size:19px; line-height:1.5}
body.xm-storefront :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid var(--xm-blue); outline-offset:5px}
body.xm-storefront :is(a,button,summary) {touch-action:manipulation}
body.xm-storefront svg {flex-shrink:0; vertical-align:middle}
body.xm-storefront .xm-btn {min-height:50px; padding:12px 24px; border-radius:28px; background:var(--xm-blue); border-color:var(--xm-blue); gap:22px; font-size:15px; transition:background .18s ease,box-shadow .18s ease}
body.xm-storefront .xm-btn:hover {background:#be3732; box-shadow:0 5px 18px #d8443f1a}
body.xm-storefront .xm-btn-plain {color:var(--xm-ink)!important; background:#fff; border-color:var(--xm-line)}
body.xm-storefront .xm-btn-plain:hover {background:var(--xm-soft)}
body.xm-storefront .xm-kicker {font-size:13px; letter-spacing:0; margin-bottom:12px; color:var(--xm-muted)}
body.xm-storefront .xm-note {font-size:13px; line-height:1.7}
body.xm-storefront .xm-section {padding-block:80px}
body.xm-storefront .xm-heading {margin-bottom:28px; align-items:center}
body.xm-storefront .xm-heading p {color:var(--xm-muted); font-size:15px; margin-top:12px}
body.xm-storefront .xm-more {display:inline-flex; align-items:center; gap:14px; min-height:44px; color:var(--xm-blue)!important; font-size:15px}
body.xm-storefront .xm-site-header {position:sticky; top:0; z-index:30; background:#fffffffa; border-bottom:1px solid var(--xm-line)}
body.xm-storefront .xm-site-header-row {min-height:78px; gap:24px}
body.xm-storefront .xm-site-brand {gap:12px}
body.xm-storefront .xm-site-mark {background:#ea4b41; border-radius:10px; width:40px; height:40px; font-size:25px}
body.xm-storefront .xm-site-brand strong {font-size:23px; font-weight:650; letter-spacing:1px}
body.xm-storefront .xm-site-brand small {font-size:9px; letter-spacing:1.7px; margin-top:5px}
body.xm-storefront .xm-site-nav {gap:27px}
body.xm-storefront .xm-site-nav a {font-size:14px; padding-block:14px; border-bottom:0; position:relative}
body.xm-storefront .xm-site-nav a[aria-current=page] {color:var(--xm-blue); border:0}
body.xm-storefront .xm-site-nav a[aria-current=page]:not(:last-child)::after {content:""; position:absolute; width:4px; height:4px; border-radius:50%; background:currentColor; bottom:5px; left:calc(50% - 2px)}
body.xm-storefront .xm-site-nav a:last-child {border:1px solid var(--xm-line); padding:8px 17px; border-radius:24px; background:#fff}
body.xm-storefront .xm-site-nav a:last-child:hover {background:var(--xm-soft); border-color:#c4d2fa}
.xm-nav-toggle {display:none}
body.xm-storefront .xm-category-bar {position:relative; border-top:1px solid #eef0f3; background:#fff}
body.xm-storefront .xm-category-bar-inner {position:static; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0}
body.xm-storefront .xm-category-dropdown {position:static; min-width:0}
body.xm-storefront .xm-category-dropdown summary {min-height:64px; padding:4px 16px; display:flex; justify-content:center; gap:10px; align-items:center; border-radius:0; font-size:15px; transition:background .16s ease,color .16s ease}
body.xm-storefront .xm-category-dropdown[open] summary {background:var(--xm-paper); color:var(--xm-blue)}
body.xm-storefront .xm-category-dropdown summary>svg {margin-left:8px; transition:transform .18s ease}
body.xm-storefront .xm-category-dropdown[open] summary>svg {transform:rotate(180deg)}
.xm-menu-thumb {width:48px; height:48px; object-fit:contain; border-radius:8px; mix-blend-mode:multiply}
body.xm-storefront .xm-category-popover {position:absolute; inset:100% 0 auto; margin:auto; width:min(1280px,calc(100% - 96px)); display:grid; grid-template-columns:250px minmax(0,1fr); gap:34px; padding:30px; background:#fff; border:1px solid var(--xm-line); border-top:0; border-radius:0 0 18px 18px; box-shadow:0 22px 40px #20262d18; z-index:31}
.xm-category-context {background:var(--xm-paper); border-radius:12px; padding:18px}
.xm-category-context>img,.xm-category-context>.box-diagram {width:100%; height:140px; object-fit:contain; mix-blend-mode:multiply; margin-bottom:14px}
.xm-category-context strong {display:block; font-size:21px; font-weight:600}
.xm-category-context p {font-size:13px; color:var(--xm-muted); line-height:1.7; margin:8px 0 14px}
.xm-category-context>a {display:flex; justify-content:space-between; align-items:center; font-size:14px; color:var(--xm-blue)}
body.xm-storefront .xm-category-children {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:9px 20px}
body.xm-storefront .xm-category-children>a {display:flex; gap:12px; min-height:64px; align-items:center; padding:8px; border-radius:9px; border:0; background:transparent; font-size:15px; transition:background .18s ease}
body.xm-storefront .xm-category-children>a:hover {background:var(--xm-soft)}
.xm-category-children>a>img {width:52px; height:52px; object-fit:contain; border-radius:6px; flex:none}
.xm-category-children>a>span {flex:1; min-width:0}
.xm-category-children small {display:block; color:var(--xm-muted); font-size:12px; margin-top:3px; line-height:1.5}
body.xm-storefront .xm-category-children>a>svg {margin-left:auto; width:18px; height:18px}
.xm-showroom {background:#f5f6f8; overflow:hidden}
.xm-showroom-grid {display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr); gap:22px; align-items:center; padding-block:42px 38px}
.xm-showroom-intro {padding:16px 0 24px; position:relative; z-index:2}
.xm-showroom-source {font-size:14px; margin-bottom:26px!important; color:var(--xm-muted)}
body.xm-storefront .xm-showroom-intro h1 {font-size:clamp(40px,4.2vw,60px); line-height:1.23; letter-spacing:-.055em; margin:0 0 27px; font-weight:650; max-width:9em}
.xm-showroom-intro h1>span {display:block}
.xm-showroom-description {color:var(--xm-muted); max-width:30em; font-size:16px; line-height:1.9}
.xm-showroom-actions {display:flex; gap:25px; align-items:center; margin-top:33px}
.xm-showroom-actions>a:last-child {font-size:15px; color:var(--xm-blue); min-height:44px; display:flex; align-items:center}
.xm-showroom-route {font-size:13px; color:var(--xm-muted); display:flex; align-items:center; gap:13px; margin-top:37px}
.xm-samples {position:relative; min-width:0; padding-top:10px}
.xm-sample-net {position:absolute; width:100%; height:460px; top:0; left:0; color:#c7ced8; opacity:.45; pointer-events:none}
.xm-sample-stage {height:395px; position:relative; perspective:1200px; isolation:isolate}
.xm-sample {position:absolute; left:50%; top:32px; width:320px; height:338px; margin-left:-160px; background:#fff; overflow:hidden; border-radius:16px; box-shadow:0 10px 18px #25324e12; border:1px solid #ffffff; z-index:var(--sample-depth); transform:translateX(calc(var(--sample-offset) * 129px + var(--sample-nudge,0px))) translateY(calc(var(--sample-distance) * 14px)) rotateY(calc(var(--sample-offset) * -18deg)) rotateZ(calc(var(--sample-offset) * 3deg)) scale(calc(1 - var(--sample-distance) * .14)); opacity:calc(1 - var(--sample-distance) * .14); transition:transform .38s cubic-bezier(.2,.7,.2,1),opacity .3s ease,box-shadow .3s ease; transform-origin:50% 65%}
.xm-sample-paper>img {display:block; width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply}
.xm-sample .box-diagram {width:100%; height:100%}
.xm-sample-label {position:absolute; bottom:16px; left:18px; color:#4d5763; font-size:12px; background:#ffffffde; padding:3px 10px; border-radius:12px}
.xm-sample[data-current=true] .xm-sample-paper {box-shadow:0 22px 38px #25324e1c}
body.xm-storefront .xm-sample:focus-visible {outline-offset:4px; opacity:1}
.xm-sample-controls {position:relative; display:flex; justify-content:center; gap:6px; z-index:3; margin:0 0 20px; flex-wrap:wrap}
.xm-sample-controls button {border:0; background:transparent; padding:9px 13px; min-height:44px; border-radius:22px; color:#647080; cursor:pointer; font-size:13px; transition:color .18s ease,background .18s ease}
.xm-sample-controls button[aria-pressed=true] {background:#fff; color:var(--xm-blue); box-shadow:0 2px 8px #20262d0b}
.xm-sample-information {position:relative; z-index:2; min-height:97px; border-top:1px solid var(--xm-line); max-width:570px; margin-inline:auto; padding:19px 8px 0}
.xm-sample-information>div {display:flex; align-items:center; justify-content:space-between; gap:20px}
body.xm-storefront .xm-sample-information h2 {font-size:18px; line-height:1.5; letter-spacing:0}
.xm-sample-information p {font-size:13px; color:var(--xm-muted); margin-top:3px!important; max-width:28em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.xm-sample-information small {font-size:11px; color:#707a86; display:block; margin-top:5px}
.xm-sample-detail {display:flex; align-items:center; gap:12px; font-size:14px; min-height:44px; white-space:nowrap; color:var(--xm-blue)!important}
.xm-home-filters {display:flex; gap:8px; flex-wrap:wrap; margin-top:30px}
.xm-home-filters button {border:1px solid var(--xm-line); border-radius:25px; padding:10px 23px; min-height:44px; background:#fff; font-size:14px; cursor:pointer; color:var(--xm-muted); transition:background .18s,color .18s,border-color .18s}
.xm-home-filters button[aria-pressed=true] {background:var(--xm-ink); border-color:var(--xm-ink); color:white}
.xm-filter-status {font-size:12px; color:var(--xm-muted); margin:18px 0!important}
body.xm-storefront .xm-product-grid {grid-template-columns:repeat(4,minmax(0,1fr)); gap:34px 23px; align-items:start}
body.xm-storefront .xm-product-tile {background:#fff; border:0; border-radius:0; box-shadow:none; overflow:visible; min-width:0}
body.xm-storefront .xm-product-art-link {display:block; border-radius:14px; overflow:hidden; position:relative; background:var(--xm-paper)}
body.xm-storefront .xm-product-art {aspect-ratio:1; padding:12px; background:var(--xm-paper); border:0; border-radius:0; min-width:0}
body.xm-storefront .xm-product-art img {height:100%; width:100%; object-fit:contain; mix-blend-mode:multiply; transition:transform .32s cubic-bezier(.2,.7,.2,1)}
body.xm-storefront .xm-image-disclosure {font-size:10px; color:#5b6672; background:#ffffffc9; border-radius:8px; padding:3px 8px; bottom:12px; left:12px; right:auto; max-width:calc(100% - 24px)}
body.xm-storefront .xm-image-disclosure:empty {display:none}
body.xm-storefront .xm-product-tile-copy {padding:17px 2px 0}
body.xm-storefront .xm-product-tile-copy>p:first-child {font-size:12px; color:var(--xm-muted); margin-bottom:5px}
body.xm-storefront .xm-product-tile-copy h3 {font-size:18px; line-height:1.6; letter-spacing:-.02em}
body.xm-storefront .xm-product-tile-copy h3>a {display:flex; justify-content:space-between; gap:12px; align-items:center}
body.xm-storefront .xm-product-tile-copy h3 span {display:grid; place-items:center; border-radius:50%; width:30px; height:30px; font-size:17px; background:var(--xm-paper); color:var(--xm-blue); transition:background .18s ease,color .18s ease}
body.xm-storefront .xm-product-description {font-size:13px; color:var(--xm-muted); margin-top:8px; line-height:1.7; min-height:44px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
body.xm-storefront .xm-product-entry {margin-top:11px; padding-top:0; border-top:0; min-height:36px; font-size:13px; color:var(--xm-blue)!important}
.xm-material-story {background:var(--xm-paper)}
.xm-material-layout {display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:76px; align-items:center; padding-block:80px}
.xm-material-layout>figure {margin:0; position:relative; border-radius:18px; overflow:hidden; aspect-ratio:1.32}
.xm-material-layout figure>img {width:100%; height:100%; object-fit:cover; display:block}
.xm-material-layout figcaption {position:absolute; left:15px; bottom:15px; font-size:11px; padding:4px 9px; background:#ffffffde; border-radius:8px; color:#596574}
body.xm-storefront .xm-material-layout h2 {font-size:39px; line-height:1.45}
.xm-material-layout>div>p {color:var(--xm-muted); font-size:15px; margin:24px 0 26px; max-width:29em; line-height:1.9}
.xm-craft-paths {display:grid; grid-template-columns:1fr 1fr; gap:0 23px; margin-bottom:25px}
.xm-craft-paths>a {display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #d7dde5; padding:13px 0; min-height:48px; font-size:15px}
.xm-factory-story {padding-block:85px; display:grid; grid-template-columns:1.1fr 1fr; gap:90px; align-items:center}
body.xm-storefront .xm-factory-story h2 {font-size:38px; line-height:1.45}
.xm-factory-story>div>p {color:var(--xm-muted); font-size:15px; max-width:32em; margin:22px 0 30px; line-height:1.9}
.xm-factory-story ol {list-style:none; padding:0; margin:0}
.xm-factory-story li {display:flex; align-items:flex-start; gap:20px; padding-block:19px; border-bottom:1px solid var(--xm-line)}
.xm-factory-story li:last-child {border:0}
.xm-factory-story li>span {display:grid; place-items:center; color:var(--xm-blue); background:var(--xm-soft); border-radius:50%; width:40px; height:40px; font-size:13px; flex:none; font-variant-numeric:tabular-nums}
.xm-factory-story li h3 {font-size:17px!important}
.xm-factory-story li p {font-size:14px; color:var(--xm-muted); margin-top:5px!important}
body.xm-storefront .xm-site-footer {margin:0; padding-block:42px 25px; background:#20262d; color:#fff; border:0}
body.xm-storefront .xm-footer-top {padding-block:0 30px; align-items:start; gap:40px}
body.xm-storefront .xm-footer-top strong {font-size:23px; font-weight:550}
body.xm-storefront .xm-footer-top p {color:#acb5c3; font-size:14px; margin-top:14px}
body.xm-storefront .xm-footer-top>div:last-child {display:grid; grid-template-columns:repeat(3,auto); gap:15px 28px; font-size:13px}
body.xm-storefront .xm-site-footer a:hover {color:#9bb6ff}
body.xm-storefront .xm-footer-bottom {border-top:1px solid #3c4652; padding-top:20px; color:#abb5c2; font-size:12px}
body.xm-storefront .xm-breadcrumb {font-size:12px; padding-block:23px; color:var(--xm-muted)}
body.xm-storefront .xm-catalogue-top {padding-top:13px}
body.xm-storefront .xm-catalogue-heading {margin-top:12px; margin-bottom:34px}
body.xm-storefront .xm-catalogue-heading h1 {font-size:45px}
body.xm-storefront .xm-catalogue-heading p {font-size:15px; color:var(--xm-muted)}
body.xm-storefront .xm-search {border-radius:28px; min-height:48px; overflow:hidden; width:340px; background:var(--xm-paper); border-color:var(--xm-paper)}
body.xm-storefront .xm-search input {background:transparent; font-size:14px; padding-inline:19px}
body.xm-storefront .xm-search button {border-radius:24px; margin:4px; font-size:13px; min-width:58px; background:var(--xm-ink); color:white}
body.xm-storefront .xm-family-links {gap:9px}
body.xm-storefront .xm-family-links a,body.xm-storefront .xm-subcategory-links a {border-radius:24px; min-height:44px; padding:10px 22px; font-size:14px; border:1px solid var(--xm-line); background:#fff}
body.xm-storefront .xm-family-links a[aria-current=page],body.xm-storefront .xm-subcategory-links a[aria-current=page] {background:var(--xm-ink); color:white; border-color:var(--xm-ink)}
body.xm-storefront .xm-subcategory-links {margin-top:14px; gap:8px}
body.xm-storefront .xm-subcategory-links a {font-size:13px; min-height:40px; padding:8px 17px}
body.xm-storefront .xm-catalogue-results {padding-top:30px; padding-bottom:75px}
body.xm-storefront .xm-filter-panel {border-radius:12px; border:1px solid var(--xm-line); margin-bottom:28px}
body.xm-storefront .xm-filter-panel summary {padding:16px 22px; font-size:14px}
body.xm-storefront .xm-filter-row {font-size:13px}
body.xm-storefront .xm-results-heading {padding-bottom:25px}
body.xm-storefront .xm-results-heading h2 {font-size:22px}
body.xm-storefront .xm-results-heading>span {font-size:13px}
body.xm-storefront .xm-product-detail {grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:50px; padding-top:8px; padding-bottom:55px}
body.xm-storefront .xm-product-gallery {position:sticky; top:165px; min-width:0}
body.xm-storefront .xm-detail-main-image {border-radius:18px; overflow:hidden; background:var(--xm-paper)}
body.xm-storefront .xm-detail-main-image>img {object-fit:contain; mix-blend-mode:multiply; padding:20px}
body.xm-storefront .xm-image-zoom {font-size:12px; min-height:36px; border-radius:20px; background:#fff; border:1px solid var(--xm-line); padding:7px 14px; right:14px; top:14px}
body.xm-storefront .xm-detail-thumbnails {gap:12px; margin-top:15px}
body.xm-storefront .xm-detail-thumbnails button {width:70px; height:70px; border-radius:10px; overflow:hidden; background:var(--xm-paper)}
body.xm-storefront .xm-detail-thumbnails button[aria-pressed=true] {border-color:var(--xm-blue)}
body.xm-storefront .xm-product-reference {margin-top:20px}
body.xm-storefront .xm-product-reference>div {font-size:13px; padding-block:11px}
body.xm-storefront .xm-product-title {padding-bottom:28px}
body.xm-storefront .xm-product-title h1 {font-size:35px}
body.xm-storefront .xm-product-title p {font-size:14px; color:var(--xm-muted); margin-top:13px}
body.xm-storefront .xm-cf-form {display:grid; grid-template-columns:minmax(0,1fr); gap:20px}
body.xm-storefront .xm-cf-group {border-bottom:1px solid #edf0f4; padding-bottom:23px; margin-bottom:24px}
body.xm-storefront .xm-cf-group legend {font-size:15px; margin-bottom:13px}
body.xm-storefront .xm-cf-group legend small {font-size:12px}
body.xm-storefront .xm-cf-choices {gap:8px}
body.xm-storefront .xm-cf-option {border-radius:9px; min-height:44px; padding:10px 14px; font-size:13px; transition:background .16s,border-color .16s}
body.xm-storefront .xm-cf-option:has(input:checked) {background:var(--xm-soft); border-color:var(--xm-blue); color:#1743b2}
body.xm-storefront .xm-cf-option:has(input:disabled) {color:#8b93a1; background:#f9fafb}
body.xm-storefront .xm-cf-option input {width:16px; height:16px}
body.xm-storefront .xm-cf-options-help {font-size:12px; margin-top:12px}
body.xm-storefront .xm-cf-dimensions {gap:13px; grid-template-columns:repeat(4,minmax(0,1fr))}
body.xm-storefront .xm-cf-dimensions>label {font-size:12px}
body.xm-storefront .xm-cf-dimensions input,body.xm-storefront .xm-cf-dimensions select {min-height:46px; border-radius:8px; background:#fff; padding:10px; font-size:14px; border:1px solid var(--xm-line)}
body.xm-storefront .xm-cf-basis {grid-column:1 / -1; max-width:220px}
body.xm-storefront .xm-cf-summary {position:static; background:var(--xm-paper); border:0; border-radius:14px; padding:22px 24px; margin:0}
body.xm-storefront .xm-cf-summary h2 {font-size:19px}
body.xm-storefront .xm-cf-summary dl {display:grid; grid-template-columns:1fr 1fr; gap:0 24px; margin-block:12px 20px}
body.xm-storefront .xm-cf-summary dl>div {font-size:12px; display:block; padding:9px 0; border-bottom:1px solid #e1e5eb}
body.xm-storefront .xm-cf-summary dt {color:var(--xm-muted); margin-bottom:4px}
body.xm-storefront .xm-cf-summary dd {margin:0; color:var(--xm-ink); font-size:13px; overflow-wrap:anywhere}
body.xm-storefront .xm-cf-summary .xm-note {margin-top:13px!important; font-size:12px}
body.xm-storefront .xm-cf-contact {border-radius:12px; border:1px solid var(--xm-line)}
body.xm-storefront .xm-cf-contact summary {padding:17px 22px; font-size:14px}
body.xm-storefront .xm-cf-contact-body {padding:20px}
body.xm-storefront .xm-cf-contact-grid label {font-size:13px}
body.xm-storefront :is(.xm-cf-contact-grid,.xm-fields) :is(input,select,textarea) {border-radius:8px; min-height:46px; border:1px solid var(--xm-line); padding:11px 13px; background:#fff}
body.xm-storefront .xm-product-description-panel {border-radius:18px; background:var(--xm-paper); padding:35px 38px; margin-bottom:30px; border:0}
body.xm-storefront .xm-product-description-panel h2 {font-size:23px}
body.xm-storefront .xm-product-description-panel p {font-size:14px; color:var(--xm-muted); line-height:1.9}
body.xm-storefront .xm-page-intro {padding-block:60px 40px}
body.xm-storefront .xm-page-intro h1 {font-size:45px}
body.xm-storefront .xm-page-intro>p {font-size:16px; color:var(--xm-muted); margin-top:20px; max-width:40em}
body.xm-storefront .xm-anchor-nav {gap:10px; margin-top:27px; flex-wrap:wrap}
body.xm-storefront .xm-anchor-nav a {border-radius:24px; min-height:44px; padding:9px 18px; border:1px solid var(--xm-line); font-size:14px}
.xm-craft-intro {display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; padding-block:58px}
body.xm-storefront .xm-craft-intro h1 {font-size:43px; line-height:1.45}
.xm-craft-intro p {font-size:15px; line-height:1.9; color:var(--xm-muted); margin-top:22px!important; max-width:32em}
.xm-craft-intro figure {position:relative; margin:0; border-radius:18px; overflow:hidden}
.xm-craft-intro figure>img {display:block; width:100%; height:auto}
.xm-craft-intro figcaption {position:absolute; bottom:15px; left:15px; border-radius:8px; padding:4px 10px; background:#ffffffde; font-size:11px; color:var(--xm-muted)}
body.xm-storefront .xm-craft-library {padding-bottom:50px}
body.xm-storefront .xm-craft-library>article {display:grid; grid-template-columns:220px minmax(0,1fr); gap:45px; padding-block:36px; border-top:1px solid var(--xm-line); scroll-margin-top:175px}
body.xm-storefront .xm-craft-library header {margin:0; display:block}
body.xm-storefront .xm-craft-library header h2 {font-size:27px}
body.xm-storefront .xm-craft-library header p {font-size:14px; color:var(--xm-muted); line-height:1.8; margin-top:15px}
body.xm-storefront .xm-craft-library article>div {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px}
body.xm-storefront .xm-craft-library article>div>a {padding:22px 20px; border-radius:12px; background:var(--xm-paper); border:0}
body.xm-storefront .xm-craft-library h3 {display:flex; justify-content:space-between; gap:12px; font-size:17px}
body.xm-storefront .xm-craft-library article>div>a p {font-size:13px; line-height:1.8; min-height:54px; margin-top:12px; color:var(--xm-muted)}
body.xm-storefront .xm-craft-library article>div>a>span {display:inline-flex; min-height:32px; align-items:center; margin-top:12px; font-size:12px; color:var(--xm-blue)}
body.xm-storefront .xm-bottom-cta {border:0; border-radius:18px; background:var(--xm-soft); padding:36px; margin-bottom:70px}
body.xm-storefront .xm-bottom-cta h2 {font-size:27px}
body.xm-storefront .xm-bottom-cta p {font-size:14px; color:var(--xm-muted)}
body.xm-storefront .xm-factory {padding-block:60px; background:var(--xm-paper)}
body.xm-storefront .xm-factory-layout {gap:60px; grid-template-columns:1fr 1fr}
body.xm-storefront .xm-factory-wordmark {background:var(--xm-blue); border-radius:16px; padding:48px 36px; min-height:370px}
body.xm-storefront .xm-factory-wordmark>span {font-size:43px; letter-spacing:4px}
body.xm-storefront .xm-factory-wordmark>small,body.xm-storefront .xm-factory-wordmark p,body.xm-storefront .xm-factory-wordmark a {color:#e6edff}
body.xm-storefront .xm-factory-wordmark a {border-color:#8caaf6; font-size:13px}
body.xm-storefront .xm-factory-wordmark:after {content:""; inset:120px -40px -90px 50px; background:url('/images/factory-structure.svg') center / contain no-repeat; opacity:.23; width:auto; height:auto}
body.xm-storefront .xm-factory-copy h3 {font-size:25px}
body.xm-storefront .xm-factory-copy>p {font-size:14px; color:var(--xm-muted)}
body.xm-storefront .xm-factory-fields>div {grid-template-columns:80px minmax(0,1fr); font-size:14px; border-color:var(--xm-line); padding-block:14px}
body.xm-storefront .xm-factory-fields dt {color:var(--xm-muted)}
body.xm-storefront .xm-factory-fields dd {color:var(--xm-ink)}
body.xm-storefront .xm-factory-photo {border-radius:16px; overflow:hidden; height:370px}
body.xm-storefront .xm-strengths {gap:22px}
body.xm-storefront .xm-strengths article {border:0; background:#fff; border-radius:14px; padding:25px}
body.xm-storefront .xm-strengths p {font-size:13px; color:var(--xm-muted)}
body.xm-storefront .xm-process {padding-block:55px}
body.xm-storefront .xm-process ol {border:0; gap:18px}
body.xm-storefront .xm-process li {border:0; background:var(--xm-paper); border-radius:12px; padding:26px}
body.xm-storefront .xm-process p {font-size:13px; color:var(--xm-muted); line-height:1.8}
body.xm-storefront .xm-contact-layout {gap:25px; margin-bottom:50px}
body.xm-storefront .xm-contact-layout>article {border:0; border-radius:16px; padding:35px; background:var(--xm-paper)}
body.xm-storefront .xm-contact-layout .xm-contact-quote {background:var(--xm-soft)}
body.xm-storefront .xm-contact-layout h2 {font-size:28px}
body.xm-storefront .xm-contact-layout p {font-size:15px; color:var(--xm-muted)}
body.xm-storefront .xm-inquiry-layout {gap:38px; padding-bottom:70px}
body.xm-storefront .xm-inquiry-form {border:1px solid var(--xm-line); border-radius:16px; padding:32px}
body.xm-storefront .xm-inquiry-form h2 {font-size:20px}
body.xm-storefront .xm-fields label {font-size:14px}
body.xm-storefront .xm-fields label small {font-size:12px}
body.xm-storefront .xm-inquiry-help {background:var(--xm-paper); border:0; border-radius:16px; padding:26px}
body.xm-storefront .xm-inquiry-help p {font-size:13px; color:var(--xm-muted)}
body.xm-storefront .xm-upload {border-radius:12px; background:var(--xm-paper); font-size:14px}
body.xm-storefront .xm-upload>span {font-size:12px}
body.xm-storefront .customer-login {gap:0; border-radius:18px; overflow:hidden; max-width:990px; margin:40px auto 70px; background:#fff; border:1px solid var(--xm-line); box-shadow:0 15px 45px #1d35570a}
body.xm-storefront .customer-login-intro {background:var(--xm-blue); color:#fff; padding:45px 35px; min-height:420px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center}
body.xm-storefront .customer-login-intro h1 {color:#fff; font-size:33px; line-height:1.45}
body.xm-storefront .customer-login-intro>p,body.xm-storefront .customer-login-intro>a {color:#edf2ff; font-size:14px}
body.xm-storefront .customer-login-intro .customer-kicker {color:#d4e0ff}
body.xm-storefront .customer-login>form {border:0; border-radius:0; padding:36px; box-shadow:none}
body.xm-storefront .customer-login>form h2 {font-size:23px}
body.xm-storefront .customer-login input:not([type=checkbox]) {min-height:47px; border-radius:8px}
body.xm-storefront .customer-login .button {min-height:48px; border-radius:25px; background:var(--xm-blue); color:white; border-color:var(--xm-blue)}
body.xm-storefront .customer-check input {accent-color:var(--xm-blue)}
body.xm-storefront .customer-order {border-radius:14px; padding:23px; box-shadow:none}
body.xm-storefront .customer-step {border-radius:10px}
body.xm-storefront #image-dialog {border-radius:15px; border:0; padding:30px; max-width:min(94vw,1000px); max-height:92vh}
body.xm-storefront #image-dialog::backdrop {background:#17202eb3}
body.xm-storefront #image-dialog img {max-height:75vh; object-fit:contain}
body.xm-storefront :is(#packaging-products,#configure,#factory,#capability) {scroll-margin-top:165px}
@media (hover:hover) and (pointer:fine) {
 body.xm-storefront .xm-product-tile:hover .xm-product-art img {transform:scale(1.045)}
 body.xm-storefront .xm-product-tile:hover h3 span {background:var(--xm-blue); color:white}
 body.xm-storefront .xm-category-dropdown summary:hover {color:var(--xm-blue); background:var(--xm-paper)}
}
@media (min-width:1500px) {
 .xm-showroom-grid {padding-block:60px 55px}
 .xm-sample-stage {height:430px}
 .xm-sample {width:350px; height:370px; margin-left:-175px}
}
@media (max-width:1100px) {
 body.xm-storefront .xm-wrap {width:calc(100% - 64px)}
 body.xm-storefront .xm-site-nav {gap:17px}
 body.xm-storefront .xm-site-brand strong {font-size:21px}
 .xm-showroom-grid {grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr); gap:0}
 body.xm-storefront .xm-showroom-intro h1 {font-size:45px}
 .xm-sample {width:270px; height:300px; margin-left:-135px; transform:translateX(calc(var(--sample-offset) * 96px + var(--sample-nudge,0px))) translateY(calc(var(--sample-distance) * 15px)) rotateY(calc(var(--sample-offset) * -22deg)) rotateZ(calc(var(--sample-offset) * 3deg)) scale(calc(1 - var(--sample-distance) * .18))}
 .xm-sample-stage {height:350px}
 .xm-showroom-actions {gap:18px; flex-wrap:wrap}
 .xm-material-layout {gap:40px}
 body.xm-storefront .xm-material-layout h2 {font-size:32px}
 .xm-factory-story {gap:55px}
 body.xm-storefront .xm-category-popover {width:calc(100% - 64px); grid-template-columns:210px 1fr; padding:23px}
 body.xm-storefront .xm-product-detail {gap:32px}
 body.xm-storefront .xm-product-title h1 {font-size:30px}
 body.xm-storefront .xm-craft-library>article {grid-template-columns:170px minmax(0,1fr); gap:25px}
 body.xm-storefront .xm-craft-library article>div {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:800px) {
 body.xm-storefront .xm-wrap {width:calc(100% - 40px)}
 body.xm-storefront .xm-site-header-row {min-height:73px; position:relative; gap:18px}
 body.xm-storefront .xm-site-brand strong {font-size:21px}
 body.xm-storefront .xm-site-mark {width:37px; height:37px; font-size:24px}
 body.xm-storefront .xm-site-nav {display:grid; grid-template-columns:repeat(3,1fr); gap:8px 20px; width:100%; padding:12px 0}
 body.xm-storefront:not(.xm-js) .xm-site-header-row {flex-wrap:wrap; padding-block:15px}
 body.xm-storefront.xm-js .xm-site-nav {display:none; position:absolute; top:73px; left:0; border:1px solid var(--xm-line); border-radius:14px; padding:15px; box-shadow:0 16px 40px #20262d20; background:#fff; z-index:40}
 body.xm-storefront.xm-nav-open .xm-site-nav {display:grid}
 body.xm-storefront .xm-site-nav a {padding:12px; min-height:46px; text-align:center; font-size:14px}
 body.xm-storefront .xm-site-nav a[aria-current=page] {background:var(--xm-soft); border-radius:8px}
 body.xm-storefront .xm-site-nav a[aria-current=page]::after {display:none}
 body.xm-storefront .xm-site-nav a:last-child {padding:12px; border-radius:8px}
 body.xm-storefront.xm-js .xm-nav-toggle {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:54px; height:50px; margin-left:auto; background:transparent; border:0; color:var(--xm-ink); cursor:pointer; padding:6px}
 .xm-nav-toggle>span:not(.xm-nav-toggle-label) {width:20px; height:1.5px; background:currentColor; display:block; transition:transform .2s ease}
 .xm-nav-toggle-label {font-size:10px; line-height:1.1}
 .xm-nav-open .xm-nav-toggle>span:first-child {transform:translateY(3.25px) rotate(45deg)}
 .xm-nav-open .xm-nav-toggle>span:nth-child(2) {transform:translateY(-3.25px) rotate(-45deg)}
 body.xm-storefront .xm-category-dropdown summary {min-height:55px; padding:4px; gap:5px; font-size:14px}
 body.xm-storefront .xm-category-dropdown summary>svg {margin:0; width:9px; height:9px}
 .xm-menu-thumb {display:none}
 body.xm-storefront .xm-category-popover {width:calc(100% - 30px); grid-template-columns:1fr; gap:14px; padding:17px; max-height:70vh; overflow:auto; border-radius:0 0 14px 14px}
 .xm-category-context {padding:0 0 12px; display:flex; align-items:center; gap:13px; background:#fff; border-bottom:1px solid var(--xm-line); border-radius:0}
 .xm-category-context>img,.xm-category-context>.box-diagram {height:52px; width:52px; margin:0; border-radius:6px}
 .xm-category-context strong {font-size:18px}
 .xm-category-context p {display:none}
 .xm-category-context>a {margin-left:auto; gap:7px; font-size:12px}
 body.xm-storefront .xm-category-children {gap:8px; grid-template-columns:repeat(2,minmax(0,1fr))}
 body.xm-storefront .xm-category-children>a {min-height:54px; gap:8px; padding:6px; font-size:13px}
 .xm-category-children>a>img {width:40px; height:40px}
 .xm-category-children small {display:none}
 body.xm-storefront .xm-category-children>a>svg {width:14px; height:14px}
 .xm-showroom-grid {grid-template-columns:minmax(0,1fr); gap:0; padding-block:28px 23px}
 .xm-showroom-intro {padding:0; text-align:center}
 .xm-showroom-source {font-size:12px; margin-bottom:15px!important}
 body.xm-storefront .xm-showroom-intro h1 {font-size:40px; line-height:1.25; margin:0 auto 17px; max-width:12em; letter-spacing:-.04em}
 .xm-showroom-description {font-size:14px; line-height:1.8; margin:auto!important; max-width:30em}
 .xm-showroom-actions {justify-content:center; margin-top:21px; gap:18px; flex-wrap:nowrap}
 body.xm-storefront .xm-showroom-actions .xm-btn {min-height:45px; font-size:13px; padding:10px 20px; gap:13px}
 .xm-showroom-actions>a:last-child {font-size:13px}
 .xm-showroom-route {display:none}
 .xm-samples {padding-top:14px; max-width:700px; width:100%; margin:auto}
 .xm-sample-stage {height:305px; overflow:hidden}
 .xm-sample {width:255px; height:272px; margin-left:-127.5px; top:18px; transform:translateX(calc(var(--sample-offset) * 126px + var(--sample-nudge,0px))) translateY(calc(var(--sample-distance) * 14px)) rotateY(calc(var(--sample-offset) * -18deg)) rotateZ(calc(var(--sample-offset) * 3deg)) scale(calc(1 - var(--sample-distance) * .18))}
 .xm-sample-net {height:330px; width:100%}
 .xm-sample-label {left:12px; bottom:11px; font-size:10px}
 .xm-sample-controls {gap:0; margin-bottom:11px; flex-wrap:nowrap}
 .xm-sample-controls button {font-size:12px; min-height:44px; padding:8px 12px}
 .xm-sample-information {min-height:85px; padding:14px 0 0}
 body.xm-storefront .xm-sample-information h2 {font-size:16px}
 .xm-sample-information p {font-size:12px; max-width:22em}
 .xm-sample-information small {font-size:10px}
 .xm-sample-detail {font-size:12px; gap:7px}
 body.xm-storefront .xm-section {padding-block:48px}
 body.xm-storefront .xm-heading h2 {font-size:27px}
 body.xm-storefront .xm-heading p {font-size:13px; line-height:1.7}
 body.xm-storefront .xm-more {font-size:12px; gap:8px}
 .xm-home-filters {gap:7px; margin-top:22px}
 .xm-home-filters button {padding:9px 16px; font-size:13px; min-height:42px}
 body.xm-storefront .xm-product-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 15px}
 body.xm-storefront .xm-product-tile-copy {padding-top:12px}
 body.xm-storefront .xm-product-tile-copy h3 {font-size:16px}
 body.xm-storefront .xm-product-tile-copy h3 span {width:25px; height:25px; font-size:14px}
 body.xm-storefront .xm-product-description {font-size:12px; min-height:40px}
 body.xm-storefront .xm-product-entry {font-size:12px; min-height:36px; margin-top:8px}
 body.xm-storefront .xm-image-disclosure {font-size:9px; bottom:8px; left:8px; padding:2px 6px}
 .xm-material-layout {grid-template-columns:1fr; gap:28px; padding-block:48px}
 .xm-material-layout>figure {aspect-ratio:1.65; border-radius:13px}
 body.xm-storefront .xm-material-layout h2 {font-size:30px}
 .xm-material-layout>div>p {font-size:14px; margin-block:18px 20px}
 .xm-factory-story {grid-template-columns:1fr; gap:25px; padding-block:50px}
 body.xm-storefront .xm-factory-story h2 {font-size:30px}
 .xm-factory-story>div>p {font-size:14px}
 .xm-factory-story li {padding-block:16px}
 body.xm-storefront .xm-footer-top {flex-direction:column; gap:25px}
 body.xm-storefront .xm-footer-top strong {font-size:20px}
 body.xm-storefront .xm-footer-top>div:last-child {width:100%; grid-template-columns:repeat(3,1fr); gap:16px}
 body.xm-storefront .xm-footer-bottom {align-items:flex-start; gap:15px}
 body.xm-storefront .xm-catalogue-heading {display:block; margin-top:5px; margin-bottom:25px}
 body.xm-storefront .xm-catalogue-heading h1 {font-size:35px}
 body.xm-storefront .xm-catalogue-heading p {font-size:14px; margin-top:12px}
 body.xm-storefront .xm-search {width:100%; margin-top:22px}
 body.xm-storefront .xm-family-links {flex-wrap:wrap; gap:8px}
 body.xm-storefront .xm-family-links a {font-size:13px; min-height:42px; padding:9px 16px}
 body.xm-storefront .xm-subcategory-links a {font-size:12px; padding:8px 14px}
 body.xm-storefront .xm-catalogue-results {padding-top:25px; padding-bottom:50px}
 body.xm-storefront .xm-results-heading h2 {font-size:19px}
 body.xm-storefront .xm-results-heading>span {font-size:12px}
 body.xm-storefront .xm-product-detail {grid-template-columns:minmax(0,1fr); gap:30px; padding-bottom:30px}
 body.xm-storefront .xm-product-gallery {position:static}
 body.xm-storefront .xm-product-title h1 {font-size:29px}
 body.xm-storefront .xm-detail-main-image>img {padding:16px}
 body.xm-storefront .xm-detail-main-image {max-height:550px}
 body.xm-storefront .xm-cf-dimensions {grid-template-columns:repeat(2,minmax(0,1fr))}
 body.xm-storefront .xm-cf-summary {padding:20px}
 body.xm-storefront .xm-product-description-panel {padding:25px; margin-bottom:15px}
 body.xm-storefront .xm-page-intro {padding-block:35px 28px}
 body.xm-storefront .xm-page-intro h1 {font-size:33px}
 body.xm-storefront .xm-page-intro>p {font-size:14px}
 .xm-craft-intro {grid-template-columns:1fr; gap:25px; padding-block:35px}
 body.xm-storefront .xm-craft-intro h1 {font-size:33px}
 .xm-craft-intro p {font-size:14px}
 .xm-craft-intro figure {border-radius:13px}
 body.xm-storefront .xm-craft-library>article {grid-template-columns:1fr; gap:22px; padding-block:30px}
 body.xm-storefront .xm-craft-library header h2 {font-size:25px}
 body.xm-storefront .xm-craft-library header p {margin-top:9px; font-size:13px}
 body.xm-storefront .xm-craft-library article>div {gap:12px}
 body.xm-storefront .xm-craft-library article>div>a {padding:18px 15px}
 body.xm-storefront .xm-craft-library h3 {font-size:15px}
 body.xm-storefront .xm-craft-library article>div>a p {font-size:12px}
 body.xm-storefront .xm-bottom-cta {padding:26px; flex-direction:column; align-items:flex-start; margin-bottom:45px}
 body.xm-storefront .xm-bottom-cta h2 {font-size:25px}
 body.xm-storefront .xm-factory {padding-block:35px}
 body.xm-storefront .xm-factory-layout {grid-template-columns:1fr; gap:30px}
 body.xm-storefront .xm-factory-wordmark {min-height:315px; padding:36px 28px}
 body.xm-storefront .xm-factory-wordmark>span {font-size:36px}
 body.xm-storefront .xm-factory-photo {height:300px}
 body.xm-storefront .xm-factory-fields>div {font-size:13px; grid-template-columns:72px 1fr}
 body.xm-storefront .xm-strengths {grid-template-columns:1fr; gap:12px}
 body.xm-storefront .xm-process ol {grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
 body.xm-storefront .xm-process li {padding:19px}
 body.xm-storefront .xm-process h3 {font-size:16px}
 body.xm-storefront .xm-process p {font-size:12px}
 body.xm-storefront .xm-contact-layout {grid-template-columns:1fr; gap:20px}
 body.xm-storefront .xm-contact-layout>article {padding:28px}
 body.xm-storefront .xm-contact-layout h2 {font-size:25px}
 body.xm-storefront .xm-inquiry-layout {grid-template-columns:1fr; gap:23px}
 body.xm-storefront .xm-inquiry-form {padding:24px 20px}
 body.xm-storefront .customer-login {grid-template-columns:1fr; margin-block:15px 45px}
 body.xm-storefront .customer-login-intro {min-height:0; padding:27px 24px}
 body.xm-storefront .customer-login-intro h1 {font-size:26px}
 body.xm-storefront .customer-login-intro>p {font-size:13px}
 body.xm-storefront .customer-login-intro>a {font-size:13px}
 body.xm-storefront .customer-login>form {padding:26px 23px}
 body.xm-storefront .customer-order {padding:18px}
 body.xm-storefront #image-dialog {padding:22px}
 body.xm-storefront :is(#packaging-products,#configure,#factory,#capability) {scroll-margin-top:145px}
}
@media (max-width:380px) {
 body.xm-storefront .xm-wrap {width:calc(100% - 32px)}
 body.xm-storefront .xm-showroom-intro h1 {font-size:33px}
 .xm-sample {width:220px; height:238px; margin-left:-110px; transform:translateX(calc(var(--sample-offset) * 100px + var(--sample-nudge,0px))) translateY(calc(var(--sample-distance) * 14px)) rotateY(calc(var(--sample-offset) * -22deg)) rotateZ(calc(var(--sample-offset) * 3deg)) scale(calc(1 - var(--sample-distance) * .2))}
 .xm-sample-stage {height:270px}
 .xm-sample-controls button {padding-inline:9px; font-size:12px}
 .xm-sample-information p {max-width:16em}
 body.xm-storefront .xm-product-grid {gap:23px 12px}
 body.xm-storefront .xm-product-tile-copy h3 {font-size:14px}
 body.xm-storefront .xm-cf-summary dl {grid-template-columns:1fr}
 body.xm-storefront .xm-site-nav {gap:6px; grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce) {
 body.xm-storefront *,body.xm-storefront *::before,body.xm-storefront *::after {scroll-behavior:auto!important; animation:none!important; transition:none!important}
}

/* Keep the hit area still while lifting the paper surface and making space beside it. */
.xm-sample {background:transparent; border:0; box-shadow:none; overflow:visible}
.xm-sample-paper {display:block; position:relative; width:100%; height:100%; border-radius:16px; overflow:hidden; background:#fff; border:1px solid #fff; box-shadow:0 10px 18px #25324e12; transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}
.xm-sample-hover .xm-sample-paper {transform:translateY(-10px) scale(1.025); box-shadow:0 24px 40px #25324e22}
@media(prefers-reduced-motion:reduce) {.xm-sample-paper {transition:none}.xm-sample-hover .xm-sample-paper {transform:none}}

/* Restore readable text where older public navigation rules styled every span as an icon. */
body.xm-storefront .xm-category-dropdown summary>span {font-size:15px; color:inherit; margin:0}
body.xm-storefront .xm-category-children>a>span {color:var(--xm-ink); font-size:14px; font-weight:500}
body.xm-storefront .xm-site-footer a {color:#dde5f1}
body.xm-storefront .xm-site-footer a:hover {color:#9bb6ff}
@media(max-width:800px) {body.xm-storefront .xm-category-dropdown summary>span {font-size:13px}.xm-sample-stage {height:285px}.xm-sample {height:250px}.xm-category-children>a>span {font-size:13px!important}}
@media(max-width:380px) {.xm-sample-stage {height:260px}.xm-sample {height:230px}}

body.xm-storefront .orders-page {width:calc(100% - 96px); max-width:1280px; margin-inline:auto; padding-block:50px 80px}
body.xm-storefront .orders-page .section-heading h1 {font-size:40px}
body.xm-storefront .orders-page .eyebrow {font-size:13px; letter-spacing:0; color:var(--xm-muted)}
body.xm-storefront .receipt-access {background:var(--xm-paper); border-radius:12px}
body.xm-storefront .receipt-access summary {min-height:44px; cursor:pointer}
body.xm-storefront .orders-page .button {background:var(--xm-blue); color:#fff; border-radius:24px; min-height:46px; border:1px solid var(--xm-blue)}
body.xm-storefront .xm-strengths article>span {display:none}
@media(max-width:800px) {body.xm-storefront .orders-page {width:calc(100% - 40px); padding-block:32px 55px}body.xm-storefront .orders-page .section-heading h1 {font-size:30px}}

@media(max-width:800px) {body.xm-storefront input:not([type=checkbox]):not([type=radio]),body.xm-storefront textarea,body.xm-storefront select {font-size:16px}}

/* Keep legacy public inquiry effects and narrow factory columns out of this layout. */
body.xm-storefront .xm-strengths article {display:block}
body.xm-storefront .xm-strengths article h3 {font-size:18px; margin:0 0 10px; text-wrap:pretty}
body.xm-storefront .xm-factory-wordmark>span {color:#fff}
body.xm-storefront .xm-factory-wordmark:after {display:block}
body.xm-storefront .orders-page .section-heading {display:flex; flex-direction:column; align-items:flex-start; gap:16px; margin-bottom:24px}
body.xm-storefront .orders-page .section-heading h1 {color:var(--xm-ink)}
body.xm-storefront .orders-page>.section-heading p:not(.eyebrow) {color:var(--xm-muted); font-size:15px; max-width:42em; margin-top:14px}
body.xm-storefront .orders-page .text-link {color:var(--xm-blue); font-size:14px}
body.xm-storefront .reveal-on-scroll {opacity:1; transform:none; transition:none}
/* 2026-10-18: product-first storefront, shared with existing configuration flows. */
body.xm-storefront {--xm-blue:#d8443f;--xm-green:#d8443f;--xm-ink:#202936;--xm-muted:#647184;--xm-line:#e4e9ef;--xm-soft:#fff4f2;font-size:15px}
body.xm-storefront .xm-wrap {width:calc(100% - 64px);max-width:1320px}
body.xm-storefront .xm-site-header-row {min-height:80px;gap:24px}
body.xm-storefront .xm-site-brand {flex-shrink:0}
body.xm-storefront .xm-site-brand strong {font-size:23px;letter-spacing:0}
body.xm-storefront .xm-site-brand small {font-size:12px;letter-spacing:1px;color:var(--xm-muted)}
body.xm-storefront .xm-site-mark {background:#d8443f;border-radius:7px}
.xm-header-search {display:flex;align-items:center;flex:1;max-width:320px;border:1px solid #e0e5eb;border-radius:6px;background:#f6f8fa;min-width:140px;overflow:hidden}
.xm-header-search input {width:100%;min-width:0;border:0!important;background:transparent!important;padding:11px 12px;font-size:13px;box-shadow:none!important}
.xm-header-search button {padding:10px 14px;background:transparent;border:0;color:#505c6d;white-space:nowrap}
body.xm-storefront .xm-site-nav {gap:23px;margin-left:auto}
body.xm-storefront .xm-site-nav a {font-size:14px;white-space:nowrap}
body.xm-storefront .xm-site-nav a[aria-current=page]:not(:last-child)::after {width:20px;height:2px;border-radius:0;left:calc(50% - 10px)}
body.xm-storefront .xm-site-nav a:last-child {border-radius:5px;padding:9px 14px;border-color:#e2e7ed}
body.xm-storefront .xm-category-dropdown summary {min-height:48px;font-size:14px}
body.xm-storefront .xm-menu-thumb {width:34px;height:34px}
body.xm-storefront .xm-btn {min-height:44px;padding:11px 22px;border-radius:5px;gap:12px;background:#d8443f;border-color:#d8443f}
body.xm-storefront .xm-btn:hover {background:#be3732;box-shadow:none}
body.xm-storefront .xm-btn-plain {background:#fff;border-color:#dce2e9}
body.xm-storefront .xm-page h1,body.xm-storefront .xm-page h2,body.xm-storefront .xm-page h3 {letter-spacing:0}
body.xm-storefront .xm-heading h2 {font-size:28px}
body.xm-storefront .xm-heading p {font-size:14px;margin-top:8px}
body.xm-storefront .xm-section {padding-block:52px}
body.xm-storefront .xm-heading {margin-bottom:24px}
.xm-market-start {background:#f5f7fa;padding:24px 0}
.xm-market-top {display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px}
.xm-product-rail {background:#fff;border:1px solid var(--xm-line);border-radius:8px;overflow:hidden}
.xm-product-rail h2 {font-size:15px!important;padding:15px 18px;border-bottom:1px solid #edf0f4;margin:0}
.xm-product-rail>div {padding:10px 18px;border-bottom:1px solid #f0f2f5}
.xm-rail-category {display:flex;justify-content:space-between;font-size:14px;line-height:1.7}
.xm-product-rail p {display:flex;flex-wrap:wrap;gap:3px 11px;font-size:12px;color:#758091;margin:4px 0 0;line-height:1.9}
.xm-product-rail p a:hover {color:#d8443f}
.xm-rail-all {display:block;padding:10px 18px;color:#d8443f;font-size:13px}
.xm-market-hero {position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);min-height:405px;background:#e9f0f3;border-radius:8px;overflow:hidden}
.xm-market-copy {padding:44px 0 36px 40px;position:relative;z-index:1}
.xm-market-copy>p:first-child {font-size:13px;color:#5b6c79;margin-bottom:18px}
body.xm-storefront .xm-market-copy h1 {font-size:40px;line-height:1.35;max-width:9em;margin:0 0 18px;font-weight:650;text-wrap:pretty}
.xm-market-copy>p:not(:first-child) {font-size:14px;color:#5e6d7a;line-height:1.9;max-width:27em}
.xm-market-actions {margin-top:26px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:13px}
.xm-market-hero figure {margin:0;position:relative;align-self:stretch;min-width:0;background:#eef2f5}
.xm-market-hero img {width:100%;height:100%;max-height:470px;object-fit:contain;display:block;mix-blend-mode:multiply}
.xm-market-hero figcaption {position:absolute;bottom:13px;right:15px;font-size:11px;color:#657481;background:#ffffffc9;padding:3px 7px;border-radius:3px;max-width:90%}
.xm-task-paths {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;background:#fff;border:1px solid var(--xm-line);border-radius:7px}
.xm-task-paths>a {display:flex;align-items:center;gap:16px;padding:21px 25px;border-right:1px solid #edf0f4}
.xm-task-paths>a:last-child {border:0}
.xm-task-paths>a>span:last-child {margin-left:auto;color:#87919e}
.xm-path-icon {display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#f7f3f1;color:#bd5147;font-size:24px;flex:none}
.xm-task-paths strong {display:block;font-size:16px;font-weight:600}
.xm-task-paths small {display:block;font-size:12px;color:#6c7786;margin-top:4px}
.xm-series-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.xm-series {display:grid;grid-template-columns:42% minmax(0,1fr);border:1px solid var(--xm-line);border-radius:8px;overflow:hidden;background:#fff;min-width:0}
.xm-series:last-child:nth-child(odd) {grid-column:1/-1;grid-template-columns:28% minmax(0,1fr)}
.xm-series-image {display:flex;align-items:center;background:#f5f7f9;min-height:230px;min-width:0}
.xm-series-image img {width:100%;height:auto;max-height:290px;object-fit:contain;display:block;mix-blend-mode:multiply}
.xm-series-body {padding:23px 24px;min-width:0}
.xm-series-title {display:flex;justify-content:space-between;align-items:center;gap:12px}
body.xm-storefront .xm-series-title h3 {font-size:22px;margin:0}
.xm-series-title>span {color:#758090;font-size:12px;white-space:nowrap}
.xm-series-body>p {font-size:13px;color:#6c7786;line-height:1.7;margin:10px 0 17px}
.xm-series-body nav {display:flex;flex-wrap:wrap;gap:8px}
.xm-series-body nav a {padding:5px 9px;font-size:12px;color:#566274;background:#f5f7f9;border-radius:3px}
.xm-series-body nav a:hover {background:#fff0ed;color:#bc3a33}
body.xm-storefront .xm-home-products {padding-top:12px}
body.xm-storefront .xm-product-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
body.xm-storefront .xm-product-tile {border:1px solid #e7ebf0;border-radius:7px;overflow:hidden;background:#fff}
body.xm-storefront .xm-product-art {border-radius:0;aspect-ratio:1.15;background:#f5f7f9}
body.xm-storefront .xm-product-art img {width:100%;height:100%;object-fit:contain}
body.xm-storefront .xm-product-tile-copy {padding:15px 17px 17px}
body.xm-storefront .xm-product-tile-copy h3 {font-size:17px}
body.xm-storefront .xm-product-tile-copy h3 span {display:none}
body.xm-storefront .xm-product-description {font-size:13px;line-height:1.7;min-height:0}
body.xm-storefront .xm-product-entry {font-size:13px;color:#b9443c;border-top:0;padding-top:10px}
body.xm-storefront .xm-home-filters {gap:7px}
body.xm-storefront .xm-home-filters button {border-radius:4px;min-height:36px;padding:7px 15px;font-size:13px}
.xm-service-band {padding:30px 0 54px;border-top:1px solid var(--xm-line)}
.xm-service-band h2 {font-size:25px!important;margin:0 0 10px}
.xm-service-band p {font-size:14px;color:#687586}
.xm-service-band nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:25px}
.xm-service-band nav a {border-left:2px solid #d8443f;padding-left:15px}
.xm-service-band strong,.xm-service-band span {display:block}
.xm-service-band strong {font-size:15px;font-weight:600}
.xm-service-band span {font-size:13px;color:#748091;margin-top:5px}
.xm-recent-products {padding-top:30px}
.xm-recent-products .xm-heading {margin-bottom:12px}
.xm-recent-products .xm-heading h2 {font-size:19px!important}
.xm-recent-products button {border:0;background:none;font-size:12px;color:#748091}
[data-recent-items] {display:flex;gap:12px;overflow:auto;padding-bottom:5px}
[data-recent-items]>a {display:flex;align-items:center;gap:12px;min-width:200px;padding:9px 13px;background:#f6f8fa;border-radius:5px;font-size:13px}
[data-recent-items] img {width:48px;height:48px;object-fit:contain}
body.xm-storefront .xm-product-detail {gap:42px;padding-block:30px 40px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
body.xm-storefront .xm-product-title h1 {font-size:29px}
body.xm-storefront .xm-cf-group {border-radius:5px;border-color:#e5e9ee;padding:18px}
body.xm-storefront .xm-cf-option {border-radius:4px;min-height:40px}
body.xm-storefront .xm-cf-summary {border-radius:5px;background:#f7f9fb;border-color:#e5e9ee}
body.xm-storefront .xm-inquiry-help {border-radius:6px;background:#f6f8fa;border-color:#e7ebf0}
@media(min-width:1600px){body.xm-storefront .xm-market-copy h1{font-size:44px}}
@media(max-width:1180px){.xm-header-search{max-width:230px}body.xm-storefront .xm-site-nav{gap:16px}.xm-market-top{grid-template-columns:205px minmax(0,1fr)}.xm-market-copy{padding-left:28px}.xm-market-hero{grid-template-columns:1fr 1fr}body.xm-storefront .xm-market-copy h1{font-size:34px}.xm-task-paths>a{padding:18px;gap:10px}.xm-series-body{padding:18px}}
@media(max-width:980px){.xm-header-search{display:none}.xm-market-top{grid-template-columns:1fr}.xm-product-rail{display:none}.xm-market-hero{min-height:360px}.xm-market-copy{padding:35px}.xm-task-paths strong{font-size:14px}.xm-path-icon{display:none}.xm-series-grid{gap:14px}.xm-series{grid-template-columns:38% 1fr}.xm-series-title{align-items:flex-start;flex-direction:column;gap:2px}.xm-series-body nav{gap:5px}body.xm-storefront .xm-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){body.xm-storefront .xm-wrap{width:calc(100% - 32px)}body.xm-storefront .xm-site-header-row{min-height:65px;gap:16px}body.xm-storefront .xm-site-brand strong{font-size:20px}body.xm-storefront .xm-site-brand small{font-size:11px}body.xm-storefront .xm-site-brand .xm-site-mark{width:34px;height:34px;font-size:23px}body.xm-storefront .xm-category-dropdown summary{min-height:43px;padding:6px 10px;font-size:13px}.xm-market-start{padding:15px 0 18px}.xm-market-hero{grid-template-columns:1fr;min-height:0}.xm-market-copy{padding:26px 23px 20px}.xm-market-copy>p:first-child{margin-bottom:12px}body.xm-storefront .xm-market-copy h1{font-size:31px;max-width:10em;margin-bottom:12px}.xm-market-copy>p:not(:first-child){font-size:13px;max-width:none}.xm-market-actions{margin-top:19px;gap:15px}.xm-market-hero figure{height:225px}.xm-market-hero img{height:100%;max-height:none}.xm-market-hero figcaption{font-size:10px;bottom:8px;right:8px}.xm-task-paths{grid-template-columns:1fr;margin-top:13px}.xm-task-paths>a{padding:13px 17px;border-right:0;border-bottom:1px solid #edf0f4}.xm-task-paths strong{font-size:14px}.xm-task-paths small{margin-top:2px}.xm-path-icon{display:grid;width:33px;height:33px;font-size:20px}.xm-task-paths>a>span:last-child{font-size:20px}body.xm-storefront .xm-section{padding-block:32px}body.xm-storefront .xm-heading h2{font-size:23px}body.xm-storefront .xm-heading p{font-size:13px}.xm-series-grid{grid-template-columns:1fr;gap:14px}.xm-series,.xm-series:last-child:nth-child(odd){grid-column:auto;grid-template-columns:38% minmax(0,1fr)}.xm-series-image{min-height:210px}.xm-series-image img{height:auto;max-height:235px}.xm-series-body{padding:17px 15px}body.xm-storefront .xm-series-title h3{font-size:19px}.xm-series-body>p{margin:8px 0 12px;font-size:12px}.xm-series-body nav a{font-size:12px;padding:4px 6px}.xm-series-title>span{font-size:12px}body.xm-storefront .xm-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.xm-storefront .xm-product-tile-copy{padding:12px}body.xm-storefront .xm-product-tile-copy h3{font-size:15px}body.xm-storefront .xm-product-tile-copy>p:first-child{font-size:12px}body.xm-storefront .xm-product-description{font-size:12px}body.xm-storefront .xm-product-entry{font-size:12px}.xm-service-band{padding:25px 0 35px}.xm-service-band h2{font-size:22px!important}.xm-service-band nav{grid-template-columns:1fr;gap:20px}body.xm-storefront .xm-product-detail{grid-template-columns:1fr;gap:20px;padding-top:15px}body.xm-storefront .xm-product-title h1{font-size:25px}body.xm-storefront .xm-cf-group{padding:14px}}

.xm-market-copy h1>span{display:block}.xm-market-hero figcaption{font-size:12px}@media(max-width:680px){.xm-market-hero figcaption{font-size:12px;line-height:1.5}}
@media(max-width:680px){body.xm-storefront .xm-category-dropdown summary{white-space:nowrap;gap:3px;padding:10px 3px;min-height:44px;font-size:12px}body.xm-storefront .xm-category-dropdown summary>svg{margin-left:0;width:9px;flex-shrink:0}}