.product-card-wrapper{--product-card-frame-border: .18rem;--product-card-frame-border-bottom: .6rem;--product-card-frame-border-hover: .6rem;--product-card-frame-border-bottom-hover: .55rem;--product-card-content-padding-bottom: 1.4rem;--product-card-logo-size: 3.2rem;--product-card-logo-overlap: calc(var(--product-card-logo-size) / 5);--product-card-logo-drop: calc(var(--product-card-logo-size) / 2);--product-card-content-padding-top: calc(var(--product-card-logo-overlap) + var(--product-card-logo-drop) + 1rem);--product-card-frame-ease: .25s ease}.product-card-wrapper>.card.card--card{border:none;border-radius:0;background:rgb(var(--color-background));box-shadow:0 .15rem 1rem #00000012;overflow:visible;transition:box-shadow .25s ease,transform .25s ease}.product-card-wrapper>.card.card--card:after{display:none}.product-card-wrapper:hover>.card.card--card{box-shadow:0 .35rem 1.4rem #0000001c}.product-card-wrapper .card--card .card__media,.product-card-wrapper .card--standard .card__media{margin:0;width:100%}.product-card-wrapper .card__inner .card__media.product-card__media{overflow:visible;z-index:1}.product-card-wrapper .card--card .card__inner .card__media,.product-card-wrapper .card--standard .card__inner .card__media,.product-card-wrapper .card .card__inner .card__media{border-radius:0}.product-card-wrapper .product-card__media-frame{position:relative;width:100%;height:100%;box-sizing:border-box;background:#fff;border:var(--product-card-frame-border) solid #000;border-bottom:none;border-radius:0;display:flex;flex-direction:column;transition:border-width var(--product-card-frame-ease)}.product-card-wrapper .product-card__media-frame .media{position:relative;top:auto;bottom:auto;flex:1;min-height:0;width:100%;overflow:hidden;background:#fff;box-sizing:border-box;padding:var(--product-card-frame-image-padding);padding-bottom:calc(var(--product-card-frame-image-padding) + var(--product-card-logo-overlap))}.product-card-wrapper .card__media .media img,.product-card-wrapper .product-card__media-frame .media>img{position:absolute;top:var(--product-card-frame-image-padding);right:var(--product-card-frame-image-padding);bottom:calc(var(--product-card-frame-image-padding) + var(--product-card-logo-overlap));left:var(--product-card-frame-image-padding);width:auto;height:auto;max-width:calc(100% - 2 * var(--product-card-frame-image-padding));max-height:100%;margin:auto;object-fit:contain;object-position:center center}.product-card-wrapper .product-card__media-frame .placeholder-svg{position:absolute;top:var(--product-card-frame-image-padding);right:var(--product-card-frame-image-padding);bottom:calc(var(--product-card-frame-image-padding) + var(--product-card-logo-overlap));left:var(--product-card-frame-image-padding);width:auto;height:auto;max-width:calc(100% - 2 * var(--product-card-frame-image-padding));max-height:100%;margin:auto}.product-card-wrapper .product-card__media-logo-wrap{position:absolute;bottom:0;left:50%;z-index:3;width:var(--product-card-logo-size);height:var(--product-card-logo-size);transform:translate(-50%,50%);border-radius:50%;overflow:hidden;border:var(--product-card-frame-border) solid #000;background:#fff;box-sizing:border-box;pointer-events:none;box-shadow:0 .1rem .4rem #0000001f;transition:transform var(--product-card-frame-ease),border-width var(--product-card-frame-ease)}.product-card-wrapper .product-card__media-logo{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:50%}.product-card-wrapper .card--card.card--media>.card__content{box-sizing:border-box;margin-top:calc(-1 * var(--product-card-frame-border));padding:var(--product-card-content-padding-top) 1.4rem var(--product-card-content-padding-bottom);border-style:solid;border-color:#000;border-width:0 var(--product-card-frame-border) var(--product-card-frame-border-bottom);border-radius:0;transition:border-width var(--product-card-frame-ease),padding-bottom var(--product-card-frame-ease)}.product-card-wrapper .card--card.card--media>.card__content .card__information{padding:0}.product-card-wrapper .card--card .card__heading{margin-bottom:.4rem}.product-card-wrapper .card--standard .card__inner{border:none;overflow:visible;background:transparent}.product-card-wrapper .card--standard .card__inner:after{display:none}.product-card-wrapper .card--standard>.card__content{box-sizing:border-box;margin-top:calc(-1 * var(--product-card-frame-border));padding:var(--product-card-content-padding-top) 0 0;border-style:solid;border-color:#000;border-width:0 var(--product-card-frame-border) var(--product-card-frame-border-bottom);border-radius:0;transition:border-width var(--product-card-frame-ease)}.product-card-wrapper .card--standard>.card__content .card__information{padding:0 1.4rem var(--product-card-content-padding-bottom);transition:padding-bottom var(--product-card-frame-ease)}.product-card-wrapper:hover .product-card__media-frame{border-width:var(--product-card-frame-border-hover);border-bottom-width:0}.product-card-wrapper:hover .product-card__media-logo-wrap{transform:translate(-50%,calc(50% + var(--product-card-logo-drop)));border-width:var(--product-card-frame-border-hover)}.product-card-wrapper:hover .card--card.card--media>.card__content{border-width:0 var(--product-card-frame-border-hover) var(--product-card-frame-border-bottom-hover);padding-bottom:calc(var(--product-card-content-padding-bottom) - (var(--product-card-frame-border-bottom-hover) - var(--product-card-frame-border-bottom)))}.product-card-wrapper:hover .card--standard>.card__content{border-width:0 var(--product-card-frame-border-hover) var(--product-card-frame-border-bottom-hover)}.product-card-wrapper:hover .card--standard>.card__content .card__information{padding-bottom:calc(var(--product-card-content-padding-bottom) - (var(--product-card-frame-border-bottom-hover) - var(--product-card-frame-border-bottom)))}@media screen and (min-width:750px){.product-card-wrapper{--product-card-logo-size: 3rem}.product-card-wrapper{--product-card-content-padding-bottom: 1.6rem}.product-card-wrapper .card--card.card--media>.card__content{padding-left:1.6rem;padding-right:1.6rem}.product-card-wrapper .card--standard>.card__content .card__information{padding-left:1.6rem;padding-right:1.6rem}}@media screen and (min-width:990px){.product-card-wrapper:hover .product-card__media-frame .media.media--hover-effect>img:first-child:only-child,.product-card-wrapper:hover .product-card__media-frame .media.media--hover-effect>img+img{transform:none}.product-card-wrapper .product-card__media-frame .media.media--hover-effect>img:only-child{transition:opacity var(--duration-long) ease}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-product-card-media.css.map */