.ls-grid-card{--ease: cubic-bezier(.22, 1, .36, 1);--muted: var(--color-foreground-muted, #666);position:relative;width:100%;min-width:0;color:#000}.ls-grid-card .ls-grid-card__link{display:block;color:inherit;text-decoration:none}.ls-grid-card .card__media{display:block;position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:4 / 5;background:#fff}.ls-grid-card .card__media>:is(img,svg){position:absolute;top:4%;right:4%;bottom:4%;left:4%;width:92%;height:92%;object-fit:contain;object-position:center}.ls-grid-card .card__media>img.is-normalized-photo{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ls-grid-card .card__primary{transition:transform .8s var(--ease),opacity .35s var(--ease)}.ls-grid-card .card__alt{opacity:0;transition:opacity .35s var(--ease)}.ls-grid-card .card__swap{z-index:1;opacity:0;scale:1.02;pointer-events:none;transition:opacity .45s var(--ease),scale .9s var(--ease)}.ls-grid-card .is-swap .card__swap.is-shown{opacity:1;scale:1}.ls-grid-card .is-swap .card__media>:is(.card__primary,.card__alt){opacity:0}.ls-grid-card .product-badges{z-index:2;pointer-events:none;top:8px;left:8px;right:auto;bottom:auto}.ls-grid-card .is-swap .product-badges{visibility:hidden}.ls-grid-card .card__tag{position:absolute;z-index:2;left:16px;bottom:16px;background:#fff;padding:7px 9px;color:#000;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;opacity:0;transition:opacity .3s var(--ease);pointer-events:none}.ls-grid-card .is-tag .card__tag{opacity:1}.ls-grid-card .card__tag-status{color:var(--muted)}.ls-grid-card .card__tag-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 5px 1px 7px;background:#c2410c}.ls-grid-card .card__meta{display:grid;gap:4px;padding:10px 16px 8px}.ls-grid-card .card__brand{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.ls-grid-card .card__name{display:block;font-size:13px;line-height:1.35;min-height:2.7em;overflow-wrap:anywhere}.ls-grid-card .card__price [ref=priceContainer]{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.ls-grid-card .card__price .compare-at-price{text-decoration:line-through;color:var(--muted)}.ls-grid-card .card__price .ls-sale-badge{border:1px solid currentColor;border-radius:3px;padding:1px 5px;font-size:11px;line-height:1.3;font-variant-numeric:tabular-nums}.ls-grid-card__tools{position:absolute;inset:0 0 auto;aspect-ratio:4 / 5;overflow:hidden;pointer-events:none;z-index:3}.ls-grid-card__tools .ls-card-sizes{position:absolute;inset:auto 0 0;display:flex;min-height:44px;margin:0;border-top:1px solid #000;background:#fff;pointer-events:none;visibility:hidden;transform:translateY(101%);transition:transform .4s var(--ease),visibility 0s .4s}.ls-grid-card__tools .ls-card-sizes>:is(button,span){font-size:12px!important;font-weight:500!important;letter-spacing:.08em}@media(hover:hover)and (min-width:778px){.ls-grid-card:has(.card__alt):has(.ls-grid-card__link:hover,.ls-grid-card__tools:hover) .card__primary{opacity:0}.ls-grid-card:has(.ls-grid-card__link:hover,.ls-grid-card__tools:hover) .card__alt{opacity:1}.ls-grid-card:has(.ls-grid-card__link:hover,.ls-grid-card__link:focus-visible,.ls-grid-card__tools:hover,.ls-grid-card__tools:focus-within) .ls-card-sizes{visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}}@media(hover:none),(max-width:777px){.ls-grid-card .card__alt,.ls-grid-card__tools{display:none}}.ls-grid-colors{--tw: 28px;--th: 35px;--gap: 12px;--x0: 16px;--pad: 5px;position:relative;display:flex;gap:var(--gap);align-items:center;padding:var(--pad) var(--x0);margin-bottom:8px;overflow-x:auto;scrollbar-width:none}.ls-grid-colors::-webkit-scrollbar{display:none}.ls-grid-colors .ls-grid-swatch{display:block;flex:0 0 var(--tw);width:var(--tw);height:var(--th);overflow:hidden;background:#fff}.ls-grid-swatch img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.28);transform-origin:50% 50%;transition:opacity .3s var(--ease),transform .6s var(--ease)}.ls-grid-swatch.is-target img{transform:scale(1.38)}.ls-grid-swatch.is-pre img{opacity:.45}.ls-grid-swatch.is-pre.is-target img{opacity:.8}.ls-grid-colors .ls-grid-more{flex:none;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.08em;font-variant-numeric:tabular-nums;text-decoration:none;white-space:nowrap}.ls-grid-more:is(:hover,:focus-visible){color:#000}.ls-grid-colors a:focus-visible{outline:1px solid #000;outline-offset:2px}.ls-grid-colors .colors__mark{--at: 0;--line: linear-gradient(#000, #000);position:absolute;top:0;left:calc(var(--x0) - var(--pad));width:calc(var(--tw) + 2 * var(--pad));height:calc(var(--th) + 2 * var(--pad));background-image:var(--line),var(--line),var(--line),var(--line),var(--line),var(--line),var(--line),var(--line);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-size:7px 1px,1px 7px,7px 1px,1px 7px,7px 1px,1px 7px,7px 1px,1px 7px;background-repeat:no-repeat;transform:translate(calc(var(--at) * (var(--tw) + var(--gap))));transition:transform .55s var(--ease);pointer-events:none}@media(max-width:777px){.ls-grid-colors{--tw: 20px;--th: 25px;--gap: 8px;--x0: 12px;--pad: 3px}.ls-grid-card .card__meta{padding-inline:12px}}@media(prefers-reduced-motion:reduce){.ls-grid-card *,.ls-grid-card *:before{transition:none!important}.ls-grid-card .card__primary,.ls-grid-card .card__swap{transform:none!important;scale:1}.ls-grid-swatch.is-target img{transform:scale(1.28)}}.ls-grid-colors.ls-hz-colors{overflow:visible}product-card .product-card__content:has(.ls-hz-colors){overflow:visible}product-card:has(.ls-hz-tag.is-shown) .product-badges{visibility:hidden}body[data-ls-template] header .menu-list__link,body[data-ls-template] header .menu-list__link:is(:hover,:focus-visible){text-decoration:none!important}[id$=__product_list_best] h2{font-family:var(--font-body--family);font-size:var(--ls-step-11)!important;line-height:1.5;font-weight:400!important;letter-spacing:.12em;text-transform:uppercase;margin:0}[id$=__product_list_best] .section-resource-list__header{padding-inline:24px}product-card .product-card__content{min-width:0}@media(max-width:777px){product-card .ls-grid-colors.ls-hz-colors{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/ls-catalog-cards.css.map */