.m-kellas-card{position:relative;min-width:0;color:rgb(var(--color-foreground))}.m-kellas-card__media{position:relative;overflow:hidden;background:rgb(var(--color-background))}.m-kellas-card__media-link{display:block;position:relative;overflow:hidden}.m-kellas-card__image{position:relative;aspect-ratio:var(--kellas-ratio);overflow:hidden}.m-kellas-card__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,opacity .45s ease}.m-kellas-card__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s ease}.m-kellas-card:hover .m-kellas-card__image--hover{opacity:1}.m-kellas-card:hover .m-kellas-card__image--main .m-kellas-card__img{transform:scale(1.035)}.m-kellas-card__info{position:relative;padding:14px 2px 0}.m-kellas-card__vendor{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground-secondary));margin-bottom:6px}.m-kellas-card__title{font-size:15px;line-height:1.4;margin:0 0 6px;font-weight:500}.m-kellas-card__title a{color:inherit;text-decoration:none}.m-kellas-card__price{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.4}.m-kellas-card__price del{opacity:.5;font-size:13px}.m-kellas-card__price span{font-weight:600}.m-kellas-card__badges{position:absolute;left:12px;top:12px;display:flex;gap:6px;z-index:3;flex-wrap:wrap}.m-kellas-badge{font-size:10px;line-height:1;padding:7px 9px;border-radius:2px;background:rgb(var(--color-foreground));color:rgb(var(--text-white));text-transform:uppercase;letter-spacing:.06em}.m-kellas-badge--sale{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.m-kellas-card__actions{position:absolute;right:12px;top:12px;z-index:4;display:flex;flex-direction:column;gap:7px;opacity:0;transform:translate(10px);transition:.25s ease}.m-kellas-card:hover .m-kellas-card__actions{opacity:1;transform:none}.m-kellas-action{display:flex;align-items:center;justify-content:center;gap:6px;width:36px;height:36px;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 2px 10px #00000014;text-decoration:none;font-size:12px}.m-kellas-action__icon{font-size:17px;line-height:1}.m-kellas-action__label{display:none}.m-kellas-card__quick-add{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;opacity:0;transform:translateY(8px);transition:.25s ease}.m-kellas-card:hover .m-kellas-card__quick-add{opacity:1;transform:none}.m-kellas-atc{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:0 14px;border:1px solid rgb(var(--color-foreground));background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.m-kellas-atc-form{margin:0}.m-kellas-atc__arrow{font-size:18px}.m-kellas-swatches{display:flex;gap:5px;margin-top:9px}.m-kellas-swatch{width:20px;height:20px;border:1px solid rgb(var(--color-border));border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:8px;color:rgb(var(--color-foreground-secondary));background:rgb(var(--color-background))}.m-kellas-card--1 .m-kellas-card__info{padding-top:12px}.m-kellas-card--2 .m-kellas-card__actions{left:12px;right:12px;top:auto;bottom:12px;flex-direction:row;opacity:0;transform:translateY(8px)}.m-kellas-card--2 .m-kellas-action{width:50%;height:40px;border-radius:0;box-shadow:none}.m-kellas-card--2 .m-kellas-action__label{display:inline}.m-kellas-card--2 .m-kellas-card__quick-add{display:none}.m-kellas-card--2:hover .m-kellas-card__actions{opacity:1;transform:none}.m-kellas-card--3{text-align:center}.m-kellas-card--3 .m-kellas-card__info{padding-top:16px}.m-kellas-card--3 .m-kellas-card__vendor{margin-bottom:8px}.m-kellas-card--3 .m-kellas-swatches{justify-content:center}.m-kellas-card--4{border:1px solid rgb(var(--color-border));padding:10px;background:rgb(var(--color-background))}.m-kellas-card--4 .m-kellas-card__info{padding:14px 4px 5px}.m-kellas-card--5 .m-kellas-card__quick-add{position:relative;left:auto;right:auto;bottom:auto;opacity:1;transform:none;margin-top:12px}.m-kellas-card--5 .m-kellas-card__actions{display:none}.m-kellas-card--6 .m-kellas-card__info{position:absolute;left:12px;right:12px;bottom:12px;padding:14px;background:rgba(var(--bg-white),.94);z-index:3}.m-kellas-card--6 .m-kellas-card__title{margin-bottom:4px}.m-kellas-card--7 .m-kellas-card__quick-add{position:relative;left:auto;right:auto;bottom:auto;opacity:1;transform:none;margin-top:12px}.m-kellas-card--7 .m-kellas-atc{border-radius:0;background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.m-kellas-card--7 .m-kellas-card__actions{display:none}.m-kellas-card--8 .m-kellas-card__badges{left:14px;right:auto}.m-kellas-card--8 .m-kellas-card__actions{right:14px;top:14px;opacity:1;transform:none}.m-kellas-card--8 .m-kellas-action{width:32px;height:32px;background:rgba(var(--bg-white),.92)}.m-kellas-card--8 .m-kellas-card__quick-add{display:none}.m-kellas-card--9 .m-kellas-card__media{border:1px solid rgb(var(--color-border))}.m-kellas-card--9 .m-kellas-card__info{margin:0 8px 8px;padding:14px 10px;background:rgb(var(--color-background));border:1px solid rgb(var(--color-border));border-top:0}.m-kellas-card--9 .m-kellas-card__actions{left:14px;right:auto}.m-kellas-card--10 .m-kellas-card__media{background:transparent}.m-kellas-card--10 .m-kellas-card__image{border-radius:0}.m-kellas-card--10 .m-kellas-card__info{padding-top:10px}.m-kellas-card--10 .m-kellas-card__title{font-size:14px;font-weight:400}.m-kellas-card--10 .m-kellas-card__price{font-size:13px}.m-kellas-card--10 .m-kellas-card__actions,.m-kellas-card--10 .m-kellas-card__quick-add{display:none}@media(max-width:1023px){.m-kellas-card__actions,.m-kellas-card__quick-add{opacity:1;transform:none}.m-kellas-card--1 .m-kellas-card__quick-add,.m-kellas-card--3 .m-kellas-card__quick-add,.m-kellas-card--8 .m-kellas-card__quick-add,.m-kellas-card--9 .m-kellas-card__quick-add{display:none}}@media(max-width:767px){.m-kellas-card__info{padding-top:10px}.m-kellas-card__title{font-size:14px}.m-kellas-card__badges{left:8px;top:8px}.m-kellas-card__actions{right:8px;top:8px}.m-kellas-card__quick-add,.m-kellas-card--6 .m-kellas-card__info{left:8px;right:8px;bottom:8px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/kellas-featured-product-card.css.map */