.product-card{position:relative;padding:20px;background-color:rgb(var(--color-background));border-radius:16px;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:1;display:flex;flex-direction:column;overflow:visible;will-change:transform,box-shadow}.product-card-normal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-color:#00000008;border-radius:16px;z-index:1;transition:opacity .3s ease}.product-card-normal:after{content:"";position:absolute;top:calc(100% - 11px);left:0;right:0;height:0;background:rgb(var(--color-background));border-radius:0 0 16px 16px;transition:all .4s cubic-bezier(.16,1,.3,1);transform-origin:top;z-index:-1;opacity:1}.product-card-header{display:flex!important;flex-direction:row!important;gap:10px;width:100%;justify-content:space-between!important;align-items:center;padding:10px;box-shadow:0 0 24px #0003;background-color:rgb(var(--color-background))}.product-card-header .product_info{width:100%}.product-card-header .product_info-content{width:100%;display:flex;flex-direction:row;justify-content:space-between!important;align-items:center}.product-card-header .form-container{position:relative}.product-card-header .product_title{margin:0}.product-card-header .quick-add-btn,.product-card-header .form-container{opacity:1;margin:0}.product-card-header .form-container{position:relative;padding:0;z-index:5;height:fit-content;pointer-events:all}.product-card-header .quick-add-btn{width:150px;padding-block:12px!important}.product-card-header .product-price-container{display:flex;flex-direction:column-reverse;gap:5px}.product-card-normal .form-container{position:absolute;top:100%;left:0;right:0;padding:0 20px;background:transparent;transition:all .4s cubic-bezier(.16,1,.3,1);opacity:0;z-index:3;height:60px;pointer-events:none;margin-top:10px;transform:translateY(-10px)}.product-card-normal .quick-add-btn{width:100%;opacity:0;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1)}.product-card-normal:hover{z-index:3;box-shadow:0 16px 24px #0003}.product-card-normal:hover .product_image{transform:scale(1.02);transition:transform .4s cubic-bezier(.16,1,.3,1)}.product-card-normal:hover:before{opacity:0}.product-card-normal:hover:after{height:80px;box-shadow:0 16px 24px #0000001a}.product-card-normal:hover .form-container{opacity:1;pointer-events:all}.product-card-normal:hover .quick-add-btn{opacity:1;transition-delay:.1s}.product-card-info{flex:1;display:flex;flex-direction:column;position:relative;z-index:2}.product-card-header .out-of-stock-badge,.product-card-header .discount-badge{display:none}.product-card-normal .out-of-stock-badge,.product-card-normal .discount-badge{position:absolute;top:1.25rem;left:1.25rem;font-size:var(--fluid-10-12);border-radius:1.25rem;padding:3px 10px;text-transform:uppercase;z-index:4;font-weight:700;line-height:1.33}.product-card-normal .out-of-stock-badge{background-color:#999;color:#fff}.product-card-normal .discount-badge{background-color:#ff2727;color:#fff}.product-card-normal .discount-badge{font-size:var(--fluid-11-13)}.product-card-normal .card-top-space{height:22px;margin-bottom:.5rem;z-index:0;pointer-events:none}.product-card-normal .product-image{flex:0 0 auto;position:relative;overflow:hidden}.product_image{width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .5s ease-out}.product_image.product_out_of_stock{opacity:.8}.product_title{font-size:var(--fluid-12-14);font-weight:700;margin:1rem 0 .5rem}.product-price-container{display:flex;gap:1rem;color:rgb(var(--color-foreground))}.compare-price,.current-price{font-weight:500;font-size:var(--fluid-11-13)}.compare-price{text-decoration:line-through;color:rgb(var(--color-foreground),.6)}.loading-spinner-quick{display:none;width:18px;height:18px;border:2px solid rgba(var(--color-button),.3);border-radius:50%;border-top-color:rgb(var(--color-button));animation:spin 1s ease-in-out infinite;margin:0 auto}.product-form.is-loading .button-text{opacity:0;display:none;pointer-events:none}.button-text{pointer-events:all;opacity:1;display:block}.product-form.is-loading .loading-spinner-quick{display:block}.quick-add-btn:disabled{background-color:rgb(var(--color-foreground),.6);cursor:no-drop;opacity:.5!important}@media (max-width: 768px){.product_title{font-size:var(--fluid-11-13)}.compare-price,.current-price{font-size:var(--fluid-10-12)}.out-of-stock-badge,.discount-badge{font-size:var(--fluid-8-10)}.product-card-header .product-price-container{flex-direction:row-reverse}}.qab_special{width:100%;padding-block:15px;border-radius:50px;background-color:rgb(var(--color-foreground));color:rgb(var(--color-button-text));font-size:var(--fluid-14-16);transition:background .3s ease;font-weight:700}.qab_special:hover{background-color:rgb(var(--color-foreground),.9)}@media (max-width: 999px){.product-card-header .product-image{display:none}.product-card-header .product_info-content{flex-direction:column;align-items:start;gap:5px}.product-card-normal .form-container{position:absolute;left:auto;right:20px;top:20px;padding:0;background:transparent;transition:all .4s cubic-bezier(.16,1,.3,1);opacity:1;z-index:50;height:fit-content;width:fit-content;pointer-events:all;margin-top:0;transform:translateY(0)}.product-card-normal .quick-add-btn{width:40px;height:40px;opacity:1;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:all}.product-card-normal .quick-add-btn svg{pointer-events:all}.product-card-normal:after{display:none}.qab_special{width:fit-content;padding-block:0;border-radius:50px;background-color:rgb(var(--color-foreground))}.quick-add-btn path{fill:rgb(var(--color-background));stroke:rgb(var(--color-background))!important}.qab_special:hover{background-color:rgb(var(--color-foreground),.9)}}@media (max-width: 550px){.product-card-header .quick-add-btn{width:100px;font-size:var(--fluid-10-12)}.product-card{padding:10px}.product-card-normal .out-of-stock-badge,.product-card-normal .discount-badge{position:absolute;top:1rem;left:10px;z-index:4;font-size:var(--fluid-9-11)}.product-card-normal .form-container{right:10px;top:10px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/card-product.css.map */