.card-product{width:100%;height:100%;position:relative;font-size:18px;overflow:hidden}.card-product__inner{display:flex;flex-direction:column;height:100%;position:relative}.card-product__badge{position:absolute;top:10px;left:10px;display:flex;align-items:center;z-index:1;padding:.4rem .75rem;border-radius:.25rem;font-size:12px;font-weight:700;color:#fff}.card-product__image-container{width:100%;aspect-ratio:var(--aspect-ratio, 1/1);position:relative;display:block;overflow:hidden}.card-product__image-container:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:rgb(var(--color-foreground),.08);z-index:1;transition:background .3s ease-out;pointer-events:none;padding-bottom:calc(100% / var(--aspect-ratio, 1))}.card-product__image-container:hover:before{background:rgb(var(--color-foreground),.12)}.card-product__image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease;opacity:1;pointer-events:all}.card-product__image.next_image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transition:opacity .3s ease-out}.hovered:hover:before{display:none}.hovered:hover .next_image{opacity:1}.card-product__content{flex:1;display:flex;flex-direction:column;gap:12px;align-items:start;font-size:15px}.card-product__info{flex:1;width:100%}.card-product__title{font-size:var(--fluid-12-14);line-height:1.3;font-weight:700}.rtl .card-product__title{text-align:right;direction:rtl}.card-product__title a{color:inherit;text-decoration:none}@media (max-width: 750px){.card-product__title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:14px;direction:ltr}}.card-product__price{display:flex;gap:.5rem;align-items:center;margin-top:.25rem;flex-wrap:wrap;font-size:14px}.rtl .card-product__price{justify-content:end}.card-product__compare-price{text-decoration:line-through;color:#f44336;font-size:.875rem;line-height:1.3}.card-product__current-price{font-weight:500;font-size:var(--fluid-12-14)}.card-product__colors{display:flex;align-items:center;gap:5px;margin-top:.75rem;padding-bottom:5px;flex-wrap:wrap}.rtl .card-product__colors{justify-content:end}.card-product__color-option{width:24px;height:24px;margin:2px 3px 2px 0;border-radius:50%;cursor:pointer;position:relative;overflow:hidden;background-size:cover;background-position:center;border:.1px solid rgba(0,0,0,.2)}.card-product__color-option:first-child{margin:2px 3px}.card-product__color-option.hidden{display:none}.card-product__color-option.disabled{opacity:.5;cursor:not-allowed;position:relative}.card-product__color-option.disabled:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:currentColor;transform:rotate(-45deg);transform-origin:center}.card-product__color-option img{position:absolute;top:0;left:0;width:100%;height:100%}.card-product__color-option[aria-current=true]{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgb(var(--color-foreground))}.card-product__color-option:not([aria-current=true]):hover{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgb(var(--color-foreground),.8)}.card-product__image-container .card_product_mobile{display:block;position:relative;width:100%;height:100%}@media (min-width: 1000px){.card-product__inner{gap:5px}.card-product__image-container{width:100%}.card-product__image-link{margin-bottom:0}}.card-product:hover .card-product__button{display:flex;z-index:5}.card-product__button{position:absolute;display:none;align-items:center;gap:2px;background-color:#f3f3f3;padding:6px;border-radius:20px;bottom:1rem;right:1rem;text-transform:uppercase;font-weight:600;overflow:hidden}.quick-add-btn-label{position:absolute;right:0;transform:translate(105%);transition:none}.card-product__button:hover .quick-add-btn-label{position:relative;transform:translate(0);transition:transform .15s ease}.card__slider{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:4}.card-product__image-container:hover .card__slider{display:block}.card__slider-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;transition:transform .3s cubic-bezier(.25,.46,.45,.94);will-change:transform}.card__slider-image{width:100%;height:100%;object-fit:cover;flex-shrink:0}.card__slider-arrow{position:absolute;top:50%;background-color:#f3f3f3;padding:5px;border-radius:20px;z-index:1}.card__slider-arrow path{fill:none;stroke:#080808!important}.card__slider-arrow.next{right:1.25rem;transform:translateY(-50%)}.card__slider-arrow.prev{left:1.25rem;transform:translateY(-50%) rotate(180deg)}.card-product__image-container.dragging{cursor:grabbing}.card-product__image-container.dragging a{pointer-events:none}.card__slider-image{user-drag:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.wishlist-toggle{position:absolute;top:10px;right:10px;background:none;border:none;padding:5px;cursor:pointer;z-index:10;border-radius:50%}.wishlist-toggle:after{position:absolute;content:"";left:-6px;z-index:10;pointer-events:none;top:50%;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid rgb(var(--color-foreground),.8);transform:translateY(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .2s ease}.wishlist-toggle:before{position:absolute;left:-6px;z-index:20;pointer-events:none;top:50%;padding:5px;color:rgb(var(--color-background));background-color:rgb(var(--color-foreground),.8);transform:translate(-100%,-50%);white-space:nowrap;font-size:var(--fluid-10-12);text-align:center;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .2s ease}.wishlist-toggle.browse:before{content:"Browse Wishlist"}.wishlist-toggle.remove:before{content:"Remove from Wishlist"}.wishlist-toggle:before{content:"Add to Wishlist"}.wishlist-toggle:hover:before,.wishlist-toggle:hover:after{opacity:1;transition:opacity .2s ease-out .1s}.wishlist-toggle svg{width:20px;height:20px}.wishlist-toggle:hover,.wishlist-toggle.in-wishlist{background-color:#0000000a}.wishlist-toggle svg path{fill:none;stroke:#080808;stroke-width:2px}.wishlist-toggle.remove svg use{stroke-width:.1px;stroke:none;fill:#080808;transition:fill .3s ease}.wishlist-toggle.in-wishlist svg path{stroke:#080808;fill:#080808}.wishlist-toggle:hover svg use{fill:#2c2c2c}.card-product .rest-counter{display:none;background-color:rgb(var(--color-foreground),.1);font-size:12px;height:28px;width:28px;border-radius:30px;line-height:30px;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/7/assets/card-product.css.map */