.related-products-container{border-top:2px solid black;display:flex;padding-bottom:54px}.related-products{margin:0;padding:0}.related-products .content-width{align-items:center;display:flex;flex-direction:column;gap:30px;margin:auto 15px;width:calc(100% - 30px)}.related-products__heading{font-size:36px;font-weight:600;letter-spacing:0;margin-top:60px;text-transform:uppercase}.related-products .content-width .grid{column-gap:unset;gap:30px;justify-content:center;row-gap:30px;width:100%}.related-products .product-card{background:#f0efe9;display:flex;flex-direction:column;flex:1;max-width:456px;position:relative;transition:.8s transform;width:100%}.related-products .product-card .card-content:before{background:#efede4;border:1px solid black;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(.95);transform-origin:50% 100%;transition:.8s opacity,.8s transform;width:100%}.related-products .product-card .card-content:before{opacity:1;transform:scale(1)}.related-products .product-card{transform:scale(1)}.related-products .product-card .card-content{padding:66px 30px 30px;position:relative}.related-products .product-card .product-img{position:relative}.related-products .product-card .product-img-bg.main{aspect-ratio:460/600;background:#000;display:flex;opacity:1;position:relative}.related-products .product-card .product-img-bg{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.related-products .product-card .product-img-bg.active{opacity:1}.related-products .product-card .product-img-bg:empty{display:block}.related-products .product-card .card-info{position:relative}.related-products .product-card .card-info a{display:flex;justify-content:center;margin-top:30px;text-decoration:none}.related-products .product-card .card-info .price{display:flex;justify-content:center;width:100%}.related-products .product-card .card-info p{color:#000;font-size:16px;font-weight:600;line-height:1.2;margin:0;text-align:center;text-transform:uppercase;width:235px}.related-products .product-card .card-info .variants{display:flex;justify-content:center;gap:14px;margin-bottom:20px;margin-top:16px;position:relative}.related-products .product-card .card-info .variants .color-dot{aspect-ratio:1/1;border:2px solid rgba(0,0,0,0);border-radius:50%;transition:.8s border;width:24px}.related-products .product-card .card-info .variants .color-dot:hover{border:2px solid rgba(0,0,0,1);transition:.25s border}.related-products .product-card .shop-btn{align-self:center;background:#000;border:1px solid black;color:#fff;display:block;font-size:16px;font-weight:600;padding:10px 45px;text-transform:uppercase;text-align:center;text-decoration:none;transition:.8s background,.8s color,.8s border;width:100%}@media screen and (min-width: 700px){.related-products .product-card{flex:0 0 calc(50% - 25px)}.related-products .product-card .card-info p{font-size:20px;width:197px}}@media screen and (min-width: 990px){.related-products .product-card{flex:1}.related-products .product-card .card-content:before{border-top:1px solid #b0afaf;border-left:1px solid #b0afaf;border-right:1px solid #b0afaf;border-bottom:none}.related-products .product-card:hover .card-content:before,.related-products .product-card.active .card-content:before{border-top:1px solid black;border-left:1px solid black;border-right:1px solid black;opacity:1;transform:scale(1);transition:.25s opacity,.25s transform}.related-products .product-card .product-img-bg{transition:.8s opacity}.related-products .product-card:hover .product-img-bg,.related-products .product-card.active .product-img-bg{transition:.25s opacity}.related-products .product-card .shop-btn{background:transparent;border:1px solid #b0afaf;color:#000;font-size:20px;padding:10px 0}.related-products .product-card:hover .shop-btn,.related-products .product-card.active .shop-btn{background:#000;border-bottom:1px solid black;border-left:1px solid black;border-right:1px solid black;color:#fff;transition:.25s background,.25s color,.25s border}.related-products .product-card:hover .shop-btn:hover,.related-products .product-card:hover .shop-btn.active{background:gray;border-bottom:1px solid black;border-left:1px solid black;border-right:1px solid black}}@media screen and (min-width: 1685px){.related-products-container{padding-bottom:82px}.related-products__heading{max-width:60%}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-related-products.css.map */