.price-loading{min-height:3lh!important}.price{font-size:var(--font-size-large)}.price:empty:before{content:" "}.discount-label{background:var(--color-brand-secondary-40);border:1px solid var(--color-alpha-black-10);border-radius:var(--radius-100);color:var(--color-neutral-10);font-size:var(--font-size-caption);padding:var(--space-50) var(--space-100);font-weight:400;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;min-height:1.25rem;display:flex;& .discount{background-color:var(--color-warning-30);padding:0 var(--space-200);line-height:var(--font-size-large);align-items:center;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:" "}}& .old-price{font-size:var(--font-size-caption);color:var(--color-neutral-60);font-weight:400}& .price{font-weight:700;font-size:var(--font-size-small);color:var(--color-neutral-70)}& .sub-title{font-size:var(--font-size-caption);color:var(--color-neutral-60);-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;min-height:1lh;margin:0 0 var(--space-100) var(--space-100);-webkit-box-orient:vertical;font-style:italic;list-style:circle;display:-webkit-box;overflow:hidden;&:before{content:"•";margin-right:var(--space-50)}&:empty:before{content:" "}}& .um-container{font-size:var(--font-size-caption);color:var(--color-neutral-60);font-style:italic;display:block}& .discount{&:before{content:"-"}}}& .buttons-container{gap:var(--space-200);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);& .title,& .price{font-weight:600}& .availability-label{top:var(--space-250);position:absolute;left:0}& .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:0;& .image-wrapper{min-width:6.25rem;& .image{max-width:25vw;height:var(--percent-n100)}}& .content{height:auto;padding:var(--space-800) var(--space-200) var(--space-200) var(--space-200);position:relative;overflow:visible;& .title{font-size:var(--font-size-small);padding-right:var(--space-600);min-height:42px;color:var(--color-neutral-70);font-weight:500}& .old-price{font-size:var(--font-size-caption);color:var(--color-neutral-60);font-weight:400}& .price{font-weight:700;font-size:var(--font-size-small);color:var(--color-neutral-70)}& .qty-changer{display:none}& .discount-label{top:var(--space-250);right:var(--space-200);font-size:var(--font-size-caption);position:absolute}& .availability-label{top:var(--space-250);position:absolute;left:.5rem;transform:translate(-.5rem)}& .buttons-container{flex-wrap:wrap;&>*{min-width:6.875rem}& .button-tertiary.view-details{padding:var(--space-200) var(--space-50)}}}}