.coll__hero{margin-bottom:var(--space-md)}.coll__hero-inner{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0;border-radius:0;overflow:visible;position:static;min-height:0;justify-content:space-between}.coll__hero-bg,.coll__hero-bg-img{display:none}.coll__hero-text{position:static;display:contents;background:none;padding:0;width:auto;gap:0;flex-direction:unset;z-index:auto}.coll__hero-eyebrow{display:none}.coll__hero-title{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:500;letter-spacing:-.02em;line-height:1.1;margin:0;color:var(--color-black);flex:0 1 45%}.coll__hero-sub{font-family:var(--font-body);font-size:var(--text-2xl);color:#0000008c;margin:0;flex:0 1 35%;max-width:none;align-self:flex-start;padding-top:.2em}.coll__hero-inner:not(:has(.coll__hero-bg)) .coll__hero-eyebrow{display:none}.coll__hero-inner:not(:has(.coll__hero-bg)) .coll__hero-title{color:var(--color-black)}.coll__hero-inner:not(:has(.coll__hero-bg)) .coll__hero-sub{color:#0000008c}.coll__hero-inner:not(:has(.coll__hero-bg)) .coll__hero-text{background:none}.coll__hero-img{display:none}.coll__body{padding-top:var(--space-md);padding-bottom:var(--space-xl)}.coll__tabs{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding-top:var(--space-sm);padding-bottom:var(--space-md);margin-bottom:var(--space-md)}.coll__tab{font-family:var(--font-subheading);font-size:var(--text-3xl);font-weight:300;letter-spacing:var(--btn-letter-spacing);color:#626262;background:none;border:none;padding:6px 14px;border-radius:20px;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.coll__tab:hover{color:var(--color-black);background:#0000000d}.coll__tab.is-active{text-decoration:underline;color:#000}.coll__card__atc{width:100%;padding:0 var(--space-sm)}.coll__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto auto auto auto auto;gap:8px}.coll__card{aspect-ratio:2 / 3;background:transparent;transition:background .2s ease;border-radius:10px;overflow:hidden;display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:8px;position:relative;border:1px solid #f5f5f5}.coll__card:hover{background:#f5f5f5}.coll__card__image{grid-row:1;overflow:hidden}.coll__card__img-link{display:block;width:100%;aspect-ratio:1;overflow:hidden}.coll__card__img-link img{width:100%;height:100%;object-fit:contain;display:block;box-sizing:border-box;padding:8rem 2rem 0rem}.coll__card__info{display:contents}.coll__card__rating{grid-row:3;display:flex;align-items:center;justify-content:center;gap:4px;align-self:start}.coll__stars{display:flex;align-items:center;gap:-1px;color:var(--color-black)}.coll__stars svg{width:auto;height:20px}.coll__rating-count{font-family:var(--font-subheading);font-size:var(--text-xl);color:#00000080}.coll__card__variant{grid-row:4;align-self:start;font-family:var(--font-subheading);font-size:var(--text-2xl);color:#00000073;margin:0;text-align:center}.coll__card__title{grid-row:2;align-self:start;font-family:var(--font-subheading);font-size:1.8rem;font-weight:400;color:var(--color-black);line-height:1.4;margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-align:center;min-width:0;max-width:100%;word-break:break-word}.coll__card__title a{color:inherit;text-decoration:none}.coll__card__desc{font-family:var(--font-body);font-size:var(--text-xl);color:#00000080;line-height:1.5;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;flex-shrink:0}.coll__card__rating,.coll__card__title,.coll__card__desc{transition:transform .4s cubic-bezier(.4,0,.2,1)}.coll__card.has-more-desc:hover .coll__card__rating,.coll__card.has-more-desc:hover .coll__card__title,.coll__card.has-more-desc:hover .coll__card__desc{transform:translateY(var(--desc-lift, 0))}.coll__card.has-more-desc:hover .coll__card__desc{-webkit-line-clamp:unset;overflow:visible;display:block}.coll__card__atc{grid-row:5;align-self:end;display:block;width:100%;padding:0 var(--space-sm) var(--space-md) var(--space-sm)}.coll__card__btn{display:block;width:100%;background:var(--color-black);color:var(--color-white);font-family:var(--font-subheading);font-size:var(--text-xl);font-weight:500;letter-spacing:var(--btn-letter-spacing);text-transform:uppercase;text-align:center;border:none;border-radius:var(--btn-radius-lg);padding:11px 14px;cursor:pointer;transition:background .15s ease;white-space:nowrap}.coll__card__btn:hover{background:#222}.coll__card__btn:disabled{opacity:.4;cursor:not-allowed}.coll__editorial{grid-column:span 2;grid-row:span 5;aspect-ratio:unset;border-radius:10px;overflow:hidden;position:relative;background:#1a1a1a}.coll__editorial img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:.75}.coll__editorial-content{position:absolute;bottom:0;left:0;padding:var(--space-md)}.coll__editorial-heading{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:500;color:var(--color-white);line-height:1.2;letter-spacing:-.02em;margin:0}.coll__editorial-sub{font-family:var(--font-body);font-size:var(--text-2xl);color:#ffffffb3;margin:var(--space-xs) 0 0}.coll__pagination{margin-top:var(--space-lg);display:flex;justify-content:center}@media(max-width:989px){.coll__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.coll__hero-inner{flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) 0}.coll__hero-title{flex:none;width:100%}.coll__hero-sub{flex:none;width:100%;padding-top:0;font-size:var(--text-2xl)}.coll__hero-img{display:none}.coll__grid{grid-template-columns:repeat(2,1fr)}.coll__editorial{grid-column:1 / -1;grid-row:auto;aspect-ratio:3 / 2}.coll__editorial-sub{font-size:var(--text-xl)}.coll__tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none}.coll__tabs::-webkit-scrollbar{display:none}.coll__card{aspect-ratio:unset;background:transparent;overflow:hidden;min-width:0;display:flex;flex-direction:column;grid-row:unset;grid-template-rows:unset;row-gap:6px}.coll__card__info{display:flex;flex-direction:column;flex:1;gap:6px}.coll__card__image,.coll__card__title,.coll__card__rating,.coll__card__variant,.coll__card__atc{grid-row:unset;align-self:unset}.coll__card__atc{margin-top:auto}.coll__card__img-link{background:#f5f5f5;border-radius:10px;aspect-ratio:1}.coll__card:hover{background:transparent}.coll__card__atc{padding:4px var(--space-sm) 0;width:100%}.coll__card__variant{font-size:var(--text-xl)}.coll__card[data-has-rating=false] .coll__card__rating{display:none;height:0;margin:0;padding:0;overflow:hidden}.coll__card.has-more-desc:hover .coll__card__rating,.coll__card.has-more-desc:hover .coll__card__title,.coll__card.has-more-desc:hover .coll__card__desc{transform:none}.coll__card.has-more-desc:hover .coll__card__desc{-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}.coll__tab{font-size:var(--text-2xl);color:#000;border:1px solid rgba(30,24,20,.15);font-weight:400}.coll__tab.is-active{text-decoration:none;background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.coll__card__title,.coll__card__rating,.coll__card__variant,.coll__card__atc{min-width:0;max-width:100%;overflow:hidden}.coll__card__atc{padding:4px var(--space-sm) var(--space-sm) var(--space-sm)}.coll__card__btn{font-size:var(--text-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:768px){.coll__body{overflow-x:hidden}.coll__grid{overflow:hidden}.coll__card__title{overflow:hidden;word-break:break-word;padding:0 var(--space-sm) 0 var(--space-sm);font-size:1.6rem}.coll__card__badge img{width:32px;height:32px;display:block;flex-shrink:0}}.coll__card__badge{position:absolute;z-index:2;display:flex;flex-direction:row;align-items:center;gap:8px;border-radius:24px;padding:8px 16px 8px 8px}.coll__card__badge img{width:40px;height:40px;display:block;flex-shrink:0}.coll__card__badge-text{font-family:var(--font-subheading);font-size:var(--text-xl);font-weight:400;color:var(--color-black);white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/40/assets/collection-page.css.map */