.card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none}.card{text-decoration:none;text-align:var(--text-alignment)}.card:not(.ratio){display:flex;flex-direction:column;height:100%}.card.card--horizontal{--text-alignment: left;--image-padding: 0rem;flex-direction:row;align-items:flex-start;gap:1.5rem}.card--horizontal.ratio:before{padding-bottom:0}.card__inner{position:relative;box-sizing:border-box;border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity));overflow:hidden}.card__inner:after{content:"";position:absolute;z-index:-1;width:calc(var(--border-width) * 2 + 100%);height:calc(var(--border-width) * 2 + 100%);top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);border-radius:var(--border-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.card-information{text-align:center}.card__media,.card__media:empty{bottom:0;position:absolute;top:0;margin:var(--image-padding);width:calc(100% - 2 * var(--image-padding));display:block;overflow:hidden;z-index:0;border-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding))}.card__media:before{content:"";display:block;position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background-color:#0000000d}@supports (mix-blend-mode: multiply){.card__media:before{mix-blend-mode:multiply;background-color:#f5f5f5}}.card .media{width:100%;height:100%}.card__inner{width:100%}.card--media .card__inner .card__content{position:relative;padding:calc(var(--image-padding) + 1rem)}.card__content{display:grid;grid-template-rows:minmax(0,1fr) max-content minmax(0,1fr);padding:1rem;width:100%;flex-grow:1}.card__content--auto-margins{grid-template-rows:minmax(0,auto) max-content minmax(0,auto)}.card__information{grid-row-start:2;padding:1.3rem 2rem}.card:not(.ratio)>.card__content{grid-template-rows:max-content minmax(0,1fr) max-content auto}@media screen and (min-width: 750px){.card__information{padding:1.7rem 4rem}}.card__badge{position:absolute;top:.8rem;left:.8rem;z-index:0;pointer-events:none}@media screen and (min-width: 990px){.card__badge{top:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;transform:translateY(-50%)}}.card__media .media img{height:100%;object-fit:cover;object-position:center center;width:100%}.card--product .card__media .media img{object-fit:contain}.card__inner:not(.ratio)>.card__content{height:100%}.card__heading{margin-top:0;margin-bottom:0;font-size:1.6rem;font-family:var(--font-body-family);font-weight:400;text-transform:none;hyphens:auto;-webkit-hyphens:auto;line-height:120%}.card__heading:last-child{margin-bottom:0}.card.card--text a:after{bottom:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);right:calc(var(--border-width) * -1);top:calc(var(--border-width) * -1)}.card__heading a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.card__heading a:after{outline-offset:.3rem}.card__heading a:focus:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.card__heading a:focus-visible:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.card__heading a:focus:not(:focus-visible):after{box-shadow:none;outline:0}.card__heading a:focus{box-shadow:none;outline:0}.card-wrapper .quick-add{opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.19,1,.22,1),opacity .1s linear .5s}.card-wrapper .quick-add:has(button:focus-visible){opacity:1;z-index:101;pointer-events:auto;transform:translateY(-100%);transition:transform .5s cubic-bezier(.19,1,.22,1) .1s,opacity .1s linear 0s,z-index 0s .5s}@media screen and (min-width: 990px){.card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}.card-wrapper:hover .media.media--hover-effect>img+img{opacity:1}.card-wrapper.card-wrapper--sold-out:hover .card__media{opacity:.3}.card-wrapper:hover .quick-add{opacity:1;z-index:101;pointer-events:auto;transform:translateY(-100%);transition:transform .5s cubic-bezier(.19,1,.22,1) .1s,opacity .1s linear 0s,z-index 0s .5s}.underline-links-hover:hover .underlined-link,.underline-links-hover:hover a{text-decoration-line:underline;text-underline-offset:.4rem;text-decoration-thickness:.3rem}}.card>.card__content{padding:0}.card--extend-height{height:100%}.card--extend-height.card--text,.card--extend-height.card--media{display:flex;flex-direction:column}.card--extend-height.card.card--text .card__inner,.card--extend-height.card--media .card__inner{flex-grow:1}.card .icon-wrap{margin-left:.8rem;white-space:nowrap;transition:transform var(--duration-short) ease;overflow:hidden}.card-information>*+*{margin-top:.5rem}.card-information{width:100%}.card-information>*{line-height:calc(1 + .4 / var(--font-body-scale));color:rgb(var(--color-foreground))}.card-information>.price{color:rgb(var(--color-foreground))}.card-information>.rating{margin-top:.4rem}.card-information>*:not(.visually-hidden:first-child)+*:not(.rating){margin-top:.7rem}.card-information .caption{letter-spacing:.07rem}.card-article-info{margin-top:1rem}.card--product .card__information{text-align:center;z-index:101;background-color:#fff}.card--product .price__container{justify-content:center}.card--product .card__options{display:flex;justify-content:center;align-items:center;font-weight:400;font-size:1.4rem;line-height:99%}.card--product .card__options span{font-size:1rem;display:inline-block;padding:0 .4rem}.card--product{font-weight:700;letter-spacing:0;position:relative;z-index:0}.card--product .price--on-sale .price-item--regular{font-weight:400;color:#191919}.card--product .patter-spacing-value{display:none}.card--product .card__media img{object-fit:contain}.card--product .card__media img:first-child{padding:15%}.card--product .card__media--no-padding{padding:0}.card--product .card__heading,.card--product .price{font-size:1.4rem}@media screen and (min-width: 750px){.card--product .card__media img:first-child{padding:17.5%}.card--product .card__media--no-padding img:first-child{padding:0}.card--product .card__heading,.card--product .price{font-size:1.6rem}.card--product .patter-spacing-value{display:inline}}.card--product .card__media .media img.additional-image{object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/257/assets/component-card.css.map */