.product-container{--bg-color:var(--white-primary);--title-color:var(--black-tertiary);--description-color:var(--blue-primary);--border-color:var(--grey-tertiary);display:flex;flex-direction:column;justify-content:flex-start;position:relative;background-color:var(--bg-color);width:100%;max-width:300px;align-items:center;overflow:hidden;border:var(--border-xs) solid var(--border-color);border-radius:var(--border-radius-16);padding:var(--space-20);min-height:420px;transition:all .3s ease-in-out}.product-container:hover{border-color:var(--green-primary);box-shadow:var(--box-shadow-quinary);transform:translateY(-4px)}.product-container .badge-container{position:absolute;top:var(--space-16);left:var(--space-16);z-index:var(--z-index-badge);font-family:var(--font-primary)}.product-container .badge-container .badge-text{font-size:var(--font-size-12);font-weight:var(--text-weight-tertiary);letter-spacing:.3px}.product-container .image-container{width:100%;height:200px;padding:var(--space-24);background-color:var(--white-secondary);border-radius:var(--border-radius-12);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-16)}.product-container .image-container img{height:100%;width:100%;object-fit:contain;transition:transform .4s ease-in-out}.product-container:hover .image-container img{transform:scale(1.08)}.product-container .details-container{width:100%;height:auto;min-height:-moz-fit-content;min-height:fit-content;gap:var(--space-12);padding-top:var(--space-8);font-family:var(--font-primary);font-size:var(--font-size-14);font-weight:var(--text-weight-primary);line-height:var(--line-height-primary);text-align:left}.product-container .details-container .rating-container{display:flex;justify-content:flex-start;align-items:center;gap:var(--space-12);margin-bottom:var(--space-8)}.product-container .details-container .title-container{color:var(--title-color);margin-bottom:var(--space-12)}.product-container .details-container .title-container h4{font-family:var(--font-primary);font-size:var(--font-size-16);font-weight:var(--text-weight-tertiary);line-height:1.5;letter-spacing:-.2px}.product-container .details-container .price{margin-top:auto}.product-container .details-container .price :global(.price){font-family:var(--font-secondary);font-size:var(--font-size-26);font-weight:var(--text-weight-quaternary);color:var(--black-tertiary);letter-spacing:-.5px}.product-container .details-container .description{color:var(--description-color);font-weight:var(--text-weight-tertiary)}.product-container .details-container .button-container{display:flex;width:100%;justify-content:space-between;margin-top:var(--space-16)}.wishlistButton{height:40px;max-width:40px;max-height:40px}.wishlistButton .wishlist-icon{color:var(--white-primary);font-size:var(--font-size-22)}.wishlistButton .wishlist-icon path{transform:translate(4px,4px)}.addToCartButton{min-width:-moz-fit-content;min-width:fit-content;width:140px}.badge{background-color:var(--green-septenary);color:var(--green-primary);padding:var(--space-6) var(--space-12);border-radius:var(--border-radius-20);font-size:var(--font-size-12)}.badge,.rating{font-weight:var(--text-weight-tertiary)}.rating{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-14);color:var(--black-tertiary)}.rating svg{color:var(--yellow-tertiary);width:14px;height:14px}@media(max-width:768px){.horizontalView.product-container{flex-direction:row;border:none;border-bottom:var(--border-xs) solid var(--border-color);border-radius:0;max-width:100%;min-height:auto;padding:var(--space-16)}.horizontalView.product-container:hover{transform:none;box-shadow:none}.horizontalView.product-container .image-container{width:120px;height:120px;padding:var(--space-12);margin-bottom:0;margin-right:var(--space-16);flex-shrink:0}.horizontalView.product-container .details-container{flex:1 1;height:auto;min-height:-moz-fit-content;min-height:fit-content;gap:var(--space-8);padding-top:0}.horizontalView.product-container .details-container .title-container h4{font-size:var(--font-size-14)}.horizontalView.product-container .details-container .price :global(.price){font-size:var(--font-size-18)}.horizontalView.product-container .badge{font-size:var(--font-size-10);padding:var(--space-4) var(--space-8)}.horizontalView.product-container .badge-container .badge-text{font-size:var(--font-size-10)}}