body[data-screen=storefront-category] .skip-link{top:-80px;left:var(--space-3);z-index:var(--z-skip-link);padding:var(--space-2) var(--space-3);border-radius:var(--sf-radius-sm);background:var(--sf-surface);color:var(--sf-text);position:fixed}body[data-screen=storefront-category] .skip-link:focus{top:var(--space-3)}body[data-screen=storefront-category] .storefront-shell__navigation>.locales{display:none}@scope(#main){:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.state{padding:var(--space-8) var(--space-4);color:var(--sf-text-muted);text-align:center;margin:0}.state.error{justify-items:center;gap:var(--space-3);max-width:560px;margin:var(--space-12) auto;border:1px solid var(--danger-border);border-radius:var(--sf-radius);background:var(--danger-bg);color:var(--danger);display:grid}.state.error h1,.state.error h2{font-size:var(--text-xl);font-weight:var(--weight-black);margin:0}.state.error p{color:var(--sf-text-soft);margin:0}}@media (width<=767px){body[data-screen=storefront-category] .sf-listing{padding-top:var(--space-3)}}@media (width<=390px){body[data-screen=storefront-category] .sf-listing__subcategories .sf-chip{padding-inline:var(--space-3)}}body[data-screen=storefront-category] .category-hero{gap:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr);grid-template-areas:"title""text";align-items:center;display:grid}body[data-screen=storefront-category] .category-hero--media{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"media title""text text"}body[data-screen=storefront-category] .category-hero__media{aspect-ratio:1;border-radius:var(--sf-radius-sm);background:var(--sf-surface-raised);grid-area:media;width:100%;display:block;overflow:hidden}body[data-screen=storefront-category] .category-hero__media img{object-fit:cover;width:100%;height:100%;display:block}body[data-screen=storefront-category] .category-hero__title{gap:var(--space-1);flex-direction:column;grid-area:title;min-width:0;display:flex}body[data-screen=storefront-category] .category-hero .category-description{gap:var(--space-1);font-size:var(--text-base);grid-area:text}@media (width>=768px){body[data-screen=storefront-category] .category-hero{column-gap:var(--space-8);grid-template-columns:minmax(0,max-content) minmax(0,1fr);grid-template-areas:"title text"}body[data-screen=storefront-category] .category-hero--media{column-gap:var(--space-5);grid-template-columns:96px minmax(0,max-content) minmax(0,1fr);grid-template-areas:"media title text"}body[data-screen=storefront-category] .category-hero__title{max-width:22rem}body[data-screen=storefront-category] .category-hero .category-description{border-inline-start:1px solid var(--sf-line);align-self:center;margin-inline-start:var(--space-3);padding-inline-start:var(--space-6)}body[data-screen=storefront-category] .category-hero .category-description__text{max-width:96ch}}body[data-screen=storefront-category] .sf-listing__toolbar>.sf-listing__subcategories{flex:1 1 0;min-width:0;padding-bottom:0}@media (width<=767px){body[data-screen=storefront-category] .sf-listing__toolbar>.sf-listing__subcategories{flex-basis:calc(100% + 2 * var(--sf-gutter));margin-inline:calc(-1 * var(--sf-gutter));padding-inline:var(--sf-gutter);scroll-padding-inline:var(--sf-gutter);order:-1}}body[data-screen=storefront-category] .sf-listing__subcategories>li{flex:none}body[data-screen=storefront-category] .category-description{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}body[data-screen=storefront-category] .category-description--below{margin-top:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--sf-line)}body[data-screen=storefront-category] .category-description__text{overflow-wrap:anywhere;max-width:72ch}body[data-screen=storefront-category] .category-description__text>*{margin:0}body[data-screen=storefront-category] .category-description__text>*+*{margin-top:var(--space-3)}body[data-screen=storefront-category] .category-description__text h2{color:var(--sf-text);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight)}body[data-screen=storefront-category] .category-description__text *+h2{margin-top:var(--space-5)}body[data-screen=storefront-category] .category-description__text ul{padding-left:var(--space-5)}body[data-screen=storefront-category] .category-description__text strong{color:var(--sf-text)}body[data-screen=storefront-category] .category-description.is-collapsed .category-description__text{max-height:calc(1em * var(--leading-normal) * 2);-webkit-mask-image:linear-gradient(to bottom, var(--sf-text) calc(100% - .9em), transparent);-webkit-mask-image:linear-gradient(to bottom, var(--sf-text) calc(100% - .9em), transparent);mask-image:linear-gradient(to bottom, var(--sf-text) calc(100% - .9em), transparent);overflow:hidden}@media (width<=767px){body[data-screen=storefront-category] .category-hero .category-description{position:relative}body[data-screen=storefront-category] .category-hero .category-description.is-collapsed .category-description__text{-webkit-mask-image:none;mask-image:none}body[data-screen=storefront-category] .category-hero .category-description.is-collapsed .category-description__toggle{min-height:calc(1em * var(--leading-normal));background:linear-gradient(to right, transparent, var(--sf-page) var(--space-6));font-size:var(--text-base);padding-inline-start:var(--space-8);position:absolute;bottom:0;right:0}}@media (width>=768px){body[data-screen=storefront-category] .category-description.is-collapsed .category-description__text{max-height:calc(1em * var(--leading-normal) * 3)}}body[data-screen=storefront-category] .category-description__toggle{align-items:center;gap:var(--space-1);min-height:32px;color:var(--sf-link);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}body[data-screen=storefront-category] .category-description__toggle:hover{text-underline-offset:3px;text-decoration:underline}body[data-screen=storefront-category] .category-description__toggle .sf-icon{width:18px;height:18px;transition:transform var(--transition-fast)}body[data-screen=storefront-category] .category-description__toggle[aria-expanded=true] .sf-icon{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){body[data-screen=storefront-category] .category-description__toggle .sf-icon{transition:none}}