.promo-gift-badge{padding:var(--space-100) var(--space-200);background-color:var(--color-brand-main-10);color:var(--color-success,#2e7d32);border-radius:4px;margin:8px 0;font-size:.75rem;font-weight:500;display:block;& .promo-item{display:block}}.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(--space-200);flex-flow:row;min-height:1.25rem;display:flex;& .discount{background-color:var(--color-warning-30);padding:0 var(--space-100);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:" "}.card-labels{top:var(--space-250);right:var(--space-200);align-items:flex-end;gap:var(--space-100);z-index:1;pointer-events:none;flex-direction:column;display:flex;position:absolute}.card-labels .discount-label,.card-labels .family-label{position:static}.family-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)}.family-label-red{background:var(--color-label-sale)}.family-label-green{background:var(--color-label-liquidation)}.family-label-purple{background:var(--color-label-offers)}.family-label-blue{background:var(--color-label-launch)}.family-label-black{background:0 0}.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{& .laboratory{font-size:var(--font-size-caption);color:var(--color-neutral-60);font-weight:500;line-height:1.4;display:block}& .title{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.2;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}}& .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-primary.svg);line-height:0;display:block;transform:rotate(270deg)}}}}}.product-card{flex-direction:column;justify-content:space-between;gap:0;height:100%;display:flex;& .image-wrapper{& .image{max-height:20dvh}& .availability-label{left:0;top:var(--space-250);position:absolute}}& .content{padding:var(--space-300);& .title,& .price{font-weight:600}& .availability-label{top:var(--space-250);position:absolute;left:0}& .buttons-container{margin-top:var(--space-500)}}}.product-card-hr.row{gap:0;height:100%;& .image-wrapper{min-width:6.25rem;& .image{max-width:25vw;height:var(--percent-n100)}}& .content{height:auto;padding:var(--space-200);position:relative;overflow:visible;& .title{font-size:var(--font-size-small);padding-right:var(--space-600);min-height:34px;color:var(--color-neutral-70);font-weight:500}& .old-price{font-size:var(--font-size-caption);color:var(--color-neutral-60);gap:var(--space-100);font-weight:400}& .price{font-weight:700;font-size:var(--font-size-small);color:var(--color-neutral-70)}& .qty-changer{display:none}& .labels-row{justify-content:space-between;align-items:center;gap:var(--space-100);margin:0 0 var(--space-300) -.5rem;display:flex;& .availability-label{white-space:nowrap;flex-shrink:0;position:static;transform:none}& .card-labels{position:unset;flex-flow:wrap;min-width:0;& .family-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}}}& .buttons-container{flex-wrap:wrap;&>*{min-width:6.875rem}& .button-tertiary.view-details{padding:var(--space-200) var(--space-50)}}}}@media screen and (width>=768px){.product-card{& .content{& .buttons-container{gap:var(--space-50) var(--space-200);flex-wrap:wrap;& button{min-width:90px}}}}.product-card-hr.row{& .content{& .old-price{gap:var(--space-200)}}}}