.f-card{position:relative;display:flex;flex-direction:column;gap:var(--s-3);text-decoration:none;color:var(--c-ink);transform:translateY(0);transition:transform var(--dur-fast) ease}.f-card:hover{transform:translateY(var(--lift))}.f-card:focus-within{outline:2px solid var(--c-ink);outline-offset:6px;border-radius:var(--r-sm)}.f-card__frame{position:relative;aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;display:grid;place-items:center;background:var(--card-tint, var(--c-ink-04))}.f-card__img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;transition:scale var(--dur-slow) var(--ease)}.f-card:hover .f-card__img{scale:1.04}.f-card__img--obj{width:74%;height:74%;object-fit:contain}.f-card__tag{position:absolute;z-index:2;top:var(--s-3);left:var(--s-3);display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--r-pill);background:var(--c-white);box-shadow:var(--e-hairline);font-family:var(--f-marker);font-size:var(--t-label-sm);letter-spacing:var(--tr-none);color:var(--c-ink)}.f-card__meta{display:flex;flex-direction:column;gap:1px;padding-inline:2px}.f-card__name{font-family:var(--f-season);font-size:var(--t-md);font-weight:500;letter-spacing:var(--tr-body);line-height:var(--lh-tight);text-decoration:none;color:inherit}.f-card__name:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--r-lg)}.f-card__name:focus-visible{outline:none}.f-card__price{font-size:var(--t-sm);color:var(--c-ink-55)}.f-card__price del{opacity:.55;margin-right:.4em}.f-card__price ins{text-decoration:none}.f-card__sw{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;padding-inline:2px}.f-card__sw .f-card__swatch{width:26px;height:26px;padding:0;border:0;border-radius:50%;background-color:var(--c-ink-04);background-image:var(--sw, none);background-size:cover;background-position:center;box-shadow:0 0 0 1px var(--c-ink-12);cursor:pointer;transition:box-shadow var(--dur) var(--ease)}.f-card__sw .f-card__swatch.is-on{box-shadow:0 0 0 2px var(--c-surface, #fff),0 0 0 4px var(--c-ink)}.f-card__sw .f-card__swatch[data-sold=true]{opacity:.4}.f-card__swatch span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.f-card .f-card__add{position:relative;z-index:2;display:grid;place-items:center;width:100%;padding:.7em 1em;border:0;border-radius:var(--r-pill);background:var(--c-ink);color:var(--c-white);font-family:var(--f-season);font-size:var(--t-sm);font-weight:500;letter-spacing:var(--tr-body);line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background var(--dur) var(--ease),opacity var(--dur) var(--ease)}.f-card .f-card__add:hover{background:var(--c-orange)}.f-card .f-card__add.is-busy{opacity:.6;cursor:progress}.f-card .f-card__add.is-done{background:var(--c-green)}.f-card .f-card__add[disabled]{background:var(--c-ink-12);color:var(--c-ink-50);cursor:not-allowed}@media(prefers-reduced-motion:reduce){.f-card,.f-card__img,.f-card .f-card__add{transition-duration:.001ms}}.f-card--soon{pointer-events:none}.f-card--soon .f-card__frame{display:grid;place-items:center;box-shadow:var(--e-hairline-soft)}.f-card__soon{position:relative;z-index:1;font-family:var(--f-marker);font-size:var(--t-label-sm);letter-spacing:var(--tr-none);color:var(--c-ink-50);text-align:center;padding-inline:var(--s-4)}.f-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:var(--s-gap-lg) var(--s-gap);margin-top:clamp(2rem,4vw,3.4rem)}.f-coll__pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-2);margin-top:clamp(2.4rem,5vw,4rem)}.f-coll__pager a,.f-coll__pager span{display:inline-grid;place-items:center;min-width:2.75rem;padding:.6em .9em;border-radius:var(--r-pill);font-size:var(--t-sm);font-weight:500;letter-spacing:var(--tr-body);text-decoration:none;color:var(--c-ink)}.f-coll__pager a{box-shadow:var(--e-hairline);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.f-coll__pager a:hover{background:var(--c-ink);color:var(--c-white);box-shadow:var(--e-hairline-strong)}.f-coll__pager .is-current{background:var(--c-ink);color:var(--c-white)}.f-coll__pager .is-gap{color:var(--c-ink-50);min-width:0;padding-inline:.2em}
/*# sourceMappingURL=/cdn/shop/t/4/assets/floof-card.css.map */