.vn-card{position:relative;display:flex;flex-direction:column;height:100%;color:rgb(var(--color-foreground));text-decoration:none}.vn-card__link{color:inherit;text-decoration:none}.vn-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.vn-card__link:focus-visible{outline:none}.vn-card:has(.vn-card__link:focus-visible){outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.vn-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background-color:#f1ede5}.vn-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:opacity .5s var(--vn-ease),transform 1.2s var(--vn-ease)}.vn-card__image--secondary{mix-blend-mode:multiply;opacity:0}@media(hover:hover){.vn-card--has-second:hover .vn-card__image--primary{opacity:0}.vn-card--has-second:hover .vn-card__image--secondary{opacity:1;transform:scale(1.02)}.vn-card:hover .vn-card__title{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.35rem}}.vn-card__badge{position:absolute;top:1.2rem;left:1.2rem;padding:.5rem .9rem;font-size:var(--vn-text-2xs);line-height:1;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-background));background-color:rgb(var(--color-foreground))}.vn-card__badge--sale{color:#efe8df;background-color:rgb(var(--vn-accent))}.vn-card__info{display:grid;justify-items:start;gap:.5rem;padding-top:1.4rem}.vn-card__title{margin:0;font-family:var(--font-heading-family);font-size:1.8rem;font-weight:600;line-height:1.2;letter-spacing:0;color:rgb(var(--color-foreground))}.vn-card__options{margin:0;font-size:var(--vn-text-xs);line-height:1.4;color:rgba(var(--color-foreground),.7)}.vn-price{display:inline-flex;flex-wrap:wrap;gap:.6rem;align-items:baseline;font-size:1.45rem;white-space:nowrap}.vn-card .vn-price{font-size:1.4rem;letter-spacing:.02em;font-variant-numeric:tabular-nums}.vn-price__from{font-size:var(--vn-text-xs);letter-spacing:.02em;color:rgba(var(--color-foreground),.7)}.vn-price__compare{color:rgba(var(--color-foreground),.7)}.vn-card .vn-price__compare+.vn-price__amount{color:rgb(var(--vn-accent))}@media screen and (max-width:749px){.vn-card__info{padding-top:1.1rem}.vn-card__title{font-size:1.6rem}.vn-card__badge{top:.8rem;left:.8rem}}.vn-card.is-swatching .vn-card__image--primary{opacity:1}.vn-card.is-swatching .vn-card__image--secondary{opacity:0}.vn-card__badge--new{color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.2)}.vn-card__swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.4rem}.vn-card__swatch{display:block;width:2.6rem;height:2.6rem;padding:.2rem;border:.1rem solid transparent;border-radius:50%;transition:border-color .2s ease}.vn-card__swatch:hover,.vn-card__swatch.is-active,.vn-card__swatch:focus-visible{border-color:rgb(var(--color-foreground));outline:none}.vn-card__swatch-chip{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background-color:color-mix(in srgb,rgb(var(--color-foreground)) 6%,rgb(var(--color-background)));box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.12)}.vn-card__swatch-chip img{display:block;width:100%;height:100%;object-fit:cover}.vn-card__swatch-chip--photo img{transform:scale(3.6);transform-origin:50% 58%}.vn-card__swatch-more{margin-left:.2rem;font-size:var(--vn-text-xs);color:rgba(var(--color-foreground),.7)}.vn-card__quick{display:none}@media(hover:hover)and (pointer:fine)and (min-width:750px){.vn-card__quick{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;z-index:2;display:block;opacity:0;transform:translateY(.6rem);transition:opacity .3s var(--vn-ease),transform .4s var(--vn-ease)}.vn-card:hover .vn-card__quick,.vn-card:focus-within .vn-card__quick{opacity:1;transform:none}}.vn-card__quick-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:4.4rem;padding:0 1.6rem;font-family:var(--font-body-family);font-size:var(--vn-text-xs);letter-spacing:var(--vn-tracking-caps);font-weight:var(--vn-font-medium);text-transform:uppercase;color:#3d2c23;background-color:#f1ede5;border:1;cursor:pointer;transition:background-color .25s ease,color .25s ease}.vn-card__quick-btn:hover{color:#3d2c23;background-color:#f1ede5}.vn-card__quick-btn.loading>span{visibility:hidden}.vn-card__quick-btn .loading__spinner{position:absolute;width:1.8rem}quick-add-modal.vn-quick-view .quick-add-modal__content{border:0;box-shadow:0 3.2rem 8rem #17131038}quick-add-modal.vn-quick-view .quick-add-modal__content:focus{outline:none}quick-add-modal.vn-quick-view .product__media-item:not(:first-child):not(.product__media-item--variant){display:block!important}quick-add-modal.vn-quick-view .product__title h1,quick-add-modal.vn-quick-view .product__title .h1{font-size:clamp(2.8rem,1.2rem + 1.6vw,3.6rem);line-height:1.1}quick-add-modal.vn-quick-view .product__title>a{color:inherit;text-decoration:none}.vn-card__action{position:absolute;right:1rem;bottom:1rem;left:1rem;z-index:2}.vn-card__action-form{display:block}.vn-card__atc{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:4.2rem;padding:0 1.6rem;font-family:var(--font-body-family);font-size:var(--vn-text-2xs);font-weight:var(--vn-font-medium);letter-spacing:var(--vn-tracking-caps);text-transform:uppercase;color:#231c17;background-color:#faf8f5e0;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);border:0;cursor:pointer;transition:background-color .25s ease,color .25s ease}.vn-card__atc:hover,.vn-card__atc:focus-visible{color:#faf8f5;background-color:#231c17}.vn-card__atc[disabled]{opacity:.6;cursor:default}.vn-card__atc.loading>span{visibility:hidden}.vn-card__atc .loading__spinner{position:absolute;width:1.8rem}.vn-card__action .product-form__error-message-wrapper{margin-top:.6rem;padding:.6rem 1rem;font-size:var(--vn-text-2xs);line-height:1.3;color:#231c17;background-color:#faf8f5f0}@media(hover:hover)and (pointer:fine)and (min-width:750px){.vn-card__action{opacity:0;transform:translateY(.8rem);transition:opacity .3s var(--vn-ease),transform .4s var(--vn-ease)}.vn-card:hover .vn-card__action,.vn-card:focus-within .vn-card__action{opacity:1;transform:none}}@media screen and (max-width:749px){.vn-card__action{right:.8rem;bottom:.8rem;left:.8rem}.vn-card__atc{min-height:3.6rem;padding:0 .8rem;font-size:1.1rem;letter-spacing:.06em}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-vn-card.css.map */