body.storefront [data-storefront-catalog-panel] [data-catalog-floating-root]{position:relative;font:400 14px/1.5 var(--storefront-font);color:var(--storefront-ink)}body.storefront .storefront-category-rail{display:flex;align-items:stretch;flex-wrap:wrap;gap:0 30px;max-width:1200px;margin:0 auto;padding:0;list-style:none}body.storefront .storefront-category-rail>li{position:relative;display:flex;align-items:center;min-height:65px;gap:2px}body.storefront .storefront-category-rail>li:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--storefront-blue);transform:scaleX(0);transform-origin:center;transition:transform .28s var(--storefront-ease);pointer-events:none}body.storefront .storefront-category-rail>li:hover:after,body.storefront .storefront-category-rail>li:focus-within:after,body.storefront .storefront-category-rail>li[data-open]:after,body.storefront .storefront-category-rail>li[data-active]:after,body.storefront .storefront-category-rail>li:has(>a[aria-current=page]):after{transform:scaleX(1)}body.storefront .storefront-category-rail>li>a{display:flex;align-items:center;align-self:stretch;max-width:200px;padding:16px 0;color:var(--storefront-ink);text-decoration:none;font-size:14px;line-height:20px}body.storefront .storefront-category-rail>li>a[aria-current=page],body.storefront .storefront-category-rail>li[data-open]>a,body.storefront .storefront-category-rail>li[data-active]>a{color:var(--storefront-blue)}body.storefront .storefront-category-rail button{display:grid;place-items:center;width:32px;height:40px;padding:8px;border:0;border-radius:0;background:transparent;color:var(--storefront-muted);cursor:pointer}body.storefront .storefront-category-rail button svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none;transition:transform .24s var(--storefront-ease)}body.storefront .storefront-category-rail button[aria-expanded=true] svg{transform:rotate(180deg)}body.storefront .storefront-category-rail a:hover,body.storefront .storefront-category-menu a:hover{color:var(--storefront-blue)}body.storefront .storefront-category-viewport{position:relative;z-index:2;background:var(--storefront-surface);border-top:1px solid var(--storefront-line);animation:storefront-category-in .24s var(--storefront-ease)}body.storefront .storefront-category-menu{max-height:min(520px,calc(100dvh - 200px));overflow:auto;overscroll-behavior:contain;padding:44px 0 48px;background:var(--storefront-surface)}body.storefront .storefront-category-menu-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 26px}body.storefront .storefront-category-menu-head>a{color:var(--storefront-blue);font-size:14px;line-height:22px;text-decoration:none}body.storefront .storefront-category-menu-head>button{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:6px;border:0;border-radius:0;background:transparent;cursor:pointer;color:var(--storefront-muted)}body.storefront .storefront-category-menu-head svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5}body.storefront .storefront-category-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 40px;align-items:start}body.storefront .storefront-category-columns section{min-width:0;margin:0;padding:0;border:0;background:transparent}body.storefront .storefront-category-title{display:block;color:var(--storefront-ink);font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase;text-decoration:none;margin:0 0 18px;overflow-wrap:anywhere}body.storefront .storefront-category-columns ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}body.storefront .storefront-category-columns li{padding-left:calc(var(--category-depth,0)*12px)}body.storefront .storefront-category-columns li a{display:block;color:var(--storefront-muted);font-size:14px;font-weight:400;line-height:20px;text-decoration:none;overflow-wrap:anywhere}body.storefront .storefront-category-columns li.storefront-category-all{margin-top:2px;padding:0}body.storefront .storefront-category-columns li.storefront-category-all a{color:var(--storefront-blue)}body.storefront .storefront-category-error button{width:auto;height:auto;font:inherit;color:var(--storefront-blue);padding-inline:12px}body.storefront .storefront-category-loading{display:flex;align-items:center;gap:18px;flex:1;min-width:120px;max-width:640px}body.storefront .storefront-category-loading span{height:14px;width:100%;min-width:60px}body.storefront [data-storefront-catalog-panel] :focus-visible{outline:2px solid var(--storefront-blue);outline-offset:3px}@keyframes storefront-category-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1023px){body.storefront .storefront-category-rail{gap:0 24px}body.storefront .storefront-category-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}body.storefront .storefront-category-menu{padding:28px 0;max-height:calc(100dvh - 220px)}}@media(max-width:600px){body.storefront .storefront-catalog-panel-inner{max-height:72dvh;overflow:auto;overscroll-behavior:contain}body.storefront .storefront-category-rail{display:flex;flex-direction:column;gap:0}body.storefront .storefront-category-rail>li{min-height:50px;justify-content:space-between;border-bottom:1px solid var(--storefront-line)}body.storefront .storefront-category-rail>li>a{flex:1;max-width:none;padding:14px 4px;font-size:14px}body.storefront .storefront-category-rail>li>button{width:44px;height:44px}body.storefront .storefront-category-viewport{position:static;max-height:none;box-shadow:none;border:0}body.storefront .storefront-category-menu{padding:24px 4px;max-height:none}body.storefront .storefront-category-menu-head{gap:12px;margin-bottom:20px}body.storefront .storefront-category-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}body.storefront .storefront-category-title{font-size:12px;margin-bottom:12px}body.storefront .storefront-category-columns li a{font-size:13px}body.storefront .storefront-category-menu-head>a{font-size:13px}body.storefront .storefront-category-loading{min-height:50px}}@media(prefers-reduced-motion:reduce){body.storefront .storefront-category-viewport{animation:none}body.storefront .storefront-category-rail>li:after,body.storefront .storefront-category-rail button svg{transition:none}}
