.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--card.card--horizontal{padding:1.2rem}.card--card.card--horizontal.card--text{column-gap:0}.card--card{height:100%}.card--card,.card--standard .card__inner{position:relative;box-sizing:border-box;border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-line-light),var(--border-opacity))}.card--card:after,.card--standard .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 .card__inner .card__media{overflow:hidden;z-index:0;border-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding))}.card--card .card__inner .card__media{border-bottom-right-radius:0;border-bottom-left-radius:0}.card--standard.card--text{background-color:transparent}.card-information{text-align:var(--text-alignment)}.card__media,.card .media{bottom:0;position:absolute;top:0}.card .media{width:100%}.card__media{margin:var(--image-padding);width:calc(100% - 2 * var(--image-padding))}@media screen and (max-width: 767px){.card__media{--image-padding: var(--global-spacing-3)}}.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{padding-top:var(--global-spacing-1)}.card:not(.ratio)>.card__content{grid-template-rows:max-content minmax(0,1fr) max-content auto}@media screen and (min-width: 768px){.card__information{padding-bottom:0;padding-top:var(--global-spacing-2)}}.card__badge{position:absolute}.card__badge .badge{display:block}.card__badge.top{top:0}.card__badge.left{left:0}.card__badge.right{right:0}.card__badge.bottom{bottom:0}@media screen and (min-width: 768px){.card__badge.top{top:calc(var(--global-spacing-1) * -1)}.card__badge.left{left:calc(var(--global-spacing-1) * -1)}.card__badge.right{right:calc(var(--global-spacing-1) * -1)}.card__badge.bottom{bottom:calc(var(--global-spacing-1) * -1)}}.card:not(.card--horizontal)>.card__content>.card__badge{margin:1.3rem}.card__media .media img{height:100%;object-fit:cover;object-position:center center;width:100%}.card__inner:not(.ratio)>.card__content{height:100%}.card__heading{margin-top:0;margin-bottom:0;font-size:1.4rem;line-height:1.43;font-weight:500}.card__heading:last-child{margin-bottom:0}.card--card.card--media>.card__content{margin-top:calc(0rem - var(--image-padding))}.card--standard.card--text a:after,.card--card .card__heading 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:1}.card__heading a:not(.no-full-link):after{outline-offset:.3rem}.card__heading a:not(.no-full-link):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:not(.no-full-link):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:not(.no-full-link):focus:not(:focus-visible):after{box-shadow:none;outline:0}.card__heading a:not(.no-full-link):focus{box-shadow:none;outline:0}@media screen and (min-width: 990px){.card .media.media--hover-effect>img:only-child,.card-wrapper .media.media--hover-effect>img:only-child{transition:transform var(--duration-long) ease}.card:hover .media.media--hover-effect>img:first-child:only-child,.card-wrapper:hover .media.media--hover-effect>img:first-child:only-child{transform:scale(var(--anim-zoom-scale))}.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;transition:transform var(--duration-long) ease;transform:scale(var(--anim-zoom-scale))}.underline-links-hover:hover a{text-decoration:underline;text-underline-offset:.3rem}}.card--standard.card--media .card__inner .card__information,.card--standard.card--text:not(.card--horizontal)>.card__content .card__heading,.card--standard:not(.card--horizontal)>.card__content .card__badge,.card--standard.card--text.article-card>.card__content .card__information,.card--standard>.card__content .card__caption{display:none}.card--standard>.card__content{padding:0}.card--standard>.card__content .card__information{padding-left:0;padding-right:0}.card--card.card--media .card__inner .card__information,.card--card.card--text .card__inner,.card--card.card--media>.card__content .card__badge{display:none}.card--horizontal .card__badge,.card--horizontal.card--text .card__inner{display:none}.card--extend-height{height:100%}.card--extend-height.card--standard.card--text,.card--extend-height.card--media{display:flex;flex-direction:column}.card--extend-height.card--standard.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>*+*:not(.quick-view),.card__information>*+*:not(.quick-view){margin-top:var(--global-spacing-2)}.card-information{width:100%}.card-information>*:not(.quick-view){line-height:calc(1 + .4 / var(--font-body-scale))}.card-article-info{margin-top:1rem}.card--rounded .card__inner{border-radius:50%}.card .color-background-2{border-color:rgb(var(--color-base-background-2))}.category-list .card__content{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.category-list .card-wrapper{height:auto}.category-list .card-wrapper:not(:last-child){margin-bottom:var(--global-spacing-3)}.product-card-wrapper{padding:var(--global-spacing-3);box-sizing:border-box}.product-card-wrapper .card__inner,.article-card-wrapper .card__inner{flex-shrink:0}.product-card-wrapper .card__content,.article-card-wrapper .card__content{flex-grow:1;display:flex;flex-direction:column}.product-card-wrapper .card__content-bottom,.article-card-wrapper .card__content-bottom{margin-top:auto;width:100%}.product-card-wrapper .card__information,.article-card-wrapper .card__information{padding-top:var(--global-spacing-3);padding-bottom:var(--global-spacing-3)}.card--text .card__content{display:flex;align-items:center}@media screen and (max-width: 989px){.quick-view__button{display:none}}@media screen and (min-width: 768px){.product-card-wrapper{padding:var(--global-spacing-4)}}@media screen and (min-width: 990px){.quick-view__button{height:2.4rem;position:absolute;bottom:calc(var(--global-spacing-2) * -1);left:0;width:100%;z-index:4}.card-quick-view{position:relative}.card-quick-view .card{z-index:3;position:relative}.card-quick-view:before{transition:all var(--duration-default) ease-in-out}.card-quick-view .quick-view,.card-quick-view:before,.card-quick-view:after{opacity:0;visibility:hidden}.card-quick-view:hover{z-index:4}.card-quick-view:before,.card-quick-view:after{content:"";border:.2rem solid transparent;position:absolute;top:-.1rem;left:-.1rem;right:-.1rem;z-index:2;bottom:calc(var(--global-spacing-4) * -1)}.card-quick-view:before{border-color:rgb(var(--color-base-accent-1));background-color:rgb(var(--color-background))}.card-quick-view:after{box-shadow:0 20px 40px #0003}.card-quick-view:hover .quick-view,.card-quick-view:hover:before,.card-quick-view:hover:after{opacity:1;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-card.css.map */
