.card{display:flex;flex-direction:column;width:100%;max-width:350px;position:relative;text-decoration:none;color:#000}.card .image-container{position:relative;width:100%;height:300px;border-radius:8px;overflow:hidden;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center}.card img{max-width:100%;max-height:100%;object-fit:fill;object-position:center;border-radius:8px}.card.fill-background .image-container{background-color:#fff;padding:20px;box-sizing:border-box}.card.fill-background img{width:100%;height:100%;object-fit:contain}.card.cover-mode img{width:100%;height:100%;object-fit:cover}.card .wishlist-icon{position:absolute;top:15px;right:15px;background-color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000001a;cursor:pointer;z-index:5;overflow:visible}.card .wishlist-icon .heart-icon{width:20px;height:20px;box-sizing:border-box;object-fit:contain}.card .active{background-color:#ff3b30}.card .active .heart-icon{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)}.card .content{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.card .content h3{font-size:1.2rem;font-weight:600;color:#4a4a4a;margin:0}.card .content p{color:#9a8194;font-size:.9rem;margin:0;line-height:1.4}.card .content .product-rating{margin:.1rem 0}.card .content .product-rating .stars{font-size:.8rem}.card .content .product-rating .rating-text{font-size:.75rem}.card .content .available-sizes{margin:.5rem 0;font-size:.85rem}.card .content .available-sizes .sizes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.card .content .available-sizes .sizes-header .sizes-label{color:#4a4a4a;font-weight:500;margin:0}.card .content .available-sizes .sizes-header .size-guide-link{color:#9a8194;font-size:.75rem;text-decoration:underline;font-weight:400;transition:color .2s ease}.card .content .available-sizes .sizes-header .size-guide-link:hover{color:#4a4a4a}.card .content .available-sizes .sizes-list{display:flex;flex-wrap:wrap;gap:.25rem}.card .content .available-sizes .sizes-list .size-badge{background:#e9e4e8;color:#4a4a4a;padding:.15rem .4rem;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid rgb(210.7290748899,199.7709251101,208.0991189427)}.card .content .price-and-button{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto}.card .content .price-and-button .product-price{font-size:1.2rem;font-weight:700;color:#4a4a4a;flex-shrink:0;margin:0}.card .content .classic-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;text-decoration:none;width:70%;border:none;border-radius:8px;font-weight:500;font-size:.85rem;transition:all .3s ease;cursor:pointer;flex-shrink:0;min-width:fit-content}.card .content .classic-button .cart-icon{width:14px;height:14px;transition:transform .3s ease}.card .content .classic-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.card .content .classic-button:hover:not(:disabled) .cart-icon{transform:scale(1.1)}.card .content .classic-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0000001a}.card .content .classic-button:active:not(:disabled) .cart-icon{transform:scale(.95)}.card .content .classic-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.card .content .classic-button.success{background:#75aadb;color:#fff}.card .content .classic-button.success .cart-icon{animation:cartSuccess .6s ease-in-out}.card .content .classic-button.in-cart{background:#9a8194;color:#fff;cursor:not-allowed}.card .content .classic-button.in-cart:hover{transform:none;box-shadow:none}.card .content .classic-button.in-cart:hover .cart-icon{transform:none}@keyframes cartSuccess{0%{transform:scale(1)}25%{transform:scale(1.3) rotate(10deg)}50%{transform:scale(1.2) rotate(-5deg)}75%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1)}}@media (max-width: 480px){.card .content .price-and-button{flex-direction:column;align-items:stretch;gap:.5rem}.card .content .price-and-button .classic-button{width:100%}}