.product-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 24px #0000000f;border:1px solid rgba(0,0,0,.05);transition:all .4s cubic-bezier(.4,0,.2,1);animation:cardFadeIn .6s ease-out calc(var(--index) * .08s) both}.product-card:hover{transform:translateY(-10px);box-shadow:0 24px 48px #0000001f;border-color:#eab3084d}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.image-container{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#f8f8f8,#f0f0f0)}.image-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.product-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .4s ease;opacity:0}.product-image.loaded{opacity:1}.product-card:hover .product-image{transform:scale(1.1)}.image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%,transparent 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.image-overlay.visible{opacity:1}.quick-view{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#fff;border-radius:50px;color:#111;font-size:.9rem;font-weight:700;transform:translateY(20px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000026}.image-overlay.visible .quick-view{transform:translateY(0);opacity:1}.badges{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:8px;z-index:3}.badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;box-shadow:0 4px 12px #00000026}.badge-discount{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.badge-soldout{background:#000000d9;color:#fff}.badge-new{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.image-dots{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;transition:all .3s ease;box-shadow:0 2px 6px #0003}.dot.active{width:24px;border-radius:4px;background:#fff}.card-content{padding:24px;display:flex;flex-direction:column;gap:12px;flex-grow:1}.product-category{display:inline-flex;align-items:center;align-self:flex-start;padding:6px 12px;background:linear-gradient(135deg,#eab3081a,#f59e0b0d);border:1px solid rgba(234,179,8,.2);border-radius:8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#b45309}.product-name-link{text-decoration:none}.product-name{font-size:1.1rem;font-weight:800;color:#111;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s ease;letter-spacing:-.02em}.product-name-link:hover .product-name{color:#b45309}.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px}.price-container{display:flex;align-items:baseline;gap:10px}.current-price{font-size:1.5rem;font-weight:900;color:#111;letter-spacing:-.02em}.original-price{font-size:1rem;color:#aaa;text-decoration:line-through}.stock-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:700;border-radius:8px}.stock-badge.in-stock{background:#22c55e1a;color:#16a34a}.stock-badge.out-stock{background:#ef44441a;color:#dc2626}.actions{display:flex;gap:12px;margin-top:16px}.btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#111,#222);border:none;border-radius:14px;color:#fff;font-size:.9rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{background:linear-gradient(135deg,#eab308,#f59e0b);color:#000;transform:translateY(-3px);box-shadow:0 10px 25px #eab30859}.btn-cart{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#eab3081a;border:2px solid rgba(234,179,8,.2);border-radius:14px;color:#b45309;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.btn-cart:hover{background:#eab308;border-color:#eab308;color:#000;transform:scale(1.05)}.btn-cart.added{background:#16a34a;border-color:#16a34a;color:#fff;transform:scale(1.1)}.cart-toast{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;background:#16a34a;color:#fff;font-size:.8rem;font-weight:700;border-radius:50px;box-shadow:0 8px 24px #16a34a66;z-index:10;animation:toastIn .3s ease-out;white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.card-glow{position:absolute;inset:0;border-radius:24px;opacity:0;transition:opacity .4s ease;pointer-events:none;box-shadow:inset 0 0 0 2px #eab30866}.product-card:hover .card-glow{opacity:1}@media (max-width: 768px){.card-content{padding:20px}.product-name{font-size:1rem}.current-price{font-size:1.3rem}.actions{flex-direction:column}.btn-cart{width:100%;height:auto;padding:14px}}