.product-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease;position:relative;height:100%;display:flex;flex-direction:column}.product-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.product-image{position:relative;aspect-ratio:1;overflow:hidden;background:#f8f9fa}.product-image a{display:block;width:100%;height:100%;text-decoration:none}.image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.product-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease,opacity .3s ease}.product-card:hover .product-img{transform:scale(1.05)}.image-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;z-index:2;transition:opacity .3s ease}.loader-spinner{width:32px;height:32px;border:3px solid #e9ecef;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-error{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;color:#dc3545;z-index:2}.image-error i{font-size:2rem;margin-bottom:8px;opacity:.7}.image-error span{font-size:.8rem;font-weight:500}.placeholder-image{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;color:#6c757d}.placeholder-image i{font-size:3rem;margin-bottom:12px;opacity:.5}.placeholder-image span{font-size:.9rem;font-weight:500;opacity:.7}.product-badge{position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:3;box-shadow:0 2px 4px #0000001a}.badge-new{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.badge-hit{background:linear-gradient(135deg,#ffc107,#ff8c00);color:#fff}.badge-discount{background:linear-gradient(135deg,#dc3545,#e91e63);color:#fff}.product-badge:nth-child(2){top:48px}.product-badge:nth-child(3){top:84px}.product-info{padding:16px;display:flex;flex-direction:column;flex:1}.product-category{font-size:.8rem;color:#007bff;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.product-title{margin:0 0 8px;font-size:1rem;font-weight:600;line-height:1.3}.product-title a{color:#333;text-decoration:none;transition:color .2s ease}.product-title a:hover{color:#007bff}.product-description{font-size:.85rem;color:#6c757d;line-height:1.4;margin-bottom:12px;flex:1}.product-price{margin-bottom:16px;display:flex;align-items:center;gap:8px}.price-old{font-size:.9rem;color:#6c757d;text-decoration:line-through}.price-regular{font-size:1.1rem;font-weight:700;color:#007bff}.product-actions{margin-top:auto}.btn-add-to-cart{width:100%;padding:10px 16px;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;transition:all .3s ease;position:relative;overflow:hidden}.btn-add-to-cart:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.btn-add-to-cart:active{transform:translateY(0)}.btn-add-to-cart:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-add-to-cart:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-add-to-cart:hover:before{left:100%}@media (max-width: 768px){.product-card{border-radius:8px}.product-info{padding:12px}.product-title{font-size:.95rem}.product-description{font-size:.8rem}.loader-spinner{width:24px;height:24px;border-width:2px}.loader-text{font-size:.75rem}.product-badge{top:8px;right:8px;padding:3px 6px;font-size:.7rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-card[data-aos=fade-up]{animation:fadeInUp .6s ease forwards}.product-card.loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}