.collection-layout{padding-top:4rem}.collection-sidebar{position:fixed;top:4rem;left:0;width:25vw;height:calc(100vh - 4rem);z-index:10;padding:10px;display:flex;flex-direction:column;gap:var(--space-8);overflow:hidden}.collection-sidebar__nav{display:flex;flex-direction:column;gap:var(--space-2)}.collection-sidebar__cat{font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--weight-b);letter-spacing:-.02em;color:var(--color-text);line-height:1.2}.collection-sidebar__cat:hover{opacity:.5}.collection-sidebar__cat.is-active{opacity:1}.collection-sidebar__cat:not(.is-active){opacity:.3}.collection-sidebar__filter{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-b);letter-spacing:-.02em;color:var(--color-text);background:none;border:none;padding:0;cursor:pointer;text-align:left}.collection-sidebar__filter:hover{opacity:.5}.collection-view-toggle{position:fixed;top:0;left:calc(25vw + 1.5*(100vh - 110px)/2 + 12px);height:4rem;display:flex;align-items:center;gap:8px;z-index:101}.collection-view-btn{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-b);letter-spacing:-.02em;color:var(--color-gray1);background:none;border:none;padding:0;cursor:pointer}.collection-view-btn.is-active{color:var(--color-text)}@media(max-width:1023px){.collection-view-toggle{display:none}}.collection-controls-wrap{display:contents}@media(max-width:1024px){.collection-controls-wrap{display:flex;align-items:flex-start;position:fixed;top:0;left:0;right:0;padding:6px;background-color:var(--color-white);z-index:100;overflow:visible}.collection-controls-wrap .collection-sort{position:static;display:flex;align-items:center;width:50%;order:1;height:auto}.collection-controls-wrap .collection-view-toggle{position:static;width:50%;order:2;height:auto}.collection-controls-wrap .collection-sort__hover-zone{position:static}.collection-sort__hover-zone.is-open .collection-sort__dropdown{display:flex;background-color:var(--color-white);left:0;right:0;top:100%;padding:0 6px 6px}}.collection-sort{position:fixed;top:0;left:calc(25vw + (100vh - 110px)/2*.75 + 6px);height:4rem;display:flex;align-items:center;z-index:101}.collection-sort__nav{display:flex;align-items:center}.collection-sort__hover-zone{position:relative}.collection-sort__trigger{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-b);letter-spacing:-.02em;color:var(--color-text);cursor:default;white-space:nowrap}.collection-sort__dropdown{display:none;position:absolute;top:100%;left:0;flex-direction:column;min-width:max-content;z-index:200;line-height:1.2}@media(min-width:1025px){.collection-sort__hover-zone:hover .collection-sort__dropdown{display:flex}}.collection-sort__item{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-r);letter-spacing:-.02em;color:var(--color-black);white-space:nowrap;line-height:1.2;text-decoration:none;align-self:flex-start}.collection-sort__item:hover,.collection-sort__item.is-active{color:var(--color-gray1)}.collection-sort__active-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-r);padding-left:8px;letter-spacing:-.02em;color:var(--color-text);white-space:nowrap;line-height:1}.collection-sort__reset{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-r);padding-left:2px;color:var(--color-text);text-decoration:none;line-height:1}.collection-sort__reset:hover{color:var(--color-gray1)}@media(max-width:1023px){.collection-sort{display:none}}.collection-grid{width:100vw;padding-left:25vw;box-sizing:border-box;display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100vh - 110px)/2*.75);gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;padding-right:6px;scrollbar-width:none;-ms-overflow-style:none}.collection-grid::-webkit-scrollbar{display:none}.product-card{display:flex;flex-direction:column;color:var(--color-text)}.product-card__image-link{display:block;text-decoration:none;color:inherit}.product-card__image-wrap{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background-color:#f0f0f0;flex-shrink:0}.product-card__image{width:100%;height:100%;object-fit:cover;display:block}.product-card__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.product-card.has-hover:hover .product-card__image--hover{opacity:1}.product-card.has-hover:hover .product-card__image--default{opacity:0}.product-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.product-card__image-placeholder svg{width:40%;height:40%;opacity:.2}.product-card__info{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-top:2px}.product-card__info-left{display:flex;flex-direction:column;line-height:1}.product-card__info-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.product-card__title{font-size:var(--text-sm);font-family:var(--font-heading);font-weight:var(--weight-b);letter-spacing:-.02em;line-height:1}.product-card__colors{display:flex;gap:var(--space-2)}.product-card__color{font-size:var(--text-xs);font-family:var(--font-heading);font-weight:var(--weight-b);color:var(--color-text-muted)}.product-card__color.is-active{color:var(--color-text)}.product-card__info-right{display:flex;flex-direction:column;align-items:flex-end;gap:0;flex-shrink:0}.product-card__price{font-size:var(--text-sm);line-height:1;white-space:nowrap}.product-card__price--compare{text-decoration:line-through;color:var(--color-gray1);font-size:var(--text-xs)}.product-card__sold-out{font-size:var(--text-sm);color:var(--color-gray1);line-height:1}.product-card__release-label{font-size:var(--text-sm);color:var(--color-gray2);line-height:1}.product-card.is-sold-out .product-card__title,.product-card.is-sold-out .product-card__color{color:var(--color-gray1)}.product-card.is-sold-out .product-card__image,.product-card.is-sold-out .product-card__strip-img{filter:grayscale(100%) contrast(.5) brightness(.6) blur(2px)}.product-card.is-sold-out .product-card__image-wrap:after,.product-card.is-sold-out .product-card__strip-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");background-repeat:repeat;background-size:200px 200px;opacity:.5;mix-blend-mode:overlay}.product-card.is-sold-out .product-card__strip-item{position:relative}.collection-empty{grid-column:1 / -1;padding:var(--space-16);font-size:var(--text-sm);color:var(--color-text-muted)}.collection-pagination{grid-column:1 / -1;display:flex;justify-content:center;padding:var(--space-12) 0;gap:var(--space-4)}.product-card__strip{display:none}.collection-grid.is-index{display:flex;flex-direction:column;width:100vw;padding-left:25vw;overflow-x:visible;overflow-y:visible;gap:6px}.collection-grid.is-index .product-card{flex-direction:column;width:100%}.collection-grid.is-index .product-card__image-wrap{display:none}.collection-grid.is-index .product-card__strip{display:flex;flex-direction:row;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;width:100vw;margin-left:-25vw;padding-left:25vw;box-sizing:border-box;padding-right:10px}.collection-grid.is-index .product-card__strip::-webkit-scrollbar{display:none}.collection-grid.is-index .product-card__strip-item{flex-shrink:0;display:block;line-height:0}.collection-grid.is-index .product-card__strip-img{width:calc(((100vh - 110px)/2*.75 - 6px)/2);height:calc(((((100vh - 110px) / 2) * .75) - 6px) / 2 * 4 / 3);object-fit:cover;display:block;-webkit-user-drag:none;user-drag:none;pointer-events:none}.collection-grid.is-index .product-card__info{flex-direction:column;gap:2px;padding-top:2px;border-top:none}.collection-grid.is-index .product-card__info-link{flex-direction:row;align-items:baseline;gap:.25em}.collection-grid.is-index .product-card__colors{gap:4px}.collection-grid.is-index .product-card__color{font-size:var(--text-sm);font-weight:var(--weight-b)}.collection-grid.is-index .product-card__info-right{flex-direction:row;align-items:baseline;gap:6px}.collection-grid.is-index .product-card__price--compare{font-size:var(--text-sm)}@media(max-width:1024px){.collection-layout{padding-top:20px;padding-left:0}.collection-sort{display:block;top:6px;left:6px}.collection-view-toggle{display:flex;position:fixed;top:6px;left:calc(50vw + 3px);height:auto;line-height:1;gap:4px}.collection-sort__hover-zone.is-open .collection-sort__dropdown{display:flex}.collection-sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;padding:var(--space-4);gap:var(--space-6);overflow-x:auto;padding:0}.collection-sidebar__nav{flex-direction:row;gap:var(--space-4)}.collection-grid{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:repeat(2,1fr);grid-auto-columns:auto;overflow-x:visible;overflow-y:visible;min-height:100vh;padding:6px 6px 60px;gap:20px 6px}.product-card__info{flex-direction:column;gap:3px}.product-card__color{font-size:var(--text-sm)}.product-card__info-right{flex-direction:row;gap:2px}.product-card__price--compare{font-size:var(--text-sm)}.collection-sort__hover-zone{display:flex;line-height:1}.collection-grid.is-index{padding:6px 6px 60px;gap:20px}.collection-grid.is-index .product-card__strip{width:100vw;margin-left:-6px;padding-left:6px;padding-right:6px;box-sizing:border-box}.collection-grid.is-index .product-card__strip-img{width:calc(25vw - 7.5px);height:calc((25vw - 7.5px) * 4 / 3)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/suono-collection.css.map */