:root{--card-m-radius: 18px;--card-m-sale: #e11d48;--card-m-star: #f5a524;--card-m-align: start;--card-m-justify: flex-start;--card-m-title-lines: 2;--card-m-title-case: uppercase;--card-m-price-size: 1.25rem;--card-m-ease: cubic-bezier(.22, .61, .36, 1);--card-m-ratio: 3 / 4;--card-m-anim-veil: var(--duration-default, .2s);--card-m-swatch-size: 18px;--card-m-swatch-radius: 50%;--card-m-shadow-rgb: 18, 18, 18;--card-m-shadow-a2: .224;--card-m-qa-fg: #595959;--card-m-qa-bg: #f2f2f2;--card-m-qa-border: #e3e3e3;--card-m-qa-bw: 1px;--card-m-qa-radius: 10px;--card-m-qa-icon-radius: 50%;--card-m-qa-fg-hover: #ffffff;--card-m-qa-bg-hover: #121212}.card-m{--card-m-bg: rgb(var(--color-background, 255 255 255));--card-m-fg: rgb(var(--color-foreground, 18 18 18));--card-m-muted: rgba(var(--color-foreground, 18 18 18), .55);--card-m-line: rgba(var(--color-foreground, 18 18 18), .09);position:relative;display:flex;flex-direction:column;height:100%;background:transparent;border-radius:var(--card-m-radius);text-align:var(--card-m-align);content-visibility:auto;contain-intrinsic-size:auto 340px;container-type:inline-size;container-name:card-m}@media(min-width:750px){.card-m{contain-intrinsic-size:auto 460px}}@media(min-width:990px){.card-m{contain-intrinsic-size:auto 580px}}.card-m:focus-within{content-visibility:visible}html.card-m-webkit .card-m{content-visibility:visible;contain-intrinsic-size:none}.card-m--boxed{--card-m-bg: var(--card-m-card-bg, rgb(var(--color-background, 255 255 255)));background:var(--card-m-bg);border:1px solid var(--card-m-border, var(--card-m-line));padding:0;overflow:hidden}.card-m--shadow{box-shadow:0 4px 12px -4px rgba(var(--card-m-shadow-rgb, 18, 18, 18),var(--card-m-shadow-a2, .224))}.card-m--shadow:not(.card-m--boxed){box-shadow:none}.card-m--shadow:not(.card-m--boxed){content-visibility:visible}.product-grid-container,.product-grid-container>.collection,ul.product-grid,ul.product-grid>.grid__item{overflow:visible}@media screen and (max-width:749px){#product-grid>.grid__item:has(.card-m--shadow){content-visibility:visible;contain-intrinsic-size:none}}.card-m--shadow:not(.card-m--boxed) .card-m__media{box-shadow:0 4px 12px -4px rgba(var(--card-m-shadow-rgb, 18, 18, 18),var(--card-m-shadow-a2, .224))}.card-m--boxed .card-m__media{border-radius:var(--card-m-radius) var(--card-m-radius) 0 0}.card-m--boxed .card-m__body{padding:var(--card-m-pad, 10px);padding-block-start:max(8px,var(--card-m-pad, 10px))}.card-m--boxed .card-m__quick--below{margin-block-start:8px}.card-m__media{position:relative;overflow:hidden;border-radius:var(--card-m-radius);background:var(--card-m-bg);aspect-ratio:var(--card-m-ratio, 1 / 1)}.card-m__pic{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.card-m__media-link{display:block;width:100%;height:100%}.card-m__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card-m-js .card-m__media:after{content:none}html.card-m-js:not(.card-m-no-anim) .card-m--anim .card-m__pic{opacity:0;transform:scale(var(--card-m-reveal-scale, 1))}html.card-m-js:not(.card-m-no-anim) .card-m--anim.is-armed .card-m__pic{transition:opacity var(--card-m-reveal-duration, var(--duration-reveal, .72s)) var(--card-m-reveal-ease, var(--ease-reveal, cubic-bezier(.16, 1, .3, 1))),transform var(--card-m-reveal-duration, var(--duration-reveal, .72s)) var(--card-m-reveal-ease, var(--ease-reveal, cubic-bezier(.16, 1, .3, 1)));transition-delay:var(--card-m-delay, 0ms)}html.card-m-js:not(.card-m-no-anim) .card-m--anim.is-visible .card-m__pic{opacity:1;transform:none}html.sa-loading.card-m-js:not(.card-m-no-anim) .card-m--anim .card-m__pic{opacity:0;transform:scale(var(--card-m-reveal-scale, 1))}.scroll-trigger:has(.card-m--anim){--reveal-scale: 1}.card-m__img--hover{opacity:0}.card-m__placeholder-svg{width:100%;height:100%;object-fit:cover}@media(hover:hover)and (pointer:fine){.card-m__img--main,.card-m__img--hover{transition:opacity .35s var(--card-m-ease),transform .5s var(--card-m-ease)}.card-m:hover .card-m__img--main{transform:scale(1.04)}.card-m:hover .card-m__img--hover.is-ready{opacity:1;transform:scale(1.04)}}.card-m--sold-out .card-m__img{opacity:.55}.card-m__badges{position:absolute;top:10px;inset-inline-start:10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;z-index:2;pointer-events:none}.card-m__badge{display:inline-flex;align-items:center;gap:2px;padding:4px 10px;border-radius:6px;font-size:9px;font-weight:600;line-height:1.3;white-space:nowrap}.card-m__badge--sale{background:#670017;color:#fff}.card-m__pct{font-size:.85em}.card-m__badge--out{background:#121212d9;color:#fff}.card-m__quick{position:absolute;bottom:10px;z-index:2}.card-m__quick--bar{inset-inline:6px;bottom:6px}@container card-m (min-width: 190px){.card-m__quick--bar{inset-inline:10px;bottom:10px}}.card-m__quick--below{position:static;width:100%;margin-block-start:1px}.card-m__quick--icon{width:auto;line-height:0}.card-m__quick--icon.card-m__quick--right{right:10px}.card-m__quick--icon.card-m__quick--left{left:10px}.card-m__quick-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0;height:100%;min-height:36px;padding:8px 9px;box-sizing:border-box;border:var(--card-m-qa-bw, 1px) solid var(--card-m-qa-border, transparent);border-radius:var(--card-m-qa-radius, 10px);color:var(--card-m-qa-fg);background:var(--card-m-qa-bg);font-family:inherit;font-size:1.15rem;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer}.card-m__quick-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}@container card-m (min-width: 190px){.card-m__quick-btn{gap:7px;min-height:42px;padding:10px 12px;font-size:1.3rem}.card-m__quick--icon .card-m__quick-btn{min-height:0;padding:0;gap:0}}@container card-m (min-width: 270px){.card-m__quick-btn{padding:11px 16px;font-size:1.35rem}}.card-m__quick--icon .card-m__quick-btn{box-sizing:border-box;flex:0 0 auto;width:var(--card-m-icon-size, 42px);height:var(--card-m-icon-size, 42px);min-width:0;min-height:0;padding:0;gap:0;border-radius:var(--card-m-qa-icon-radius, 50%);aspect-ratio:1 / 1}.card-m__quick--icon .card-m__quick-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.card-m__quick--icon .card-m__icon{width:calc(var(--card-m-icon-size, 42px) * .46);height:calc(var(--card-m-icon-size, 42px) * .46)}@media(hover:hover)and (pointer:fine){.card-m__quick{opacity:0;transform:translateY(10px);transition:opacity .22s var(--card-m-ease),transform .22s var(--card-m-ease)}.card-m:hover .card-m__quick,.card-m:focus-within .card-m__quick{opacity:1;transform:translateY(0)}.card-m__quick-btn{transition:background .18s linear,color .18s linear}.card-m__quick-btn:hover{background:var(--card-m-qa-bg-hover);color:var(--card-m-qa-fg-hover)}}.card-m__icon{width:17px;height:17px;flex-shrink:0}.card-m__quick-btn svg{max-width:100%}.card-m__spinner{display:none;width:15px;height:15px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:card-m-spin .6s linear infinite}.card-m__form.is-loading .card-m__icon,.card-m__form.is-loading .card-m__quick-label{display:none}.card-m__form.is-loading .card-m__spinner{display:block}.card-m__form.is-added .card-m__quick-btn{background:#16a34a;color:#fff}@keyframes card-m-spin{to{transform:rotate(360deg)}}.card-m__body{display:flex;flex-direction:column;gap:2px;align-items:var(--card-m-align, flex-start);padding-block:7px 0;padding-inline:4px}.card-m__vendor{margin:0;font-size:1.15rem;font-weight:600;color:var(--card-m-muted)}.card-m__title{margin:0;font-size:1.3rem;font-weight:500;line-height:1.5;text-transform:var(--card-m-title-case, none)}.card-m__title-link{color:var(--card-m-fg);text-decoration:none;display:-webkit-box;-webkit-line-clamp:var(--card-m-title-lines, 2);-webkit-box-orient:vertical;overflow:hidden}.card-m__title-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card-m__rating{display:flex;align-items:center;justify-content:var(--card-m-justify);gap:5px}.card-m__stars{position:relative;display:inline-block;font-size:1.3rem;letter-spacing:1px;line-height:1;color:rgba(var(--color-foreground, 18 18 18),.18)}.card-m__stars-fill{position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden;white-space:nowrap;color:var(--card-m-star)}.card-m__rating-count{font-size:1.15rem;color:var(--card-m-muted)}.card-m__price{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:var(--card-m-justify);gap:6px;font-size:var(--card-m-price-size);font-weight:700;color:#000}.card-m__price-sale{color:#ec0101}.card-m__price-was{font-size:12.25px;font-weight:700!important;color:#717171;text-decoration-thickness:1px}.card-m__swatches{display:flex;align-items:center;justify-content:var(--card-m-justify);flex-wrap:wrap;gap:6px;margin-block-start:7px;position:relative;z-index:2}.card-m__swatch{position:relative;box-sizing:border-box;width:var(--card-m-swatch-size, 18px);height:var(--card-m-swatch-size, 18px);padding:0;border:0;border-radius:var(--card-m-swatch-radius, 50%);background:transparent;cursor:pointer;opacity:.7;-webkit-appearance:none;appearance:none}.card-m__swatch:before{content:"";position:absolute;top:50%;inset-inline-start:50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}[dir=rtl] .card-m__swatch:before{transform:translate(50%,-50%)}.card-m__swatch--img{overflow:hidden;background-color:rgba(var(--color-foreground, 18 18 18),.05)}.card-m__swatch--img img,.card-m__swatch--img svg{display:block;inline-size:100%;block-size:100%;object-fit:cover}.card-m__swatch.is-active{opacity:1}.card-m__swatch.is-active:after{content:"";position:absolute;inset-inline:15%;inset-block-end:-3px;block-size:1px;background:currentColor}@media(hover:hover)and (pointer:fine){.card-m__swatch{transition:opacity .15s linear}.card-m__swatch:hover{opacity:1}}.card-m__swatch-more{display:inline-flex;align-items:center;height:var(--card-m-swatch-size, 18px);min-height:20px;padding-inline:4px;font-size:1.1rem;font-weight:600;line-height:1;color:var(--card-m-muted);text-decoration:none;white-space:nowrap}.card-m-toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);z-index:9999;padding:12px 20px;border-radius:999px;background:#121212;color:#fff;font-size:1.4rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s linear,transform .2s linear}.card-m-toast.is-visible{opacity:1;transform:translate(-50%)}.card-m a:focus-visible,.card-m button:focus-visible{outline:2px solid var(--card-m-fg);outline-offset:1px;border-radius:4px}@media(prefers-reduced-motion:reduce){.card-m *,.card-m-toast{transition-duration:.01ms!important;animation-duration:.01ms!important}.card-m:hover .card-m__img--main,.card-m:hover .card-m__img--hover{transform:none}html.card-m-js .card-m--anim .card-m__pic{opacity:1!important;transform:none!important}}.card-m__badge--custom{background:var(--card-m-badge-bg, #111111);color:var(--card-m-badge-fg, #ffffff);box-shadow:0 1px 4px #0000001f}.card-m--badge-end .card-m__badges{inset-inline-start:auto;inset-inline-end:10px;align-items:flex-end}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-card-modern.css.map */