.product-grid-item{display:flex;flex-direction:column;gap:8px;min-width:0;text-decoration:none}.product-grid-item .media-wrap{position:relative;overflow:hidden}.product-grid-item .media{position:relative;overflow:hidden;width:100%;aspect-ratio:259 / 357;background-color:#f6f4f2}.product-grid-item .media-link{display:block;touch-action:pan-y}.product-grid-item .media-track{display:flex;width:100%;height:100%;transform:translate(0);transition:transform .3s ease-in-out}.product-grid-item .media-track>*{flex:0 0 100%;width:100%;height:100%}@media(hover:hover)and (pointer:fine){.product-grid-item .media-track{position:relative;transform:none!important}.product-grid-item .media-track>*{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease-in-out}.product-grid-item .media-track>*:not(.primary):not(.secondary){display:none}.product-grid-item .media-track>.primary{opacity:1}.product-grid-item:hover:not(.quick-add-open) .media-track>.primary{opacity:0}.product-grid-item:hover:not(.quick-add-open) .media-track>.secondary{opacity:1}}.product-grid-item .badge{position:absolute;top:2px;left:18px;transform:rotate(90deg);transform-origin:top left;background-color:var(--color-accent);padding:3px 4px;line-height:.8;z-index:1}.product-grid-item .badge.sold-out{background-color:var(--color-dark)}.product-grid-item .badge.sold-out span{color:var(--color-light)}.product-grid-item .badge span{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--color-dark);white-space:nowrap;font-weight:300;line-height:1}.product-grid-item .progress{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#fff6;overflow:hidden;z-index:1}.product-grid-item .progress-bar{display:block;height:100%;width:calc(100% / var(--image-count, 2));background-color:var(--color-dark);transition:width .3s ease-in-out}@media(hover:hover)and (pointer:fine){.product-grid-item:hover:not(.quick-add-open) .progress-bar{width:calc(200% / var(--image-count, 2));transition-duration:0s}}.product-grid-item .bookmark-button{right:0;top:0;position:absolute;z-index:1;padding:0 0 16px 16px;color:#626261}.product-grid-item .bookmark-button .icon.bookmark-outline svg path{stroke:#626261}.product-grid-item .bookmark-button .icon.bookmark-full svg path{fill:#626261;stroke-width:0}.product-grid-item .quick-add-button{position:absolute;bottom:0;right:0;z-index:2;padding:6px}.product-grid-item .quick-add-button .icon svg{width:20px;height:20px}.product-grid-item .quick-add-icon{transition:transform .3s ease-in-out}.product-grid-item .quick-add-icon.rotated{transform:rotate(45deg)}.product-grid-item .info{position:relative;min-height:48px}.product-grid-item .info-default,.product-grid-item .info-quick-add{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:4px;min-width:0;padding:0 8px}.product-grid-item .info variant-swatch-king{display:none}.product-grid-item .title,.product-grid-item .product-title,.product-grid-item .quick-add-label,.product-grid-item .confirmation{font-size:12px;font-weight:400;color:var(--color-dark);line-height:1.1}.product-grid-item .title-link{padding:16px 0;margin:-16px 0}.product-grid-item .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.product-grid-item .prices{display:flex;gap:4px}.product-grid-item .price,.product-grid-item .compare-at-price{font-size:12px;font-weight:300;color:var(--color-dark)}.product-grid-item .compare-at-price{text-decoration:line-through}.product-grid-item .size-row{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;overflow-x:auto}.product-grid-item .size-option{flex-shrink:0;font-size:12px;color:var(--color-dark)}.product-grid-item .size-option.unavailable{opacity:.4;cursor:not-allowed}@media(min-width:1000px){.product-grid-item .quick-add-button{display:none}.product-grid-item:hover .quick-add-button,.product-grid-item.quick-add-open .quick-add-button{display:flex}.product-grid-item .progress{display:none}}
/*# sourceMappingURL=/cdn/shop/t/130/assets/product-grid-item.css.map */