.price-loading{min-height:3lh!important}.price{font-size:var(--font-size-large)}.price:empty:before{content:" "}.discount-label{background:var(--color-brand-secondary-30);border-radius:var(--radius-100);color:var(--color-neutral-70);padding:var(--space-50) var(--space-100);font-weight:500;line-height:var(--font-size-base)}.discount,.discount-fixed{background-color:var(--color-warning-20);color:var(--color-neutral-70);font-size:var(--font-size-caption);padding:var(--space-50) var(--space-100);border-radius:var(--radius-0);line-height:1.3}.discount:empty,.discount-fixed:empty{background-color:#0000;padding:0}.discount:empty:before,.discount-fixed:empty:before{content:" "}.price-with-discount{min-height:1.5rem;font-weight:700}.price-with-discount:empty:before{content:" "}.old-price{color:var(--color-neutral-40);align-items:center;gap:var(--gap);flex-flow:row;display:flex}.old-price-value{color:var(--color-neutral-40);font-size:var(--font-size-small);line-height:1;text-decoration:line-through}.old-price-value:empty{text-decoration:none}.old-price-value:empty:before{content:" "}.product-card,.product-card-hr{background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-300);position:relative;& .image-wrapper{background:linear-gradient(#0000 16.9%,#0003 100%),#d3d3d37a url(<path-to-image>) 50%/contain no-repeat;place-items:center;display:grid;position:relative;overflow:hidden;& .image{object-fit:contain;cursor:pointer;mix-blend-mode:multiply;display:block}}& .content{& .title{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;&:empty:before{content:" "}}& .sub-title{font-size:var(--font-size-small);color:var(--color-neutral-40);-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:1lh;font-style:italic;display:-webkit-box;overflow:hidden;&:empty:before{content:" "}}& .um-container{display:block}& .discount{&:before{content:"-"}&:after{content:"%"}}}& .buttons-container{gap:var(--space-300);width:100%;display:flex;&>button{flex:1;&.view-details{white-space:nowrap;justify-content:center;display:flex;&:after{content:url(/icons/icon-arrow-down.svg);line-height:0;display:block;transform:rotate(270deg)}}}}}.product-card{flex-direction:column;justify-content:space-between;height:100%;display:flex;& .image-wrapper{& .image{max-height:20dvh}& .availability-label{left:0;top:var(--space-250);position:absolute}}& .content{padding:0 var(--space-300) var(--space-300);& .availability-label{display:none}& .title,& .price{font-weight:600}& .discount-label{top:var(--space-250);right:var(--space-200);font-size:var(--font-size-caption);position:absolute}& .buttons-container{margin-top:var(--space-500)}}}.product-card-hr.row{gap:var(--space-200);& .image-wrapper{& .image{max-width:25vw;height:100%}& .availability-label{display:none}}& .content{height:auto;padding:var(--space-200) var(--space-200) var(--space-200) 0;& .title{font-size:var(--font-size-small)}& .qty-changer{display:none}& .discount-label{top:var(--space-250);right:var(--space-200);font-size:var(--font-size-caption);position:absolute}}}@media screen and (width>=768px){.product-card-hr{& .image-wrapper{& .image{max-width:15vw}}}}