:root{--card-bg:#fff;--card-radius:12px;--card-shadow:0 4px 20px #0000000f;--card-shadow-hover:0 10px 30px #0000001f;--primary-color:#0d0d4d;--secondary-color:#ffcb03;--text-main:#1a1a1a;--text-muted:#666;--price-color:#d32f2f;--transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:var(--transition);border:1px solid #0000000d;flex-direction:column;width:100%;max-width:300px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-8px)}.card-image-wrapper{aspect-ratio:1;background:#f8f8f8;width:100%;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.product-card:hover .card-image{transform:scale(1.08)}.stock-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.stock-tag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#d32f2f;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:700}.card-badge{background:var(--secondary-color);color:var(--primary-color);z-index:10;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #ffcb0366}.card-content{text-align:left;flex-direction:column;flex-grow:1;gap:2px;padding:10px;display:flex}.card-category{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:.6rem;font-weight:600}.card-title{color:var(--primary-color);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:.9rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.card-price-row{align-items:baseline;gap:4px;margin-top:2px;display:flex}.current-price{color:var(--text-main);font-size:1rem;font-weight:800}.old-price{color:var(--text-muted);font-size:.75rem;text-decoration:line-through}.price-unit{color:var(--text-muted);font-size:.65rem;font-weight:400}.card-stock-info{color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;font-size:.7rem;display:flex}.card-actions{padding:0 10px 10px}.action-button{cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.8rem;font-weight:700;display:flex}.btn-add{background:var(--primary-color);color:#fff}.btn-add:hover{background:#1a1a6b;transform:scale(1.02)}.btn-added{color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9}.btn-out{color:#999;cursor:not-allowed;background:#f5f5f5}.fade-up{opacity:0;transform:translateY(30px)}.fade-up.visible{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeUp}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.products-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;width:100%;max-width:1400px;margin:0 auto;padding:20px;display:grid}@media (max-width:600px){.products-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}.product-card{max-width:none}.card-content{gap:2px;padding:8px}.card-title{font-size:.85rem}.current-price{font-size:.95rem}.old-price{font-size:.75rem}.action-button{border-radius:4px;padding:6px;font-size:.75rem}.card-badge{padding:2px 6px;font-size:.6rem;top:4px;right:4px}}@media (max-width:380px){.products-grid{grid-template-columns:repeat(2,1fr);gap:6px;padding:6px}.card-content{padding:6px}}