shopis-product-list{display:block;min-width:0}
.shopis-product-list-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-block-start:20px}
.shopis-product-list-controls[hidden]{display:none}
.shopis-product-list-arrow{display:grid;place-items:center;width:36px;height:36px;padding:8px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.shopis-product-list-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
[dir=rtl] .shopis-product-list-arrow svg{transform:rotate(180deg)}
.shopis-product-list-arrow:disabled{opacity:.3;cursor:default}
.shopis-product-list-pages{display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap}
.shopis-product-list-page{display:grid;place-items:center;width:28px;height:32px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.shopis-product-list-page::after{content:"";width:6px;height:6px;border:1px solid currentColor;border-radius:50%;opacity:.5}
.shopis-product-list-page[aria-current=true]::after{background:currentColor;opacity:1}
.shopis-product-list-arrow:focus-visible,.shopis-product-list-page:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(hover:hover){.shopis-product-list-arrow:hover:not(:disabled){background:color-mix(in srgb,currentColor 8%,transparent)}.shopis-product-list-page:hover::after{opacity:1}}
/* Shared card/gallery tracks use the same native controls and responsive contract. */
.shopis-card-list{display:grid;grid-template-columns:var(--card-grid-mobile);grid-auto-flow:row;grid-auto-columns:auto;gap:28px var(--card-gap-mobile,20px);overflow:visible;padding-block-end:0;min-inline-size:0;max-inline-size:100%;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
.shopis-card-list>*{min-inline-size:0;scroll-snap-align:start}
.shopis-card-list--mobile-slider{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:var(--card-mobile-size,72%);overflow-x:auto;padding-block-end:8px;scrollbar-width:thin}
.shopis-card-list:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.shopis-card-list--ratio-original{--card-ratio:auto}.shopis-card-list--ratio-square{--card-ratio:1}.shopis-card-list--ratio-portrait{--card-ratio:3/4}.shopis-card-list--ratio-landscape{--card-ratio:4/3}.shopis-card-list--ratio-wide{--card-ratio:16/9}
.shopis-card-list .sl-card__media,.shopis-card-list .sl-look__media,.shopis-card-list .collection-card-media{display:block;position:relative;inline-size:100%;aspect-ratio:var(--card-ratio);overflow:hidden;background:rgba(127,127,127,.08)}
.shopis-card-list .sl-card__media>img,.shopis-card-list .sl-look__media>img,.shopis-card-list .collection-card-media>img{inline-size:100%;block-size:100%;object-fit:cover;aspect-ratio:auto;transition:transform 240ms cubic-bezier(.16,1,.3,1),opacity 180ms ease-out}
.shopis-card-list--ratio-original .sl-card__media>img,.shopis-card-list--ratio-original .sl-look__media>img,.shopis-card-list--ratio-original .collection-card-media>img{block-size:auto}
.shopis-card-list--hide-title .sl-card__heading,.shopis-card-list--hide-title .sl-look__caption,.shopis-card-list--hide-title .collection-card-title{display:none}
.shopis-card-list--align-start>*{text-align:start;align-items:stretch}.shopis-card-list--align-center>*{text-align:center;align-items:center}.shopis-card-list--align-end>*{text-align:end;align-items:stretch}
.shopis-card-list--style-outlined>*{border:1px solid color-mix(in srgb,var(--color-text) 18%,transparent);padding:12px}
.shopis-card-list--style-overlay>*{position:relative;display:grid;align-content:end;gap:0;color:white;isolation:isolate;min-block-size:0}
.shopis-card-list--style-overlay>*>:is(.sl-card__media,.sl-look__media,.collection-card-media){grid-area:1/1;z-index:-2}
.shopis-card-list--style-overlay>*>:is(.sl-card__media,.sl-look__media,.collection-card-media)::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgb(0 0 0 / 75%))}
.shopis-card-list--style-overlay>*>:is(.sl-card__heading,.sl-card__text,.sl-card__link,.sl-card__button,figcaption,.collection-card-title,.collection-card-count){grid-area:1/1;align-self:end;margin:0;padding:20px;z-index:1}
.shopis-card-list--style-overlay>*>.sl-card__heading{padding-block-end:72px}.shopis-card-list--style-overlay>*>.sl-card__text{padding-block-end:42px}.shopis-card-list--style-overlay>*>.collection-card-title{padding-block-end:40px}.shopis-card-list--style-overlay>*>.collection-card-count{padding-block-end:16px}
.shopis-card-list--style-overlay .muted{opacity:1}.shopis-card-list--style-overlay .sl-card__button{justify-self:center;inline-size:max-content;max-inline-size:100%;padding:0 16px;margin-block-end:14px}
.shopis-card-list--hover-none img,.shopis-card-list--hover-fade img{transform:none!important}
@media(hover:hover) and (pointer:fine){.shopis-card-list--hover-zoom>:hover img{transform:scale(1.03)}.shopis-card-list--hover-fade>:hover img{opacity:.78}}
.collection-card-title,.collection-card-count{display:block;overflow-wrap:anywhere}.collection-card-count{font-size:13px;margin-block-start:4px}.collection-card-media .placeholder{inline-size:100%;block-size:100%;aspect-ratio:var(--card-ratio)}
@media(min-width:800px){.shopis-card-list{grid-template-columns:var(--card-grid);grid-auto-flow:row;grid-auto-columns:auto;column-gap:var(--card-gap,20px);overflow:visible;padding-block-end:0}.shopis-card-list--slider{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - (var(--card-cols,3) - 1) * var(--card-gap,20px)) / var(--card-cols,3));overflow-x:auto;padding-block-end:8px;scrollbar-width:thin}}
@media(max-width:799px){shopis-product-list[data-mobile-navigation=false] .shopis-product-list-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.shopis-card-list img{transition:none!important;transform:none!important}}
.shopis-product-list-toggle{font:inherit;font-size:12px;line-height:1.4;padding:7px 10px;color:inherit;background:transparent;border:1px solid currentColor;border-radius:6px;cursor:pointer}
.shopis-product-list-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.shopis-card-copy{display:flex;flex-direction:column;gap:6px;min-inline-size:0;max-inline-size:100%}
.shopis-card-list .collection-card>.shopis-card-copy{margin-block-start:10px}
.shopis-card-list .collection-card-title,.shopis-card-list .collection-card-count{margin:0}
.shopis-card-list--style-overlay>*>.shopis-card-copy{grid-area:1/1;align-self:end;z-index:1;padding:20px;margin:0!important}
.shopis-card-list--style-overlay .shopis-card-copy>:is(.sl-card__heading,.sl-card__text,.sl-card__link,.sl-card__button){margin:0}
.shopis-card-list--style-overlay>*>figcaption{display:flex;flex-direction:column;gap:8px}
.shopis-card-list--style-overlay .shopis-card-copy .sl-card__button{padding:8px 16px;align-self:start;min-block-size:40px;block-size:auto}