.product-cards{position:relative}.product-cards.swiper .swiper-slide{height:auto}.product-cards.swiper .product-card{flex-direction:column;height:100%;display:flex}.product-cards.swiper .product-card .product-card-info{flex-direction:column;flex:1;display:flex}.product-cards.swiper .product-card .info-action{margin-top:auto}.product-cards.display-grid{gap:20px;display:grid}.product-cards.display-grid.layout-vertical{grid-template-columns:repeat(4,minmax(0,1fr))}.product-cards.display-grid.layout-horizontal{grid-template-columns:repeat(2,minmax(0,1fr))}.product-cards.display-grid.layout-horizontal-single{grid-template-columns:repeat(1,minmax(0,1fr))}
.product-card{background-color:var(--custom-color-white);border:1px solid var(--custom-card-border-color);display:flex;top:0;box-shadow:0 0 #0000}.product-card:hover{top:-5px;box-shadow:0 10px 15px #0000001a}.product-card .product-card-info{padding:calc(var(--spacing) * 5)}.product-card .product-card-info>.info-action{flex-direction:column;margin-top:auto;display:flex}.product-card .product-card-info>.info-action>.action{flex-wrap:nowrap;display:flex}.product-card .product-card-info>.info-action>.action>button{flex:1}.product-card.vertical{flex-direction:column}.product-card.vertical .product-card-info{flex:1}.product-card.horizontal{flex-wrap:nowrap}.product-card.horizontal .product-card-img{width:300px}.product-card.horizontal .product-card-info{width:calc(100% - 300px)}.product-card.horizontal-full{flex-wrap:nowrap}.product-card.horizontal-full .product-card-img{width:150px}.product-card.horizontal-full .product-card-info{flex-flow:row;width:calc(100% - 150px);display:flex}.product-card.horizontal-full .product-card-info>.info{width:calc(100% - 250px)}.product-card.horizontal-full .product-card-info>.info-action{width:250px;padding-left:calc(var(--spacing) * 5);margin-left:calc(var(--spacing) * 5);border-left:1px solid var(--custom-card-border-color);margin-top:0}.product-card.horizontal-full .price-group{flex-wrap:wrap;margin-top:0}.product-card.horizontal-full .price-group>.price,.product-card.horizontal-full .price-group>.note{width:100%;margin:0}