component-product-card{display:flex;flex-direction:column;height:100%}component-product-card:hover .comp-card__content .hover--show{visibility:visible;opacity:1}.comp-card__media img{width:100%;height:100%;object-fit:contain}.comp-card__content{background-color:#fff;border-radius:8px;position:relative;aspect-ratio:.9}.comp-buy__button.hover--show.mobile{display:none}.comp-card__content .comp-card__media{display:flex;height:100%}.comp-card__content .hover--show{visibility:hidden;opacity:0;transition:.3s all}.comp-buy__button{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:calc(100% - 20px)}.comp-buy__button .btn-buy_button{display:flex;justify-content:space-between;border-radius:100px;align-items:center;padding:12px 16px;width:100%;box-sizing:border-box;font-family:var(--font-heading-family);font-weight:500;font-size:18px;line-height:120%;letter-spacing:0;outline:none;cursor:pointer;transition:.3s all}.comp-buy__button .btn-buy_button:disabled{cursor:no-drop;opacity:.9}.comp-buy__button .btn-buy_button .icon-wrapper{padding:7px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s all}.comp-buy__button .btn-buy_button svg{width:14px;height:14px}.comp-card-price__badge{padding:7px 10px;border-radius:100px;position:absolute;top:12px;left:11px;background-color:#00a500;color:#fff;text-transform:capitalize;font-family:var(--font-heading-family);font-size:16px;line-height:120%;letter-spacing:0}.comp-card-price__badge.hide{display:none}.comp-card__info{padding-top:18px;display:flex;flex-direction:column;flex:1}.comp-card__reviews{margin-bottom:6px}.comp-card__title{font-family:var(--font-heading-family);font-size:22px;letter-spacing:0;line-height:120%;color:#2a3d45;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;text-decoration:none;text-transform:capitalize;font-weight:500}.comp-card__price{display:flex;align-items:center;gap:12px;margin-top:auto}.comp-card__price--price{font-family:var(--font-heading-family);font-weight:500;font-size:18px;letter-spacing:0;line-height:120%;color:#446df6}.comp-card__price--price.red{color:red}.comp-card__price--compare_price{font-family:var(--font-body-family);font-size:15px;font-weight:400;text-decoration:line-through;color:#232323;line-height:150%}.comp-color-swatch{position:absolute;display:flex;flex-direction:column;gap:15px;top:15px;right:11px}.comp-color-swatch .color-swatch{display:flex;width:18px;height:18px;border-radius:100px}.comp-color-swatch .color-swatch[active]:after{border:2px solid rgb(68,109,246)}.comp-color-swatch .color-swatch[active]:before{display:none}.comp-color-swatch .color-swatch:after{position:absolute;content:"";top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);width:140%;height:140%;background-color:transparent;border:2px solid #EEEEEE}.comp-card__reviews .rating-wrapper{width:max-content;line-height:1;background-color:#ffefcd;border-radius:20px;display:flex;justify-content:center;padding:4px 10px;align-items:center;gap:3px;color:#fea106}.comp-card__reviews .rating-wrapper .rating{display:flex}@media (max-width : 990px){.comp-card__title{font-size:15px}.comp-card__info{padding-top:10px}.comp-card__price--price{font-size:14px}.comp-card__price--compare_price{font-size:12px}}@media (max-width: 768px){.comp-color-swatch{gap:12px}.comp-color-swatch .color-swatch{width:12px;height:12px}.comp-card__content .hover--show{opacity:1;visibility:visible}.comp-buy__button{display:block;position:relative;bottom:0;transform:none;left:0;margin-left:auto;margin-right:auto;width:100%}.comp-buy__button.hover--show{display:none}.comp-buy__button.hover--show.mobile{display:block;margin-top:12px}.comp-card-price__badge{font-size:14px;padding:5px 10px}.comp-buy__button .btn-buy_button{font-size:15px;padding:8px 14px}}@media (max-width: 375px){.btn-buy_button.btn.btn--primary .icon-wrapper{scale:.8}.comp-buy__button .btn-buy_button{font-size:15px;padding:5px 8px;gap:4px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/product-card.css.map */