.fm-card{position:relative;display:flex;flex-direction:column;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.fm-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px #0000001f;border-color:var(--color-gray-200)}.fm-card__media{position:relative;aspect-ratio:1 / 1;background:var(--color-bg-page);overflow:hidden}.fm-card__media img{width:100%;height:100%;object-fit:contain;padding:clamp(14px,2vw,28px);transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .3s ease}.fm-card__media img.fm-card__media-secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.fm-card:hover .fm-card__media-secondary{opacity:1}.fm-card:hover .fm-card__media-primary{opacity:0}.fm-card:hover .fm-card__media img{transform:scale(1.04)}.fm-card__badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:2}.fm-card__badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);background:var(--color-dark-grey);color:var(--color-white);width:fit-content}.fm-card__badge--sale{background:var(--color-red)}.fm-card__badge--openbox{background:linear-gradient(135deg,var(--color-blue),var(--color-purple))}.fm-card__badge--new{background:var(--color-blue)}.fm-card__badge--soldout{background:var(--color-grey)}.fm-card__quickadd{position:absolute;bottom:12px;right:12px;width:36px;height:36px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(8px);transition:all .3s ease;z-index:2}.fm-card:hover .fm-card__quickadd{opacity:1;transform:translateY(0)}.fm-card__quickadd:hover{background:var(--color-blue);color:var(--color-white);border-color:var(--color-blue)}.fm-card__body{padding:16px clamp(12px,1.5vw,18px) 18px;display:flex;flex-direction:column;gap:8px;flex:1}.fm-card__vendor{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-grey)}.fm-card__title{font-family:var(--font-inter),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-size:clamp(14px,1.05vw,16px);font-weight:600;line-height:1.3;color:var(--color-dark-grey);letter-spacing:-.01em;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fm-card__specs{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.fm-card__spec{display:inline-flex;align-items:center;height:20px;padding:0 7px;font-size:10px;font-weight:600;letter-spacing:.04em;background:var(--color-bg-page);color:var(--color-gray-700);border-radius:4px;border:1px solid var(--color-gray-200)}.fm-card__spec--accent{color:var(--color-blue);border-color:#0071e340;background:#0071e30a}.fm-card__price-wrap{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:4px}.fm-card__price{font-size:clamp(15px,1.15vw,17px);font-weight:600;color:var(--color-dark-grey);letter-spacing:-.01em}.fm-card__price-compare{font-size:12px;color:var(--color-grey);text-decoration:line-through;font-weight:400}.fm-card__price-save{font-size:10px;font-weight:700;color:var(--color-red);letter-spacing:.04em;text-transform:uppercase}.fm-card__price-ttc{font-size:9px;font-weight:600;color:var(--color-grey);letter-spacing:.08em;text-transform:uppercase}.fm-card__price-ht{font-size:11px;font-weight:400;color:var(--color-grey);letter-spacing:.01em;display:block;margin-top:1px}.fm-card__installment{font-size:11px;font-weight:500;color:var(--color-grey);letter-spacing:.01em;display:block;margin-top:2px}.fm-card__rating{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--color-grey)}.fm-card__rating-stars{color:var(--color-orange);letter-spacing:1px}.fm-card--soldout .fm-card__media{opacity:.6}.fm-card--soldout .fm-card__price{color:var(--color-grey)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/frenchmac-card.css.map */