.favorite-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;color:#333;transition:all .3s ease;position:relative;overflow:hidden}.favorite-btn:hover{background-color:#efefef;border-color:#d0d0d0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.favorite-btn:active{transform:translateY(0)}.favorite-btn.favorited{background-color:#ffe8e8;border-color:#ff6b6b;color:#d63031}.favorite-btn.favorited:hover{background-color:#ffd4d4;border-color:#ff5252}.favorite-icon{display:inline-flex;width:1.25rem;height:1.25rem;position:relative}.favorite-icon svg{position:absolute;width:100%;height:100%;transition:opacity .3s ease,transform .3s ease}.heart-outline{opacity:1;transform:scale(1)}.heart-filled,.favorite-btn.favorited .heart-outline{opacity:0;transform:scale(.8)}.favorite-btn.favorited .heart-filled{opacity:1;transform:scale(1);animation:heartBeat .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}to{transform:scale(1)}}.favorites-page{padding:3rem 0;min-height:calc(100vh - 200px)}.favorites-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.favorites-header h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.favorites-subtitle{font-size:1.125rem;color:#666}.favorites-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.favorite-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.favorite-item:hover{border-color:#d0d0d0;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.favorite-item-image{width:100%;padding-top:100%;position:relative;background-color:#f5f5f5;overflow:hidden}.favorite-item-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.favorite-item:hover .favorite-item-image img{transform:scale(1.05)}.favorite-item-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.favorite-item-content h3{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.favorite-item-price{font-size:1.25rem;font-weight:700;color:#d63031;margin:0 0 1.5rem}.favorite-item-actions{display:flex;gap:.75rem;margin-top:auto}.favorite-item-actions a,.favorite-item-actions button{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease;text-align:center}.btn-primary{background-color:#1a1a1a;color:#fff}.btn-primary:hover{background-color:#333;box-shadow:0 4px 12px #00000026}.btn-secondary{background-color:#f5f5f5;color:#1a1a1a;border:1px solid #e0e0e0}.btn-secondary:hover{background-color:#efefef;border-color:#d0d0d0}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-remove-favorite{background-color:#fff3f3;color:#d63031;border:1px solid #ffcccc;padding:.5rem 1rem;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-remove-favorite:hover{background-color:#ffe8e8;border-color:#f99}.empty-favorites{text-align:center;padding:4rem 2rem}.empty-icon{width:80px;height:80px;color:#ddd;margin:0 auto 1.5rem;opacity:.6}.empty-favorites h2{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem}.empty-favorites p{font-size:1rem;color:#666;margin-bottom:2rem}.favorites-notification{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;background-color:#1a1a1a;color:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;font-size:.875rem;font-weight:600;z-index:9999;animation:slideIn .3s ease-out;opacity:0;transition:opacity .3s ease}.favorites-notification.show{opacity:1}.favorites-notification.added{background-color:#27ae60}.favorites-notification.removed{background-color:#e74c3c}@keyframes slideIn{0%{transform:translate(400px)}to{transform:translate(0)}}@media(max-width:768px){.favorites-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.favorites-header h1{font-size:1.75rem}.favorite-btn{padding:.625rem 1rem;font-size:.8125rem}.favorite-item-content{padding:1rem}.favorites-notification{bottom:1rem;right:1rem;left:1rem;max-width:none}.favorite-item-actions{flex-direction:column;gap:.5rem}.favorite-item-actions a,.favorite-item-actions button{width:100%}}@media(max-width:480px){.favorites-page{padding:1.5rem 0}.favorites-container{grid-template-columns:1fr}.favorites-header h1{font-size:1.5rem}.empty-icon{width:60px;height:60px}.empty-favorites h2{font-size:1.25rem}}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.favorite-btn:focus-visible,.btn:focus-visible,.btn-remove-favorite:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}@media(prefers-color-scheme:dark){.favorites-page{background-color:#1a1a1a;color:#fff}.favorites-header{border-bottom-color:#333}.favorites-header h1{color:#fff}.favorite-item{background-color:#2a2a2a;border-color:#333}.favorite-item-content h3{color:#fff}.btn-secondary{background-color:#333;color:#fff;border-color:#444}.btn-secondary:hover{background-color:#444}.favorite-btn{background-color:#333;border-color:#444;color:#fff}.favorite-btn:hover{background-color:#444;border-color:#555}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/favorites.css.map */