.collection-browser{padding-block:var(--section-padding-top, 5rem) var(--section-padding-bottom, 5rem)}.collection-browser__inner{display:flex;flex-direction:column;gap:3.2rem}.collection-browser__heading{margin:0}.collection-browser__tabs{display:flex;gap:.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1);padding-bottom:0;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:.4rem;padding-top:.4rem}.collection-browser__tabs::-webkit-scrollbar{display:none}.collection-browser__tab{position:relative;flex-shrink:0;scroll-snap-align:start;padding:.8rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.15);border-bottom:none;border-radius:.8rem .8rem 0 0;background:#f5f0e847;color:rgba(var(--color-foreground),.86);font-size:1.3rem;font-family:inherit;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;-webkit-tap-highlight-color:transparent}.collection-browser__tab:after{content:"";position:absolute;bottom:-.1rem;left:0;right:0;height:.2rem;background:rgb(var(--color-foreground));transform:scaleX(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}@media (hover: hover){.collection-browser__tab:hover{color:rgb(var(--color-foreground));background:#efe9de99;border-color:rgba(var(--color-foreground),.3);transform:scale(1.06)}}.collection-browser__tab--active{color:rgb(var(--color-foreground));background:#f5f0e8e6;border-color:rgba(var(--color-foreground),.25);font-weight:600}.collection-browser__tab--active:after{transform:scaleX(1)}.collection-browser__tab:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media screen and (max-width: 599px){.collection-browser__tab{font-size:1.2rem;padding:.7rem 1.1rem}}.collection-browser__panel{position:relative;min-height:32rem}.collection-browser__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem 1.6rem;list-style:none;margin:0;padding:0}@media screen and (max-width: 899px){.collection-browser__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 499px){.collection-browser__grid{grid-template-columns:repeat(2,1fr);gap:1.6rem 1rem}}.collection-browser__grid{transition:opacity .2s ease}.collection-browser__grid.is-loading{opacity:0;pointer-events:none}.cb-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;gap:0}.cb-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--media-radius, .8rem);background:rgba(var(--color-foreground),.04);margin-bottom:1.2rem}.cb-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.25,.46,.45,.94),opacity .35s ease}.cb-card__img--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.cb-card:hover .cb-card__img--primary{opacity:0}.cb-card:hover .cb-card__img--hover{opacity:1}.cb-card:hover .cb-card__img{transform:scale(1.05)}.cb-card__placeholder{width:100%;height:100%;display:flex}.cb-card__placeholder .placeholder-svg{width:100%;height:100%;fill:rgba(var(--color-foreground),.06)}.cb-card__badge{position:absolute;top:.8rem;left:.8rem;padding:.3rem .8rem;border-radius:10rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.cb-card__info{display:flex;flex-direction:column;gap:.3rem}.cb-card__vendor{margin:0;font-size:1.1rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(var(--color-foreground),.45)}.cb-card__title{margin:0;font-size:1.4rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cb-card__price{display:flex;align-items:baseline;gap:.6rem;margin-top:.4rem}.cb-card__price-compare{font-size:1.2rem;color:rgba(var(--color-foreground),.4);text-decoration:line-through}.cb-card__price-current{font-size:1.4rem;font-weight:600}.collection-browser__skeleton{display:none;grid-template-columns:repeat(4,1fr);gap:2.4rem 1.6rem;position:absolute;top:0;right:0;bottom:0;left:0}.collection-browser__panel.is-loading .collection-browser__skeleton{display:grid}@media screen and (max-width: 899px){.collection-browser__skeleton{grid-template-columns:repeat(2,1fr)}}.collection-browser__skeleton-card{display:flex;flex-direction:column;gap:1rem}.collection-browser__skeleton-img{aspect-ratio:1 / 1;border-radius:var(--media-radius, .8rem);background:rgba(var(--color-foreground),.07);animation:cb-shimmer 1.4s ease-in-out infinite}.collection-browser__skeleton-line{height:1.2rem;border-radius:.4rem;background:rgba(var(--color-foreground),.07);animation:cb-shimmer 1.4s ease-in-out infinite}.collection-browser__skeleton-line--title{width:80%;animation-delay:.1s}.collection-browser__skeleton-line--price{width:40%;animation-delay:.2s}@keyframes cb-shimmer{0%,to{opacity:1}50%{opacity:.4}}.collection-browser__empty{text-align:center;padding:6rem 2rem;color:rgba(var(--color-foreground),.5);font-size:1.5rem}.collection-browser__footer{display:flex;justify-content:center;padding-top:.8rem}.collection-browser__see-more{display:inline-flex;align-items:center;gap:.6rem;padding:1.2rem 2.8rem;border:.15rem solid rgba(var(--color-foreground),.25);border-radius:10rem;color:rgb(var(--color-foreground));text-decoration:none;font-size:1.4rem;font-weight:600;letter-spacing:.02em;transition:background .2s ease,border-color .2s ease,gap .2s ease}.collection-browser__see-more:hover{background:rgba(var(--color-foreground),.06);border-color:rgba(var(--color-foreground),.5);gap:1rem}.collection-browser__see-more:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}@media (prefers-reduced-motion: reduce){.cb-card__img,.collection-browser__grid,.collection-browser__tab,.collection-browser__tab:after,.collection-browser__see-more{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collection-browser.css.map */