.card{aspect-ratio:1;background-color:var(--color-cream);flex-direction:column;flex-grow:0;flex-shrink:0;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.card__image{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.card__content{z-index:2;padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex;position:relative}.card__link{align-items:center;gap:var(--space-sm);transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:1px solid #f4ede273;align-self:flex-start;padding-bottom:2px;text-decoration:none;display:inline-flex}.card__link:after{content:"→";transition:transform var(--transition-fast);font-size:.85rem}.card__link:hover{color:var(--color-accent);border-color:var(--color-accent)}.category-grid__desc{max-width:560px}.category-grid__header>.font__h2{text-wrap:balance}@media (width>=1024px){.category-grid__header>.font__h2{text-wrap:wrap}}.category-grid__title--narrow{max-width:32ch}.category-grid .l-cards-3{margin-top:1.5rem}.cat-card{flex-direction:column;display:flex;position:relative}.cat-card--premium:before,.cat-card--sale:before,.cat-card--soldout:before{top:var(--space-md);right:var(--space-md);z-index:2;font-family:var(--font-body);font-size:var(--fs-eyebrow);letter-spacing:var(--ls-wide);text-transform:uppercase;padding:4px 10px;font-weight:600;position:absolute}.cat-card--premium:before{content:"Premium";background:var(--color-chocolate);color:var(--color-text-on-dark)}.cat-card--sale:before{content:"Ale";background:var(--color-accent);color:#fff}.cat-card--soldout:before{content:"Loppuunmyyty";background:var(--color-dark);color:var(--color-text-on-dark)}.cat-card__image{aspect-ratio:3/2;object-fit:cover;object-position:center;width:100%;display:block}@media (width<=650px){.cat-card__image{aspect-ratio:1.425;object-position:40% center}}.cat-card__swatches{z-index:2;gap:6px;display:flex;position:relative}.cat-card__price{color:var(--color-text-dark)}.cat-card__title-link{color:inherit;text-decoration:none}.cat-card__title-link:after{content:"";z-index:1;position:absolute;inset:0}.cat-card__swatch{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:22px;height:22px;padding:0;box-shadow:inset 0 1.5px 2px #00000024}.cat-card__content{padding:var(--space-md) 0;gap:var(--space-sm);flex-direction:column;display:flex}.cat-card__link{align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--color-text-body);margin-top:var(--space-xs);transition:color var(--transition-fast), border-color var(--transition-fast);align-self:flex-start;padding-bottom:2px;text-decoration:none;display:inline-flex}.cat-card__link:after{content:"→";font-size:.85rem}.cat-card__link:hover{color:var(--color-accent);border-color:var(--color-accent)}.category-grid--sidebar>.container{max-width:var(--max-width-wide);padding:0 var(--space-lg)}.category-grid__layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);gap:var(--space-2xl);align-items:start;display:grid}.category-grid__layout .l-cards-3{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.category-grid__layout .l-cards-3>*{width:auto}.category-grid__sidebar{gap:var(--space-xl);padding-left:var(--space-lg);flex-direction:column;display:flex}.category-grid__side-group{gap:var(--space-md);flex-direction:column;display:flex}.category-grid__side-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.category-grid__side-link{color:var(--color-text-body);transition:color var(--transition-fast);text-decoration:none}.category-grid__side-link:hover{color:var(--color-chocolate)}.category-grid__side-link[aria-current=page]{color:var(--color-text-dark);text-underline-offset:4px;text-decoration:underline}@media (width<=1100px){.category-grid__layout .l-cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.category-grid--sidebar>.container{padding:0 var(--space-md)}.category-grid__layout{gap:var(--space-xl)}}@media (width<=680px){.category-grid__layout{display:block}.category-grid__sidebar{display:none}.category-grid__layout .l-cards-3{column-gap:var(--grid-gap-mobile)}}.category-grid__size-links{position:relative}.category-grid__size-label.font__eyebrow{display:none}.category-grid__size-list{margin:0;padding:0;list-style:none}.category-grid__size-link{white-space:nowrap;transition:color var(--transition-fast), background-color var(--transition-fast);align-items:center;text-decoration:none;display:flex}.category-grid__head-row .category-grid__size-link[aria-current=page]{background-color:var(--color-chocolate);color:var(--color-text-on-dark)}@media (width<=1023px){.category-grid__head-row,.category-grid__head-row>.category-grid__header{display:block}.category-grid__head-row:after{content:"";clear:both;display:block}.category-grid__head-row>.category-grid__size-links{float:right;margin:0 0 var(--space-xs) var(--space-sm)}.category-grid__size-toggle{width:44px;height:44px;margin-right:calc(-1 * var(--space-sm));color:var(--color-text-dark);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.category-grid__size-toggle:hover,.category-grid__size-toggle[aria-expanded=true]{color:var(--color-chocolate-mid)}.category-grid__size-icon{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;flex-shrink:0;width:22px;height:22px}.category-grid__size-list{top:calc(100% + var(--space-xs));z-index:5;min-width:10rem;padding:var(--space-sm) 0;background-color:var(--color-offwhite);border:1px solid var(--color-border);border-radius:var(--radius-button);display:none;position:absolute;right:0;box-shadow:0 12px 32px #1e12081a}.category-grid__size-list.is-open{display:block}.category-grid__size-link{min-height:44px;padding:0 var(--space-lg);font-family:var(--font-body);font-size:var(--fs-body);letter-spacing:0;text-transform:none;color:var(--color-text-body)}.light .category-grid__size-link:hover{background-color:var(--color-hover-tint);color:var(--color-text-dark)}}@media (width<=680px){.category-grid__header>.font__h2+.category-grid__desc{margin-top:var(--space-sm)}.category-grid__head-row{flex-direction:column;display:flex}.category-grid__head-row:after{content:none}.category-grid__head-row>.category-grid__size-links{float:none;margin:var(--space-sm) 0 0;order:1;align-self:flex-end}}@media (width>=1024px){.category-grid__head-row{justify-content:space-between;align-items:flex-start;gap:var(--space-2xl);display:flex}.category-grid__head-row>.category-grid__header{flex:auto;min-width:0}.category-grid__head-row>.category-grid__size-links{gap:var(--space-sm);flex-direction:column;flex:none;order:1;display:flex}.category-grid__size-toggle{display:none}.category-grid__size-label.font__eyebrow{font-family:var(--font-display);font-size:var(--fs-h4);letter-spacing:0;text-transform:none;color:var(--color-text-dark);margin-bottom:var(--space-xs);font-weight:500;line-height:1.2;display:block}.category-grid__head-row .category-grid__size-list{border-top:1px solid var(--color-border-strong);border-left:1px solid var(--color-border-strong);grid-template-columns:repeat(3,auto);display:grid}.category-grid__head-row .category-grid__size-link{padding:var(--space-sm) var(--space-md);border-right:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);justify-content:center}.category-grid__head-row .category-grid__size-link:hover{color:var(--color-chocolate)}.category-grid__head-row .category-grid__size-link[aria-current=page],.category-grid__head-row .category-grid__size-link[aria-current=page]:hover{color:var(--color-text-on-dark)}}.category-grid__filters{gap:var(--grid-gap);max-width:600px;margin-bottom:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=680px){.category-grid__filters{gap:var(--space-sm);max-width:100%}.category-grid__filter-label{bottom:var(--space-sm);left:var(--space-sm);right:var(--space-sm)}}.category-grid__filter-link{gap:var(--space-xs);flex-direction:column;text-decoration:none;display:flex}.category-grid__filter-img-wrap{aspect-ratio:1;background-color:var(--color-cream);width:100%;overflow:hidden}.category-grid__filter-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.category-grid__filter-label{color:var(--color-text-dark);padding:var(--space-xs) 0;transition:color var(--transition-fast);display:block}.category-grid__filter-link:hover .category-grid__filter-label{color:var(--color-chocolate)}