.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(var(--color-background));opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:10;display:flex;align-items:center;justify-content:center}.loading-overlay.active{opacity:.7;visibility:visible}.loading-overlay__spinner{width:3rem;height:3rem}.spinner{animation:rotate 2s linear infinite;width:100%;height:100%}.spinner .path{stroke:rgb(var(--color-foreground));stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.product-grid-container{position:relative;min-height:300px}.product-type-filter{display:flex;gap:1rem;flex-wrap:wrap;padding:1.5rem 0;margin-bottom:2rem;justify-content:center;border-bottom:1px solid rgba(var(--color-foreground),.1)}.product-type-btn{padding:.75rem 1.5rem;background:transparent;border:2px solid rgba(var(--color-foreground),.2);border-radius:50px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;color:rgb(var(--color-foreground))}.product-type-btn:hover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05);transform:translateY(-2px)}.product-type-btn.active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.bf-product-card-wrapper{position:relative;height:100%;display:flex;flex-direction:column}.bf-badge{position:absolute;top:.75rem;left:.75rem;z-index:2;background:linear-gradient(135deg,#ff416c,#ff4b2b);padding:.5rem 1rem;border-radius:4px;box-shadow:0 4px 12px #ff416c66;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #ff416c66}50%{transform:scale(1.05);box-shadow:0 6px 16px #ff416c99}}.bf-badge-text{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);display:block;white-space:nowrap}.bf-quick-add{margin-top:.75rem;padding:0 .75rem}.bf-quick-add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:.9375rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66;position:relative;overflow:hidden}.bf-quick-add-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.bf-quick-add-btn:hover:before{left:100%}.bf-quick-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.bf-quick-add-btn:active{transform:translateY(0)}.bf-quick-add-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.bf-fire-emoji{font-size:1.25rem;animation:fireFlicker 1.5s ease-in-out infinite;display:inline-block}@keyframes fireFlicker{0%,to{transform:scale(1) rotate(-5deg)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(.95) rotate(-3deg)}75%{transform:scale(1.05) rotate(3deg)}}.bf-quick-add-text{position:relative;z-index:1}@media screen and (max-width: 749px){.product-type-filter{gap:.5rem;padding:1rem 0}.product-type-btn{padding:.625rem 1rem;font-size:.75rem}.bf-badge{top:.5rem;left:.5rem;padding:.375rem .75rem}.bf-badge-text{font-size:.625rem}.bf-quick-add-btn{padding:.75rem 1rem;font-size:.875rem}.bf-fire-emoji{font-size:1.125rem}}.product-grid-item{transition:opacity .3s ease,transform .3s ease}.product-grid-item[style*="display: none"]{display:none!important}.bf-quick-add-btn:disabled .bf-fire-emoji{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bf-quick-add-btn.success{background:linear-gradient(135deg,#11998e,#38ef7d)}.bf-product-card-wrapper:hover .bf-badge{transform:scale(1.05)}.bf-product-card-wrapper:hover .bf-quick-add-btn{box-shadow:0 8px 24px #667eea99}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-black-friday-product-card.css.map */