/* Header columns align with the storefront's category, campaign and member panels. */
@media(min-width:901px){
 .atelier-home .at-header-inner{display:grid;grid-template-columns:250px minmax(0,1fr) 230px;gap:24px;height:96px;min-height:96px;padding:12px 0}
 .atelier-home .at-header-inner .at-brand{width:auto}
 .atelier-home .at-header-inner .jx-search-wrap{width:100%}
 .atelier-home .at-header-inner .jx-header-service{width:100%;height:68px;box-sizing:border-box;grid-template-columns:27px minmax(0,1fr) 27px minmax(0,1fr);gap:7px;padding:13px 12px;border-radius:12px;background:linear-gradient(135deg,#f3eadb,#ebe0cd);box-shadow:inset 0 1px 0 #fffaf1,0 5px 13px #5137180b;color:#583d29}
 .atelier-home .jx-header-service small{font-size:9px;white-space:nowrap;color:#907952}
 .atelier-home .jx-header-service svg{color:#a1814e;width:26px;height:26px}
 .atelier-home .jx-header-service svg:nth-of-type(2){margin-left:0}
}
.atelier-home .jx-nav-wrap{height:56px;background:transparent}
.atelier-home .jx-nav-inner{height:56px;padding:6px;gap:16px;border-radius:14px;background:linear-gradient(180deg,#843c36 0%,#712925 55%,#60231f 100%);box-shadow:inset 0 1px 0 #b77d65,0 8px 17px #51271e20;color:#fff0d6;position:relative}
.atelier-home .jx-nav-inner>span{width:178px;background:linear-gradient(135deg,#f3dfb8,#d7b77e);color:#4c291e;border-radius:9px;font-size:13px;letter-spacing:1px;box-shadow:inset 0 1px 0 #fff4de,0 3px 7px #3b181522}
.atelier-home .jx-nav-inner .at-nav{padding-right:8px;color:#fff0d6}
.atelier-home .jx-nav-inner .at-nav-item>a{height:38px;background:transparent;color:#f3e5d1;font-size:12px;border-radius:7px;padding:0 9px;transition:background .25s,color .25s,transform .25s}
.atelier-home .jx-nav-inner .at-nav-item:first-child>a{background:#fff3d412;color:#ffe6aa;box-shadow:inset 0 1px 0 #e9c58c20;font-weight:600}
.atelier-home .jx-nav-inner .at-nav-item:first-child>a:after{bottom:3px;left:12px;right:12px;background:#e3bd75;height:2px}
.atelier-home .jx-nav-inner .at-nav-item>a:hover{background:#ffefd522;color:#ffe6aa;transform:translateY(-1px)}
.atelier-home .jx-nav-inner .at-nav-item>a:focus-visible{outline:2px solid #edce92;outline-offset:1px}
@media(max-width:900px){.atelier-home .jx-nav-inner{gap:10px}.atelier-home .jx-nav-inner>span{width:155px}.atelier-home .jx-nav-inner .at-nav-item>a{padding:0 9px}}
@media(max-width:600px){.atelier-home .jx-nav-wrap,.atelier-home .jx-nav-inner{height:50px}.atelier-home .jx-nav-inner{padding:5px;border-radius:11px;gap:8px}.atelier-home .jx-nav-inner>span{width:112px;font-size:11px;letter-spacing:0}.atelier-home .jx-nav-inner .at-nav-item>a{height:34px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.atelier-home .jx-nav-inner .at-nav-item>a{transition:none;transform:none!important}}