.card-product{width:100%;height:100%;position:relative;font-size:18px;overflow:hidden;border-radius:8px;background-color:rgb(var(--color-button-text))}.card-product__inner{display:flex;flex-direction:column;height:100%;position:relative}.quick-add-spacer{position:absolute;top:0;left:0;z-index:1;height:40px;width:200px;transform:translate(-140px,-50%)}.card-product__badge{position:absolute;top:10px;left:10px;display:flex;align-items:center;z-index:1;padding:.25rem .4rem .25rem .6rem;border-radius:2px;font-size:12px;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.card-product__badge:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--badge-color)}.card-product .card-product__image-container{width:100%;position:relative;display:block;overflow:hidden;margin-bottom:6rem;height:0;padding-bottom:100%}.card-product.special .card-product__image-container{margin-bottom:0;padding-bottom:calc(100% + 6rem)}.card-product .card-product__image-container>a{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.card-product__image{position:absolute;top:0;right:0;bottom:0;left:0;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%;pointer-events:all}.card-product__title{font-size:clamp(1.0625rem,.587rem + .7609vw,1.5rem);line-height:1;letter-spacing:.2px;color:rgb(var(--color-foreground));text-transform:uppercase;font-weight:400;-webkit-line-clamp:1;display:-webkit-box;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:2px;text-overflow:ellipsis}.card-product__title a{color:inherit;text-decoration:none}.card-product__price{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;font-size:clamp(.6875rem,.3478rem + .5435vw,1rem);color:rgb(var(--color-foreground))}.card-product__compare-price{text-decoration:line-through;color:#f44336;line-height:1.3;word-spacing:-2px}.starts-from{color:rgb(var(--color-foreground),.7);font-weight:400;text-transform:uppercase;letter-spacing:.2px}.card-product__current-price{font-weight:400;word-spacing:-2px}.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__quick-add{position:absolute;align-items:center;justify-content:end;background-color:rgba(var(--color-background));bottom:10px;padding:10px;margin:0 10px;gap:10px;left:0;right:0;display:flex;cursor:pointer;z-index:3;pointer-events:none}.quick-add-btn{position:relative;width:50px;height:50px;background-color:rgb(var(--color-button));border:none;color:rgb(var(--color-background));display:block;z-index:1;font-weight:700;pointer-events:all;overflow:visible}.quick-add-btn:not(.loading):disabled:after,.quick-add-btn:not(.loading):disabled:before{background-color:rgb(var(--color-foreground),.3)}.quick-add-btn:not(.loading):disabled{color:rgb(var(--color-foreground),.3)}.quick-add-btn span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path .25s ease-out,opacity .25s ease-out;opacity:0;visibility:hidden;font-size:12px;font-weight:700;text-transform:uppercase;z-index:2}.quick-add-btn:not(.is-open):not(.has-sold-out) span{clip-path:polygon(0 0,100% 0,100% 0,0 0);opacity:0;visibility:hidden}.quick-add-btn.is-open span,.quick-add-btn.has-sold-out span{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1;visibility:visible}.quick-add-btn.is-open:before,.quick-add-btn.is-open:after{opacity:0}.quick-add-btn.has-sold-out:before,.quick-add-btn.has-sold-out:after{display:none}.quick-add-form{position:absolute;top:0;transform:translateY(-100%);width:100%;left:0;padding:10px;border:1px solid rgba(var(--color-button),.5);z-index:4;background-color:rgb(var(--color-button),.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:all;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transition:clip-path .25s ease-out}.quick-add-form fieldset{border:none;display:flex;flex-wrap:wrap;gap:10px}.quick-add-form fieldset:not(:last-of-type){margin-bottom:10px}.quick-add-form legend{font-size:14px;margin-bottom:10px;font-weight:700}.quick-add-form input[type=radio]{-webkit-appearance:none;appearance:none}.quick-add-form label{border:1px solid rgb(var(--color-foreground),.2);background-color:rgb(var(--color-background),.1);padding:6px 10px;font-size:12px;display:flex;align-items:center;cursor:pointer;position:relative;overflow:hidden}.quick-add-form label.disabled:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:currentColor;transform:rotate(-45deg)}.quick-add-form label:has(:checked){background-color:rgb(var(--color-button));color:rgb(var(--color-background));border:1px solid rgb(var(--color-button),1)}.card__quick-add.is-open .quick-add-form{pointer-events:all;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.quick-add-btn:before{position:absolute;content:"";left:50%;height:40px;width:5px;top:50%;transform:translate(-50%,-50%);background-color:rgb(var(--color-background));z-index:1;transition:opacity .3s ease-out}.quick-add-btn:after{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%,-50%);background-color:rgb(var(--color-background));z-index:1;transition:opacity .3s ease-out;width:40px;height:5px}.quick-add-btn.loading{pointer-events:none;position:relative}.quick-add-btn.loading span{opacity:0;visibility:hidden}.quick-add-btn.loading:before,.quick-add-btn.loading:after{opacity:0}.quick-add-btn__spinner{position:absolute;top:0;left:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;z-index:100;background-color:rgb(var(--color-button));border-radius:inherit}.quick-add-btn.loading .quick-add-btn__spinner{display:flex}.quick-add-btn__spinner .spinner{width:20px;height:20px;position:relative;z-index:101;border:2px solid rgba(var(--color-background),.3);border-top-color:rgb(var(--color-background));border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 750px){.card-product__title{display:-webkit-box;font-size:12px;direction:ltr}.card-product__price{font-size:9px;column-gap:2px;row-gap:2px}.card__quick-add{bottom:5px;padding:10px 5px;margin:0 5px;gap:4px}.quick-add-btn{position:relative;width:24px;height:24px}.quick-add-btn:not(.loading):disabled:after,.quick-add-btn:not(.loading):disabled:before{background-color:rgb(var(--color-foreground),.3)}.quick-add-btn:not(.loading):disabled{color:rgb(var(--color-foreground),.3)}.quick-add-btn span{font-size:7px}.quick-add-form{padding:5px}.quick-add-form fieldset{gap:5px}.quick-add-form fieldset:not(:last-of-type){margin-bottom:5px}.quick-add-form label{padding:4px 8px;font-size:8px}.quick-add-form legend{font-size:10px;margin-bottom:5px}.quick-add-btn:before{height:16px;width:2px}.quick-add-btn:after{width:16px;height:2px}.quick-add-btn__spinner .spinner{width:14px;height:14px}.card-product .card-product__image-container{margin-bottom:3.5rem}.card-product.special .card-product__image-container{padding-bottom:calc(100% + 3.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/card-product.css.map */