.fidno-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--fidno-surface);border:.1rem solid rgba(var(--color-foreground),.08);transition:border-color var(--fidno-dur-fast) var(--fidno-ease-out),box-shadow var(--fidno-dur-base) var(--fidno-ease-out)}.fidno-card:hover,.fidno-card:focus-within{border-color:rgba(var(--fidno-accent-rgb),.9);box-shadow:0 0 .1rem rgba(var(--fidno-accent-rgb),.6),0 0 2.4rem rgba(var(--fidno-accent-rgb),.28)}.fidno-card__media{position:relative;aspect-ratio:3 / 4;overflow:hidden}.fidno-card__media-link{display:block;height:100%}.fidno-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--fidno-dur-base) var(--fidno-ease-out),filter var(--fidno-dur-slow) var(--fidno-ease-out),transform var(--fidno-dur-slow) var(--fidno-ease-out)}.fidno-card:hover .fidno-card__img,.fidno-card:focus-within .fidno-card__img{transform:scale(1.035)}.fidno-card__media{filter:grayscale(1);transition:filter var(--fidno-dur-slow) var(--fidno-ease-out)}.fidno-card:hover .fidno-card__media,.fidno-card:focus-within .fidno-card__media,.fidno-card--color-active .fidno-card__media{filter:grayscale(0)}.fidno-card__img--placeholder svg{width:100%;height:100%;opacity:.35}.fidno-card__img--secondary,.fidno-card__color-slot{opacity:0;pointer-events:none}.fidno-card__color-slot{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity var(--fidno-dur-base) var(--fidno-ease-out)}@media(hover:hover){.fidno-card:hover .fidno-card__img--secondary{opacity:1}.fidno-card--color-active .fidno-card__img--secondary{opacity:0!important}}.fidno-card--color-active .fidno-card__color-slot[data-fidno-color-active]{opacity:1}.fidno-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:none;flex-direction:column;justify-content:flex-end;padding:var(--fidno-space-2);background:#0d0d0cd9;opacity:0;transition:opacity var(--fidno-dur-base) var(--fidno-ease-out)}.fidno-card__overlay product-form{display:flex;flex-direction:column;gap:var(--fidno-space-2)}@media(hover:hover)and (min-width:750px){.fidno-card__overlay{display:flex;pointer-events:none}.fidno-card:hover .fidno-card__overlay,.fidno-card:focus-within .fidno-card__overlay{opacity:1;pointer-events:auto}.fidno-card__options,.fidno-card__form{opacity:0;transform:translateY(1rem);transition:opacity var(--fidno-dur-fast) var(--fidno-ease-out),transform var(--fidno-dur-fast) var(--fidno-ease-out)}.fidno-card:hover .fidno-card__options,.fidno-card:focus-within .fidno-card__options,.fidno-card:hover .fidno-card__form,.fidno-card:focus-within .fidno-card__form{opacity:1;transform:translateY(0);transition-duration:var(--fidno-dur-base)}.fidno-card:hover .fidno-card__options--color,.fidno-card:focus-within .fidno-card__options--color{transition-delay:.03s}.fidno-card:hover .fidno-card__options--size,.fidno-card:focus-within .fidno-card__options--size{transition-delay:.08s}.fidno-card:hover .fidno-card__form,.fidno-card:focus-within .fidno-card__form{transition-delay:.13s}}.fidno-card__options{display:flex;flex-wrap:wrap;gap:var(--fidno-space-1);margin:0;padding:0;border:0}.fidno-card__swatch{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--swatch-bg, transparent);border:.1rem solid rgba(244,242,237,.4);cursor:pointer;transition:border-color var(--fidno-dur-fast) var(--fidno-ease-out),box-shadow var(--fidno-dur-fast) var(--fidno-ease-out),transform var(--fidno-dur-fast) var(--fidno-ease-out)}.fidno-card__swatch:hover{transform:scale(1.12)}.fidno-card__swatch--text{width:auto;border-radius:999px;padding:0 1rem;font-size:1.1rem;color:var(--fidno-text);text-transform:uppercase;letter-spacing:.08em}.fidno-card__option-input:checked+.fidno-card__swatch{border-color:rgb(var(--fidno-accent-rgb));box-shadow:0 0 0 .2rem rgba(var(--fidno-accent-rgb),.35)}.fidno-card__option-input:focus-visible+.fidno-card__swatch,.fidno-card__option-input:focus-visible+.fidno-card__size{outline:.2rem solid rgb(var(--fidno-accent-rgb));outline-offset:.2rem}.fidno-card__size{display:inline-flex;align-items:center;justify-content:center;min-width:3.4rem;height:3rem;padding:0 .8rem;font-size:1.2rem;font-weight:600;letter-spacing:.06em;color:var(--fidno-text);border:.1rem solid rgba(244,242,237,.35);cursor:pointer;transition:border-color var(--fidno-dur-fast) var(--fidno-ease-out),color var(--fidno-dur-fast) var(--fidno-ease-out)}.fidno-card__size:hover{border-color:rgba(var(--fidno-accent-rgb),.6)}.fidno-card__option-input:checked+.fidno-card__size{border-color:rgb(var(--fidno-accent-rgb));color:rgb(var(--fidno-accent-rgb))}.fidno-card__option-input:disabled+.fidno-card__size{opacity:.35;cursor:not-allowed;text-decoration:line-through}.fidno-card__form{margin:0}.fidno-card__atc{width:100%;min-height:4rem}.fidno-card__overlay .product-form__error-message-wrapper{margin-top:.8rem;font-size:1.2rem;color:rgb(var(--fidno-accent-rgb))}.fidno-card__info{display:flex;flex-direction:column;gap:var(--fidno-space-1);padding:1.4rem var(--fidno-space-2) 1.8rem}.fidno-card__title{margin:0;font-family:var(--fidno-font-body);font-size:var(--fidno-type-title);font-weight:600;letter-spacing:.02em;line-height:1.3}.fidno-card__title a{color:rgb(var(--color-foreground))}.fidno-card__title a:hover{color:rgb(var(--fidno-accent-rgb))}.fidno-card__quote{margin:0;font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground),.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(2 * 1.5 * 1.3rem)}.fidno-card__price{font-size:1.4rem;font-weight:600}.fidno-card__price .price{color:rgb(var(--color-foreground))}.fidno-card__tap-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}@media(hover:hover)and (min-width:750px){.fidno-card__tap-link{display:none}}@media(prefers-reduced-motion:reduce){.fidno-card,.fidno-card__media,.fidno-card__img,.fidno-card__color-slot,.fidno-card__overlay,.fidno-card__options,.fidno-card__form,.fidno-card__swatch,.fidno-card__size{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/fidno-product-card.css.map */