:root{--sfh-black: #000000;--sfh-white: #ffffff;--sfh-bg-muted: #f2f0ec;--sfh-border: rgba(0, 0, 0, .1);--sfh-border-soft: rgba(0, 0, 0, .15);--sfh-text-muted: rgba(0, 0, 0, .35);--sfh-text-faint: rgba(0, 0, 0, .2);--sfh-error: #ef4444}.sfh-card-wrapper{display:block;height:100%;width:100%}.sfh-card,.sfh-card *{box-sizing:border-box}.sfh-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:inherit}.sfh-card__media{position:relative;display:block;overflow:hidden;margin-bottom:.75rem;background:var(--sfh-bg-muted);aspect-ratio:3 / 4}.sfh-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity .5s ease}.sfh-card__img--main{opacity:1}.sfh-card__img--hover{opacity:0}@media(hover:hover){.sfh-card__media:hover .sfh-card__img--main{opacity:0}.sfh-card__media:hover .sfh-card__img--hover{opacity:1}}.sfh-card__badges{position:absolute;top:.625rem;left:.625rem;z-index:10;display:flex;flex-direction:column;gap:.375rem}.sfh-badge{font-size:9px;letter-spacing:.2em;text-transform:uppercase;padding:.125rem .5rem;font-weight:600}.sfh-badge--soldout{background:var(--sfh-black);color:var(--sfh-white)}.sfh-badge--sale{background:var(--sfh-white);color:var(--sfh-black);border:1px solid var(--sfh-border)}.sfh-card__wishlist{position:absolute;top:.625rem;right:.625rem;z-index:10;width:1.75rem;height:1.75rem;border-radius:9999px;border:none;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d;cursor:pointer;transition:background-color .2s ease,transform .15s ease;color:#0009;padding:0}.sfh-card__wishlist:hover{background:var(--sfh-white)}.sfh-card__wishlist:active{transform:scale(.95)}.sfh-card__wishlist.is-wishlisted{color:var(--sfh-black)}.sfh-card__wishlist.is-wishlisted .sfh-icon-heart{fill:currentColor}.sfh-card__title-link{text-decoration:none;color:inherit}.sfh-card__title{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:var(--sfh-black);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease}.sfh-card__title-link:hover .sfh-card__title{opacity:.6}.sfh-card__price-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.sfh-card__price{font-size:12px;font-weight:600;color:var(--sfh-black);margin:0}.sfh-card__price--compare{color:var(--sfh-text-muted);text-decoration:line-through;font-weight:400}.sfh-card__sizes{margin-bottom:.75rem}.sfh-card__sizes-row{display:flex;gap:.375rem;flex-wrap:wrap}.sfh-size-btn{min-width:1.75rem;height:1.75rem;padding:0 .5rem;font-size:10px;font-weight:700;text-transform:uppercase;background:var(--sfh-white);color:var(--sfh-black);border:1px solid var(--sfh-border-soft);cursor:pointer;transition:all .15s ease}.sfh-size-btn:hover:not(:disabled){border-color:var(--sfh-black)}.sfh-size-btn.is-selected{background:var(--sfh-black);color:var(--sfh-white);border-color:var(--sfh-black)}.sfh-size-btn--unavailable,.sfh-size-btn:disabled{color:var(--sfh-text-faint);border-color:var(--sfh-border);text-decoration:line-through;cursor:not-allowed}.sfh-card__size-error{font-size:10px;color:var(--sfh-error);margin:.375rem 0 0;font-weight:600}.sfh-card__sizes.has-error .sfh-card__sizes-row{animation:sfh-shake .4s ease}@keyframes sfh-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.sfh-card__add-wrapper .product-form__error-message-wrapper{margin-bottom:.375rem}.sfh-card__add-wrapper .product-form,.sfh-card__add-wrapper .product-form__buttons{width:100%}.sfh-card__add-wrapper .product-form__submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;border:1px solid var(--sfh-black);border-radius:0;background:var(--sfh-black);color:var(--sfh-white);cursor:pointer;transition:background-color .2s ease,color .2s ease;box-shadow:none}.sfh-card__add-wrapper .product-form__submit:hover:not([disabled]){background:var(--sfh-white);color:var(--sfh-black)}.sfh-card__add-wrapper .product-form__submit[disabled]{background:var(--sfh-white);color:var(--sfh-text-faint);border-color:var(--sfh-border);cursor:not-allowed;opacity:1}.sfh-card__add-wrapper .product-form__submit .loading-overlay__spinner{width:12px;height:12px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card-fashionhub.css.map */
