product-card{display:flex;flex-direction:column;background-color:var(--grey-100);padding:.8rem}@media screen and (min-width:1024px){product-card{padding:1.6rem}}product-card .card-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;position:relative;isolation:isolate}product-card .card-image img{width:100%;height:100%;object-fit:contain}product-card .card-image .card-buttons{max-width:100%;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.8rem;position:absolute;bottom:0;left:0;right:0;padding:1.6rem 1.2rem;transform:translateY(3.2rem);opacity:0;pointer-events:none;transition:all .2s ease}@media screen and (min-width:1024px){product-card:hover .card-image .card-buttons{transform:translateY(0);opacity:1;pointer-events:all}}product-card .card-image .card-buttons>:not(:last-child){margin-bottom:.8rem}product-card .card-image .card-buttons .btn{width:auto}@media screen and (min-width:1024px){product-card .card-image .card-buttons .btn{padding:1.6rem 2rem}}product-card .card-image .card-buttons .btn .loading{display:none}product-card .card-image .card-buttons .btn.loading .loading{display:inline-block}product-card .card-image .card-buttons .btn.loading>:not(.loading){display:none}product-card .card-content{display:flex;flex-direction:column;margin-top:.8rem}@media screen and (min-width:1024px){product-card .card-content{flex-direction:row;margin-top:1.4rem}}product-card .card-content>:not(:last-child){margin-bottom:.8rem}@media screen and (min-width:1024px){product-card .card-content>:not(:last-child){margin-bottom:0}product-card .card-content>:not(:first-child){margin-left:.8rem}}product-card .card-content .product-info{display:flex;flex-direction:column;justify-content:stretch}product-card .card-content .product-info>:not(:last-child){margin-bottom:.4rem}@media screen and (min-width:1024px){product-card .card-content .product-info>:not(:last-child){margin-bottom:.8rem}}product-card .card-content .product-info h3{font-size:1.4rem;font-weight:700;line-height:1.6rem;letter-spacing:-.2px;color:var(--black);margin-top:0}@media screen and (min-width:1024px){product-card .card-content .product-info h3{font-size:1.8rem;line-height:2.4rem;letter-spacing:-.4px}}product-card .card-content .product-info p{font-size:1.2rem;font-weight:400;line-height:1.4rem;letter-spacing:0px;color:var(--grey-900);margin:0}@media screen and (min-width:1024px){product-card .card-content .product-info p{font-size:1.3rem;line-height:1.8rem}}product-card .card-content .product-price{display:flex;flex-direction:row}@media screen and (min-width:1024px){product-card .card-content .product-price{flex-direction:column;align-items:center;justify-content:center}}product-card .card-content .product-price>:not(:last-child){margin-right:.4rem}@media screen and (min-width:1024px){product-card .card-content .product-price>:not(:last-child){margin-right:0;margin-bottom:.4rem}}product-card .card-content .product-price .old-price{font-size:1.4rem;font-weight:600;line-height:1.8rem;letter-spacing:-.5px;color:var(--grey-600);text-decoration:line-through;text-align:center}@media screen and (min-width:1024px){product-card .card-content .product-price .old-price{font-size:1.6rem;line-height:3rem;text-align:left}}product-card .card-content .product-price .current-price{font-size:1.6rem;font-weight:700;line-height:1.8rem;letter-spacing:-.5px;color:var(--black);text-align:center}@media screen and (min-width:1024px){product-card .card-content .product-price .current-price{font-size:2.4rem;text-align:left}}product-card .card-content .card-buttons{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.4rem;padding-top:1.2rem}@media screen and (min-width:1024px){product-card .card-content .card-buttons{display:none}}product-card .card-content .card-buttons>:not(:last-child){margin-bottom:.8rem}product-card .card-content .card-buttons .btn{font-size:1.4rem;line-height:1.8rem;padding:1rem 1.6rem;width:auto}product-card .card-content .card-buttons .btn svg{display:none}product-card .card-content .card-buttons .btn>:not(:last-child){margin:0}product-card .card-content .card-buttons .btn .loading{display:none}product-card .card-content .card-buttons .btn.loading .loading{display:inline-block}product-card .card-content .card-buttons .btn.loading>:not(.loading){display:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-card.css.map */
