.price-loading{min-height:3lh!important}.price{min-height:1.5rem;font-size:1.5rem;font-weight:900}.price:empty:before{content:" "}.discount,.discount-fixed{background-color:var(--active-color-two);color:var(--almost-white);padding-left:var(--padding);padding-right:var(--padding);border-radius:var(--border-radius);min-height:1.5rem}.discount:empty,.discount-fixed:empty{background-color:#0000;padding:0}.discount:empty:before,.discount-fixed:empty:before{content:" "}.discount:not(:empty):before,.discount-fixed:not(:empty):before{content:"-"}.price-with-discount{min-height:1.5rem;font-weight:900}.price-with-discount:empty:before{content:" "}.old-price{color:var(--place-holder-color);align-items:center;gap:var(--gap);flex-flow:row;min-height:1.5rem;display:flex}.old-price:empty:before{content:" "}.old-price-value{color:var(--place-holder-color);min-height:1.5rem;text-decoration:line-through}.old-price-value:empty{text-decoration:none}.old-price-value:empty:before{content:" "}.product-card,.product-card-hr{height:stretch;padding:var(--padding);background-color:var(--white-color);border:solid 1px var(--place-holder-color);border-radius:var(--border-radius);position:relative;overflow:hidden;& .image-wrapper{place-items:center;display:grid;position:relative;overflow:hidden;& .image{object-fit:contain;cursor:pointer;display:block}}& .content{padding:var(--padding);place-content:space-between;gap:var(--gap);flex-flow:column;display:flex;& .title{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:2lh;font-weight:700;display:-webkit-box;overflow:hidden;&:empty:before{content:" "}}& .sub-title{color:var(--place-holder-color);-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:1lh;font-size:.8rem;font-style:italic;display:-webkit-box;overflow:hidden;&:empty:before{content:" "}}& .discount{background-color:var(--active-color-two);color:var(--almost-white);padding-inline:var(--padding);border-radius:var(--border-radius);&:before{content:"-"}&:after{content:"%"}}& .price-with-discount{font-weight:900}& span{flex-wrap:wrap;min-height:fit-content;display:inline-flex}}& .last-block{place-items:center;gap:var(--gap);display:grid;& .qty-changer{place-content:space-evenly;align-items:center;gap:var(--gap);border-radius:var(--border-radius);background-color:var(--almost-white);flex-flow:row;height:5dvh;display:flex;& .decrease,& .increase{cursor:pointer;width:2rem;height:2rem;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;&:disabled{opacity:.5;cursor:not-allowed}}& .decrease{border:1px solid var(--active-color-one);color:var(--active-color-one);&:after{content:"-"}}& .increase{border:1px solid var(--active-color-two);color:var(--active-color-two);&:after{content:"+"}}& .qty{text-align:center;width:60%}}}}.product-card{min-height:var(--min-card-height);gap:var(--gap);flex-direction:column;display:flex;& .image-wrapper{& .image{max-height:20dvh}}& .content{height:50%}}.product-card-hr{grid-template-columns:1fr 1fr 1fr;display:grid;& .image-wrapper{& .image{max-width:25vw;height:100%}}& .content{height:auto;& .sub-title{-webkit-line-clamp:2;line-clamp:2;min-height:2lh}}& .last-block{& .qty-changer{width:stretch}}}@media screen and (width>=768px){.product-card-hr{& .image-wrapper{& .image{max-width:15vw}}}}