.karst-card{position:relative;display:flex;flex-direction:column;gap:1.4rem;height:100%}.karst-card__media{position:relative;overflow:hidden;background:rgb(var(--karst-ground));aspect-ratio:4 / 5}.karst-card--square .karst-card__media{aspect-ratio:1 / 1}.karst-card--tall .karst-card__media{aspect-ratio:3 / 4}.karst-card--adapt .karst-card__media{aspect-ratio:auto}.karst-card__img{display:block;width:100%;height:100%;object-fit:cover}.karst-card:not(.karst-card--adapt) .karst-card__img{position:absolute;top:0;right:0;bottom:0;left:0}.karst-card--adapt .karst-card__img--secondary{position:absolute;top:0;right:0;bottom:0;left:0}.karst-card__img--secondary{opacity:0;transition:opacity .35s ease}@media(hover:hover){.karst-card--has-hover:hover .karst-card__img--secondary{opacity:1}}.karst-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.karst-card__placeholder-svg{width:100%;height:100%;fill:rgba(var(--karst-ink),.32)}.karst-card__info{display:flex;flex-direction:column;gap:.4rem}.karst-card__title{margin:0;font-family:var(--karst-font-label);font-size:1.3rem;font-weight:400;letter-spacing:.06em;line-height:1.35;text-transform:var(--karst-name-case);color:rgb(var(--color-foreground))}.karst-card__link{color:inherit;text-decoration:none}.karst-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.karst-card__link:focus-visible{outline:none}.karst-card:has(.karst-card__link:focus-visible) .karst-card__media{outline:var(--focused-base-outline);outline-offset:.3rem}@media(hover:hover){.karst-card__link:hover{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}}.karst-card__price .price,.karst-card__price.price{font-family:var(--karst-font-mono);font-size:1.2rem;letter-spacing:.04em;color:rgba(var(--color-foreground),.6);margin:0}.karst-card__price .price-item{color:rgba(var(--color-foreground),.6)}.karst-card__price .price--on-sale .price-item--sale{color:rgb(var(--karst-label))}.karst-card__price .price__badge-sale,.karst-card__price .price__badge-sold-out{display:none}.karst-card__badges{position:absolute;top:1rem;left:1rem;z-index:2;display:flex;gap:.4rem;pointer-events:none}.karst-card__badge--sale{background:rgb(var(--karst-fill));color:rgb(var(--karst-bg))}.karst-card--sold-out .karst-card__img{opacity:.72}.karst-card__overlay{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:2;opacity:0;transform:translateY(.4rem);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.karst-card:hover .karst-card__overlay,.karst-card:focus-within .karst-card__overlay{opacity:1;transform:none;pointer-events:auto}@media(hover:none){.karst-card:hover .karst-card__overlay{opacity:0;pointer-events:none}.karst-card:focus-within .karst-card__overlay{opacity:1;pointer-events:auto}}.karst-chips{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}.karst-chip{display:inline-flex;align-items:center;justify-content:center;min-width:3.2rem;height:2.8rem;padding:0 1rem;border:0;border-radius:var(--karst-radius);background:rgb(var(--karst-bg));color:rgb(var(--karst-ink));font-family:var(--karst-font-mono);font-size:1.1rem;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap}button.karst-chip{cursor:pointer;transition:background-color .15s ease,color .15s ease}button.karst-chip:not([disabled]):hover,button.karst-chip.is-loading{background:rgb(var(--karst-fill));color:rgb(var(--karst-bg))}.karst-chip[disabled],.karst-chip--unavailable{color:rgba(var(--karst-ink),.45);text-decoration:line-through;cursor:not-allowed}.karst-chip--add{position:relative;height:3.4rem;padding:0 1.6rem}.karst-chip--add .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.karst-chip--add.loading>span{visibility:hidden}.karst-chip--add .spinner{width:1.6rem;height:1.6rem}.karst-card__form .loading__spinner.hidden{display:none}.karst-card--placeholder .karst-card__title,.karst-card--placeholder .karst-card__price{color:rgba(var(--color-foreground),.6)}@media(prefers-reduced-motion:reduce){.karst-card__overlay,.karst-card__img--secondary{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/karst-product-card.css.map */