.mc-card{--mc-charcoal: #272727;--mc-near-black: #111111;--mc-mist: #e8e6e1;--mc-cream: #f5f2ec;--mc-terracotta: #a35b37;--mc-muted: #6f6f6f;--mc-star-empty: #dad7d1;--mc-radius: 14px;--mc-swatch-btn: 38px;--mc-swatch-gap: 3px;--mc-swatch-radius: 9.5px;--mc-swatch-img-radius: 8px;position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--mc-mist);border-radius:var(--mc-radius);overflow:hidden;color:var(--mc-charcoal)}@media screen and (min-width:700px){@supports (grid-template-rows: subgrid){.product-list .mc-card{display:grid;grid-template-rows:subgrid;grid-row:span 2}}}.mc-card__media{position:relative;aspect-ratio:1 / 1;background:var(--mc-cream);overflow:hidden}.mc-card__badges{position:absolute;top:var(--badge-inset, 10px);left:var(--badge-inset, 10px);z-index:2;display:flex;flex-wrap:wrap;gap:var(--badge-gap, 6px);max-width:calc(100% - 2 * var(--badge-inset, 10px));pointer-events:none}.mc-card__badges.badge-list--top-right,.mc-card__badges.badge-list--bottom-right{left:auto;right:var(--badge-inset, 10px);justify-content:flex-end}.mc-card__badges.badge-list--bottom-left,.mc-card__badges.badge-list--bottom-right{top:auto;bottom:var(--badge-inset, 10px)}.mc-card__media-link{display:block;height:100%;color:inherit;text-decoration:none}.mc-card__track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mc-card__track::-webkit-scrollbar{display:none}.mc-card__slide{flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.mc-card__img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mc-card__img--placeholder{background:var(--mc-mist)}.mc-card__arrow{position:absolute;top:50%;z-index:2;display:none;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#fffffff2;color:var(--mc-near-black);box-shadow:0 2px 8px #57575747;cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .16s ease}.mc-card__arrow--prev{left:10px}.mc-card__arrow--next{right:10px}@media(hover:hover)and (pointer:fine){.mc-card__arrow{display:flex}.mc-card__arrow[hidden]{display:none}.mc-card:hover .mc-card__arrow,.mc-card:focus-within .mc-card__arrow{opacity:1}.mc-card__arrow:hover{background:#fff}}.mc-card__dots{position:absolute;bottom:10px;left:50%;z-index:2;display:flex;gap:6px;padding:4px;transform:translate(-50%)}.mc-card__dots[hidden]{display:none}.mc-card__dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#ffffff8c;box-shadow:0 0 0 .5px #27272740,0 1px 3px #00000040;cursor:pointer;transition:background .15s ease,transform .15s ease}.mc-card__dot.is-active{background:#fff;transform:scale(1.15)}.mc-card__info{display:flex;flex-direction:column;gap:10px;padding:14px 10px 16px;min-width:0}.mc-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:500;line-height:1.35;color:var(--mc-charcoal);text-decoration:none;text-underline-offset:3px;text-wrap:pretty}.mc-card:hover .mc-card__title{text-decoration:underline}.mc-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.mc-card__meta-main{display:flex;flex-direction:column;gap:10px;min-width:0}.mc-card__meta-side{flex:0 0 auto}.mc-card__atc-form{margin:0}.mc-card__atc{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;box-sizing:border-box;background:var(--mc-atc-bg, var(--mc-charcoal));color:var(--mc-atc-fg, #fff);font:inherit;font-size:13px;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .15s ease}.mc-card__atc svg,.mc-card__atc .icon{display:block;width:15px;height:15px;margin:0;flex:0 0 auto;vertical-align:middle}.mc-card__atc-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mc-card__atc:hover:not([disabled]),.mc-card__atc:focus-visible{filter:brightness(.88);transform:scale(1.05)}.mc-card__atc[disabled],.mc-card__atc[aria-busy=true]{opacity:.4;cursor:default}.mc-card__atc--link{width:auto;padding:0 12px;border-radius:999px}@media(pointer:coarse){.mc-card__atc:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}}.mc-card__rating{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none}.mc-stars{position:relative;display:inline-block;line-height:0}.mc-stars__layer{display:flex;gap:1px;white-space:nowrap}.mc-stars__layer--base{color:var(--mc-star-empty)}.mc-stars__layer--fill{position:absolute;top:0;left:0;width:calc(var(--mc-rating, 0) / 5 * 100%);overflow:hidden;color:var(--mc-star, #f2b01e)}.mc-stars svg{width:12px;height:12px;flex:0 0 auto;fill:currentColor}.mc-card__rating-count{font-size:12px;line-height:1;color:var(--mc-muted)}.mc-card__price{padding-top:0;font-size:14px;font-weight:400;line-height:1;color:var(--mc-charcoal)}.mc-card__from{font-weight:400;color:var(--mc-muted)}.mc-card__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mc-swatch-gap);padding-top:0}.mc-card__swatch{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;width:var(--mc-swatch-btn);height:var(--mc-swatch-btn);padding:1.5px;border:0;border-radius:var(--mc-swatch-radius);background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}@media(pointer:coarse){.mc-card__swatch:before{content:"";position:absolute;inset:calc((44px - var(--mc-swatch-btn)) / -2)}}.mc-card__swatch-img,.mc-card__swatch-fill{display:block;width:100%;height:100%;aspect-ratio:1 / 1;border-radius:var(--mc-swatch-img-radius);object-fit:cover;box-shadow:0 0 0 1px #2727271f;background:var(--mc-cream);transition:box-shadow .12s ease}.mc-card__swatch.is-selected .mc-card__swatch-img,.mc-card__swatch.is-selected .mc-card__swatch-fill{box-shadow:0 0 0 1.5px var(--mc-charcoal)}.mc-card__swatch.is-soldout .mc-card__swatch-img,.mc-card__swatch.is-soldout .mc-card__swatch-fill{opacity:.45}.mc-card__swatch.is-soldout:after{content:"";position:absolute;left:50%;top:50%;width:110%;height:1px;background:var(--mc-charcoal);transform:translate(-50%,-50%) rotate(-45deg);pointer-events:none}.mc-card__more{display:flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;width:var(--mc-swatch-btn);height:var(--mc-swatch-btn);padding:0;border:1.5px solid transparent;border-radius:var(--mc-swatch-radius);background:#fff;background-clip:padding-box;box-shadow:inset 0 0 0 1px #2727272e;color:var(--mc-charcoal);font-size:10.5px;font-weight:500;line-height:1;text-decoration:none}@media screen and (max-width:999px){.mc-card__swatch.is-mobile-hidden,.mc-card__more--desktop{display:none}}@media screen and (min-width:1000px){.mc-card__swatch.is-desktop-hidden,.mc-card__more--mobile{display:none}.mc-card{--mc-swatch-btn: 44px;--mc-swatch-gap: 3px;--mc-swatch-radius: 11.5px;--mc-swatch-img-radius: 10px}.mc-card__more{font-size:12px}.mc-card__info{gap:10px;padding:16px 14px 18px}.mc-card__title{font-size:15px}.mc-stars svg{width:13px;height:13px}.mc-card__rating-count{font-size:12.5px}.mc-card__price{font-size:15px}.mc-card__atc{width:36px;height:36px}.mc-card__atc svg,.mc-card__atc .icon{width:16px;height:16px}}.mc-card--plain{border:0;border-radius:0;background:transparent}.mc-card--plain .mc-card__media{background:#fff;border-radius:var(--mc-radius)}.mc-card--plain .mc-card__info{padding-left:0;padding-right:0}.mc-card--centred .mc-card__info{align-items:center;text-align:center}.mc-card--centred .mc-card__title{text-align:center}.mc-card--centred .mc-card__meta{position:relative;justify-content:center;width:100%}.mc-card--centred .mc-card__meta-main{align-items:center}.mc-card--centred .mc-card__meta-side{position:absolute;right:0;top:50%;transform:translateY(-50%)}.mc-card--centred .mc-card__swatches{justify-content:center}.mc-card__theme-rating{display:flex;flex-direction:column;align-items:inherit;gap:2px;min-height:1em}.mc-card__theme-rating:empty{display:none}.mc-card--centred .mc-card__theme-rating{align-items:center}.mc-card.is-loading .mc-card__track{opacity:.6;transition:opacity .12s ease}@media(prefers-reduced-motion:reduce){.mc-card__arrow,.mc-card__dot,.mc-card.is-loading .mc-card__track{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/milkcan-product-card.css.map */