:root{--fms-orange: #e94e1b;--fms-ink: #171717}.fms-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(min-width:640px){.fms-card-grid{gap:1.25rem}}@media(min-width:768px){.fms-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.fms-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.fms-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e5e5;border-radius:2px;overflow:hidden;transition:border-color .2s ease,box-shadow .25s ease,transform .25s ease}.fms-card:hover{border-color:#d4d4d4;box-shadow:0 14px 34px #00000014;transform:translateY(-3px)}.fms-card__media{position:relative;display:block;aspect-ratio:1 / 1;background:#fafafa;overflow:hidden}.fms-card__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(23,23,23,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,23,.04) 1px,transparent 1px);background-size:26px 26px;pointer-events:none;z-index:0}.fms-card__img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;transition:transform .55s cubic-bezier(.16,1,.3,1)}.fms-card:hover .fms-card__img{transform:scale(1.05)}.fms-card__placeholder{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#a3a3a3}.fms-card__media:after{content:"";position:absolute;z-index:2;top:10px;right:10px;bottom:10px;left:10px;pointer-events:none;opacity:0;background-image:linear-gradient(var(--fms-orange),var(--fms-orange)),linear-gradient(var(--fms-orange),var(--fms-orange)),linear-gradient(var(--fms-orange),var(--fms-orange)),linear-gradient(var(--fms-orange),var(--fms-orange)),linear-gradient(var(--fms-orange),var(--fms-orange)),linear-gradient(var(--fms-orange),var(--fms-orange)),linear-gradient(var(--fms-orange),var(--fms-orange)),linear-gradient(var(--fms-orange),var(--fms-orange));background-repeat:no-repeat;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-size:12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px;transition:opacity .25s ease}.fms-card:hover .fms-card__media:after{opacity:1}.fms-card__flag{position:absolute;z-index:3;top:.6rem;left:.6rem;display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border-radius:2px;background:var(--fms-orange);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1}.fms-card__flag--muted{background:var(--fms-ink)}.fms-card__body{display:flex;flex-direction:column;gap:.4rem;padding:1rem;flex:1}.fms-card__title{font-weight:500;letter-spacing:-.01em;color:var(--fms-ink);line-height:1.3;transition:color .15s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;min-height:2.6em}.fms-card__title:hover{color:var(--fms-orange)}.fms-card__subtitle{font-size:.82rem;color:var(--fms-ink, #171717);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.fms-card__price{font-weight:500;color:var(--fms-ink);margin-top:.1rem}.fms-card__price-sale{color:var(--fms-orange)}.fms-card__price-compare{color:var(--fms-ink, #171717);margin-left:.4rem;font-weight:400}.fms-card__action{margin-top:auto;padding-top:.65rem}.fms-card__btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:2.85rem;padding:0 1rem;border:1.5px solid var(--fms-ink);border-radius:2px;background:#fff;color:var(--fms-ink);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}.fms-card__btn:hover{background:var(--fms-ink);color:#fff}.fms-card__btn:disabled{opacity:.4;cursor:not-allowed;border-color:#e5e5e5;background:#fff;color:var(--fms-ink)}.fms-card__btn .fms-card__btn-arrow{transition:transform .15s ease}.fms-card__btn:hover .fms-card__btn-arrow{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.fms-card,.fms-card__img,.fms-card__media:after{transition:none!important}.fms-card:hover,.fms-card:hover .fms-card__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/fms-product-card.css.map */